2016
Pluralsight / Train Simple
Matthew Pizzi
3:32
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 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.
Course Overview
1m 52s
Course Overview 1m 52s
Getting Started
28m 26s
Creating a Sketch 2m 46s
Creating a New Document 4m 39s
Setting up the Workspace 6m 57s
Understanding Artboards 7m 8s
Reviewing Smart Objects 4m 58s
Reviewing Web Color 1m 55s
Wireframing in Photoshop
36m 16s
Creating a Sketch 2m 31s
Using a Grid System 2m 38s
New Guide Layout 5m 3s
Completing the Wireframe Template 4m 22s
Adding Wireframe Elements 6m 43s
Finishing the Wireframe 6m 50s
Adding Tablet and Mobile Artboards 8m 7s
Preparing for the Mockup
33m 22s
Review of Adobe Services 2m 2s
Selecting Colors 4m 22s
Choosing Typefaces 2m 33s
Creating Styles 9m 13s
Adobe Stock 2m 22s
Looking at UI Kits 2m 16s
Considering Icon Fonts 6m 14s
Converting Fonts to Shapes 4m 14s
Creating the Mockup
44m 16s
Adding Background Images to Desktop Layout 5m 8s
Adding Images to Tablet and Phone Layouts 3m 48s
Using Text Styles 5m 41s
Inserting Bio Images 5m 33s
Enhancing the Sections 7m 44s
Finishing the Header and Footer 7m 6s
Staying Organized 3m 21s
Simulating Multiple Pages with Layer Comps 4m 6s
Leaving Notes 1m 44s
Image Optimization
38m 25s
Understanding Web File Formats 3m 1s
Export Options 3m 25s
Save a JPG 5m 12s
Exporting a GIF and PNG 3m 35s
Save an SVG 6m 9s
Quick Export 2m 20s
Understanding HiDPI Graphics 6m 55s
Creating an Animated GIF 7m 44s
Generate Images and Code
17m 2s
Image Slicing 3m 35s
Generate Image Assets 5m 15s
Extracting CSS 2m 44s
Creating Sprite Sheets 5m 28s
Optimization Automation
13m 16s
Working with Actions 4m 43s
Batch Processing 3m 4s
Using the Image Processor 2m 36s
Device Preview 2m 24s
Conclusion 0m 27s
Matthew Pizzi is an Adobe Certified instructor with over 15 years of experience teaching Adobe applications. He has been a speaker at industry events like Adobe MAX and Social Media Week and has authored several books on Adobe’s products. Matthew’s training videos are featured regularly on Adobe.com which demonstrate new and important features of their Creative Cloud offerings.
trainsimple.com, pluralsight.com/courses/photoshop-cc-web
Download File Size:742.69 MB
|
