Archive for April, 2010


CE 21: Flash along a path

April 7, 2010

Here, exercises in applying a Guide Layer. A path drawn in this Guide Layer will steer the course of a Classic Tween applied to its parent layer.

First, right-click on blank parent layer to choose Add Classic Motion Guide. In the Guide layer, draw the path that an object is going to take. (Note: use only pen or pencil for this, not the brush or other fill tools.) Back in the original, blank layer, create a shape and drag it to the start point of the path. Apply Classic Tween in the usual way and place the shape at the end point of the path. (Also note: Classic tweens apply to shapes, not to symbols. A symbol has to be Broken Apart before this will work.)

In the first example, I also applied a transform to the same Classic tween to make the ball larger at the endpoint.

The tweening got confused when I made a path a complete loop, so in the second example here, the square path actually doesn’t complete – the start and end points have a gap of half a ball-width or so between them. The motion still looks smooth.

Two examples:


CE 20: Flash tween with shape hints

April 5, 2010

Class exercise in shape tweening using “shape hints” to guide the transformation. First, two simple text letters go into keyframes 24 frames apart for the start and end. Text is a “symbol” in Flash, so before a shape tween can be applied, each letter has to be converted into pure shapes with the “Break Apart” command. Once a shape tween has been applied to the run of frames, then Modify > Shape > Add Shape Hint can add a hint dot to the start frame. Each dot is dragged to a good spot on the edge of the start letter, and its corresponding dot to a matching place on the end letter. After some trial and error, the shape hints can constrain the transformation to something that makes sense.

First image with no shape hints, second with. This animation uses four shape hints, two on the tips of the C and leftmost points of the K, and two matching the upper and lower edge of the C to the pinched-in points in center of the K.


Photoshop project: Hotdogbook

April 1, 2010

Our Photoshop project was to design and print a little eight-page booklet, called a ‘hotdogbook’, on any subject that people should be made aware of. Since I’m taking anatomy class at the same time, I wrote up a guide characterizing the five kinds of white blood cells.

Hotdogbooks are printed on one side of ordinary 8.5 x 11″ paper. When folded down the center and the spine cut along the center four pages (but without cutting the outer four pages) the sheet folds up into a booklet with front and back covers and six interior pages. It can stand upright on a table or its pages can be turned book style.

If anyone finds this guide useful, feel free to use it for your studies.

Edited 6Jun10: An article on boingboing shows the evolving design of Iraq cultural “smart cards”, also with eight pages, used by the US military.

Tactical Language Education