Photoshop CS6 for Web Design (2012)

with Justin Seeley
please wait ...
Photoshop CS6 for Web Design (2012)
Video duration: 0s 4h 56m Appropriate for all Updated Oct 04, 2013


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.

Topics include:
  • Customizing a web workspace
  • Decoding the mysteries behind screen size and resolution
  • Coloring web graphics
  • Using layers and layer comps effectively
  • Working with transparency
  • Creating wireframes on a grid
  • Styling text
  • Creating image sprites
  • Optimizing images as JPEG, GIF, or PNG files
  • Integrating with the rest of the Adobe Creative Suite


- [Voiceover] 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 mock-up 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 websites 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 website mock-up 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.

please wait ...