Photoshop Drop Flow Animation

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

Today I am telling you about How to Create Photoshop Drop Flow Animation

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

Photoshop-Drop-Flow-Animation1

[2]-Now select Text Tool         Photoshop-Drop-Flow-Animation2 & then create the following Text

Photoshop-Drop-Flow-Animation3

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

Photoshop-Drop-Flow-Animation4

[4]-Now fill the selection with ‘ececec’ color & then go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow feature

Photoshop-Drop-Flow-Animation5

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

Photoshop-Drop-Flow-Animation6

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

Photoshop-Drop-Flow-Animation7

[7]-Now select Contour Elements & use the following settings
Photoshop Technique-How to use the Contour Elements feature

Photoshop-Drop-Flow-Animation8

[8]-Now Blending Mode of this Layer should “Overlay”

Photoshop-Drop-Flow-Animation9

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

Photoshop-Drop-Flow-Animation10

[10]-Now make the Duplicate Layer with the help of Ctrl+J & then go to Filter>Liquify & create the following Transformation
with the help of “Forward Warp Tool” & then press OK.Your image should look like as shown below

Photoshop-Drop-Flow-Animation11

[11]-Now Hide the Original Layer with the help of Remove the EYE Sign which is indicating by Hand sign

Photoshop-Drop-Flow-Animation12

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

Photoshop-Drop-Flow-Animation13

[13]-Now make the Duplicate Layer-2 with the help of Ctr+J & then go to Filter>Liquify & create the following Transformation

Photoshop-Drop-Flow-Animation14

[14]-Now Hide the First 2 Layers & your image should look like as shown below

Photoshop-Drop-Flow-Animation15

[15]-Again make the Duplicate Layer-3 & then go to Filter>Liquify  & create the following Transformation with the help of
‘Forward Warp Tool’

Photoshop-Drop-Flow-Animation16

[16]-Now Hide the previous 3 Layers & your image should look like as shown below

Photoshop-Drop-Flow-Animation17

[17]-Once again make the Duplicate Layer-4 & then go to Filter>Liquify & create the following Transformation with the help
of ‘Forward Warp Tool’

Photoshop-Drop-Flow-Animation18

[18]-Now make the the Duplicate Layer of the Original Layer with the help of Ctrl+J & then reduce the following shape with
the help of Ctrl+T & then press ENTER.Then Hide the previous 4 Layers

Photoshop-Drop-Flow-Animation19

[19]-Now create the following adjustment with the help of Move Tool & your image should look like as shown below

Photoshop-Drop-Flow-Animation20

[20]-Now make the Duplicate Layer & then go to Filter>Liquify & create the following Transformation with the following
‘Forward Warp Tool’

Photoshop-Drop-Flow-Animation21

[21]-Now adjust the previous Layer & your image should look like as shown below

Photoshop-Drop-Flow-Animation22

[22]-Now Hide the following Layers with the help of Remove the Eye Sign

Photoshop-Drop-Flow-Animation23

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

Photoshop-Drop-Flow-Animation24

[24]-Now select Frame-2 & then Hide the following Layers with the help of Remove remove the EYE Sign

Photoshop-Drop-Flow-Animation25

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

Photoshop-Drop-Flow-Animation26

[26]-Now select Frame-3 & then Hide the following Layers

Photoshop-Drop-Flow-Animation27

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

Photoshop-Drop-Flow-Animation28

[28]-Now select Frame-4 & then Hide the following Layers with the help of Remove the Eye Sign

Photoshop-Drop-Flow-Animation29

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

Photoshop-Drop-Flow-Animation30

[30]-Now select the Duplicate Layer-5

Photoshop-Drop-Flow-Animation31

[31]-Now create the following adjustment with the help of Move Tool & your image should look like as shown below

Photoshop-Drop-Flow-Animation32

[32]-Now select Frame-5 & then Hide the following Layers

Photoshop-Drop-Flow-Animation33

[33]-Now create the following adjustment with the help of Move Tool

Photoshop-Drop-Flow-Animation34

[34]-Now select Frame-6 & then reduce the Opacity of Duplicate Layer-5

Photoshop-Drop-Flow-Animation35

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

Photoshop-Drop-Flow-Animation36

[36]-Now use the following Time settings of each frames & then Play the Animation with the help of click on following Button
which is indicating by Hand sign

Photoshop-Drop-Flow-Animation37

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

Photoshop-Drop-Flow-Animation38

[38]-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-Drop-Flow-Animation39

cool draw

cool text in photoshop

create a logo in photoshop

Photoshop design contact lens in photoshop

Photoshop design bubble logo in photoshop

Leave a Reply

You must be logged in to post a comment.