![Photoshop-Animated-Drop-Banner35](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner35-thumb.gif)
[1]-First of all Open New Document of Custom size,Height & Width 270×400 pixels,Resolution 72 & Mode RGB Color
![Photoshop-Animated-Drop-Banner1](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner1-thumb.gif)
[2]-Now Open New Layer & then fill the selection with any color & then go to Blending Options,select Gradient Overlay
Photoshop Technique-How to use the Gradient Overlay feature
![Photoshop-Animated-Drop-Banner2](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner2-thumb.gif)
![Photoshop-Animated-Drop-Banner3](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner3-thumb.gif)
[3]-Now create the following selection with the help of Pen Tool & your image should look like as shown below
![Photoshop-Animated-Drop-Banner4](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner4-thumb.gif)
[4]-Now Open New Layer & then fill the selection with any color & then go to Blending Options,select Inner Shadow
Photoshop Technique-How to use the Inner Shadow feature
![Photoshop-Animated-Drop-Banner5](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner5-thumb.gif)
[5]-Now select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay feature
![Photoshop-Animated-Drop-Banner6](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner6-thumb.gif)
![Photoshop-Animated-Drop-Banner7](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner7-thumb.gif)
[6]-Now your image should look like as shown below & then create the following selection with the help of Lasso Tool
![Photoshop-Animated-Drop-Banner8](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner8-thumb.gif)
[7]-Now Open New Layer[this Layer should below previous Layer] & then fill the selection with ‘6dd0f7′ color & then go to
Blending Options,select Inner Shadow & use the following settings
Photoshop Technique-How to use the Inner Shadow feature
![Photoshop-Animated-Drop-Banner9](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner9-thumb.gif)
[8]-Now your image should look like as shown below
![Photoshop-Animated-Drop-Banner10](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner10-thumb.gif)
[9]-Now Create the Group Layer with the help of Click on following Button which is indicating by Hand sign & after that
both layer should put the Group Layer like as shown below
![Photoshop-Animated-Drop-Banner11](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner11-thumb.gif)
[10]-Now right click on Group Layer & select Duplicate Group & make it
![Photoshop-Animated-Drop-Banner12](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner12-thumb.gif)
[11]-Now select Duplicate Group & then create the following adjustment with the help of Move Tool & your image should look
like as shown below
![Photoshop-Animated-Drop-Banner13](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner13-thumb.gif)
[12]-Now Hide the Following Layers with the help of Click on following Button which is indicating by Hand sign
![Photoshop-Animated-Drop-Banner14](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner14-thumb.gif)
[13]-Now Open New Layer & then create the following selection with the help of Elliptical Marquee Tool
![Photoshop-Animated-Drop-Banner15](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner15-thumb.gif)
[14]-Now fill the selection with any color & then go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow feature
![Photoshop-Animated-Drop-Banner16](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner16-thumb.gif)
[15]-Now select Inner Shadow & use the following settings
Photoshop Technique-How to use hte Inner Shadow feature
![Photoshop-Animated-Drop-Banner17](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner17-thumb.gif)
[16]-Now select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature
![Photoshop-Animated-Drop-Banner18](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner18-thumb.gif)
[17]-Now select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay feature
![Photoshop-Animated-Drop-Banner19](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner19-thumb.gif)
![Photoshop-Animated-Drop-Banner20](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner20-thumb.gif)
[18]-Now make the Duplicate Layer with the help of Ctrl+J & then create the following adjustment with the help of Move Tool
![Photoshop-Animated-Drop-Banner21](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner21-thumb.gif)
[19]-Now Create the any Text with the help of Text Tool
![Photoshop-Animated-Drop-Banner22](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner22-thumb.gif)
[20]-Now go to Window>Animation & then make the Duplicate Frame with the help of Click on following Button which is indicating
by Hand sign
![Photoshop-Animated-Drop-Banner23](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner23-thumb.gif)
[21]-Now select Frame-1 & then Hide the following Layer with the help of Click on following Button which is indicating by
Hand sign
![Photoshop-Animated-Drop-Banner24](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner24-thumb.gif)
[22]-Now select Frame-2 & select both 3 Layers & then create the following adjustment with the help of Move Tool & your image
should look like as shown below
![Photoshop-Animated-Drop-Banner25](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner25-thumb.gif)
[23]-Now make the Tween Frames with the help of click on following Button which is indicating by Hand sign
![Photoshop-Animated-Drop-Banner26](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner26-thumb.gif)
[24]-Now use the following settings in Tweens
![Photoshop-Animated-Drop-Banner27](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner27-thumb.gif)
[25]-Now make the 2Duplicate Frames of the Frame-22 with the help of 2 times click on following Button which is indicating
by Hand sign
![Photoshop-Animated-Drop-Banner28](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner28-thumb.gif)
[26]-Now select Frame-23 & Hide the following Layers & reduce the Opacity of Text Layers & Small Drops Layer[Layer-4 & its
Duplicate Layer]
![Photoshop-Animated-Drop-Banner29](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner29-thumb.gif)
[27]-Now your image should look like a shown below
![Photoshop-Animated-Drop-Banner30](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner30-thumb.gif)
[28]-Now select Frame-24 & then Hide the following Layers & Increase the Opacity of Text Layers like as shown below
![Photoshop-Animated-Drop-Banner31](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner31-thumb.gif)
[29]-Now your image should look like as shown below
![Photoshop-Animated-Drop-Banner32](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner32-thumb.gif)
[30]-Now use the following Time settings of Frame-24 & then Play the Animation with the help of Click on following Button
which is indicating by Hand sign
![Photoshop-Animated-Drop-Banner33](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner33-thumb.gif)
[31]-Now go to File>Save for Web & Device & save your image in Gif Format
![Photoshop-Animated-Drop-Banner34](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner34-thumb.gif)
[32]-See below for Final Photoshop Output.I hope this is a Good Tutorial & u can use these Photoshop Tips in your Graphics
Design Project
![Photoshop-Animated-Drop-Banner35](http://tutorialtown.com/wp-content/uploads/2008/06/photoshop-animated-drop-banner35-thumb.gif)
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: tutorialtown
No comments:
Post a Comment