Join Justin Seeley for an in-depth discussion in this video Understanding slicing, part of Photoshop CS6 for Web Designers (2012).
When we start to talk about optimizing our Photoshop documents for the web, one of the …terms that you'll hear is slicing. …And slicing is sort of an old-school web design term that refers to a time when we would separate …larger images into multiple pieces and then reassemble those "slices" using HTML tables. …In today's modern web design, this isn't necessarily the way it's done. …Images are able to be optimized more efficiently, browsers are faster, and so are connection …speeds, and now we have HTML and CSS to divide our things up equally. …So if that's true, what do we use slicing for? …Well, in my personal workflow, I use slicing for a variety of different tasks, but the most …common workflow for me is to use slicing to define what I call areas of export.…
I have open here a document with several different banner ads that I will need to place throughout …a web site that I'm working on. …I've used the Slice tool to select the different regions so that I know exactly what is going …to be exported when I'm ready to take these graphics out to the web. …
Author
Updated
10/4/2013Released
7/17/2012- Customizing a web workspace
- Decoding the mysteries behind screen size and resolution
- Coloring web graphics
- Using layers and layer comps effectively
- Working with transparency
- Creating wireframes on a grid
- Styling text
- Creating image sprites
- Optimizing images as JPEG, GIF, or PNG files
- Integrating with the rest of the Adobe Creative Suite
Skill Level Appropriate for all
Duration
Views
Related Courses
-
Fireworks CS6 Essential Training
with Ray Villalobos5h 22m Beginner -
Illustrator for Web Design
with Justin Seeley5h 27m Appropriate for all
-
Introduction
-
Welcome44s
-
-
1. Core Concepts
-
Designing for screens1m 8s
-
-
2. Working with Color
-
Adjusting color settings4m 13s
-
Creating a color palette4m 56s
-
Creating custom swatches3m 34s
-
-
3. Working with Layers
-
Renaming and grouping layers7m 19s
-
4. Working with Shapes and Objects
-
Creating vector shapes5m 2s
-
Working with Smart Objects7m 47s
-
Importing images3m 57s
-
5. Creating Wireframes
-
Planning your project3m 13s
-
Using guides and rulers6m 40s
-
Using a grid system8m 28s
-
-
6. Working with Text
-
Understanding web-safe fonts2m 41s
-
Creating editable 3D text2m 51s
-
7. Using Layer Styles
-
Creating better bevels6m 9s
-
8. Creating a Web Site Mockup
-
Organizing page structure2m 29s
-
Adding master elements5m 37s
-
Creating navigation4m 36s
-
Working with text8m 31s
-
Creating media placeholders7m 22s
-
Creating buttons7m 15s
-
Creating form fields7m 54s
-
9. Optimizing Web Graphics
-
Understanding slicing2m 4s
-
Slicing up a mockup4m 15s
-
Optimizing photographs4m 17s
-
-
10. Creating Image Sprites
-
Understanding image sprites1m 25s
-
Creating a sprite grid2m 54s
-
Assembling a sprite4m 51s
-
-
11. Automating Your Web Workflow
-
Creating a basic action5m 28s
-
Exploring batch processing2m 55s
-
Creating droplets3m 20s
-
Using the Image Processor2m 18s
-
-
12. Working with Other Apps
-
Conclusion
-
Goodbye50s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Understanding slicing