Adobe Photoshop Components 2.0 Making Catches For Sites

2657 days ago, 777 views
PowerPoint PPT Presentation
Dispatch Photoshop Program, File>New. . Set Width

Presentation Transcript

Slide 1

´╗┐Adobe Photoshop Elements 2.0 Creating Buttons For Websites

Slide 2

Launch Photoshop Program, File>New

Slide 3

Set Width & Height to Inches, Resolution 72 dpi, Mode RGB, OK

Slide 4

Image>Mode>RGB to Edit

Slide 5

Window>Layers Double Click the Background Layer & Rename to Unlock

Slide 6

After Double Clicking on the Locked Italic Background Layer Text Rename It, OK

Slide 7

View>Rulers to Control the Size of The Buttons You Create

Slide 8

Window>Layer Styles

Slide 9

Drag the Layer Styles Palette Down by the Tab in the Palette Well to Keep it Open for Making Selections

Slide 10

Layer Styles Drop-Down Menu Choices

Slide 11

Layer Styles Drop-Down Menu Choices

Slide 12

Layer Styles Drop-Down Menu Choices

Slide 13

With the Rectangle Tool Drag Select the Desired Button Size

Slide 14

Click on the Foreground Color Box to Select the Desired Button Color Foreground Background

Slide 15

Edit>Fill the Selected Color

Slide 16

The Selected Color Fills the Rectangle

Slide 17

Select the Desired Layer Style

Slide 18

If the Selection Overfills the Rectangle, Select>Inverse, & Delete Key to Remove Excess

Slide 19

Now Only Your Shape is Filled Edit>Deselect

Slide 20

Select the Crop Tool, Drag Select the Area to Keep>Return Key

Slide 21

Only Your Button Remains

Slide 22

File>Save As

Slide 23

File>Save As, Name in Lowercase, .psd & Check Layers, Save

Slide 24

Keep a .psd Copy of the Button for Adding New Text To Each Button

Slide 25

Select Text Foreground Color & Text Tool, Click and Type Title

Slide 26

The Font Tools are Along the Top & the Move Tool is on the Left

Slide 27

File>Save For Web

Slide 28

Select .gif or .jpg File Format, OK

Slide 29

Name All Lowercase With File Extension, Save to Desktop

Slide 30

Completed Button for Adding to Your Webpage