Start learning with our library of video tutorials taught by experts. Get started
Join Justin Seeley as he reveals how designers can create vibrant web graphics, wireframes, and complete web site mockups in Adobe Photoshop. The course covers creating a custom web workspace for maximum efficiency; drawing, coloring, and optimizing web graphics; creating vector shapes and text that scale seamlessly; mastering transparency; building navigation bars and buttons; and speeding up these tasks with the Photoshop automation tools.
Hello and welcome to Photoshop for Web Design! My name is Justin Seeley. In this course, I'll be walking you through how to use Photoshop as a web design and mockup tool. We'll start off slow by covering the basics like setting up a new document, using grid systems, and working with color on the web. Then we'll take a look at more complex topics like layer management, creating wireframes for web sites and applications, simulating user interface elements, and exporting graphics in a variety of different formats. By the end of this course, you'll have gone through my entire workflow for creating a web site mockup that you can then take into Dreamweaver and code yourself or hand off to a developer to complete the project for you.
If you're ready, let's get started with Photoshop for Web Design.
There are currently no FAQs about Photoshop for Web Design.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.