Photoshop for Web Design

31 Video Lessons

Was: $35

Deal Price: $15

You Save: $20

About this Course

Working in web design involves creating UI (user interface) elements—icons, graphics, wireframes, and mockups. Adobe Photoshop provides the capabilities needed to make these design elements transition smoothly and easily to production.

In this course, learn how to use Photoshop for modern web design workflows. Expert takes you through a responsive web design project, including setup, using templates, making comps, and exporting for the web.

Expert shows how to work with artboards, libraries, and smart objects, and demonstrates the process for creating several deliverables wireframes, mockups, mood boards, style guides, navigation elements, and more.

 

Contents

 

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

1. Language: English. 

2. Secure download. 

    Video file format: MP4.

3. Learn anywhere. Switch between

    your computer, tablet, or TV.  

4. Practice while you learn

    with exercise files.  

5. Secure payment by PayPal.

6. 30 days refund.

7. No subscription needed.

8. Lifetime access.

9. This course without a sponsored ads.

 

Watch. Listen. Practice. Learn.