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

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

[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’

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

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

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

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

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

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

[10]-Now select Text Tool


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

[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

[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

[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

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

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

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

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

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

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

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

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

[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

Hope you can
learn something new from this tutorial.
Clipping Design is the finest leading outsourcing
firm of the globe. It is a 24 hours online
clipping
path service , clipping path, image
masking service,
graphics design, web and SEO
service provider.
Image dealing out services like outsourcing
clipping path,
image masking, creating shadows, image
colorization,
photo retouching, photo
editing &
graphics design is our specialty. We are moreover expertise in given that an
unswerving service with quick turnaround time, that’s why you can trust Clipping Design.Com.
Thank you…
Reference:
tutorial-zee
I love doing experiments in photoshop. Your guideline about creating photoshop animation online banner is very useful for all the people who wants to learn designing. I have learned this new thing from your blog. Thanks for sharing.
ReplyDeleteindesign training sydney