Adobe free photoshop cs tutorials website

Website for Adobe Photoshop cs3 tutorials for free

Photoshop Animation effect - Shut the Door Effect

December 10th, 2007 · 1 Comment

How to create a Photoshop Animation of Shutting a Door - Photoshop animation Effect.

[1]-First of all Open New Document of Custom size, Height & Width 400×300 pixels, Resolution 72 & Mode RGB ColorPun290-Photoshop-Animation-Shut-Door-Effect1

[2]-Now fill the Background with any color & then take any image of Door with the help of Ctrl+O & adjust with the help of
Move Tool

Pun290-Photoshop-Animation-Shut-Door-Effect2

[3]-Now create the following selection with the help of Rectangular Marquee Tool

Pun290-Photoshop-Animation-Shut-Door-Effect3

[4]-Now press Ctrl+X & Open New Layer & then press Ctrl+V & after that make 3 Duplicate layers with 3 times press Ctrl+J

Pun290-Photoshop-Animation-Shut-Door-Effect4

[5]-Now Hide the two above layers & select Duplicate layer-1

Pun290-Photoshop-Animation-Shut-Door-Effect5

[6]-Now press Ctrl+T & transform the following shape with Hold Ctrl & then ENTER

Pun290-Photoshop-Animation-Shut-Door-Effect6

[7]-Now select Duplicate Layer-2 & then create the following Transformation with the help of Ctrl+T

Pun290-Photoshop-Animation-Shut-Door-Effect7

[8]-Now your image will be look as shown below

Pun290-Photoshop-Animation-Shut-Door-Effect8

[9]-Now select Duplicate Layer-3 & create the following Transformation with the help of Ctrl+T & then Enter

Pun290-Photoshop-Animation-Shut-Door-Effect9

[10]-Now your image will be look as shown below

Pun290-Photoshop-Animation-Shut-Door-Effect10

[11]-Now Open New Layer (which should be below all Layers) & then create the following selection with the help of Rectangular
Marquee Tool & then fill the selection with any color

Pun290-Photoshop-Animation-Shut-Door-Effect11

[12]-Now go to Image Ready with the help of Ctrl+Shift+M & then go to WINDOW>ANIMATION & create the 4-Duplicate Frames with
4-times click on following Button which is indicating by Hand sign

Pun290-Photoshop-Animation-Shut-Door-Effect12

[13]-Now select Frame-1 & hide the following Layers

Pun290-Photoshop-Animation-Shut-Door-Effect13

[14]-Now your image will be look as shown below

Pun290-Photoshop-Animation-Shut-Door-Effect14

[15]-Now select Frame-2 & hide the following Layers

Pun290-Photoshop-Animation-Shut-Door-Effect15

[16]-Now your image will be look as shown below

Pun290-Photoshop-Animation-Shut-Door-Effect16

[17]-Now select Frame-3 & hide the following Layers

Pun290-Photoshop-Animation-Shut-Door-Effect17

[18]-Now your image will be look as shown below

Pun290-Photoshop-Animation-Shut-Door-Effect18

[19]-Now select Frame-4 & hide the following Layers

Pun290-Photoshop-Animation-Shut-Door-Effect19

[20]-Now your image will be look as shown below

Pun290-Photoshop-Animation-Shut-Door-Effect20

[21]-Now select Frame-5 & hide the following Layers

Pun290-Photoshop-Animation-Shut-Door-Effect21

[22]-Now Play the animation with the help of click on following button which is indicating by Hand sign

Pun290-Photoshop-Animation-Shut-Door-Effect22

[23]-Now go to File>save Optamized as.. & use the following settings

Pun290-Photoshop-Animation-Shut-Door-Effect23

[24]-Finally, all settings have been completed & your final image will be look as shown below

pun290-photoshop-animation-shut-door-effect24.gif

Photoshop Animation effect - Shut the Door Effect

Photoshop animation tutorial

Advanced photoshop tutorial 

Tags: Photoshop - Learn to draw effects

1 response so far ↓

  • 1 Mohan // Jan 1, 2008 at 1:45 pm

    It Was a very good animation and was has explained in a very simple way. Need more these type of tutorials from author. Waiting……………

Leave a Comment