Download desktop wallpaper project

Name:
Date:
Period:
DESKTOP WALLPAPER PROJECT
ASSESSMENT RUBRIC
ASSIGNMENT:
Photoshop is a powerful software tool for manipulating photos and creating a design from disparate elements and resources.
Returning to the tools that we utilized in earlier Photoshop lessons, create a desktop wallpaper for your website, the Northern
Lehigh High School website, or a “self portrait” design that reflects an aspect of your personality.
To help get started, students should download the Wallpaper Template PSD from Mr. Kern’s Web Design page on the NLHS
website. SEE THE BACK OF THIS SHEET FOR FURTHER EXPLANATION ON USING THE WALLPAPER TEMPLATE.
ASSESSMENT: You will be graded on the following criteria:
Category
Description
Pt. Value
Artwork combines at least 5 different photographs
20
LAYER MASKS are used to cut out subjects from the original
background. (See Craftsmanship for further details)
10
FILTERS used on at least 2 layers (indicate on layer name)
Pts.
Earned
Total Pts.
5
Artwork
50
ADJUSTMENTS (Levels, Hue/Saturation, etc.) are used on
at least 2 layers (indicate on layer name)
5
LAYER STYLES are utilized on at least 1 image layer
5
BLEND MODES are utilized on at least 1 image layer
5
All layers are NAMED for easy identification (indicate effect)
5
Document
Craftsmanship
Work Habits &
Work Ethic
25
Wallpaper template is used to create the FOUR required
wallpaper sizes (see back of rubric for details)
20
Layer Masks are clean and free of errors (follows shape of
subject, no edges from previous background visible, etc.)
10
Student is focused on the assigned task (head up, alert, and
working on project; no games!)
5
Student demonstrates appropriate classroom behavior and
is not disruptive to others
5
Design reflects proper utilization of designated class time
5
10
15
Total Pts.
100
** WHEN FINISHED, SUBMIT YOUR ARTWORK TO MR. KERN’S DROP BOX
WITH YOUR NAME IN THE FILENAME!! **
Web Design
Photoshop Project
Page 1 of 2
USING THE WALLPAPER TEMPLATE
1. After downloading the Wallpaper template from Mr. Kern’s Web Design page, open the PSD file in Adobe
Photoshop.
a. Once the Wallpaper Template PSD file opens, show the Guides by
selecting View > Show > Guides
b. You should see Guidelines in your file that resemble the figure to
the right.
c.
These Guidelines represent the edges of a variety of wallpaper
sizes, which correspond to the most commonly used monitor
screen resolutions. Using this template allows you to create a
design that can be easily cropped to fit these various resolutions.
2. Design your wallpaper with the Guidelines visible, keeping the important elements of your design (i.e. text,
images, etc.) within the inner most guides, as illustrated in the figure below.
a. Keeping these elements within these “safe area” boundaries
ensures that they will not be cropped when resizing your wallpaper
to other screen resolutions.
b. Continue your design beyond the “safe area” boundaries, but
realize that these areas are subject to cropping. Avoid putting
important details in the areas outside the safe zone.
3. After you have designed your wallpaper, save your PSD and proceed to
cropping/resizing the artwork for use with various screen resolutions.
4. RESIZING YOUR ARTWORK:
a. For 1920 x 1200 screen resolutions: No image size adjustment or cropping required.
i. Simply save your design using Photoshop’s Save for Web and Devices option.
ii. Add “_1920” to the end of your filename to easily indicate the intended resolution size.
b. For 1440 x 900 screen resolutions: Open the 1920 x 1200 wallpaper exported in the previous step.
i. Go to Image > Image Size to resize your wallpaper to 1440 pixels wide and 900 pixels high.
ii. Use Save for Web and Devices to export the resized image.
iii. Add “_1440” to the end of your filename to indicate the intended resolution.
c.
For 1280 x 1024 screen resolutions: Open the 1920 x 1200 wallpaper again.
i. Go to Image > Image Size and resize wallpaper to 1638 pixels wide and 1024 pixels high.
ii. Use Image > Canvas Size… to crop the width of the design to 1280 pixels.
iii. Use Save for Web and Devices to export the resized and cropped image.
iv. Add “_1280” to the end of your filename.
d. For 1024 x 768 screen resolutions: Open the 1920 x 1200 wallpaper again.
i. Go to Image > Image Size and resize wallpaper to 1229 pixels wide and 768 pixels high.
ii. Use Image > Canvas Size… to crop the width of the design to 1024 pixels.
iii. Use Save for Web and Devices to export the resized and cropped image.
iv. Add “_1024” to the end of your filename.
5. Place all four versions of your wallpaper into a folder named “YourName_Wallpapers.” Copy this
folder into the Drop Box folder labeled “Wallpapers.”
Web Design
Photoshop Project
Page 2 of 2