Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... ·...

48
FRANK REAVER WWW.FRANKREAVER.COM [email protected] BROOKLYN PARK MIDDLE SCHOOL Using Photoshop to Accelerate Traditional Drawing and Painting Skills

Transcript of Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... ·...

Page 1: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

F R A N K R E A V E R W W W . F R A N K R E A V E R . C O M

F R E A V E R @ A A C P S . O R G

B R O O K L Y N P A R K M I D D L E S C H O O L

Using Photoshop to Accelerate Traditional Drawing and Painting Skills

Page 2: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

“The Per·cep·tion Gap”

Part of becoming an artist is training your brain to be more sensitive to visual information.

How do we as teachers get our students to be visually sensitive?

Technology bridges the perception gap between teacher and pupil.

Page 3: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Concretizing Ideas in Art

How do we get students to perceive things the way that we as teachers do?

Turning abstract ideas into concrete ideas – all students see the exact same thing – “The ah-ha moment”

Chunking information that can build off prior knowledge

Photoshop allows students to investigate an image with more precision

GRADE 7

Page 4: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Student Growth Grade 6 Grade 8

Grade 7

Page 5: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Student Growth Grade 6 Grade 8

Grade 7

Page 6: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Sequencing your lessons for optimum learning

Starting with what you want your students to learn rather than the artistic product

Create lessons that build on each other – scaffolding.

Make it current / relevant to the student whenever possible.

Provide your students with a well rounded art education. Teach both technique and concept – but only one at a time. Don’t overstuff your artworks.

Page 7: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Photoshop is the Swiss army knife of artistic guides

What are some of the basic artistic abilities we as teachers want students to be able to do/understand?

Color Local Color vs Optical Color

Color Mixing

Proportion Spatial Relationships

Finding angles

Composition

Value Contrast

Value Mapping

GRADE 6

Page 8: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Proportion & Spatial Relationships

Page 9: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Using Guide Lines

The size of the digital image should match the size of the paper

Use the crop tool to change the size and create composition

Use the lines to show spatial relationships

If you do not have Photoshop simply use any paint program to draw lines on an image.

GRADE 7

Page 10: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

How to use Guiding Lines

Make sure the rulers are showing

Click and hold with the mouse starting at the ruler and drag a new line onto the canvas

Page 11: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Identifying how to break down complex objects

Using Photoshop you can have students trace over shapes in an image, then reveal only the shapes they have traced

Page 12: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Using Shape

GRADE 6

Page 13: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Releasing the training wheels

The use of these tools are not a replacement for other fundamental art skills

They’re a system put into place to accelerate learning

You can customize the level of assistance the technology will give your students

GRADE 6

Page 14: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Sequencing your lessons Natural Transition to observational drawing

Large amount of artistic assistance

small amount of artistic assistance

some artistic assistance

Page 15: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Creating Products the student is proud of

We as Art Educators have to make sure our students are not afraid of trying – eliminate the “I can’t”

Creating lessons where all students are successful will build their confidence

Concretizing ideas help students understand content

Releasing the stigma that using any aid is somehow diminishing the value of the artwork – this philosophy and how it devalues the average student

The other end of the spectrum –students focus completely on concept and have no traditional foundation to communicate their ideas

Page 16: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

What route would the majority of your students want to take?

Page 17: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Comparing teaching

Page 18: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Analyzing master work

Symmetry

Rule of Thirds

Composition

Spatial Relationships

You can also use a paint brush on a layer above the image to further analyze the image

Page 19: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Pre-Assessment After instruction

With no guidance the students were asked to draw a still life

After learning about guiding lines

SLO’s– This is the same student

GRADE 7

Page 20: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Students will find their own Solution

When given this tool students will invent their own way of using the guides. This promotes 21st century learning.

The student on the right found it helpful to look at the composition in boxes.

GRADE 7

Page 21: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

The Crop Tool (C)

Click on the crop tool icon or press the letter C on the keyboard

Change the width, height and resolution to match the size of your paper

Page 22: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Value

Page 23: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Value Mapping

Using the cut out filter in Photoshop it is easy to turn any image into a value map (remember it should be black and white to start with)

The number of levels indicates the steps in the value scale

The higher the levels the more steps the scale will have

Page 24: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

3 levels 8 levels

A struggling student will benefit from a less complex value map

A more advanced student will be pushed further

Differentiation

Page 25: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

How to use the cut-out filter

Click on Filter -> Artistic -> Cutout…

Adjust the settings to the desired outcome

Page 26: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Creating Actions

Actions can be used to automate multiple files with the same editing.

Go to Window > Actions to bring up the actions window

Page 27: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Actions Window

Record

Stop

Create a New set

Start a new recording of actions

Page 28: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Automating

File >Automate>Batch… Choose your set and action

Page 29: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Contrast

Levels (Control + L)

Brightness / Contrast

Provide instant feedback on how contrast can improve artwork

GRADE 7

Page 30: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Examples

Page 31: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Implementation

Quick Practice – Students use prepared images to practice value mapping

Students use value mapped self portraits to create an artwork – Teacher provides photo shopped images

Students use cameras to take their own imagery and upload it to Photoshop. The students apply the setting themselves and create an artwork based off of the image

GRADE 8

GRADE 6

GRADE 6

GRADE 7

Page 32: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Student Growth Grade 6 Grade 8

Grade 7

Page 33: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Student Growth Grade 6 Grade 8

Grade 7

Page 34: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Color

GRADE 6

Page 35: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Local Color Optical Color

Local Color vs. Optical Color

Page 36: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Finding Optical Color

Using the color selector you can easily assess the optical color

Page 37: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Finding Optical Color

Using the color selector you can easily assess the optical color

Page 38: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas
Page 39: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Implementation

Demonstration by teacher followed with class discussion

Create a game where students are asked to find the optical color in specific areas of an image

Students work side by side with a computer and use the color picker to help them find and mix color

GRADE 7

Page 40: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Chuck Close Style Pixilation

Page 41: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Chuck Close Style Pixilation

Click on Filter -> Pixelate -> Mosaic…

The size you should choose will depend on the size of your image

EXAMPLE: if your image is 10 inches long and 3000 pixels (300dpi) you will choose 75pixels for ¼ inch squares or 150pixels for 1/2inch squares

Page 42: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Chuck Close Style Pixilation

Students can use the color picker to investigate the color in each square and use this to help them mix color

GRADE 6

GRADE 8

Page 43: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Fauvist inspired artwork

Students use the cut out filter to help them value map the portrait. After value mapping they apply warm and cool colors to the value map according to the lightness or darkness of shapes.

GRADE 7 GRADE 7

Page 44: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Student Growth Grade 6 Grade 8

Grade 7

Page 45: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Student Growth Grade 6 Grade 8

Grade 7

Page 46: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

Scholastic Winners 2014-2015

Page 47: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

This is not the end

The ultimate goal is for the students to be able to utilize these artistic skill sets intuitively

Students will use these techniques to force them to complete specific tasks

Clear visual example of what we struggle to get students to see for themselves

Page 48: Using Photoshop to teach traditional techniquesnaeaworkspace.org/conv15/Using Photoshop to... · Technology bridges the perception gap between teacher and pupil. Concretizing Ideas

The only thing separating these two artworks is 3 years of education

Frank Reaver www.frankreaver.com [email protected] Brooklyn Park Middle School Performing & Visual Arts Magnet