Archive for May, 2006
Animated Promotional Site Banner |
| Start by creating a new file of banner size. Create a circle using elliptical shape tool at the left of the banner. |
|
|
| Create another circle above the first circle. Place it as shown. Fill it with white color. |
|
|
| Create a star shape using custom shape tool. Place as shown. |
|
|
| Double click the layer to open layer style window. Apply layer style with the settings shown. |
|
|
|
|
|
|
| Duplicate the layer 3 times and place as shown. |
|
|
| Create an arrow shape using custom shape tool and place as shown. |
|
|
| Duplicate the layer and move towards right by a few pixels. Change the color. Move this layer below the first arrow layer in layer order in layer palette. |
|
|
| Similarly create one more duplicate and fill with a lighter shade. |
|
|
| Select all the arrow layers. Duplicate them and place as shown. |
|
|
| Repeat the above step. |
|
|
| Insert company name and type other details. Create a coupon shape using rounded rectangle tool. Insert text over the coupon. Merge this coupon. layer with last arrow set. |
 |
| Open animation window. For the first frame move all the arrow and text layers towards the left so that it hides behind the circle below the company name. |
 |
| Duplicate frame. Move first set of arrow layer and corresponding text towards right, so that most of it is visible. |
|
|
| Click tween button from the bottom of animation window. Apply settings as shown. |
|
|
|
|
| Select 2nd, 3rd, 4th, 5th, and 6th frame. Unhide the second star layer. |
|
|
| Select 3rd, 4th and 5th frame. Unhide the third star layer. |
|
|
| Select 4th frame and unhide the last star layer. |
|
|
| Repeat the same steps mentioned above for the next set of arrow and text layers. Also repeat the steps for star layers. |
|
|
|
|
| Press Ctrl+Alt+Shift+S to save an optimized animated GIF. |
|
|
Posted in Photoshop Tutorials | No Comments »
Mountain Logo |
|
Start by creating a circular shape using elliptical shape tool.
|
|
|
| Double click the layer to open layer style window. Apply layer style with the settings shown. |
|
|
|
|
|
|
| Enable subtract from shape area at the top bar. |
|
|
| Create an rectangular shape using rectangular shape tool. |
|
|
| Duplicate the layer, scale down and remove the gradient overlay layer style. Fill the layer with a different color. |
|
|
| Create a rectangular shape using rectangular shape tool. Enable add to shape area at the top bar. Create a rounded rectangle shape using rounded rectangle shape tool. Apply the same layer style we used for the original circular layer. |
|
|
| Duplicate the layer and scale down. Apply the same layer style we used for the small circular layer. |
|
|
| Create a mountain shape using pen tool. |
|
|
| Double click the layer to open layer style window. Apply layer style with the settings shown. |
|
|
|
|
|
|
|
|
| Create 3d perspective look of the mountain by creating a shape using pen tool as shown. |
|
|
| Move the mountain layers below the rectangle layer. Place as shown. |
|
|
| Duplicate the mountain layer twice and place as shown. |
|
|
| Type company name over the rectangle layer. |
|
|
Posted in Photoshop Tutorials | No Comments »
Golf Shot Animation |
| Start by opening an image of a golf player. |
|
|
| Create selection of the golf ball using elliptical marquee tool. Press Ctrl+J to copy paste the selection in a new layer. |
|
|
| Using clone stamp tool clone the golf ball area in the main image layer. |
|
|
| Hide the ball layer. |
|
|
| Create golf stick selection using polygon lasso tool. Press Ctrl+J to copy paste the selection in a new layer. |
|
|
| Similarly stamp the golf stick area. Hide the golf stick layer. |
|
|
| Create lady selection using polygon lasso tool. Press Ctrl+J to copy paste the selection in a new layer. |
|
|
| Stamp the edges of the lady using clone stamp tool. |
|
|
| Create a rectangular selection of the below the hole area using rectangular marquee tool. Press Ctrl+J to copy paste the selection in a new layer. Move this layer above all the layers in layer order in layer palette. |
|
|
| Unhide the golf stick layer. |
|
|
| Duplicate the layer and press Ctrl+T. Right click the layer and select distort. Adjust nodes to get the shape as shown. |
|
|
| Create more duplicate layers and distort each layer to get stick position as shown in the image. |
|
|
| Open animation window. For the first frame hide all stick layer except the one that is the begining position of the shot. |
|
|
| Duplicate frame. Hide the stick layer and unhide the next position of stick layer. Move the player layer 2 pixels downwards. |
|
|
| Repeat the above step for additional duplicate frames. |
|
|
|
|
| For the 5th frame move the golf ball towards the hole. |
|
|
| Duplicate frame. move the ball more towards the hole for additional frames. |
|
|
|
|
|
|
| For the 9th frame let the ball be completely hidden behind the grass strip layer that is above all layers. |
|
|
| Press Ctrl+Alt+Shift+S to save an optimized animated GIF. |
|
|
Posted in Photoshop Tutorials | No Comments »
Previous
Copyright 2005-2006 - All Rights Reserved.