Adobe Photoshop CS4: Web Development

Description

This Adobe Photoshop CS4 Web Development training course is ideal for those who already have some experience with Photoshop and want to create and work with images to be used on the web pages.  In this course, you will use Photoshop to create and optimize images for the web.  You will also stage web page components, arrange them aesthetically and add interactivity to them.  Finally, you will export the web page consisting of interactive images so that you can view and test their functionality in Internet browsers.  This course is an instructor led, group-paced, classroom-delivery learning model with structured hands on activities.

Course Objectives

You will set Photoshop's unit preferences and save files in different formats to see how well each one balances image quality with file size reduction.  You will then calibrate your system's color display.  You will also use Photoshop as part of creating finished web pages and export individual slices and create an HTML web page that displays a table containing the sliced sections.  Finally, you will use the Save for Web & Devices feature to create and optimize animations for the web and mobile devices.

Audience

This course is for intermediate Photoshop users. To gain the most from this class, students should:

  • Be familiar with Windows or Mac OS X.
  • Have taken Photoshop CS4 Fundamentals course or have basic knowledge of Photoshop and are interested in using Photoshop for web production.
  • Bring samples of your work to class.

Upon successful completion of this course, you will be able to:

  • Prepare images for the web.
  • Optimize images by saving them in different formats and applying transparency to them.
  • Apply color management techniques, adjust images and ensure color consistency to create images that are attractive to the widest possible audience who use different platforms such as Windows and Macintosh.
  • Create web page layouts.
  • Export a web page.
  • Create animations for the web and mobile devices.

Course Length

1 Day

Course Outline

Unit 1: Preparing Web Images

  • Understanding images for web
  • Reduce file size

Unit 2: Optimizing Images

  • Optimize Photographic Images
  • Optimize flat color graphics and illustrations
  • Apply transparency settings

Unit 3: Preparing Images for Cross-Platform Viewing

  • Set up color management for the web
  • Alter Images for displaying across platforms
  • Snap to web-safe colors

Unit 4: Creating Web Page Layouts

  • Create a web page
  • Create web page backgrounds
  • Draw editable vector shapes
  • Create effects

Unit 5: Exporting a Web Page

  • Prepare a web page for export
  • Export a web page

Unit 6: Creating Animations for Web and Mobile Devices

  • Create frame animations
  • Create timeline animations
  • Save animations
  • Preview animations on mobile devices