Download Creating a Unified Group OF DISPARATE ELEMENTS

In-Class Assignment Week 6
COMM 380 Interactive Media Design
Creating a Unified Group OF DISPARATE ELEMENTS
THROUGH CONSISTENT USE OF FORMATTING, CROPPING
AND POSITIVE/NEGATIVE SPACE
1) Open the 9 supplied .psd files in Adobe Photoshop.
Decide what proportion will work the best for the
images as a group (i.e. should they all be a horizontal
rectangle, a vertical rectangle, or a square?) Each file
must be cropped to the exact same proportion.
2) Once you’ve determined the best proportion, decide
what size will work best (the longest dimension must
be 500 pixels). Each file must be cropped to the
exact same size (e.g. 500 x 350 pixels).
3) Finally, you must decide on how you will consistently
utilize positive and negative space to create unity
between the the different images.
4) Crop all 9 .psd images to create a unified group.
5) ‘Save for Web’ each of the 9 images in the best web
image format (achieving the best image quality while
using the least amount of memory).
6) Then re-size each of the 9 cropped .psd images so
that the longest dimension is 200 px (Image menu/
Image Size). ‘Save for Web‘ each of these images, too.
Note: You’ll end up with 18 total web images.
7) In Dreamweaver, insert your nine small images into
the supplied .html page.
8) Create nine more .html pages, as shown in the
demo, and into each of these pages insert one large
letter image.
9) Link all pages to each other as shown in demo.
10) Finally, compress your entire ‘week6’ folder, which is
inside your site folder, and name your file:
yourfirst-lastname_week6.zip.
Note: The ‘week6’ folder will contain all 10 .html
pages and your folder of 18 web images.)
There are 5 points possible:
1 pt for consistent formatting and cropping
1 pt for good use of pos/neg space
1 pt for saving in correct web image format
2 pts for creating your web pages correctly