Art 116 Intro to Digital Media - FALL 2016
UNIT 3 - Animation Project
Animation is 100% artifice and is open to manipulation in extraordinary ways. Animation is the most nimble of mediums.
:30 Second ANIMATION DUE: Thursday 10/20
Due on a page called “Animation” under your personal web page on the class website. Must be embedded video on your page via You Tube or Vimeo.
Objective:Creatively use an animation style of your choice to create a visually interesting and conceptually deep story.
“The amplification of an idea through simplification and abstraction.”
Technical Objective: Build on your knowledge of Photoshop to create and/or edit animation frames, learn how to create a new project in Premiere Pro, import animation frames to Premiere, learn basics of editing in Premiere and export a final video. Learn how to load a video and create an embed code for internet sharing.
Materials:
-Camera or wacom tablet to create images
-Photoshop and Adobe Premier Pro to edit images
-Hard Drive to save and organize images
Project Overview:
Create an animation portraying a story of your choosing; at least 30 seconds long. We have looked at many animation examples, which style appealed to you?
Animations can be created using, photographs, hand or digital drawings (wacom tablet), a single image played with Photoshop filters or lighting tools, a blend of drawing/painting and images. Think outside of the box.
The images MUST be original -- NO GOOGLE IMAGES.
A one paragraph artist statement must accompany the animation. State your concept, what research you did, the importance of the story and how all of these ideas support the animation.
Technical information to keep in mind:
PSD File Dimensions should be 72 DPI 1920 x 1080 pixels
Organization: Image organization is very important! Do not just place files on your desktop! Create folders and label files in a logical manner. You will save yourself lots of headache if you keep organized from the very beginning.
Basic Process: Steps could be added or deleted depending on your project.
Inquiry:
What type of story do you want to tell?
A traditional linear story?
A story of a feeling?
Does the animation loop or is a one time play?
What is the significance of the story?
What historical, cultural or literary references would be helpful to you in researching this kind of work?
How much does the viewer place his or her own histories into the work?
How does the type of animation you chose to use help tell the story?
Evaluation:
40 points possible on the IDM Grading Rubric
Must attend Critique to receive project credit.
UNIT 3 - Animation Project
Animation is 100% artifice and is open to manipulation in extraordinary ways. Animation is the most nimble of mediums.
:30 Second ANIMATION DUE: Thursday 10/20
Due on a page called “Animation” under your personal web page on the class website. Must be embedded video on your page via You Tube or Vimeo.
- Must include one paragraph artist statement.
Objective:Creatively use an animation style of your choice to create a visually interesting and conceptually deep story.
“The amplification of an idea through simplification and abstraction.”
Technical Objective: Build on your knowledge of Photoshop to create and/or edit animation frames, learn how to create a new project in Premiere Pro, import animation frames to Premiere, learn basics of editing in Premiere and export a final video. Learn how to load a video and create an embed code for internet sharing.
Materials:
-Camera or wacom tablet to create images
-Photoshop and Adobe Premier Pro to edit images
-Hard Drive to save and organize images
Project Overview:
Create an animation portraying a story of your choosing; at least 30 seconds long. We have looked at many animation examples, which style appealed to you?
Animations can be created using, photographs, hand or digital drawings (wacom tablet), a single image played with Photoshop filters or lighting tools, a blend of drawing/painting and images. Think outside of the box.
The images MUST be original -- NO GOOGLE IMAGES.
A one paragraph artist statement must accompany the animation. State your concept, what research you did, the importance of the story and how all of these ideas support the animation.
Technical information to keep in mind:
PSD File Dimensions should be 72 DPI 1920 x 1080 pixels
- You do not need to shoot your images at full resolution. You can change the resolution in the camera settings. If you do not change the setting will have large files if you do and this could cause problems in your editing if you are using a non-school computer that has low memory or older.
Organization: Image organization is very important! Do not just place files on your desktop! Create folders and label files in a logical manner. You will save yourself lots of headache if you keep organized from the very beginning.
Basic Process: Steps could be added or deleted depending on your project.
- Research a location / build a location
- Think out technical issues that may arise - stability, lighting, time
- Think out the timeline and how the place may be viewed. SKETCH!
- Shoot Images
- Download images off SD Card, return camera if borrowed
- Open images and begin editing process Save editing images
- Create new project in Premiere Pro
- Import editing images
- Place images on timeline
- Create edits: fade in, fade out
- Export
- Post to You Tube or Vimeo to get Embed code to use on class website
- Post video and artist statement to personal website by A.M. due date for class critique
Inquiry:
What type of story do you want to tell?
A traditional linear story?
A story of a feeling?
Does the animation loop or is a one time play?
What is the significance of the story?
What historical, cultural or literary references would be helpful to you in researching this kind of work?
How much does the viewer place his or her own histories into the work?
How does the type of animation you chose to use help tell the story?
Evaluation:
40 points possible on the IDM Grading Rubric
Must attend Critique to receive project credit.
idm-animationexercise.pdf | |
File Size: | 249 kb |
File Type: |
Art 116 Intro to Digital Media - Fall 2016
UNIT 3 - Animation Exercise
(TEXT ONLY, IMAGES ON ATTACHED PDF - ALSO ON HANDOUT)
The New Life of the GIF - Learning animation techniques
DUE: Thursday October 6th
Due on a page called “Animation - Exercise” under your personal web page on the class website.
Objective: Learn to combine images to create short GIF animations.
Task: Create 2 Basic GIF Animations with Photoshop
Materials:
- 4- 30 Images (you can use more if you have a reason)
- Photoshop
- Hard Drive
Background:
Animation has several meanings. For some its full scale movies that are hand drawn, others are set of images blended together in a sequence to be one after another. Think like Claymation or stop motion. With internet, animations have a new purpose. In early internet you can find them on nearly every home page of a heart dancing around or a mail box continuously opening with the text “you got mail”, and the birth of the GIF. The GIF is a bitmap image format (think raster and pixel) that supports animation and transparency. Fun Fact, the creator of the GIF file format says it is pronounced more like “jiff” the peanut butter, rather than the popular hard G sound like in the word “graphic”.
Task:
Download AND/OR Create Images
Open New Document.
Name: YOURNAME_AnimationExercise
Size: Width 6” Height 4”
Resolution: 72DPI
Once on your blank document go to Window > Timeline
This will show up on the bottom of your screen.
Open all of your images in your timeline. And adjust the layering order. It is best to work numerically, the first layer is the first “frame”. The frame is an individual image that is used in an animation.
So you set that up.
On your timeline you click “Create Frame Animation” or click the triangle pointing down to get away from the Create Video”
On the Timeline click the New Page icon to get new frames on your timeline.
You can click it for as many frames as you need or as you go.
Click on your first Frame. On your layers panel, you will need to use the eyeball so show layer visibility. Are you hiding the layer or not? Best to work with separate images and hide all the images you are not using for each frame.
However on your layers you can play with opacity or other fun Photoshop effects for each frame of your animation. Just be mindful of your visible layers.
Like so. See how only the Background color images and the image I am using for my first frame are highlighted??
Now click on your frame
Click on the “0 Sec” part.
You can Press the Play button > to test your animation.
There is your basic animation.
But that creates a basic animation, think stop motion films or Claymation.
If you want to create a more even flow from one frame to another you may want to look at tweening, which is what happens between frames.
Click on your first frame. Click on the tweening tool and a dialogue box opens.
Tween with is where you want your image want to flow with between the one you selected and the next (or previous frame).
Under “frames to add” states how fast or slow your tween is. The higher the number is the slower it is. You can play with the parameters to give different effects. This will increase your timeline length. You may need to adjust the time the “tween” frame is played.
TO SAVE AS GIF
On the left side of the timeline click on this button to open up:
Then go to File, Save As WEB
A new dialogue box will open.
Test your gif on the left before saving.
Then click save at the bottom. Name your file YOURNAME_AnimationExercise.
Save the PSD (work document) as well!