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

Make Your Own App
Technische Universität München (Technical University of Munich) via edX Build a Full Website using WordPress
Coursera Project Network via Coursera Build an e-portfolio using google sites
Coursera Project Network via Coursera Build Responsive CSS3 Flexbox Holy Grail Layout
Coursera Project Network via Coursera Build a Website Map with Jumpchart
Coursera Project Network via Coursera