Slicing up a mockup


show more Slicing up a mockup provides you with in-depth training on Design. Taught by Justin Seeley as part of the Illustrator for Web Design show less
please wait ...

Slicing up a mockup

As I stated in the previous movie, I firmly believe that slicing is more of an informational tool more so than anything these days, because it allows me to divide my designs up into specified areas that I can then tell the developer, okay, this is a div for the content or this is an image or whatever I might be trying to say. This is the great way to divide a large mockup into individual pieces which are going to be exported out individually or simply used as a roadmap for CSS and HTML development.

In this movie I'm going to be exploring how I actually go about slicing a mockup, and how you can also utilize something called Slice options to refine your slices even more after the fact. So the first thing I'm going to do is grab the Slice tool, and you can grab that by pressing Shift and the letter K on your keyboard or by clicking it right here in the Tools panel. And the first thing I'm going to do is just come out and draw a slice along the top of my design, like...

Slicing up a mockup
Video duration: 3m 6s 5h 27m Appropriate for all

Viewers:

Slicing up a mockup provides you with in-depth training on Design. Taught by Justin Seeley as part of the Illustrator for Web Design

Subjects:
Design Web
Software:
Illustrator
Author:
please wait ...