Hundreds of years before Aang the Last Airbender, or giant blue cat people, the word avatar was used to describe the physical embodiment of Hindu gods. In the more recent (but still ancient) past of the mid-1980s, the term avatar was applied to graphic representations of player characters in early video games. The designers of these early games wanted to create a connection between the player and their pixel-based counterpart. The players were “descending” or “crossing over” into the digital world, and what they saw on the screen was them.
This concept of an avatar as a digital embodiment of a person took root on the early internet as well, with many early precursors to social media (forums, chat rooms, and messaging programs) using the word avatar for what we might now call profile pics or user images.
For this assignment you will use Photoshop to make a collage that represents yourself. The goal of this assignment is to create an expressive embodiment of who you are using images that have personal meaning. How you choose to do this is up to you. You can be as serious or silly as you want, so long as you are thoughtful and deliberate with what you create.
During class and for homework over the next few weeks, you will go through the steps below to learn collage tools in Photoshop and to experiment with manipulating your source images. This is a process of getting to know your source images and getting to know Photoshop as an art-making tool.
Design Principles guide artists to create images which will have an impact on their audience. These Principles are time-tested considerations which explain some of the magic of what makes an effective image. The Principles we will focus on for the Avatar Collage are Contrast and the Depth Cues.
Contrast refers to the arrangement of obviously different elements and effects. Often, these are used to communicate a difference in concept, such as old/new, happy/sad, or honest/lying.
The Depth Cues are techniques that artists and designers use to create the illusion of depth or space in two dimensional images.
Section 701 Due: Monday September 19
Section 702 Due: Thursday September 8
Section 703 Due: Tuesday September 13
Collect ten images, one for each of the 10 image prompts, and present each image in your Workbook. Include a brief description (at least one full sentence) for each image. These must be original images that you photographed yourself, or images of your own artwork. Since your collage is intended to represent you, it’s important to focus on images that are personally relevant or meaningful.
Each source image must be a JPG or PNG file, at least 1000 pixels by 700 pixels.
Upload your ten image files to your Course Folder (that's the folder on Google Drive > Shared with Me, titled DigiArt-Your First Name Your Last Initial)
Then add your ten images to your Workbook, and add a written description next to each image. The written description must be at least one full sentence.
If you're having a hard time coming up with something to write, try to answer one or more of the following questions:
Why did you choose this image?
Where did the image come from?
How was the image made?
Is there a story behind the image ?
These prompts are starting points, you may find other meanings for these words
Section 701 Due: Monday September 19
Section 702 Due: Thursday September 8
Section 703 Due: Tuesday September 13
Use Photoshop to create three collages which use the Design Principle of Contrast.
Note: We will start one of these collages on the first day of class. For that collage you can source images from https://commons.wikimedia.org/wiki/Main_Page or you can use pictures you have taken if you have access to them.
For each Collage:
Begin with two of your source images (you can more images later if you want to).
Open them both in Photoshop. Save your Collage as a PSD file as soon as you get started. Include your name and Contrast Collage in the title of your file.
Use Selection Tools (Quick Select or the Lassso Tool) to select parts of one image and copy (⌘C) and paste (⌘V) those parts onto the other image file.
Transform and position your layers to create a Collage which uses the Design Principle of Contrast.
Experiment with transforming position, scale, and rotation. Try repeated rotations and editing the center of rotation.
Layers: Keep each part of the collage on its own layer on Photoshop, and label each layer to organize your file.
Export: When you finish the collage, export it as a PNG and a JPG file.
Upload the PSD, the PNG, and the JPG file to your course folder on google drive. Post the PNG and the JPG to your Digital Art Workbook.
Get to know Photoshop (5 videos, 21 minutes)
Work with Layers (5 videos, 20 minutes)
Make Selections (3 videos, 14 minutes, You can skip the video called Fine Tune A Selection)
Adobe Photoshop Tutorial Video Page: scroll down and check out the Beginner selections course, Beginner layer masking course & Beginner photo compositing course
Section 701 Due: Monday September 19
Section 702 Due: Thursday September 8
Section 703 Due: Tuesday September 13
Create three original Photoshop Paintings, as described below.
Save each one as a PSD and export each as a JPG or PNG. Upload all files to your Course Folder and post the JPG and/or PNGs to your Workbook. Note that Painting 3 must be exported as a PNG (not a JPG) because it has an alpha channel.
Include a written description that is at least one complete sentence, for each painting in your Workbook
Open one of your source images in Photoshop. Unlock the background layer and save it as a PSD. Use the Eye Dropper tool to select at least four different colors and save them as Swatches in their own folder in the Swatch panel. On a new layer (or several new layers), make a painting using only these colors. Experiment with different brush shapes, sizes, hardnesses, opacity, and any other brush dynamics you wish to explore.
Create a digital painting that uses Blending Modes and Layer Masks. Here's one way to do it:
pick one of your source images (from Step 1) that has tonal variation. That means the image some light areas, some dark areas, and some areas that are in between.
Open it in Photoshop. Create a layer above the background, set it to the Multiply or Color Burn Blending Mode, and paint on top of your photo. As you continue to paint, create a new layer for each section you paint.
You can also just experiment with painting, without using a photo, as long as you make use of layers set to different blending modes.
Create a Photoshop painting that includes parts with a transparent alpha channel. You can use either of the first two paintings as a starting point. Painting 3 must be exported as a PNG.
Color Swatches (video 3 minutes)
Brushes (text)
Intro to Brushes (video 7 minutes)
How to Paint with Blend Modes (video 7 minutes)
Layer Masking Basics (video, 4 minutes)
Layer Masks with Brushes (video, 4 minutes)
Layer Masks from Selections (video, 4 minutes)
Three ways to set up a Digital Painting (video 14 minutes)
Fine-Tune Layer Masks (4 minutes)
Layer Masks (text)
Details of all 27 Blend Modes. This video is 42 minutes, but you can skip to the section you need using the timestamped links in the description. This is the most efficient explanation of blend modes I've seen.
Section 701 Due: Monday October 3rd
Section 702 Due: Thursday September 22nd
Section 703 Due: Tuesday September 27th
Using your source images, create three collages that include adjustments made on adjustment layers.
For each collage, save a Project file (PSD) and Export files (JPG or PNG) to your Course Folder, and post the Export Files (JPG or PNG) to your Workbook. In the Workbook, provide a brief written description in full sentences for each image. If you're having a hard time coming up with something to write, answer one or more of the following questions:
Why did you choose to manipulate this particular image?
What manipulations did you use?
Did you have a specific outcome in mind when you started your manipulations?
Adjustments include Contrast, Color Balance, and Saturation.
Adjustments Layers can be created by going to Main Menu > Layer > New Adjustment Layer OR clicking on the Circle Icon at the bottom of the Layers Panel.
By Default, an Adjustment Layer applies to every layer below it. To make an adjust layer apply only to the layer immediately below it, hover over the bottom of the Adjustment Layer in the layers panel and click Option on the keyboard.
Adjustments (4 videos, 15 minutes)
Adjustment Layers (4 minutes)
Change an Objects Color (video, 5 minutes)
Four Ways to Change an Object's Color (video, 15 minutes)
Section 701 Due: Monday October 3rd
Section 702 Due: Thursday September 22nd
Section 703 Due: Tuesday September 27th
Now that you've had a chance to experiment with manipulating pixel-based images, it's time to bring everything together and create your final avatar collage. Your collage must incorporate parts of at least five of your source images from Step 1 and use the skills you practices in Steps 2, 3, and 4. You are free to reuse any of the work you created in these steps.
For the Collage Draft, create a PSD file that includes separate layers for each of the source images you will use in your Avatar Collage. Begin the work of collaging your source images together so we can see what your idea for the Avatar Collage. Export it as a JPG or PNG file and post it to your Workbook. Upload the export file and the PSD to your Course Folder.
You may also make sketches (digital or on paper) and include them on your Workbook page.
Provide a brief description of your collage, at least four complete sentences.
Section 701 Due: Monday October 12th
Section 702 Due: Thursday September 29th
Section 703 Due: Tuesday October 4th
Project file (PSD) showing all of your work in separate layers, saved to your Course Folder
a JPG or PNG of your final Collage, saved to your Course Folder AND posted to your Workbook
a written description of your collage, at least four complete sentences.
Minimum Pixel dimensions of the Final Collage: 1920 x 1080 pixels.
Now that you've had a chance to experiment with manipulating pixel-based images, it's time to bring everything together and create your final avatar collage. Your collage must incorporate parts of at least five of your source images from Step 1 and use the skills you practices in Steps 2, 3, and 4. You are free to reuse any of the work you created in the previous steps.
Remember, the ultimate goal of this assignment is to create an expressive embodiment of who you are using images that have personal meaning. How you choose to do this is up to you. You can be as serious or silly as you want, so long as you are thoughtful and deliberate with what you create.
Provide a brief description of your collage, at least four complete sentences. If you're having a hard time coming up with something to write, try to answer one or more of the following questions:
How would you describe your avatar?
What part(s) of your collage are you most proud of ?
What did you find challenging about creating your avatar?
Did you have a process or vision for your avatar, what was it?
Adobe Photoshop Tutorial Video Page: scroll down and check out the Beginner selections course, Beginner layer masking course & Beginner photo compositing course
Get to know Photoshop (5 videos, 21 minutes)
Work with Layers (5 videos, 20 minutes)
Make Selections (3 videos, 17 minutes)
Layer Masks (5 videos, 21 minutes)
Adjustments (4 videos, 15 minutes)
Color Swatches (video 3 minutes)
Change an Objects Color (video, 5 minutes)
Four Ways to Change an Objects Color (video, 15 minutes)
Brushes (text)
Intro to Brushes (video 7 minutes)
Rotoscoping (text)
Animate Sequential Photos (text)
Layer Masks (text)
Gradients on a Layer Mask (video 5 minutes)
Transformations (text)
Glow and other Effects (text and videos)
Three ways to set up a Digital Painting (video 14 minutes)
How to Paint with Blend Modes (video 7 minutes)