Breathe new life into text. These tutorials will teach you how to create various text effects.  Home Photoshop Text Effects Creating a Fast Text Effect Web Banner

Creating a Fast Text Effect Web Banner


Start by creating a new file. Use standard banner size 468X60 pixels.

image 1

Open a relevant image. Place it on the left side of the banner.

image 2

Using marquee tool draw a rectangular selection covering most of the banner.

image 3

Press Ctrl+Shift+I to invert the selection. Fill it with the border color of your choice.

image 4

Using custom shape tool add some interesting background shapes.

image 5

image 6

Type the web site name near the bottom.

image 7

Type "Adventure Sports" in a bold and prominent font.

image 8

Duplicate this layer several times and change the font and color in each layer keeping the text same.

image 9

image 10

image 11

Create a new layer and fill it with white color. Place it on top of all layers.

image 12

Open animation window. Select first frame. In layer window hide the white layer along with all other "Adventure Sports" text layers except one.

image 13

Duplicate the frame. In layer window hide the previously unhidden text layer and unhide any other text layer with different color and font, that was hidden in the previous step.

image 14

Duplicate the frame and proceed by repeating the previous step by selecting different font layers sequentially.

image 15

Select 4th and 8th frame and unhide the white layer. This will add an interesting light flash effect at regular intervals.

image 16

Press Shift+Ctrl+Alt+S to save an optimize animated GIF using following settings.

image 17

Creating a Fast Text Effect Web Banner Tutorial: Final Result



Author's URL: Invano.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Creating a Fast Text Effect Web Banner"

Only registered users can write comment

No comments yet...