1 / 30

Adobe Photoshop Elements 2.0 Creating Buttons For Websites

Adobe Photoshop Elements 2.0 Creating Buttons For Websites. Launch Photoshop Program, File>New. Set Width & Height to Inches, Resolution 72 dpi, Mode RGB, OK. Image>Mode>RGB to Edit. Window>Layers Double Click the Background Layer & Rename to Unlock.

Audrey
Download Presentation

Adobe Photoshop Elements 2.0 Creating Buttons For Websites

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Adobe Photoshop Elements 2.0 Creating Buttons For Websites

  2. Launch Photoshop Program, File>New

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

  4. Image>Mode>RGB to Edit

  5. Window>LayersDouble Click the Background Layer & Rename to Unlock

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

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

  8. Window>Layer Styles

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

  10. Layer Styles Drop-Down Menu Choices

  11. Layer Styles Drop-Down Menu Choices

  12. Layer Styles Drop-Down Menu Choices

  13. With the Rectangle Tool Drag Select the Desired Button Size

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

  15. Edit>Fill the Selected Color

  16. The Selected Color Fills the Rectangle

  17. Select the Desired Layer Style

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

  19. Now Only Your Shape is FilledEdit>Deselect

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

  21. Only Your Button Remains

  22. File>Save As

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

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

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

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

  27. File>Save For Web

  28. Select .gif or .jpg File Format, OK

  29. Name All Lowercase With File Extension, Save to Desktop

  30. Completed Button for Adding to Your Webpage

More Related