ooglewindowblinds.com

Easy and Free adobe CS photoshop tutorials and lessons online

Website animated photoshop button

April 14th, 2008 · No Comments

Here we will tell you how to make a Website animated photoshop button in photoshop.

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

Website-animated-photoshop-button1

[2] Take the Shape Tool select this one.

Website-animated-photoshop-button2

[3] Make the new layer create a shape and fill with this color #0759a5.

Website-animated-photoshop-button4

[4] Go to Blending Option use the following settings.

Website-animated-photoshop-button5

Website-animated-photoshop-button6

Website-animated-photoshop-button7

Website-animated-photoshop-button8

Website-animated-photoshop-button9

[5] Take the Shape Tool select this one.

Website-animated-photoshop-button10

[6] Make the new layer create a shape and fill with Black color.

Website-animated-photoshop-button11

[7] Now press Cntl+E, to Merge down the both shape layer.

Website-animated-photoshop-button12

[8] Make the copy of the Layer 1.

Website-animated-photoshop-button13

[9] Press Ctrl+T. Scale down horizontally.

Website-animated-photoshop-button14

[10] Create another duplicate layer Press Ctrl+T Scale down horizontally.

Website-animated-photoshop-button15

[11] Create another duplicate layer Press Ctrl+T Scale down horizontally Hide the both layer.

Website-animated-photoshop-button16

[12] Open animation window. Hide all layers except the original one then Click on this icon to Duplicate Frame Duplicate frame Hide original layer and unhide the second one.

Website-animated-photoshop-button17

[13] Duplicate frame Hide original layer and unhide the next one.

Website-animated-photoshop-button18

Website-animated-photoshop-button19

[14] Press Ctrl+Alt+Shift+S to save an optimized animated GIF.

Website-animated-photoshop-button20

create glass buttons in photoshop

creating glass buttons in photoshop

glass button in photoshop

Tags: Photoshop Tutorials

0 responses so far ↓

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

You must log in to post a comment.