photoshop best practices for web design
DESCRIPTION
Quick tips on using photoshopTRANSCRIPT
![Page 1: Photoshop Best Practices for Web Design](https://reader035.vdocuments.site/reader035/viewer/2022070302/548f0480b479599b1c8b4c6a/html5/thumbnails/1.jpg)
Photoshop Best Practices for Web
DesignAlex Ventpap
![Page 2: Photoshop Best Practices for Web Design](https://reader035.vdocuments.site/reader035/viewer/2022070302/548f0480b479599b1c8b4c6a/html5/thumbnails/2.jpg)
Some Photoshop Hints
• Preferences, units. History steps, etc.• Auto-Select• Keyboard shortcuts• Prefer work with a wide canvas: 1400 /1600px wide. Good for
background treatments.
![Page 3: Photoshop Best Practices for Web Design](https://reader035.vdocuments.site/reader035/viewer/2022070302/548f0480b479599b1c8b4c6a/html5/thumbnails/3.jpg)
Some Photoshop Hints
• Use and organize layers. You might be not the only one designer handling the file
![Page 4: Photoshop Best Practices for Web Design](https://reader035.vdocuments.site/reader035/viewer/2022070302/548f0480b479599b1c8b4c6a/html5/thumbnails/4.jpg)
Use Grid System
• Provides commonly used dimensions, based on a width of 960 pixels.• Helps rapid prototyping• Very good for CMS. Modular style in pre-sized width.
![Page 5: Photoshop Best Practices for Web Design](https://reader035.vdocuments.site/reader035/viewer/2022070302/548f0480b479599b1c8b4c6a/html5/thumbnails/5.jpg)
Keep a close relation to the wireframe while designing
![Page 6: Photoshop Best Practices for Web Design](https://reader035.vdocuments.site/reader035/viewer/2022070302/548f0480b479599b1c8b4c6a/html5/thumbnails/6.jpg)
Try to use vector elements when possible
• Easy to resize• Lower file size
![Page 7: Photoshop Best Practices for Web Design](https://reader035.vdocuments.site/reader035/viewer/2022070302/548f0480b479599b1c8b4c6a/html5/thumbnails/7.jpg)
Use the advantages of the layer style
• Easy to copy and paste the same style to many other layers, at once.
![Page 8: Photoshop Best Practices for Web Design](https://reader035.vdocuments.site/reader035/viewer/2022070302/548f0480b479599b1c8b4c6a/html5/thumbnails/8.jpg)
Color setup
• Always on RGB• Remember to turn on the "Proof Colors"
![Page 9: Photoshop Best Practices for Web Design](https://reader035.vdocuments.site/reader035/viewer/2022070302/548f0480b479599b1c8b4c6a/html5/thumbnails/9.jpg)
Related links & articles• How to Handle a Lack of Creativity Without Burning Billable Hours:
http://goo.gl/ZJK0B
• Photoshop vs. Fireworks: Which Is Best for Web Design?: http://goo.gl/hHl7x• Some recommended books: http://goo.gl/3xBrC
• Designing for Drupal: Photoshop Best Practices (Part 1 of 3): http://goo.gl/nu7C2
• About Improving Performance in Photoshop: http://goo.gl/pGJYt
• Mastering Photoshop: Unknown Tricks and Time-Savers: http://goo.gl/aE6VM
Thank youAlex Ventpap - //all-x.ca