Photoshop for Web Design

Introduction 1m 9s
Welcome 48s
Using the exercise files 21s
1. Core Concepts 25m 50s
Designing for screens 1m 8s
Decoding screen size and resolution 3m 9s
Exploring the PSD-to-HTML workflow 2m 25s
Setting up Photoshop for web work 5m 29s
Creating a new document for web 2m 36s
Creating a new document for mobile 4m 24s
Setting up a responsive web layout 3m 31s
Creating email newsletter documents 3m 8s
2. Working with Color 20m 39s
Adjusting color settings 4m 13s
Understanding web color 4m 0s
Creating a color palette 4m 56s
Creating custom swatches 3m 34s
Applying color to shapes and graphics 3m 56s
3. Working with Layers 20m 36s
Exploring the Layers panel 4m 9s
Renaming and grouping layers 7m 19s
Searching and filtering layers 3m 11s
Using layer comps effectively 3m 4s
Using automatic layer selection 2m 53s
4. Working with Shapes and Objects 29m 2s
Using vector shapes vs. pixel shapes 3m 31s
Creating vector shapes 5m 2s
Working with fills and strokes 4m 36s
Working with Smart Objects 7m 47s
Importing images 3m 57s
Cropping and resizing images 4m 9s
5. Creating Wireframes 28m 48s
Planning your project 3m 13s
Using guides and rulers 6m 40s
Using a grid system 8m 28s
Developing a layout with shape layers 4m 4s
Making pixel-perfect adjustments 6m 23s
6. Working with Text 23m 19s
Using point text vs. paragraph text 2m 10s
Using text as text vs. using text as an image 2m 47s
Understanding web-safe fonts 2m 41s
Inserting placeholder text 4m 2s
Creating and using character styles 2m 37s
Creating and using paragraph styles 6m 11s
Creating editable 3D text 2m 51s
7. Using Layer Styles 26m 54s
Understanding layer styles 7m 0s
Creating and using drop shadows 3m 23s
Creating better bevels 6m 9s
Simulating metallic textures 5m 8s
Saving and applying layer styles 2m 48s
Turning layer styles into independent layers 2m 26s
8. Creating a Web Site Mockup 50m 23s
Starting with a wireframe 54s
Organizing page structure 2m 29s
Adding master elements 5m 37s
Creating navigation 4m 36s
Working with photographs 4m 0s
Working with text 8m 31s
Creating media placeholders 7m 22s
Creating buttons 7m 15s
Creating form fields 7m 54s
Simulating pages with layer comps 1m 45s
9. Optimizing Web Graphics 30m 12s
Understanding slicing 2m 4s
Slicing up a mockup 4m 15s
Understanding web file formats 4m 3s
Exploring the Save for Web dialog 5m 3s
Optimizing photographs 4m 17s
Optimizing transparent graphics 4m 56s
Saving retina display graphics 5m 34s
10. Creating Image Sprites 10m 40s
Understanding image sprites 1m 25s
Creating a sprite grid 2m 54s
Assembling a sprite 4m 51s
Optimizing sprites for the web 1m 30s
11. Automating Your Web Workflow 18m 6s
Creating a basic action 5m 28s
Exploring batch processing 2m 55s
Creating droplets 3m 20s
Using the Fit Image command 4m 5s
Using the Image Processor 2m 18s
12. Working with Other Apps 6m 56s
Integrating PSD files with Dreamweaver 3m 22s
Integrating PSD files with Fireworks 1m 59s
Integrating PSD files with Muse 1m 35s
Conclusion 50s
Goodbye 50s