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. |
|
|
