Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Photoshop for Web Design

via LinkedIn Learning

Write review
Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More → Babbel Ad

You’re only 3 weeks away from a new language

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
Learn how to use Photoshop to create UI elements, web graphics, wireframes, and functional mockups that transition smoothly to production.

Syllabus

Introduction
  • Welcome
  • What you should know
  • Download libraries
1. Set Up Your Project
  • Document setup
  • Workspaces
  • Artboards
  • Color modes and settings
  • Libraries
2. Design Responsively
  • What is responsive design?
  • Set breakpoints
  • Design tips and tricks
  • Layer comps
  • Creating navigation elements
  • Seamless textures and backgrounds
  • Smart objects: Embedded
  • Smart objects: Linked
  • Convert Smart Objects
  • Preset templates
  • Custom templates
  • Styles panel
3. Process
  • Mood boards
  • Wireframes
  • Reusable UI
  • Create comps
4. Collaboration
  • Style guides
  • Client review comps
5. Image Considerations
  • Retina displays
  • Image types for the web
6. Export Assets for Development
  • Legacy save for the web
  • Quick Export
  • Export As
  • Using Generator
Conclusion
  • Next steps

Taught by

Emily Kay

Reviews

4.6 rating at LinkedIn Learning based on 107 ratings

Start your review of Photoshop for Web Design

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.