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 Illustration
Cornish College of the Arts via Kadenze
Graphic Design
University of Colorado Boulder via Coursera
Растровая графика. Adobe Photoshop CC
St. Petersburg State Polytechnic University via Coursera
Creación y retoque de imágenes con software libre
Universidad de Malaga via Miríadax
Photoshop: una herramienta para presentaciones innovadoras
The Pontificia Universidad Javeriana via edX