Adobe free photoshop cs tutorials website

Website for Adobe Photoshop cs3 tutorials for free

Make a Animation Flat Panel Effect photoshop

December 12th, 2007 · No Comments

Here I will teach you how to create an Animation Flat Panel Effect using photoshop tools and techniques.

[1]-First of all open new document of custom size
you may choose any size, I am gonna take Height & width 500×500 pixels and Resolution 72 and Mode RGB Color

Pun293-Photoshop-Flat-Panel-Effect1

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

Pun293-Photoshop-Flat-Panel-Effect2

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

Pun293-Photoshop-Flat-Panel-Effect3

[4]-Now Open New Layer & then fill the selection with any color & then go to Blending Options with click on ‘f’ which is
indicating by Hand sign

Pun293-Photoshop-Flat-Panel-Effect4

[5]-Now select Gradient Overlay & use the following settings

Photoshop Technique-How to use Gradient Overlay feature

Pun293-Photoshop-Flat-Panel-Effect5
Pun293-Photoshop-Flat-Panel-Effect6

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

Pun293-Photoshop-Flat-Panel-Effect7

[7]-Now create any Text with the help of Text Tool

Pun293-Photoshop-Flat-Panel-Effect8

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

Pun293-Photoshop-Flat-Panel-Effect9

[9]-Now select Frame-2 & then reduce the Opacity of selected Layer-2

Pun293-Photoshop-Flat-Panel-Effect10

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

Pun293-Photoshop-Flat-Panel-Effect11

[11]-Now select Frame-3 & then reduce the Opacity of layer-2

Pun293-Photoshop-Flat-Panel-Effect12

[12]-Now you have got following result

Pun293-Photoshop-Flat-Panel-Effect13

[13]-Now select Frame-4 & then use the following Opacity in Layer-2

Pun293-Photoshop-Flat-Panel-Effect14

[14]-Now select Frame-5 & then reduce the opacity of Layer-2 & after that 60% opacity of Text Layer.

Pun293-Photoshop-Flat-Panel-Effect15

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

Pun293-Photoshop-Flat-Panel-Effect16

[16]-Now select Frame-6 & then reduce the Opacity of Layer-2 & Hide the Text layer

Pun293-Photoshop-Flat-Panel-Effect17

[17]-Now Play the animation with the help of Click on following Button which is indicating by Hand sign as shown below

Pun293-Photoshop-Flat-Panel-Effect18

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

Pun293-Photoshop-Flat-Panel-Effect19

[19]-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.

Pun293-Photoshop-Flat-Panel-Effect20

Make a Animation Flat Panel Effect photoshop

Adobe tricks and techniques lesson

Free photoshop tutorial lesson

Tags: Photoshop - Learn to draw effects

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment