In class Fri Nov 1st

Export your finished stopmotion animations as a mp4. Make sure it is labeled with your name and then upload the file to the Google Art116 Stopmotion Animation album.


Image Resolution
Photoshop is a "bitmap" based image editor. This means images are broken down into tiny squares called pixels. These pixels are measured on the X and Y axis. 

When we want to print an image we need to think about the images resolution. Resolution is described by how many pixel there are in one inch.

180 ppi - lowest printing resolution
300 - 600 dpi - professional printing resolution



Creating & Manipulating Images in Photoshop 

Image Size

Canvas Size 

Canvas Rotation 


Tool Bar
- Move Tool
- Selection Tools
- Drawing Tools 


Layers
- new layers
- layer visibility
- blend modes
- opacity
- changing layer position
- layer effects


Bringing images into Photoshop:
 * Drag and Drop the JPEG or PSD file onto the photoshop icon in the 'Dock'
- once open in Photoshop use "command"+"a" to select the entire image.
- use "command"+"c" to copy the image - navigate to the template you want to put the image onto
- use "command"+"v" to paste the image


Artist Trading Card (ATC) walk through 
1) create a new 2.5" x 3.5" document at 180 dpi (resolution) --> File New

2) use "save as" to save the document 8 times as "temp-1.psd", "temp-2.psd", "temp-3.psd".....

3) find images on the internet and save them to your desktop. *Make sure to use the advanced search function to search for "Large" Images only

4) open your images in Photoshop and "Copy" and "Paste" them into your Template file.

5) move and alter your layers ----- Try "erasing", changing the "mode" of a layer, "selecting" and "deleting", using "adjustments" and "filters"

6) when finished save the file as a .PSD (These files will need to be "Flattened" to be saved as the final JPEG file.)

Assignment 4

ART116 Fall 2019

Artist Trading Cards

description:

For this project you will be creating 'Artist Trading Cards' also known as ATCs. The creation of ATCs by artist comes from a long history of artists trading small samples of their work with other artist or were sold to make a little extra cash. They were very popular with Impressionistic era artists. The cards are generally 2.5" x 3.5" big and are either unique or are created in small editions.

some useful links:

ATC Wike

ATC collection

whats due:

- 8 different Artist Trading Cards, 2.5" x 3.5" in size at 180dpi.

- each card shows examples of your ability to manipulate images using Photoshop

- All your cards files need to be uploaded to the Google class assignment album.

Guidelines

You can use any content you wish for these 8 images, but you have to create the cards using Photoshop manipulation tools and techniques.

What should you do?

This is an open project. Be creative, express yourself. Find your style, create something retro-cool, urban chic, surreal abstraction, whatever, just create 8 images you are proud of.

What’s Due:

First due date:

Your 8 images uploaded to the class Google Albums. Label your card files with your first and last name and a number.

Example - joevonstengel-1.jpg, joevonstengel-2.jpg. Save as JPEG file format.

Second due date:

Print your two best cards 16 times each. Cut them out and sign them. Have them ready for the final

 ------------------------------- Whats Due---------------------------------

Assignment 4 - Mon Nov 11th - 8 artist trading cards due up on the class album by the end of class

In class Wed Oct 30th

Bring your cellphones to class with your stopmotion animation clips!

Finding Images on Google to use in Photoshop

* use the "Tools" select "Size" and choose "Large"

* only use images that are at least 1000 pixels on the smallest side

- After you choose an image "control" click on the image and choose "open image in a new tab"

- navigate to the new tab and drag and drop the image onto the desktop (or "control" click and choose "download image", save it to the desktop)

Bringing images into Photoshop 

* Drag and Drop the JPEG or PSD file onto the photoshop icon in the 'Dock'

- once open in Photoshop use "command"+"a" to select the entire image.

- use "command"+"c" to copy the image

- navigate to the template you want to put the image onto

- use "command"+"v" to paste the image

Creating & Manipulating Images in Photoshop

- Checkin' out the program
--- Tool Bar
- Move Tool

- Selection Tools

- Drawing Tools

Menu
File -- New / Open / Save / Save As
Image -- Image Size / Canvas Size / Canvas Rotation

Layers
- new layers
- layer visibility
- blend modes
- opacity
- changing layer position
- layer effects

Work on Projects

In class Mon Oct 28th

Getting your Video from the Stopmotion app to your computer.

Premiere Pro (a video editor)

Creating a 'Resources' folder

- save this folder somewhere safe (we will put it on the desktop)

- put all video, audio, and jpg files used in your project, in this folder (jpg files should be 1920x1080px in size)

- never move the Resource Folder

Opening the Program

- Starting a New Project

Whats Where

- 4 windows: Media browser, Media viewer, Timeline, Timeline viewer

- tools

Import your video files and audio

-- you can Drag and Drop onto the time line

* Videos can come in many sizes. We are using HDTV 1080p which is 1920x1080 pixels. The first video you place on the timeline sets the size of the video. Make sure to use a video or image that is 1920x1080 for your first image/video. 

Zooming

Selecting & Moving a clip

Cutting

Rendering

Export the movie

------------------------------------------------------------------------------------

Finding Sound

Premiere uses MP3 and WAV files 

find them here:

Feesound

Free Sound Effects

In class Fri Oct 25th

Are you working on Assignment 2?

Assignment 3

ART116 Fall 2019

30 Second Stopmotion Animaiton

  Pt 1) generate stopmotion animation storyline ideas

  Pt 2) upload finished stopmotion video to the class Google Photos Album

Your 10 ideas for your animation are due at the beginning of class today!

Shots and Scenes introduction

- Examples of shots and scenes

Work on Projects

In class Wed Oct 23rd

Review Superpower Videos



Stopmotion Examples

-------------------------

Camera Angle

Eye Level

An eye-level shot is the most basic type of shot and involves simply picking up a camera or video recorder and taking a straight-on, eye-level photograph. This technique is the most common shot used by photographers, seen in many casual pictures, such as family photos or vacation shots.

High Angle

A high-angle shot involves taking a photograph from someplace above a subject at a diagonal angle. This type of angle may make a subject look smaller or even childlike.

Low Angle (Worms Eye)

A low-angle shot is the opposite of the high-angle shot. In a low-angle shot, the photographer is below the subject and takes a photograph looking up at the subject. This angle is often used to make a subject appear larger, taller or more powerful.

Bird's Eye

This type of shot is similar to the high-angle shot in that the photographer is situated above the subject. However, unlike a high-angle shot, a bird's eye shot looks straight on at a subject rather than using an angle. This type of shot is used to achieve very dramatic images.

Slanted

A slanted shot, or dutch tilt, is where the camera is tilted to the side to give the horizon a unique, angled appearance. This is a popular shot for movie stills and in magazines as it portrays a hip, edgy feeling in the photograph

Camera Movement

Camera Point of View (POV)

Close-Ups
A close-up (abbreviated "CU") is when the camera focuses on just one character's face or other part of him, taking up the entire frame. These shots are used often when a character is talking, because it puts the viewer in an almost face-to-face context. When the camera zooms directly into part of a person's face or body, so that the frame shows nothing but his body, this is an extreme close-up, or ECU. Going in the opposite direction, a medium close-up (MCU) is halfway between a standard CU and a mid-shot--which shows part of the scene and the subject.

Wide Shots
Wide Shots Abbreviated (WS) give a great view of the entire area your subject is standing in, and you can see the person's entire body against the backdrop of his setting. As the camera zooms out, making the person almost unrecognizable but giving a good view of the entire area, it becomes a VWS, or very wide shot. Finally, an extreme wide shot (EWS) takes the camera out so that you can't even see the subject, but gives the viewer a clear picture of where the viewer is supposed to be--these are generally used as establishing shots. VWS are generally taken from cranes, so they're sometimes called crane shots, and EWS can be taken from helicopters and called aerial shots.

