Smart Photoshop











 

May 7, 2006

Glass Surface Water Drop Animation

Filed under: animation — admin @ 10:58 am

Glass Surface Water Drop Animation
Start by opening an image of a glass.
Create an ellipse using elliptical shape tool.
Reduce the opacity to 20%.
Ctrl+Click the layer thumbnail to get the selection. From select menu apply modify>>contract. Contract the selection by 1 pixels. Create a new layer and apply a black to white gradient in linear mode.
Change the layer mode to screen.
Merge both the layers. Press Ctrl+T. Right click the layer and select warp. Adjust nodes to get the shape as shown.
Double click the layer to open layer style window. Apply layer style with the settings shown.
Change the layer mode to screen and reduce the opacity to 51%.
Create several duplicates of the drop. Press Ctrl+T and distort. Place as shown in the image below.
Open animation window. For the first frame hide all the drop layers except the top drop layer.
Duplicate frame and hide the first drop layer. Unhide the next drop layer. Similarly hide unhide the layers to create a falling drop effect.
For the last frame hide all the drop layers. Adjust delay durations as shown in the image below.
Press Ctrl+Alt+Shift+S to save an optimized animated GIF.










 

May 1, 2006

Creating and Animating Skipping Stick Man

Filed under: animation — admin @ 11:25 am

Creating and Animating Skipping Stick Man
Start by creating an ellipse using elliptical shape tool.
Create another ellipse for the body of the stick man using elliptical shape tool.
Press Ctrl+T. Right click the layer and select warp. Adjust nodes to get the shape as shown.
Using line tool create arms as shown.
Create ellipse for hands and distort to get a shape as shown.
Using line tool create legs with a little higher thickness than arms.
Also create feet using ellipse tool. Select all layers and press Ctrl+G to group in a new group.
Duplicate group. Hide the original group. In this group adjust the arms and legs to get a posture as shown.
Duplicate the group. In this group adjust the arms and legs to get another posture as shown.
Create a skipping rope shape using pen tool.
Create a new layer. Select a five pixel solid brush. Click stroke path with brush in path window.
Duplicate rope layer. Press Ctrl+T. Right click the layer and select distort. Adjust nodes to get a shape as if the rope is in air.
Duplicate rope layer. Press Ctrl+T. Right click the layer and select distort. Adjust nodes to get a no motion shape.
Select a particular rope layer and shift select the respective stick man posture group. Press Ctrl+E to merge. Similarly create two more stickman and rope merged layers. Now we have three layers in all. Select these layers. Scale down vertically.
Press Ctrl+T. Right click the layers and select perspective. Adjust nodes to get the shape as shown. Reduce the opacity to create a perspective shadow.
Open animation window. For the first frame keep the first posture with it’s respective shadow visible and hide the rest of the layers.
Duplicate frame. Keep the second posture with it’s respective shadow visible and hide the rest of the layers.
Similarly for the third one.
Press Ctrl+Alt+Shift+S to save an optimized animated GIF.










 

April 23, 2006

Animated Banner for Purse Store

Filed under: animation — admin @ 12:20 am

Creating an animated gif banner
Start by creating a new file of banner size. Fill the background with blue color.
Create a rectangular selection using rectangular marquee tool.
Press Q to enable quick mask. From filter menu select distort>>glass. Apply settings as shown.
Press Q to disable quick mask. Create a new layer and fill the selection with white color.
Create a rectangle using rectangular shape tool.
Double click the layer to open layer style window. Apply layer style with the settings shown.
Insert a product image and place over this rectangle.
Similarly create more rectangle and place images over them.
Insert company logo and place on the left.
Create a rectangle using rectangular shape tool. Press Ctrl+T and rotate it.
Double click the layer to open layer style window. Apply layer style with the settings shown.
Type details on the rectangle. Use different layers for different lines of text.
Open animation window. For the first frame hide all rectangles and images.
Duplicate frame. Unhide first rectangle.
Duplicate frame. Unhide first product image.
Similarly create duplicate frames and keep unhiding rectangles and images.
For 8th frame keep the rotated rectangle layer and the respective text layer partially visible from the right edge of the banner.
Duplicate frame. Move these layers inwards.
Duplicate frame. Hide the first detail layer and unhide the second one.
Press Ctrl+Alt+Shift+S to save an optimized animated GIF.
Next Page »