XSitePro Templates

Slicing Image for XSitePro Template with Adobe ImageReady

Before saving the file into slices of images, we need to set some settings so that the files will be saved using the slice name, and not some numbers. This will make it much more easier when we are calling the images back from XSitePro. Click at File > Output Setting > Saving Files.

Now, put the settings like the following.

When you are ready with your slices and also gathered all the information about the height and width of each slices, you can now save it. ImageReady will automatically slice it into pieces of images.

To save and slice your artwork into images, click on File > Save Optimized. When the dialog window appears make sure that you choose Images Only in the Save as type. Other than that, you are free to select your own directory or folder.

Now that we have all the images that we need for your XSitePro template, we can close ImageReady and launch your XSitePro. Later, we'll be calling those images one by one and put them into their panels.

Next : Using Your Template in XSitePro