Multiple People Shots.
Conversations between two people require a special camera angle to capture the intimacy of the conversations. A two shot (TS) is the most common way to show conversation: place both subjects in the same mid-shot. The next most familiar style is the over-the-shoulder shot, or OSS, which looks at the talking subject from the listener's perspective, quite literally over his shoulder. Some camera operators also set up the noddy shot, which is most common in interviews, and is taken from the perspective of the interviewee.

POV
The first-person perspective is a useful way to put the audience almost directly in the character's shoes. The POV shot is pretty much what the character would see--as if she is actually holding the camera herself. POV, meaning point-of-view, shots are often used to heighten the intensity of a scenario.

Weather Shots
If the subject is the weather itself, it is referred to as a weather shot. These images give the viewer a moment's reprieve from the action or drama of the film as well as establishing what's going on in the world around them. If the weather is wet and rainy, that will affect the mood of the film overall; a bright, shiny day on the other hand lightens the mood.

Camera Movement
A director may choose to move action along by telling the story as a series of cuts, going from one shot to another, or they may decide to move the camera with the action. Moving the camera often takes a great deal of time, and makes the action seem slower, as it takes several second for a moving camera shot to be effective, when the same information may be placed on screen in a series of fast cuts. Not only must the style of movement be chosen, but the method of actually moving the camera must be selected too. There are seven basic methods:

1. Pans
A movement which scans a scene horizontally. The camera is placed on a tripod, which operates as a stationary axis point as the camera is turned, often to follow a moving object which is kept in the middle of the frame.

2. Tilts
A movement which scans a scene vertically, otherwise similar to a pan.

3. Dolly Shots
Sometimes called TRUCKING or TRACKING shots. The camera is placed on a moving vehicle and moves alongside the action, generally following a moving figure or object. Complicated dolly shots will involve a track being laid on set for the camera to follow, hence the name. The camera might be mounted on a car, a plane, or even a shopping trolley (good method for independent film-makers looking to save a few dollars). A dolly shot may be a good way of portraying movement, the journey of a character for instance, or for moving from a long shot to a close-up, gradually focusing the audience on a particular object or character.

4. Hand-held shots
The hand-held movie camera first saw widespread use during World War II, when news reporters took their windup Arriflexes and Eyemos into the heat of battle, producing some of the most arresting footage of the twentieth century. After the war, it took a while for commercially produced movies to catch up, and documentary makers led the way, demanding the production of smaller, lighter cameras that could be moved in and out of a scene with speed, producing a "fly-on-the-wall" effect.This aesthetic took a while to catch on with mainstream Hollywood, as it gives a jerky, ragged effect, totally at odds with the organized smoothness of a dolly shot. The Steadicam (a heavy contraption which is attached a camera to an operator by a harness. The camera is stabilized so it moves independently) was debuted in Marathon Man (1976), bringing a new smoothness to hand held camera movement and has been used to great effect in movies and TV shows ever since. No "walk and talk" sequence would be complete without one. Hand held cameras denote a certain kind of gritty realism, and they can make the audience feel as though they are part of a scene, rather than viewing it from a detached, frozen position.

5. Crane Shots
Basically, dolly-shots-in-the-air. A crane (or jib), is a large, heavy piece of equipment, but is a useful way of moving a camera - it can move up, down, left, right, swooping in on action or moving diagonally out of it. The camera operator and camera are counter-balanced by a heavy weight, and trust their safety to a skilled crane/jib operator.

6. Zoom Lenses
A zoom lens contains a mechanism that changes the magnification of an image. On a still camera, this means that the photographer can get a 'close up' shot while still being some distance from the subject. A video zoom lens can change the position of the audience, either very quickly (a smash zoom) or slowly, without moving the camera an inch, thus saving a lot of time and trouble. The drawbacks to zoom use include the fact that while a dolly shot involves a steady movement similar to the focusing change in the human eye, the zoom lens tends to be jerky (unless used very slowly) and to distort an image, making objects appear closer together than they really are. Zoom lenses are also drastically over-used by many directors (including those holding palmcorders), who try to give the impression of movement and excitement in a scene where it does not exist. Use with caution - and a tripod!

