XSitePro Templates

Slicing Image for XSitePro Template with Adobe ImageReady

You need to use the slicing tool when slicing your artwork. You need to have at least five slices. See the image below for example of how to slice your artwork.

You should be able to see five slices there. And when slicing, I would rename the slices with names like "header", "left", "right", "main" and "footer" respective of which panel they will fit into. You can do this with the slice panel.

If you slice your artwork the way that I do, slice #1 will be your header, slice #2 will be the left panel, slice #2 will be the main panel, slice #3 will be the right panel and slice #6 will be the footer. I leave area #5 un-sliced.

When slicing normally we simply create those areas without really paying attention to how big that area is. Well, this time you need to. After slicing, look at slice panel again, and look at the height and width of that sliced area. You will need this information when you are back at XSitePro.

In the example above, you see that the "header" slice is 730 pixels in width and 161 pixels in height. Do this again for all the other panels. Below is example of the information that you may gathered.

Panel Slice	Height	Width
Header	161	730
Left	65	185
Right	65	32
Main	65	513
Footer	57	730

<< Previous    [1]  2    Next >>