Making the pumpkin
Making a room
Creating the Animation
Part I—Making the pumpkin
Open Photoshop by clicking on the icon on the dock
- Open a new document with a transparent background.
- Select the Elliptical Marquee Tool.
- Start at the center of the image and while holding the OPTION key drag out a tall,
thin selection.
Set your foreground color to #FF9B06 and fill the selection using the
Paintbucket Tool (G).
- Turn off the marching ants (Ctrl+D).
- Go to the bottom of the Layers palette and click the Add a layer style-button
-
Pick Inner Glow from the menu. Use these settings:
- Move on to Bevel and Emboss. Use these settings:
This is what you should have:
- Go back to the Layers palette and duplicate the layer by pressing +J.
- Activate the bottom layer by clicking on it.
- Go to Filter > Distort > Shear Drag the curve
so it look like this:
- Select the Move Tool (V) and move the layer a bit to the left.
- Duplicate this layer (+J). Go to Edit > Transform >
Flip Horizontal.
Use the Move Tool (V) to move the layer over to the right.
- Activate the top layer by clicking on it in the Layers palette.
Duplicate it (+J). Move it to the bottom of the stack.
Go back to Filter > Distort > Shear (Ctrl+OPTION+F):
- Use the Move Tool (V) to move the layer over to the left.
Duplicate the layer and once more go to Edit > Transform >
Flip Horizontal.
Move the layer to the right side.
- To fix the shape: You need to Merge all the layers into one (+SHIFT+E).
Then go to ilter > Liquify... (+SHIFT+X)
- Get the Warp Tool (W)
 and set the Brush Size to 150 and and the Brush Pressure to 50.
Drag from the edges and in towards the middle like described on the image below:
- Exit the Liquify window when you're happy with the shape of the pumpkin.
Holding the OPTION key switches the Cancel button into a Reset button
if you want to start over from scratch. You can also use Ctrl+Z and SHIFT+Ctrl+Z to
undo as usual.
- Go to the Layers palette and click the Add a layer style-button
 ,
select Inner Shadow from the menu. Use these settings:
- Go back to the Layers palette and the create a New Layer.
-
Grab the Brush Tool (B) and set the preset Hard Round 19 pixels up the the Options bar.
-
Set your foreground color to #005826 and paint in a shape like this:
- To give it a bit more depth go to the Add a layer style and pick Inner Glow
from the menu:
- Move on to Bevel and Emboss:
This is what it should look like after you
positioned the layer at the bottom of the stack in the Layers palette.
- Now you need a face on the pumpkin. Select black as your foreground color
-
Use the Pen Tool
 .Select the first option:
- Click and drag anchor points. For each shape (eyes, nose, mouth) press RETURN after creating the shape.
- You need to combine the last few layers. In the Layers Palette select the layers and click on link:
- Select Merge Link from the fly out menu or press +E
- In the Layers Palette lower the Fill opacity to 0%
- Select the Add
a layer style-button .
Pick Bevel and Emboss from the menu:
- Move on to Inner Glow:
- Press okay:
- Save image.
Creating a room
- Create a new document
- Select the Rectangle marquee tool and while holding SHIFT draw a square. Fill with a color. Deselect it (+D)
Select the Move tool and make a duplicate and move it to start a checkerboard. Using the Rectangle Marquee select the pattern:
- Select Edit>Define Pattern
- Turn of squares and create a new blank layer, make a selection:
- Select Edit>Fill and select Pattern
- Choose your custom pattern
- Deselect layer and transform
- Drag points in. Accept transformation. Press +T and squash.
- Create a layer below floor (Press while clicking on new layer icon
- Make a selection and fill with a color:
- Press +J to duplicate wall and move to other side
- Fill background layer with a color
- Drag your pumpkin into this document (make sure it is the top layer).
- Save image
Creating an animation
- Open the Animation palette
- Select the Move tool.
- Make a duplicate of the pumpkin.
In new layer press +T to transform.
Bring down the top of the transform marquee and bring out slightly.
- Create a duplicate layer of the new layer and further extend the squash by making the image flatter and wider.
- Turn off the two new layers
- In the Animation palette, click on frame 1 and then press New Frame icon
- While frame 2 is selected, select Move tool and pumpkin layer and move the pumpkin up
- Click on frame 1, make a duplicate and then drag it after the 3rd frame
- SHIFT +CLICK on frames 1 and 2 and then press the tween button
- Set up the dialog box like this:
- Repeat the tween between the last 2 frames
- Duplicate the last frame. Turn on the partially squashed pumpkin and turn off the original pumpkin
- Duplicate the last frame. Turn on the fully squashed pumpkin and turn off the partially squashed
- Click on the partially squashed pumpkin frame, make a duplicate of it and move it to the last frame
- Select File>SaveFor Web & Devices.
Select Images only.
Save in your web:images folder
- Drag gif onto browser to test.
- Go back to ImageReady to tweak the animation (add frames, delete frames add layers, etc) and resave.
|
