Photoshop CC for the Web

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.
Course info
Rating
(49)
Level
Beginner
Updated
Feb 23, 2016
Duration
3h 32m
Table of contents
Description
Course info
Rating
(49)
Level
Beginner
Updated
Feb 23, 2016
Duration
3h 32m
Description

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.

About the author
About the author

Matthew Pizzi is an Adobe Certified instructor with over 15 years of experience teaching Adobe applications.

More from the author
Photoshop CC Tips & Tricks
Beginner
31m
Feb 7, 2019
Adobe Analytics Fundamentals
Beginner
1h 58m
Mar 17, 2017
More courses by Matthew Pizzi
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
When it comes to web design, Photoshop's expansive feature set makes it a prime candidate to design website wireframes and mockups, making it easy for you to visualize what your final site will look like. Over the past few months, Adobe's been making significant improvements to the application that specifically target web designers. There are workflows that allow you to design in a browser, which are perfectly valid, but depending upon what your role is and what you're trying to accomplish, Photoshop can still be the perfect starting point. Artboards have been introduced to allow you to create alternate layouts for adaptive and responsive designs. They've even added a new experimental interface that removes some of the unnecessary clutter and enhances the most important features for web designers. In this course, we'll review everything Photoshop has to offer for creating content for the web. We'll start by wireframing a site, then expanding it to a full-blown mockup. We'll review, in detail, how you can optimize and save images for the web and review the important concept of creating high DPI versions of those assets. I'll show you how to save time by using Photoshop's powerful generate command, which streamlines the optimization process. I'll show you how you can copy code generated from Photoshop and paste it directly into your favorite code editor. We'll wrap up the course by looking at ways we can automate Photoshop to perform repetitive tasks as quickly as possible. By the end of this course, you'll have a solid understanding of the features Photoshop offers web designers.