Template Customization Instructions Page 2
Replacing the Default Images With Your Own Images
The main page images and logo are located inside the images folder in the assets folder in your new project folder. The Main Presentation slides are in the assets/slides folder and are 640 pixels wide by 480 pixels high.
All images must be non-progessive JPEG images with the .jpg file extension. Flash™ cannot import GIFs, PNGs, and Bitmap images.
Use an image editing program such as Photoshop™ to open the existing images in the images folder which is inside the assets folder. Click on Image>Image Size using the top menu to get the dimensions in pixels for each image. These images are imported into the SWF files in the assets/swf folder by the same name at runtime. You can rename the SWF files and the images, but you will need to change the file names in the content.xml file as well as keep track of the image size for each SWF file.
- about.swf imports about.jpg - 240 wide x 320 high
- contact.swf imports contact.jpg - 240 wide x 320 high
- links.swf imports links.jpg - 600 wide x 144 high
- the main presentation file imports logo.jpg - 160 wide x 120 high
- presentation.swf imports presentation.jpg - 600 wide x 144 high
- services.swf imports services.jpg - 240 wide x 320 high
- presentation.swf also imports the slides in the assets/slides folder which are 640 wide x 480 high
The SWF files will resize images if they are too large, but we recommend that you keep your images the correct size to minimize file size and for better quality. If you use a larger image the quality will suffer as the presentation will resize the image, but the file size will be larger than necessary and could take longer to load into the presentation at runtime. Do not use extremely large images without resizing them as it could cause the presentation to become unresponsive.
Creating, Resizing, and Exporting Images
We recommend using a good image editing program such as Photoshop™ or Paint Shop Pro™, but there are some decent free programs as well. It is beyond the scope of this document to include instructions for each image editing program, however by reading the Photoshop™ instructions, you should be able to determine how to do these simple procedures in another program using that program's help files.
Free image editing programs
http://park18.wakwak.com/~pixia/index.html
This website has a list of eight free image editing programs.
http://graphicssoft.about.com/cs/imageediting/tp/freephotoedw.htm
Resizing Images in Photoshop™
To create a Photoshop™ file from a standard image file, double-click the background layer in the Layers palette and save the file - File>Save . This process should work on all image files with the exception of GIFs. To create a Photoshop™ file from a GIF image, open the GIF in Photoshop™ and use the Rectangular Marquee Tool
to create a selection box around the entire image. Click Edit>Copy - File>New - Enter a name for your file - Edit>Paste - File>Save .
To resize the image, click Image>Image Size. Make sure Constrain Proportions is checkmarked and Resolution is set to 72, then enter the new width and height in the top two input fields labeled Pixel Dimensions . Click OK or press Enter (PC) Return (Mac) . If you need to crop the image width or height to make it the right size, use Image>Canvas Size . This only resizes the canvas and does not delete any part of the original image. You can use the Move Tool
or your keyboard arrow keys to reposition the image on the canvas if necessary. You must first select the Move Tool in the toolbox in order to use your keyboard arrow keys.
Exporting Images using Photoshop™
It's best to compress the images to get the maximum quality with the smallest file size. Click File>Save For Web . Select the 2-up tab so that you can see the original image and the image you will be exporting. You can adjust the output settings using the input fields on the right side of the window. In the Preset field select JPEG High . In the bottom area under your new image you will see the new file size in KB. You can adjust the Quality settings from 0 to 100. Each time you change the Quality settings you will need to click on the new image to see the new file size. We recommend using a Quality setting between 50 and 100. Try to keep your images under 50 KB. If your images are over 100 KB, you may notice a delay in loading while the presentation is playing.