Hello guys, now I'm gonna teach you how to create an animated banner using photoshop program. It's very easy, just read the step belows :

Step 1: Creating the banner size.
Open a new file in photoshop by clicking on File>New.Make the file size width 468px and height 60px. The size can be edited for whatever you like.


Step 2 : Adding background
Create a new layer called “Whitebackground”,fill it with white color and we add stroke in it of black color 1px size,set its position in center.

It will look like……


Step 3 : Creating an rounded rectangle.
Select Rounded Rectangle Tool and create an rounded rectangle in a new layer. And fill it with black color with the help of paint-bucket-tool.


Step 4: Adding Logo
Create a new layer or press Ctrl+Shift+N,named it logo. Select Text Tool and type websitename in logo layer. I uesd swatch it font
It will look like.

Change the color of “ 2 ″ in how2writecode with #e67929.


Step 5 : Adding Shape
Create a new layer, named it shape.and then Select pen tool from toolbox.Place a point in shape layer shown in picture.

Add second point vertical .

then place third point as shown in the picture below.

and then click Vector Mask Thumbnail in shape layer.


Step 6 : Adding some text
Create a new layer called “wordpress tutorials”, add some text in this layer like as shown in picture.

and I changed the color of “tutorials” with #e67929.

Final Image Preview

 

Make a Free Website with Yola.