• home
  • forum
  • my
  • kt
  • download
  • Photoshop Drop Flow Animation

    Author: 2009-08-03 03:36:46 From:

    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

     

    [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

    [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

    discuss this topic to forum

    relation tutorial

    No information

    Category

      Abstracts (120)
      Effects (774)
      Animation (251)
      Photo Effects (1171)
      Automation (21)
      Photo Retouch (408)
      Basics (503)
      Photography (350)
      Brushes (55)
      Scripting (7)
      Buttons (209)
      Text Effects (907)
      Color (93)
      Textures and Patterns (198)
      Digital Art (242)
      Web Graphics (822)
      Drawing (1065)
      Web Layouts (305)

    New

    Hot