blog trackingRealtime website tracking

Learn to make a Flashstyle slide photoshop animation

Posted by on Jan 21, 2008 in Uncategorized | Comments Off

Here we will tell you how to make a Flashstyle-slide-photoshop-animation in photoshop.

[1] Take a new file of 500 pixels, 500 pixels, of resolution 72 dpi in the RGB mode.

Flashstyle-slide-photoshop-animation1

[2] Open your image.

Flashstyle-slide-photoshop-animation2

[3] Now apply View > Rulers (CTRL+R) and place horizontal and vertical lines in the center of the picture.

Flashstyle-slide-photoshop-animation3

[4] Take the Rectangular Marquee Tool and create a selection inside the top left square of the picture.

Flashstyle-slide-photoshop-animation4

[5] Then apply Layer > New > Layer wia Copy (Ctrl+J) to create a new layer from the selection. Now go back to the picture layer and repeat this step for every square you have.

Flashstyle-slide-photoshop-animation5

[6] Your Layer Pallate look like this.

Flashstyle-slide-photoshop-animation6

[7] Now go to Blending Option use the following settings.

Flashstyle-slide-photoshop-animation7

Flashstyle-slide-photoshop-animation8

[8] Your image something look like this.

Flashstyle-slide-photoshop-animation9

[9] Go to Layer Pallete select this layer then right click Copy Layer style.

Flashstyle-slide-photoshop-animation10

[10] Now paste it every layer.

Flashstyle-slide-photoshop-animation11

Flashstyle-slide-photoshop-animation12

[11] Now go to Image Ready.

Flashstyle-slide-photoshop-animation13

[12] Now turn off all layers and turn on ‘Background’ layer and layer 0.

Flashstyle-slide-photoshop-animation14

[13] Drag the selected layer to the top right corner. Then press ‘Duplicates current frame’ button and drag this layer to the center. Choose these two frames and press ‘Tween’ button.

Flashstyle-slide-photoshop-animation15

Flashstyle-slide-photoshop-animation16

[14] Apply Tween with the following settings.

Flashstyle-slide-photoshop-animation17

[15] Your Frame Menu something look like this.

Flashstyle-slide-photoshop-animation18

[16] And you have to get the result.

Flashstyle-slide-photoshop-animation19

[17] Repeat this step for every layer you have. Then apply File > Save Optimized As your final image is ready.

Flashstyle-slide-photoshop-animation20

202      photoshop animation tutorial
191      5.0 elements photoshop tutorial

468 ad