Photoshop Animated Drop Banner

Today I will tell you about How we can create Photoshop Animated Drop Banner

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

Photoshop-Animated-Drop-Banner1

[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

Photoshop-Animated-Drop-Banner3

[3]-Now create the following selection with the help of Pen Tool & your image should look like as shown below

Photoshop-Animated-Drop-Banner4

[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

[5]-Now select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay feature

Photoshop-Animated-Drop-Banner6

Photoshop-Animated-Drop-Banner7

[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

[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

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

Photoshop-Animated-Drop-Banner10

[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

[10]-Now right click on Group Layer & select Duplicate Group & make it

Photoshop-Animated-Drop-Banner12

[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

[12]-Now Hide the Following Layers with the help of Click on following Button which is indicating by Hand sign

Photoshop-Animated-Drop-Banner14

[13]-Now Open New Layer & then create the following selection with the help of Elliptical Marquee Tool

Photoshop-Animated-Drop-Banner15

[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

[15]-Now select Inner Shadow & use the following settings
Photoshop Technique-How to use hte Inner Shadow feature

Photoshop-Animated-Drop-Banner17

[16]-Now select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

Photoshop-Animated-Drop-Banner18

[17]-Now select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay feature

Photoshop-Animated-Drop-Banner19

Photoshop-Animated-Drop-Banner20

[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

[19]-Now Create the any Text with the help of Text Tool

Photoshop-Animated-Drop-Banner22

[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

[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

[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

[23]-Now make the Tween Frames with the help of click on following Button which is indicating by Hand sign

Photoshop-Animated-Drop-Banner26

[24]-Now use the following settings in Tweens

Photoshop-Animated-Drop-Banner27

[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

[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

[27]-Now your image should look like a shown below

Photoshop-Animated-Drop-Banner30

[28]-Now select Frame-24 & then Hide the following Layers & Increase the Opacity of Text Layers like as shown below

Photoshop-Animated-Drop-Banner31

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

Photoshop-Animated-Drop-Banner32

[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

[31]-Now go to File>Save for Web & Device & save your image in Gif Format

Photoshop-Animated-Drop-Banner34

[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

adobe photoshop drawing

adobe photoshop effects

adobe photoshop text effects

Leave a Reply

You must be logged in to post a comment.