7. The Aerial Shot
An exciting variation of a crane shot, usually taken from a helicopter. This is often used at the beginning of a film, in order to establish setting and movement. A helicopter is like a particularly flexible sort of crane - it can go anywhere, keep up with anything, move in and out of a scene, and convey real drama and exhilaration — so long as you don't need to get too close to your actors or use location sound with the shots.

^ Assignment 3 - 30sec stopmotion animation 

  ^ Pt 1) generate stopmotion animation storyline ideas

  ^ Pt 2) upload finished stopmotion video to the class Google Photos Album

In class Mon Oct 21st

Extension of Self video 

Time

Stop-motion animation is the sequential photographing of one subject in one field of view over time. The sequence of photographs is put in a frame rate to show an amount of them in one second of time. Traditional film was shot at 24 frames per second, traditional animation was shot at 12 frames per second.

.

Ways to shoot a stop-motion animation:

* Camera moves through space

* People move in front of camera

* Objects are moved in front of the camera

* Any of the above three together

.

Framing for stop-motion is the same as it is for photography. Keep in mind, the camera's lens is the eyes of the audience!

.

.

The following stop-motion animation was created by PES and was nominated for an Oscar in the short film category. It shows people moving in front of the camera and objects being moved in front of the camera. Notice how the animator utilizes objects that have one purpose and convinces us that they are something completely different.

PES on Youtube

For the following example teeshirts were printed beforehand with the animation shot frame by frame with individual tees worn on the actors for each image to animate them in the video.


Tee Shirt War & the Making of Tee Shirt War


Animation and Video are film formats and therefore are always shot in the landscape orientation. Watch the vertical video PSA below! (These are puppets shot in video not stop-motion)

Vertical Video PSA

Frame Rate, also known to as FPS (frames per second) refers to the number of images shown in one seconds worth of time in a video. The faster the FPS, the smother the motion in video. The slower the FPS the more jittery the movement in the video.

.

Below is a list of popular frame rates for different formats: 

.

Traditional movie film = 24 FPS

Traditional animation = 12 FPS

Early digital film = 30 FPS

Current digital film = 60 - 120 FPS

Current animation = 12 - 30 FPS

.

If you think about this it means there are 1440 still images in one minute of traditional film, and 720 still images in one minute of traditional animation. At 60 FPS, digital film would show 3600 still images in one minute. 

.

"The Nightmare before Christmas" is a famous stop-motion animation film. It was shot frame by frame at 24 frames per second. The movie is a little over 2 hours meaning the animators shot over 172,800 individual images in sequence to make the movie. 

Rudolph the Red Nosed Reindeer @ 12FPS

Video Resolutions

The Stop Motion app is one of the best apps available to help you create a stop-motion animation. It has many options that can be very helpful during the animation process. 

.

1. Download and Install the Stop Motion App

.

2. Open App and check it out!

How to use the Stop Motion App

Lets Explore the Stop Motion App

* Come up with an idea for a super power you can give yourself using stopmotion.

(In class. upload test stopmotion video to Google Photos)

For Wed Oct 23rd's class

Generate 10 ideas for your animation, due at the beginning of class!

In class Wed Oct 16th

# Review Experimental images from Assignment 1 (use art vocabulary)

How to use a Mac Computer

Login name = student

Login pass = artist

1) Desktop

2) The Dock

3) Top Menu

4) Making a new Folder 

5) Renaming files and folders on the desktop

6) Opening a program

7) Opening a file

8) Saving a file

9) Closing a program

Using Safari

1) Tabs and Windows

2) Searching

3) Downloading an image

- tools --- size --- large

- get images that are at lease 1000 pixels on the smallest side

Using Googles Apps

To use Googles Apps you need to be logged into your Hartwick College email.

- Calendar

- Drive/Docs

- Slides

