Photoshop Animation Online Banner

Posted on September 17th, 2008 by 3dfun in Photoshop Cool Techniques

Today I will teach you about How to Create Photoshop Animation Online Banner

[1]-First of all Open New Document of Custom size,Height & Width 390×260 pixels,Resolution 72 & Mode RGB Color

Photoshop-Animation-Online-Banner1

[2]-Now select Custom Shape Tool & use the following shape & settings

Photoshop-Animation-Online-Banner2

[3]-Now fill the Background with any color & then Open New Layer & create the following shape with the help of Custom Shape
Tool,right click select ‘Make Selection’

Photoshop-Animation-Online-Banner3

[4]-Now use the following settings in Make Selection

Photoshop-Animation-Online-Banner4

[5]-Now your image should look like as shown below

Photoshop-Animation-Online-Banner5

[6]-Now fill the selection with ‘f8941d’ color & then Open New Layer-2 & create the following selection with the help of
Rectangular Marquee Tool

Photoshop-Animation-Online-Banner6

[7]-Now fill the selection with ‘1b1464′color & then go to Filter>Noise>Add Noise & use the following settings

Photoshop-Animation-Online-Banner7

[8]-Now go to Filter>Artistic>Palette Knife & use the following settings

Photoshop-Animation-Online-Banner8

[9]-Now your image should look like as shown below

Photoshop-Animation-Online-Banner9

[10]-Now select Text Tool          Photoshop-Animation-Online-Banner10 & create the following Text

Photoshop-Animation-Online-Banner11

[11]-Now create the other Text with the help of Text Tool like as shown below

Photoshop-Animation-Online-Banner12

[12]-Now go to Window>Animation & then create the 2 Duplicate Frames with the help of 2 times click on following Button
which is indicating by Hand sign

Photoshop-Animation-Online-Banner13

[13]-Now select Layer-1 & make the Duplicate Layer with the help of Ctrl+J & then little Rotate the following shape with
the help of Ctrl+T & then press ENTER

Photoshop-Animation-Online-Banner14

[14]-Once again make the Duplicate Layer-2 & then little rotate the following shape with the help of Ctrl+T & then press ENTER
& your image should look like as shown below

Photoshop-Animation-Online-Banner15

[15]-Now select Frame-1 & then Hide the following Layers with the help of Remove the EYE SIGN which is indicating by Hand sign

Photoshop-Animation-Online-Banner16

[16]-Now your image should look like as shown below

Photoshop-Animation-Online-Banner17

[17]-Now select Frame-2 & then Hide the following Layers & reduce the opacity of following Text Layer like as shown below

Photoshop-Animation-Online-Banner18

[18]-Now your image should look like as shown below

Photoshop-Animation-Online-Banner19

[19]-Now select Frame-3 & then hide the following Layers & reduce the Opacity also as used in step-17

Photoshop-Animation-Online-Banner20

[20]-Now your image should look like as shown below

Photoshop-Animation-Online-Banner21

[21]-Now Play the Animation with the help of Click on following Button which is indicating by Hand sign

Photoshop-Animation-Online-Banner22

[22]-Now go to File>Save for Web & Device & save your image in GIF format

Photoshop-Animation-Online-Banner23

[23]-See below for Final Photoshop Output.I hope this is a good tutorial & u can use these Photoshop Techniques in your
Graphics Design Project

Photoshop-Animation-Online-Banner24

creating logos with photoshop

creating water in photoshop

creating watermarks in photoshop

3dsmax 3d retrace effect tutorial

Photoshop LCD Monitor Icon

Leave a Reply

You must be logged in to post a comment.