YoVDO

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

Introduction to Graphic Design
Canva via OpenLearning
HTML5 Canvas
Udacity
Introdución a la Cultura Visual: los fundamentos artísticos
Build Academy via EdCast
Inglés Empresarial: el márketing y ventas
Arizona State University via Coursera
مقدمة في التصميم الجرافيكي
Edraak