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

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!

Slicing with Photoshop

  • In order to create a slice, we use the slice tool
  • Walk thru the process of adding a slice
  • The slice tool is located in the tool area with the crop tool
  • There are 2 tools related to slicing in this area
    • 1 creates the slices
    • the other edits slices that have already been created
  • Choose the slice tool
  • 2 methods: draw the slice or let PS create it based on a layer
  • We will do one of each method so you can see how to do it
  • Once the slices have been created, rt click to get to the slice options dialog
  • In this dialog I can set up this slice as a hyperlink if I wish
  • We will do create hyperlinks in DW instead
  • I find that I tend to change things so I wait until I get to the web page to add links
  • You must match the page names exactly
  • Talk about how to edit a slice