Light in Motion: Leaf Shadow

Obviously, there are several methods you can use to move layered objects around in ImageReady to create animation. Some of those methods can be used to animate with layer styles that will give realistic 3-D effects. Lighting and shadows in motion or moving textures across an object are just a few ways you can create motion with a single object or text layer. This project will guide you through creating lights, shadows, depth, and motion. With this method, you will modify only the layer styles in Photoshop and animate their settings in ImageReady. You can follow along by opening LightMotion.psd from the Chapter 1 folder on the companion DVD.

Using the Global Light directional settings, you can create incredibly realistic 3-D animations with layer styles. This project shows that an image with only one layer and a single layer style applied can be animated in ImageReady to create the illusion that a light source is moving from the bottom to the top of the frame.

Start with a text layer or an object floating in a layer in Photoshop. Apply a Drop Shadow to the object layer in the Layer Styles dialog box, setting the Distance far away from the object, as shown in Table 1.1. I changed the Angle to create the illusion

of the light source coming from the bottom and moving to the top and also made the shadow a bit bolder by adjusting the Spread (see Figure 1.26). Table 1.1 Layer Style settings for a drop shadow

Setting

Value

Result

Angle

-120°

Creates the illusion of the light source coming from the bottom and moving

to the top.

Distance

30 pixels

Positions the light far away from the object.

Spread

20%

Makes the shadow bolder,exaggerating the shadow depth.

D rn

Setting

Value

Depth

250%

Size

Approx. 10 pixels

Light Source Direction

Leave as is, Up

Altitude

65°

(S> O o LightMotion.psd @ lOOSi (Original)

(S> O o LightMotion.psd @ lOOSi (Original)

Figure 1.26 Create dramatic drop shadows for your object layer.

Apply a solid Color Overlay to the object layer and a Pattern Overlay for texture if you want. I applied a Pattern Overlay of Gouache Watercolor and set the Color Overlay Blending Mode to Overlay, allowing the texture to show through the solid color.

Apply a Bevel And Emboss to the layer, with a Half Round Contour. Set the options as shown in Table 1.2 and in Figure 1.27. In addition, I added a light background texture to give it depth and interest.

Table 1.2 Bevel And Emboss Layer Style settings

Jump to ImageReady—your first frame will automatically be positioned in the current state. Duplicate the first frame, and change the angle of the Drop Shadow to + 120°, making sure that the Use Global Light selection is checked (see Figure 1.28).

Select both frames on the Animation palette, and click the Tween button. Select only the Effects option, and set the number of frames you want to add to your animation. I chose 28 for a smooth 1-second animation at 30 fps (see Figure 1.29).

Figure 1.28

Note how the light angle and the drop shadows affect the surface of the image.

Figure 1.27

Apply a Color Overlay and Emboss to the layer to give it depth and dimension.

Figure 1.28

Note how the light angle and the drop shadows affect the surface of the image.

Tween

Tween With: Selection

s< 3

Frames to Add: 28

Cancel

Layers

® All Layers

Selected Layers

Parameters

Q Position

□ Opacity

0 Effects

Tweening the effects with several frames will give you a longer, smoother animation.

Figure 1.29

Tweening the effects with several frames will give you a longer, smoother animation.

You can set the delay timing to slow down or freeze the animation in the timeline on the Animation palette. I chose to add .1 Sec a few frames toward the end of the animation sequence to "ease in" to the last frame, and then hold on the last frame for 2 seconds before looping again (Figure 1.30). See the final animation, LightMotion.mov, in the Chapter 1 folder on the companion DVD.

Figure 1.30

Speed up or slow down the animation further by setting the delay timing for each frame.

Figure 1.30

Speed up or slow down the animation further by setting the delay timing for each frame.

Photoshop CS Mastery

Photoshop CS Mastery

Artists, photographers, graphic artists and designers. In fact anyone needing a top-notch solution for picture management and editing. Set Your Photographic Creativity Free. Master Adobe Photoshop Once and For All - Create Flawless, Dramatic Images Using The Tools The Professionals Choose. Get My Video Tutorials and Retain More Information About Adobe Photoshop.

Get My Free Videos


Post a comment