Digitla Imaging 2: Gradient Mix Media Grid

Objectives (Goals):
 Students will...

• Demonstrate the gradient tool option in illustrator by generating a pen tooled imagery over a photograph and applying color using fill gradients.
• Identify and practice using basic Illustrator tools and keyboard shortcuts to help them achieve their design (pen tool, direct selection tool, anchor points, smooth tool, shapes, path eraser, gradients, and arrangement of layers)
• Use an original image, adjusted and cropped in Photoshop, as a source to create original artwork using mixed media such as pastel, marker, watercolor, colored pencil, paint, Sharpie, etc.
• Build upon ½ of an original photo digitally using Illustrator in order to complete a cohesive grid between fine art and digital art.

Essential Questions to help you answer your objective:

What is the pen tool and how is used in Illustrator?

What is a gradient? How is it used?

What is a fill/Stroke?  How are they used?

 How can you rearrange layers, use shapes, and gradients in order to create a digital image?

What is mixed media?

How can you work simultaneously using both fine art and digital art to create a cohesive work?

Vocab

Pen Tool: The primary drawing tool in PostScript illustration software. The pen tool allows the user to position anchor points and controls the shape of the line by controlling the control handles that extend from the anchor points.

Gradient Tool: A command within illustration software that allows elements within the illustration to be filled with a smooth transition between two colors.

Fill: The inside color of a shape

Stroke: The outline around a shape

Mixed Media: A technique involving the use of two or more artistic media, such as ink and pastel or painting and collage, that are combined in a single composition

Format: The way in which something is arranged or set out

 

 

 

Digital Imaging 1: Tattoo

Objective (Goals):

1. Students will review and apply previously learned Photoshop tools and the multiply blend mode to make a composite image.
2. Students will learn how to properly use the Warp tool, Dodge/Burn Tool, and Blur tool.
3. Consciously make composition decisions when taking an original self-portrait photo

Enduring Idea: Two images can be blended on Photoshop to achieve a desired effect and appear as one using specific tools used for warping, lighting, blends, etc.



Essential Questions:

1.        What is another way that two separate images can be blended to appear seamless other than just using a layer mask?

2.       How can lighting be adjusted by using the burn and dodge tools?

Vocab:
Composition: The arrangement of subjects on a picture plane
 Best compositions are done using the RULE OF THIRDS

Multipy Blend mode: Removes all the white from an image

Blur: Blurs out an area of the image on Photoshop

 Dodge: lightens an area of the image in Photoshop

Burn:  darkens an area of the image in Photoshop

Tattoo Drawing Rules

·      Must be School appropriate.  No drug, weapon, or gang references.

·      Tattoos must be placed on appropriate body parts. 

·      NO INFINITY SIGNS or small solidary symbols. (single heart, single star, single cross.)

·      Drawing must be detailed.

·      Text inclusion is encouraged but you cannot just have text. It must be accompanied by imagery.

·      If you take ideas from the internet, your final tattoo must be original meaning you must combine at least 2 tattoos to create a new tattoo.

·      Draw your tattoo to be about the size of your hand.

·      Outline in sharpie. Anything other medium won’t look real

·      You may have color but it is optional.

 

Tattoo Cheat Sheet

 

1.     Start and 8x10 or 10x8 inch Document at 300 resolution

2.     Drag your photograph into the new file

3.     Copy the photograph layer and hide it

4.     Stretch it to fit using Ctrl + t (hold shift and pull from the corner!)

5.     Scan your tattoo drawing

6.     Drag your tattoo drawing pic into the file

7.     Copy the layer and hide it

8.     Select the background using the magic wand and delete

9.     Set the blend mode to multiply to get rid of any white color

