Photoshop Animated Chemical Reaction

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

[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

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

[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

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

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

[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

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

[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

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

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

[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

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

[14]-Now fill the selection with ‘fff568′ color & then go to Blending Options,select Inner Shadow & use the following
settings
Photoshop Technique-How to use the Inner Shadow feature

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

[16]-Now make the 3 Duplicate Layers with the help of 3 times press Ctrl+J & then adjust with the help of Move Tool

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

[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

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

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

[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

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

[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

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

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

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

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

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

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

[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

[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

[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

[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

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

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

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

[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

adobe photoshop 7 tutorial

adobe photoshop bubble

adobe photoshop cs2 text

This entry was posted on Sunday, July 20th, 2008 at 11:50 am and is filed under Photoshop tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.