Learn how to use Photoshop to create UI elements, web graphics, wireframes, and functional mockups that transition smoothly to production.
Overview
Syllabus
Introduction
- Welcome
- What you should know
- Download libraries
- Document setup
- Workspaces
- Artboards
- Color modes and settings
- Libraries
- 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
- Mood boards
- Wireframes
- Reusable UI
- Create comps
- Style guides
- Client review comps
- Retina displays
- Image types for the web
- Legacy save for the web
- Quick Export
- Export As
- Using Generator
- Next steps
Taught by
Emily Kay
