Main Photo is optional for the user to upload. The layouts provided will automatically adjust to accomodate the photo. For instance a layout with a place for a photo under the main links and above the teasers will shift so the teasers will start under the main links if no photo is uploaded.
A good dynamic designs should be made to work and look good with or with a photo uploaded.
When designing a site in The Karma Wizard, it is helpful to be able to upload a test photo to visualize the finished product. Sometimes layouts look identical until a photo is uploaded so it is important to use this feature to test the treatment of photos with different dimensions.
If no photo is uploaded the div will not appear in the HTML unless height AND width are specified. If a photo is not uploaded any uploaded overlay or underlay will also be invisible.
Dimensions are very important to the layout since the user is able to upload a photo of any size. Depending on the layout, you might choose to constrict height, width or both at once.
After values are entered in the Wizard for the photo, they will override any default values for other layouts. Therefore if you switch your layout after specifying photo height or width it may yeild unexpected results.
If only either the height OR width is specified and an overlay/underlay is uploaded, the overlay will stretch to fit the photo's dimensions. If both dimensions are specified the photo will resize to the max height or width and the overlay/underlay will not resize.
Several effects can be added to the main photo to maximize your designs. When a user uploads a photo the following are matted in this stacking order:
Rotation for the photo works similarly to the graphic font rotation. The input accepts numbers up from -360 - 360. Positive integer turn to the right, and negative turn to the left. Here the photo you upload is turned the specified number of degrees before it is matted to the overlay/overlay.
If any transparent pixels are left before saving as a .jpg, they are matted to the color you specify here. If no color is entered it defaults to black.
If the image uploaded by the user is smaller than the set dimensions the photo can be aligned to either top, right, bottom, left, and all places between.
To prepare an overlay or underlay save it as an alpha PNG (PNG-24 in ImageReady) to take advantage of partial transparency.
Overlay and Underlay are options to work with that can dramatically enhance your designs. With these images user uploaded photos can appear to be intrinsic parts of a design instead of simply a rectangular image stuck in the corner.
Overlay/Underlay will resize depending on which dimensions you set for the photo. For instance if you've only set a width, it will keep it's original width and resize it's height to completely cover the uploaded photo, vice-versa if you've only set a height. If height and width have been set it will not resize.
