Coursera Plus Annual is 40% Off — Ends July 13.

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
Train in Data Ad

Master Production-Ready Machine Learning, Step by Step

Learn More → Coursera Ad

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

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate 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 103 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.