• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 3. Preparing Your Design for Con... > Slicing Graphics for Flexible Design

Slicing Graphics for Flexible Design

Once your comp is completed and approved, it’s time to slice it into the web-ready graphics that you’ll export for use in the actual page, either as img elements or CSS backgrounds. Slicing a fixed-width design is usually pretty straightforward, but slicing a flexible design can take a little more prep work, and you’ll end up slicing different pieces than you would need if the same design were to be made fixed-width.

Creating Separate Files for Slicing

Unless you created your comp to match the maximum width of your eventual page, you’ll probably need to create at least one extra source graphic to slice from, instead of slicing from the comp itself. This is because if your comp is smaller than the eventual page, you’ll probably be forced to make the slices smaller than those the page will need. Extending the width of your comp or creating separate files (or pages, within a Fireworks document) for individual areas of your layout helps you create the much-larger slices that flexible designs often require.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint