November 15 , 2001

Creating a Curved Zoom Effect

This is a great tutorial that will demonstrate how to create a zoom effect by hand. It uses some clever manipulation of points on objects, in this case a star. This is very cool if you want to create curving zoom effects which may be pretty difficult. Check it out below.

Version: 7 and above

 
 


Tip idea provided by: James E. Talmage
Content written by Ian Kelleigh

We'll be using a star shape as the example for the first part of this tutorial. So go into the Polygon setup panel by double-clicking on the Polygon tool.

Enter in the number of sides (I used 5) and set it as a Star shape and Star Points to Automatic.

 

Now create the star on the page. While it's still selected, Lock it in place under the Modify menu.

Keeping it selected, Clone the star.

 

Drag-select around all the points and Split them under the Modify menu. While the segments are selected, go under the Xtras menu -> Distort -> Add Points (or use the toolbar icon if you have it).

You should have something like shown above.

 

While the points are still selected, go to the Align palette and align them all to the Center. You can do this quickly by double-clicking on the center of the Align palette.

 

Drag the selected points over to the side.

Now you can quickly close the paths by using the semi-hidden Close command in FreeHand 9-10. This is found under the Customize Shortcuts or Toolbars area of FreeHand. Look in the area called Other -> Paths -> Close. Either create a shortcut for it or put the toolbar icon on your toolbar. Either way, it's a good command to have access to, because it allows you to close multiple paths at the same time. Very handy.

Once you've setup the command, go ahead and use it on all of the selected shapes above.

You can stop here if you want to just make the shapes with a straight zoom effect. Just finish it off with some fills and you're ready to go.

 

Under the View menu, turn on Snap to Points.

Now, click on one of the extruded shapes then select it's vanishing point.

Holding the Option (Alt) key, drag out a control handle from the point. When you see what segment of the shape it controls, snap the handle up to the point that is on the other side of that segment. Watch the animation above to see it in action.

 

You'll be doing this to the rest of the extrusion shapes, so it may help you out to move the point off to the side once you've pulled out the handles.

Don't worry about the distortion you may see as a result of this, it will be fine later.

 

If you've moved all the points from their original location, leave the last shape where it is. Then when you're finished with the handles, select around the moved vanishing points and drag them to snap to the last vanishing point in the original location.

 

Now give the extruded faces some color. Above I used a simple gradient fill. Also, grab that original star, unlock it and Bring it to Front. Fill it too.

Now we are ready to have fun with this.

 

First click-drag around the vanishing points to select all the points of the extruded shapes. We'll be making some transformations from these points utilizing all the curve handles we pulled out.

 

 

You can use any of the Transform tools on these points and it will effect the curve handles too. Watch the animation above to see what I mean.

First I used the Scale tool to scale the handles down a little bit. Then I used the basic pointer to move all the points up. You'll notice that suddenly all the curves are created from this. From there I then used the Rotate tool to actually rotate the curve handle positions. After a few transformations, I'm happy with the results so I deselect everything.

I highly recommend you play around with this, using the various transform tools.

`

 

Now I want to duplicate this zoomed star keeping the curve. This is all very easy.

First, instead of selecting the vanishing points, click-drag around the star and the points that make up the faces touching the star like shown above.

 

Using the Rotate tool, click on the vanishing points and start rotating all the shapes. Let go when you are happy with the transform, but keep the shapes selected.

 

Then just power duplicate by hitting Command(Control)+D and you'll see all your stars rotate properly like shown above. Send them to front or back as needed.

 

Then just add some of your own touches to finish it off, like text or other fun things.

Well I hope you enjoyed this fun tip. I hope it wasn't too confusing for you. You may notice little strange anomalies when doing this effect such as the faces not lining up properly, or the stacking orders may be off. But if you work with it and tweak things here an there, it will come out very nicely in the end.