Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Photoshop Designs to Code
  • Discussion

  • Study Guides

  • Table of Contents

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for Educator.com

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Setting Up the Export with Photoshop, Part 1

  • Photoshop contains a slice tool that we can use to help us create the individual images for our web page
  • The first step the export process is to slice our design
  • Each slice we create will become an individual image that we use on our web page
  • Choose the slice tool
  • We draw out a slice over the area we want to become an image
  • Then we name that slice area
  • When we export our design, Photoshop will create images in the format & settings we wish to use
  • Draw the slices
  • Show what the slice looks like
  • Name our images
  • Using this process, we have told Photoshop to create an individual image for each slice & we have given each of those images a name