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 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.