I chose this artifact as a project piece because it demonstrates the speed at which an image gallery with rollovers can be generated when using first Adobe Photoshop and then Adobe Image Ready. This project was developed in my PhotoShop class as part of my web and digital media design major. The skills I demonstrated as a result of this project included:
- Originality in Design of gallery look and feel.
- Combining an overall design look into a finished concept that matched for web pages.
- Proper slicing technique in Adobe Image Ready and linking of rollover images
- Creating a final working gallery project with no errors.
- Demonstrating an understanding of the JavaScript code generated by The Adobe Image Ready program by linking all three galleries together by hard-coding the JavaScript links for the two pages.
The gallery developed in this process involved in creating 2 separate .psd Photoshop files and then combining them into one in a single organized and labeled Photoshop .psd template for each web page so that when the file was imported to Adobe’s Image Ready program the process of creating "slices" for rollover states would be simple to achieve. I could’ve had resolution problems with some of my images as I created them from images off the web, but I didn’t because I purposely selected images that had a minimum of 150 pixels for resolutions and then increased the resolution of each image and re-sized them. The first time using the Image Ready program was easier to use and intuitive as a result of creating an the organized combination of 2 separate .psd files and labeling the combined .psd Photoshop template file well before importing into Image Ready. This project truly demonstrates the power of using Adobe’s Image Ready with .psd Photoshop files to create image galleries with rollovers or other projects involving rollover images with speed and the ease at which such image galleries can be linked with some knowledge of the JavaScript language Image Ready uses to create such effects.
.jpg)










