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