Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Photoshop CC for the Web
Photoshop for the Web Basics
Course Files
Welcome (1:01)
Setting Up Your Workspace (6:12)
New Document Options (3:07)
Understanding Web Color (5:10)
Color Management for the Web (3:14)
Wireframing in Photoshop
Creating a Sketch (3:45)
Using Grid Systems (3:56)
New Guide Layout (5:43)
Completing the Wireframe Template (4:29)
Adding Wireframe Elements (7:26)
Finishing the Wireframe (7:31)
Creating a Mockup
What to Consider Before the Mockup (1:33)
Selecting Colors (6:06)
Choosing Typefaces (3:29)
Creating Styles (7:23)
Sourcing Images (2:34)
Looking at UI Elements (2:58)
Considering Icon Fonts (5:47)
Converting Fonts to Shapes (4:23)
Creating the Mockup (5:42)
Styling the Text with Paragraph Styles (5:03)
Adding Images (5:16)
Enhancing the Section (7:01)
Finishing the Header and Footer (5:39)
Simulating Multiple Pages (5:45)
Image Optimization
Understanding Web File Formats (4:28)
Save for Web Dialog Box (6:47)
Optimizing Photographs (5:13)
Saving Images with Transparency (6:06)
Saving a Preset (2:25)
Understanding HiDPI Graphics (5:02)
Creating an Animated GIF (9:06)
Exporting Graphics and Code
Exploring Image Slicing (3:51)
Using Generator (6:33)
Extracting CSS from Photoshop (4:40)
Understanding Sprite Sheets (6:04)
Using Extract on Creative Cloud (3:22)
Optimization Automation
Creating an Action (4:26)
Using Batch Processing (3:02)
Using the Image Processor (2:45)
Conclusion (0:46)
Completing the Wireframe Template
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock