Log On/Register  

855.838.5028

Photoshop for Web Developers

Duration: 1 Module
Module Price: $360

About Photoshop for Developers Training

Web Developers are often given PhotoShop files by designers and told to “build this”. However, most web developers know little to nothing about PhotoShop.

In this 1-day, hands-on class, developers learn everything they need to smoothly work with PhotoShop designs.  
Developers will learn to use PhotoShop as an efficient tool to transform designs into pixel-perfect implementations. Also covered are techniques for communicating challenges and expectations with designers or management.  This one-day course can make any developer a much more valuable team member. PhotoShop understanding should be part of every developer’s knowledge base.  

** NOTE: This is not a photo editing or design course. This course is made specifically for web developers who want to accurately and confidently work with PhotoShop mock-ups.

This course assumes familiarity with HTML and CSS.

Course Topics:

  • Understanding the PhotoShop interface
  • Understanding the technical PhotoShop design process
  • Basic functionality of vector design tools
  • Working with PhotoShop layers
  • Working with PhotoShop text: included fonts, web fonts, changing text
  • Translating PhotoShop text settings to CSS
  • Creating pixel perfect designs with tracing images
  • Creating individual images from a premade PhotoShop design
  • Understanding web image types and when to use them – PNG, GIF, JPG
  • Optimizing web graphics
  • Extract images with smart objects
  • Saving with transparency
  • Sampling color for perfect hexadecimal translation
  • Using Kuler to create color schemes
  • Slicing a PhotoShop file for DIV construction
  • Cropping individual images from a design
  • Effectively Communicating uncertainties and challenges.
  • Mitigating & communicating unrealistic expectations to designers and management

About Photoshop for Developers Training

Web Developers are often given PhotoShop files by designers and told to “build this”. However, most web developers know little to nothing about PhotoShop.

In this 1-day, hands-on class, developers learn everything they need to smoothly work with PhotoShop designs.  
Developers will learn to use PhotoShop as an efficient tool to transform designs into pixel-perfect implementations. Also covered are techniques for communicating challenges and expectations with designers or management.  This one-day course can make any developer a much more valuable team member. PhotoShop understanding should be part of every developer’s knowledge base.  

** NOTE: This is not a photo editing or design course. This course is made specifically for web developers who want to accurately and confidently work with PhotoShop mock-ups.

This course assumes familiarity with HTML and CSS.

Course Topics:

  • Understanding the PhotoShop interface
  • Understanding the technical PhotoShop design process
  • Basic functionality of vector design tools
  • Working with PhotoShop layers
  • Working with PhotoShop text: included fonts, web fonts, changing text
  • Translating PhotoShop text settings to CSS
  • Creating pixel perfect designs with tracing images
  • Creating individual images from a premade PhotoShop design
  • Understanding web image types and when to use them – PNG, GIF, JPG
  • Optimizing web graphics
  • Extract images with smart objects
  • Saving with transparency
  • Sampling color for perfect hexadecimal translation
  • Using Kuler to create color schemes
  • Slicing a PhotoShop file for DIV construction
  • Cropping individual images from a design
  • Effectively Communicating uncertainties and challenges.
  • Mitigating & communicating unrealistic expectations to designers and management
Learn More
Please type the letters below so we know you are not a robot (upper or lower case):