10.  Transform your tattoo to fit the area that you would like it to go (there will be overhang most likely on larger tattoos

11.    While in transform mode, right click and choose warp

12.    Warp the tattoo to adjust to any curves on your body while being careful to not pull the tattoo apart anywhere

13.    Erase any extra that is not on the skin (zoom in close for this!)

14.    Use the dodge tool to lighten the tattoo where the skin has highlights (adjust exposure)

15.  Use the burn tool to darken the tattoo where the skin is in shadow (adjust exposure)

16.  Use the blur tool to blend it into the skin

17.   Change the opacity if necessary

18.    Make any creative adjusts as needed (cropping, colorizing, etc.)

 

 

 

 

 

  

Digital Imaging 1: Personality Self Portrait Album Cover

OBJECTIVES (GOALS):

Student will:

• ·         Sketch a layout of images and type to be digitally created.
• ·         Review previously learned Photoshop tools and apply them when developing an 8x10 or 10x8 inch self-portrait collage which successfully combines type and image.
• ·         Be introduced to blend modes, filters, and layer masks and how to apply them to images.
•       Consciously make composition decisions keeping the design principles in mind.

REQUIREMENTS:

Size:8x10 or 10x8
Resolution: 300
Must use 13 images

NO SQUARED OFF CORNERS OR HARSH EDGES

*Everything should blend together. Not look like a paper with stuff pasted to it.

ESSENTIAL QUESTIONS TO ASK YOURSELF:

•       How can an artist show their personality and a sense of mood in a self-portrait through use of type and image without incorporating a picture of them?
•       What is a layer mask, how is it used, and what is the benefit over the eraser tool?
•     What different effects can be made by layering blend modes and filters?
•     How can we create a sense of Depth within a 2D surface?

VOCABULARY:

•       Self-Portrait: a person’s portrait or description of him or herself
•        Collage: an art form in which compositions are made out of pieces of paper, cloth, photographs, and other miscellaneous objects, juxtaposed and pasted on a dry ground or a composition made in this way. 
•      Filters: Overlays that can be placed on an image to distort or alter it.
•      Blend Modes: Layer blending options. Blends the layer on top with the layer below it.
•      Composition: The arrangement of elements/subjects on a picture plain
•     Rule of Thirds: A grid used to arrange a strong composition by placing a subject/element in 1-3 of the 4 spots the lines intersect.  Horizon lines should be placed above or below the horizontal lines of the grid.

ACTIVITY:

1.        Teacher displays past student examples of successful self-portraits as well as some that could use more revising.

2.       Teacher demonstrates how to use a layer mask, blend modes, and filters, and discusses benefits of using layer mask over using eraser tool.

3.      Basic keyboard shortcuts are reviewed.

4.       Design Principles are discussed.

5.      Students develop an 8x10 or 10X8 inch self-portrait collage incorporating images from the internet, personal photographs (no people), scans of artwork, typography, etc.  to best portray themselves and their personalities.

6. Save as a PSD File on H-Drive to continue working on it.

7. Finalized images Save as JPEG to H-Drive and post to blog.

EXAMPLES:

• 
  

Digital Imaging 1: How to Colorize an Image

1. Get a High Quality Image (1000 psi or more) and save you your computer.
2. Open it in Photoshop.
3. Go to File > New. Name it Colorize.  Size 8x10 or 10x8. Resolution 300. 16 Bit. Hit OKay.
4. Drag your Image into the new document, Resize to full page holding shift.
5. Go to Image> Adjustments> Black and White. Hit Okay
6. Go to Image >Adjustments> Brightness and Contrast. Adjust contrast until blacks in your image are crisp/details pop. Hit Okay.
7. Go over to the layers window and lock the layer with your now black and white image by hitting the lock button on the screen.
8. Go down to the "Post it" Button on the layers window. Hit it to create a blank layer.
9. Change the blend mode (where it says "normal" on the layer window) to either "Color" or "Overlay."
10. Begin coloring using the Paint Brush tool and Eraser to fix mistakes. You may adjust the brush size and Hardness as needed. Remember Ctl + and Ctl - zoom in and out.
11. When finished Save as JPEG to H-Drive and Post to Blog.  You DO NOT have to write a reflection for this one.

**You should be painting using good craftsmanship! No holes or odd cut offs.

Digital Imaging 2: Pen Tool Self Portrait Cartoon

OBJECTIVES (GOALS):

Student will:

• ·         Draw an original image of themselves in a cartoon format
• ·         Generate a pen tooled digital cartoon over an original drawing in Illustrator and apply color in Photoshop
• ·         Identify and practice using basic Illustrator and Photoshop tools and keyboard shortcuts to help them achieve their design (pen tool, direct selection tool, anchor points, smooth tool, shapes, path eraser, paintbrush, etc.)
•       Reflect upon the process

ESSENTIAL QUESTIONS TO ASK YOURSELF:

•        What is the pen tool and how is used in Illustrator?
•      What are some of the tools that can be used with the pen tool in order to achieve a desired result?
•     How can you use the paintbrush in Photoshop to apply shading and highlights?

VOCABULARY:

• Illustrator: A full-featured drawing program for Windows and Macintosh from Adobe.
• Pen Tool: The primary drawing tool in illustration software. The pen tool allows the user to position anchor points and control the shape of the line by controlling the control handles that extend from the anchor points
• Select Tool: Black arrow, used to move entire shapes.
• Direct Select tool: White arrow, used to move small sections of shapes.
• Cartoon: a drawing of (someone) in a simplified or exaggerated way

ACTIVITY:

1.        Teacher goes over cartoon images and discusses how cartoons can be exaggerated with various expressions to portray mood.

2.       Students begin original contour drawings portraying themselves as a cartoon (FULL BODY) to come up with a final version on 8 ½ x 11 inch paper.

3.       Student outline drawing in extra-fine point black Sharpie and erase pencil lines before scanning into the computer.

4.      Teacher demonstrates how to set up Illustrator document and lock drawing onto its own layer with low opacity in order to use as a template and build over using the pen tool.

5.       Pen tool techniques are reviewed as well as stroke (line weight), the shape tools, smooth tool, and path eraser

6.      Students pen tool over outlines of their original drawing using only black and making sure to avoid any gaps in the lines

7.       Students copy and paste only the pen tooled image into Photoshop and apply color using the fill tool, gradient tool, and paintbrush to apply shading and highlights (demonstrated by teacher)

8.      Students work on various layers using selections and create a copy of their original work so that they do not paint over their black lines.

9.      Students write a one paragraph reflection using Microsoft Word commenting on their drawing choices and expressions used to best represent themselves as well as the actual process. 

EXAMPLES:

Digital Imaging 2: Pen tool exercises

Save both images to your computer and open them in Illustrator.  Follow the directions to practice the Pen tool.  When finished with both exercises, Save file for Microsoft (PNG) and post both to your blog.

 

 

 

Digital Imaging 1: Selection tool Worksheet and Exercise

Save to your Desktop and follow the instructions I give you to place the objects correctly on the plate.  Save as a JPEG and post to blog when finished.

 

 

 

Digital Imaging 1: The Clone Wars

Objective (goals): Create a Composite photo of 5 or more images using the layer mask tool to merge them all.

Requirements:

• You must take AT LEAST 30 pictures for this project. This gives you options to choose from if something does not work. You will be making and submitting a contact sheet on your blog to prove you took these pictures.
• You may use 5 or more images to create your composite image with 5 or more clones.
• Dimensions will be 8X10 or 10X8 inches with 300 Res.
• Play! Make your clone interaction fun and interesting!
• Be careful not to UPSTAGE. Having one clone directly in front of another, blocking them.

To Make a contact sheet:  Open Photoshop>File>Automate>Contact Sheet II. Then browse what file or folder you want to open and hit Okay.  Save all tabs as JPEGS.

Layer Mask Demo:

 

 Vocabulary:

Graphic Arts: skillful communication of type and image

Composition: The arrangement of subjects/elements on a picture plane.

Rule of Thirds: A grid used to arrange a strong composition by placing a subject/element in 1-3 of the 4 spots the lines intersect.  Horizon lines should be placed above or below the horizontal lines of the grid.

Contrast:

Repetition

Alignment:

Proximity:

Layer:

Layer mask: a grayscale layer attachment that you can edit in order to help blend layers of images together and create soft transitions between elements. Looks like a square with a circle inside.

Levels:

Curves:

Composite Image/photo: An image that is compiled of multiple images layered on top of one another.

 

 

Examples:

Digital Imaging 2: Mix Media Polaroid

Objective (Goal):  Create a mixed media self-portrait that uses a combination of Photoshop and other materials in a dynamic composition that has depth (foreground, middle, background).

Requirements:

·         Design at 8 x10, 300 resolution on Photoshop

·         Must be a self-portrait using an original image (very clear and high resolution if possible)

·         Must use at least 12 polaroids

·         Image can break out of the space if desired

·         Some Polaroids can be black and white versus color (can also desaturate on Photohsop for minimal color or colorize using blend modes if desired)

·         Self-portrait image outside of the Polaroid squares must be deleted

·         Must have a foreground, mid-ground, and background

·         Background and foreground must include some form of fine art that you produce and take a picture of or scan in (cut paper, drawings, paintings, etc)

 

·         Inclusion of typography is encouraged but not mandatory

 

Vocabulary:

Mixed Media: the use of a variety of media(materials) in a work of art.

Composition: The arrangement of subjects/elements on a picture plane.

Rule of Thirds: A grid used to arrange a strong composition by placing a subject/element in 1-3 of the 4 spots the lines intersect.  Horizon lines should be placed above or below the horizontal lines of the grid.

Color Theory: Color theory (in artistic terms) is the concept of combining colors to reach the desired result. In website development this has proven to be extremely important for both psychological and physiological reasons.

Layering: To overlap 2 or more objects

Foreground:

the part of a view that is nearest to the observer

Mid-ground: the area in an image that is half way between the foreground and background

Background: the area or scenery behind the main object of contemplation

 

Examples: