Photoshop for Web Design

Offered By: LinkedIn Learning

Tags

Adobe Photoshop Courses Web Design Courses Graphic Design Courses Responsive Design Courses Wireframing Courses Image Optimization Courses Mockups Courses

Course Description

Overview

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

Related Courses

AI Content Creation with DALL-E: Visual SEO Strategy
Coursera Project Network via Coursera Photoshop I
City College of San Francisco via California Community Colleges System How To Use Camera Raw in Adobe Photoshop 2020
CreativeLive Perfect Exposures from Histogram through Lightroom
CreativeLive Photoshop for Photographers: The Essentials
CreativeLive