2015
Train Simple
3:15
English
Adobe Photoshop is used by a wide range of professionals, and web designers are no exception. In this course we'll look how you can use Photoshop to create wireframes, and complete web site mockups. The course covers creating a custom web workspace and and optimizing web graphics as well as some valuable tips for producing graphics for onscreen delivery. Towards the end of the course we look how you can speed up your workflow with Photoshop's automation tools.
1. Photoshop for the Web Basics
Welcome
Setting Up Your Workspace
New Document Options
Understanding Web Color
Color Management for the Web
2. Wireframing in Photoshop
Creating a Sketch
Using Grid Systems
New Guide Layout
Completing the Wireframe Template
Adding Wireframe Elements
Finishing the Wireframe
3. Creating a Mockup
What to Consider Before the Mockup
Selecting Colors
Choosing Typefaces
Creating Styles
Sourcing Images
Looking at UI Elements
Considering Icon Fonts
Converting Fonts to Shapes
Creating the Mockup
Styling the Text with Paragraph Styles
Adding Images
Enhancing the Section
Finishing the Header and Footer
Simulating Multiple Pages
4. Image Optimization
Understanding Web File Formats
Save for Web Dialog Box
Optimizing Photographs
Saving Images with Transparency
Saving a Preset
Understanding HiDPI Graphics
Creating an Animated GIF
5. Exporting Graphics and Code
Exploring Image Slicing
Using Generator
Extracting CSS from Photoshop
Understanding Sprite Sheets
Using Extract on Creative Cloud
6. Optimization Automation
Creating an Action
Using Batch Processing
Using the Image Processor
Conclusion
trainsimple.com
Download File Size:649.46 MB