• home
  • forum
  • my
  • kt
  • download
  • Photoshop Animated Chemical Reaction

    Author: 2009-08-03 05:14:20 From:

    Today I am telling you about How to Create Photoshop Animated Chemical Reaction

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

    photoshop-chemical-reaction-tutorials1

    [2]-Now Open New Layer & then fill the selection with ‘f7f9fe’ & then go to Blending Options,select Inner Glow & use the
    following settings
    Photoshop Technique-How to use the Inner Glow feature

    photoshop-chemical-reaction-tutorials2

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

    photoshop-chemical-reaction-tutorials3

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

    photoshop-chemical-reaction-tutorials4

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

    photoshop-chemical-reaction-tutorials5

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

    photoshop-chemical-reaction-tutorials6

    [7]-Now make the Duplicate Layer with the help of Ctrl+J & then press Ctrl+T,right click select ‘flip vertical’ & then press
    ENTER & adjust with the help of Move Tool

    photoshop-chemical-reaction-tutorials7

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

    photoshop-chemical-reaction-tutorials8

    [9]-Now fill the selection with ‘2d81d3′color & then go to Blending Options,select Bevel & Emboss & use the following settings
    Photoshop Technique-How to use the Bevel & Emboss feature

    photoshop-chemical-reaction-tutorials9

    [10]-Now select Contour Elements & use the following settings

    photoshop-chemical-reaction-tutorials10

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

    photoshop-chemical-reaction-tutorials11

    [12]-Now make the 3 Duplicate Layers with the help of 3 times press Ctrl+J & then create the following sepration with the
    help of Move Tool

    photoshop-chemical-reaction-tutorials12

    [17]-Now Open New Layer [give the name arrow] & then create the following selection with the help of Polygonal Lasso Tool

    photoshop-chemical-reaction-tutorials17

    [18]-Now fill the selection with any color & then go to Blending Options,select Gradient Overlray & use the following settings
    Photoshop Technique-How to use the Gradient Overlay feature

    photoshop-chemical-reaction-tutorials18

    [19]-Now make the Duplicate layer & then create the sepration with the help of Move Tool

    photoshop-chemical-reaction-tutorials19

    [20]-Now create the following selection with the help of Polygonal Lasso Tool

    photoshop-chemical-reaction-tutorials20

    [21]-Now Open New Layer [give the name cross]& then fill the selection with any color & then go to Blending
    Options,select Bevel & Emboss
    Photoshop Technique-How to use the Bevel & Emboss feature

    photoshop-chemical-reaction-tutorials21

    [22]-Now make the Duplicate Layer with the help of Ctrl+J & then adjust with the help of Move Tool

    photoshop-chemical-reaction-tutorials22

    [23]-Now Open New Layer [give the name Sparke] & then create the following Shape with the help of Pen Tool,right click select
    Maks selection

    photoshop-chemical-reaction-tutorials23

    [24]-In make selection Feather Radius should 0 pixels,tick on New Selection & then Ok & your image should look like as shown
    below

    photoshop-chemical-reaction-tutorials24

    [25]-Now fill the selection with ‘fff568′ & then go to Select>Modify>Contract & use the following settings

    photoshop-chemical-reaction-tutorials25

    [26]-Now your image should look like as shown below & then fill the selection with ‘f68e56′ color

    photoshop-chemical-reaction-tutorials26

    [27]-Now go to Filter>Blur>Gaussian Blur & use the following settings

    photoshop-chemical-reaction-tutorials27

    [28]-Now make the Duplicate Layer & then adjust with the help of Move Tool like as shown below

    photoshop-chemical-reaction-tutorials28

    [29]-Now Highlight the some parts with the help of Dodge Tool

    photoshop-chemical-reaction-tutorials29

    [30]-Now select Duplicate Ball copy layer3 & then make the 9 Duplicate Layer with the help of 9 times press Ctrl+J &
    your Layer Pallete should look like as shown below

    photoshop-chemical-reaction-tutorials30

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

    photoshop-chemical-reaction-tutorials31

    [32]-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

    photoshop-chemical-reaction-tutorials32

    [33]-Now selct Frame-2 & then create the following adjustment in 9 Duplicate Ball layers with the help of Move Tool &
    your image should look like as shown below

    photoshop-chemical-reaction-tutorials33

    [34]-Now select Frame-3 & then create the following adjusment with the help of MOve Tool

    photoshop-chemical-reaction-tutorials34

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

    photoshop-chemical-reaction-tutorials35

    [36]-Now go to File>Save for Web & Device & save your image as GIF file

    photoshop-chemical-reaction-tutorials36

    [37]-Thanks for reading, I hope this photoshop tutorial has taught you few photoshop tricks and
    techniques and you can use them in your website design project. Your final image will look like this

    discuss this topic to forum

    relation tutorial

    No information

    Category

      Abstracts (120)
      Effects (774)
      Animation (252)
      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