Creating a Web Banner With Magnifying Text Effect |
| Start by creating a new file. Use a standard banner size 468X60 pixels. Fill the background with a dark color. |
 |
| Create a big circle and fill it with a different color. Place it in such a way so that only top portion of the circle is visible, that too on the bottom of the banner. |
 |
| Create a web shape using custom shape tool. |
 |
| Select the layer and change the layer mode to color dodge and opacity to 50%. |
 |
 |
| Type "searching for best deal" in a new layer. |
 |
| Create a magnifying glass from custom shape tool. |
 |
| Apply layer style as shown. |
 |
 |
| Duplicate the text layer and hide the original one. Change the font and size of the duplicate text layer. Try to use a bold font. |
 |
| Hide the search shape layer and create a circle below the text layer. |
 |
| Press Ctrl+Alt+G to make clipping mask. |
 |
 |
| Unhide the search shape layer. |
 |
| Hide these layers and in a new layer type a new line of text and add company logo too. |
 |
| Open animation window. For first frame hide the second line and logo and unhide magnifying glass, first line and masked text. |
 |
| Select the magnifying glass and masked layer together. |
 |
| Duplicate frame and move elements as shown. |
 |
| Create successive duplicate frames and add motion as shown. |
 |
 |
 |
| Similarly create back motion of the magnifying glass and masked layer. |
 |
 |
| In 14th frame we hide these layers and unhide second line and logo. |
 |
| Duplicate the frame and hide logo and second line to create blink effect. |
 |
| Adjust delay duration of frames as shown in the image shots. |
 |
| Press Ctrl+Alt+Shift+S and output an optimized animated GIF. |
 |
Creating a Web Banner With Magnifying Text Effect
1 Comment »
RSS feed for comments on this post. | TrackBack URI
very nice!!!
Comment by lana — March 29, 2006 @ 7:58 am