- Photos (see below)

Idea Books/Process Journals 

- Idea Books/Process Journals have a variety of uses. 

1. They are a repository of images and ideas, of visuals that interest and inspire you. These can be screen shots, photographs that you find or take, video 

2. It is used to track the process of an art or design piece by containing images of an art or design piece at different stages of creation.

3. Contain tests and other art and design ideas that did not come to completion

Using Google Photos for your Idea Books/Process Journals

- lets take a look

Create an album on Google Photos to be used for your "Idea Book" this semester

- Share the album with the professor at : vonstengelj@hartwick.edu

Assignment 2

ART116 Fall 2019

Idea Book

(semester long)

Part 1 week 1

 ^ upload 5 images from your cell phone photo library that you think are your best images

 ^ upload 5 logos that you think are awesome

 ^ upload 5 pieces of art that inspire you

 ^ upload 3 colors that you love (you can take a picture of the color)

Part 2 week 2 - 6 do the following each week

 ^ upload 3 color bars (created with Adobe Capture)

 ^ upload 5 pieces of art/design that inspire you

 ^ upload 5 photographs you took with your cell phone that you think are awesome

In class Mon Oct 14th

Why art? 

The perception- 

The reality-

.

.

.

.

.

.

.

.

Everything is visual!

* "Art" in college should really be called "Visual Studies". Understanding how visuals work is a powerful skill in the 21st century. 

Art Jobs & Art Tracks

So what is art? 

- art is produced in a variety of 'mediums' both 2 dimensional(2D) and 3 dimensional(3D)

Dave McKean Drawing/Illustration

Andy Warhol Printmaking

Pablo Picaso Painting

Pendleton Ward Animation

Rodin Sculpture

Banksey Street Art

Greek Vase Ceramics

Jerry Uelsmann Photography

Glass

Graphic Design

Intro to the elements of design & composition

- The visual world is described by a specific vocabulary that crosses all art disciplines

Composition is the arrangement of visual elements on the picture plane. In art we accomplish this when framing an image while shooting the photograph or when altering an image in the darkroom or image editing software. In general composition helps the photographer define the important elements in the image. There are many ideologies concerning composition two of the classic ideas are the "Rule of Thirds" and the Golden Ratio.

Orientation

Golden Ratio

Rule of Thirds

Google Photos

The Google Photos app helps you organize and store your photos in the cloud that you can access on your phone or computer. It can also be used to organize images in albums that can be shared with other people. You will be using the Google Photos App to upload most of your assignments and projects for this class through out the semester. 

.

1. Download and Install Google Photos App

.

2. Open App and sign in with your Hartwick gmail account information 

.

3. Use the link provided to connect to the class “Album” in Google Photos 

https://photos.app.goo.gl/NxsuChc9njGwGtsi6

The Adobe Capture App

- What does the app do?

Adobe Capture CC is a versatile app that lets you create a variety of digital media files. The files it generates can be used in software programs like Adobe Lightroom, Photoshop, Illustrator and Premiere. The app can translate a photograph in six different ways, it’s most important feature being it’s ability to create a vector image from a photo. Vector images are scalable and are used often by graphic designers.

.

Materials - turns a photograph into a 3D texture that can be applied to virtual 3D models. 

Type - Compares a photograph of type to Adobe’s type database to provide you with the closest vector font available to the font in the image.

Shapes - Turns a photograph into vector shapes. 

Colors - Looks for the 5 most prominent colors in a photographs to create a color bar (schema) for that image.

Patterns - Turns a photograph into a complex pattern

Brushes - Turns a photograph into a brush that can be used in Adobe Photoshop and Illustrator

- Download the app

Assignment 1

ART116 Fall 2019

Experiment with Imagery

* Play with the Adobe Capture app. Take take new images and/or use photos already on your phone. Try altering your photos in; materials, shapes, colors, patterns and brushes. Do this for at least 1/2 hour.

- upload your favorite 3 experimental images to Google Photos by class on Wed Aug 28th.