Tuesday, 17 September 2013

Movements

Fall 2013
Instructor: Justin Waddell
Email: justin.waddell@acad.ca
Course:            MADT 101 A – Exploring Digital Environments

Assignment:     Movements
Assigned:         Sept. 17th, 2013.
Due Date:         Sept. 24th, 2013 (1 Week).

Description:
Students are required to work in groups to sketch, build, animate, and install a series of animations that demonstrate specific camera movements.

Concept and Structure:
Building on the skills acquired while completing the previous assignment, “.gif Animations” students are to consider the various types of camera movements and how they can be demonstrated using computer generated animations in Photoshop. Aspects to consider are structural elements (or characters), environment, depth, angle, speed, duration, and ultimately movement.

Objectives:
·       To consider movement and rhythm (time).
·       To construct illusionistic space.
·       To work with Adobe CS6 (Bridge, Photoshop, layers, animation) and to become more comfortable in a digital environment.
·       To work collaboratively within a group.

Process:
·       Students will have class time on Sept. 17th to work within a group (4 members) and begin to workshop, develop, and build elements for their animations.
·       It is important that each group agree on the shared elements of the animation in advance of working independently. Consistency across elements can include colours, shapes, textures, etc. Think of the elements as characters. How might they help tell a story or set a tone?
·       The elements will be shared/exchanged in the class Google Groups page. Each element will be loaded to a specific folder within the page. This will help facilitate the sharing of media.
·       When developing your elements and media you will need to consider what elements will be in the fore, mid, and background of the composition. Also consider where in the frame these elements will appear as well as their scale as this will effect the sense of illusionistic space (as well as movement).
·       When considering your movements you will want to decide on what shot angle you will be positioning the viewer: worm’s eye, low, eye level, canted, high, bird’s eye, etc…
·       Groups are to complete a minimum of 10 animations based on the following movements (each animation is of a unique movement)
o   Stationary camera and viewer
§  Static (no movement), Pan (left/right), Tilt (up/down), Zoom (in/out), Pedestal (up/down), Rack Focus (in/out).
o   Moving camera and viewer
§  Track (in/out), Crab (left/right), Crane or Boom (combination of up/down and left/right along a large fixed axis).

·       Completed animations are due by the end of the day and uploaded to each groups respective folder on the class Google Groups page. Animations will be under 5 seconds in length and with no one dimension larger than 1080 pixels.

Resources:
http://pchs-tech.wikispaces.com/Camera+shots+%26+moves
http://www.youtube.com/watch?v=kUbHc626ndU

Movements

Fall 2013
Instructor: Justin Waddell
Email: justin.waddell@acad.ca
Course:            MADT 101 A – Exploring Digital Environments

Assignment:     Movements
Assigned:         Sept. 17th, 2013.
Due Date:         Sept. 24th, 2013 (1 Week).

Description:
Students are required to work in groups to sketch, build, animate, and install a series of animations that demonstrate specific camera movements.

Concept and Structure:
Building on the skills acquired while completing the previous assignment, “.gif Animations” students are to consider the various types of camera movements and how they can be demonstrated using computer generated animations in Photoshop. Aspects to consider are structural elements (or characters), environment, depth, angle, speed, duration, and ultimately movement.

Objectives:
·       To consider movement and rhythm (time).
·       To construct illusionistic space.
·       To work with Adobe CS6 (Bridge, Photoshop, layers, animation) and to become more comfortable in a digital environment.
·       To work collaboratively within a group.

Process:
·       Students will have class time on Sept. 17th to work within a group (4 members) and begin to workshop, develop, and build elements for their animations.
·       It is important that each group agree on the shared elements of the animation in advance of working independently. Consistency across elements can include colours, shapes, textures, etc. Think of the elements as characters. How might they help tell a story or set a tone?
·       The elements will be shared/exchanged in the class Google Groups page. Each element will be loaded to a specific folder within the page. This will help facilitate the sharing of media.
·       When developing your elements and media you will need to consider what elements will be in the fore, mid, and background of the composition. Also consider where in the frame these elements will appear as well as their scale as this will effect the sense of illusionistic space (as well as movement).
·       When considering your movements you will want to decide on what shot angle you will be positioning the viewer: worm’s eye, low, eye level, canted, high, bird’s eye, etc…
·       Groups are to complete a minimum of 10 animations based on the following movements (each animation is of a unique movement)
o   Stationary camera and viewer
§  Static (no movement), Pan (left/right), Tilt (up/down), Zoom (in/out), Pedestal (up/down), Rack Focus (in/out).
o   Moving camera and viewer
§  Track (in/out), Crab (left/right), Crane or Boom (combination of up/down and left/right along a large fixed axis).

·       Completed animations are due by the end of the day and uploaded to each groups respective folder on the class Google Groups page. Animations will be under 5 seconds in length and with no one dimension larger than 1080 pixels.

Tuesday, 10 September 2013

.gif Animations


Fall 2013
Instructor: Justin Waddell
Email: justin.waddell@acad.ca
Course:            MADT 101 A – Exploring Digital Environments

Assignment:     .gif Animations
Assigned:         Sept. 10th, 2013.
Due Date:         Sept. 17th, 2013 (1 Week).

Description:
The Graphics Interchange Format (.gif) is a 256 colour bitmap format that allows for animations and small file sizes.

Concept and Structure:
Students are required to source, edit, build, and exhibit several .gif animations. Class time will be set aside for a workshop on the construction of animated .gifs using Photoshop CS6. From this basic workshop you will be asked to collect images from the Internet, as well as with digital cameras. You are to consider themes and connections between the images you select. Why are you using them? Why are you interested in them? These reasons do not have to be conceptual; they can also be formal (colour, line, textures). Try to utilize the “affective qualities” of the .gif. Also, think about the use of timing, sequencing, movement, and repetition. It is also helpful to decide on a theme for your series and develop work that can respond to it.

Objectives:
·       To make something you enjoy looking at.
·       To subvert traditional forms of media.
·       To research images on the Internet as well as import images from other devices.
·       To work with Adobe CS6 (Bridge, Photoshop, layers, animation) and to become more comfortable in a digital environment.
·       To work with sequencing, timing, and movement.
·       To display your work and try to talk about it without ruining the experience of looking at it.
·       To have fun while making art, learning something new, and sharing it with your peers.

Process:
·       Students will have class time on Sept. 10th begin to workshop, develop, and build your .gif images/animations. By the end of the day, Students must have completed a min. of 7 animated .gifs and provided with a week to complete a min. of 7 additional separate animated .gifs (for a total of 14 .gifs).
·       7/14 of your.gifs must use photographs that you imported from a digital camera (including phones, etc.). The photographs can be used in combination with appropriated images.
·       Your .gif must be created in Adobe Photoshop (CS6) and not in a separate .gif animator program. Each of your animated .gifs must be less than 1mb in size and be uploaded to your blog by 9am on Sept. 17th. Any late submissions will not be accepted for critique.

Additional Information:
·       Blogger does not support uploading .gif animations L therefore you must use another service to host your .gif (such as flickr, photobucket, or tumblr) then use the URL of the upload in the Photo URL of the blogger post.

·       The Affect of Animated GIFs (Tom Moody, Petra Cortright, Lorna Mills): http://www.artandeducation.net/papers/view/14

·       Stephanie Davidson: http://www.stephd.biz/

·       Rising Tensions: http://risingtensions.tumblr.com/


·       How To Create Animated .GIFs using CS6: http://help.adobe.com/en_US/photoshop/cs/using/WSB8C58284-9DEB-44f2-9D8F-7F77594A8CC2a.html

Fall 2013
Instructor: Justin Waddell
Email: justin.waddell@acad.ca
Course:            MADT 101 A – Exploring Digital Environments
Assignment:     .gif Animations
Assigned:         Sept. 10th, 2013.
Due Date:         Sept. 17th, 2013 (1 Week).
Description:
The Graphics Interchange Format (.gif) is a 256 colour bitmap format that allows for animations and small file sizes.
Concept and Structure:
Students are required to source, edit, build, and exhibit several .gif animations. Class time will be set aside for a workshop on the construction of animated .gifs using Photoshop CS6. From this basic workshop you will be asked to collect images from the Internet, as well as with digital cameras. You are to consider themes and connections between the images you select. Why are you using them? Why are you interested in them? These reasons do not have to be conceptual; they can also be formal (colour, line, textures). Try to utilize the “affective qualities” of the .gif. Also, think about the use of timing, sequencing, movement, and repetition.
Objectives:
·       To make something you enjoy looking at.
·       To subvert traditional forms of media.
·       To research images on the Internet as well as import images from other devices.
·       To work with Adobe CS6 (Bridge, Photoshop, layers, animation) and to become more comfortable in a digital environment.
·       To work with sequencing, timing, and movement.
·       To display your work and try to talk about it without ruining the experience of looking at it.
·       To have fun while making art, learning something new, and sharing it with your peers.
Process:
We will have class time on Sept. 10th begin to workshop, develop, and build your .gif images/animations. By the end of the day, Students must have completed a min. of 7 animated .gifs and provided with a week to complete a min. of 7 additional separate animated .gifs (for a total of 14 .gifs). Your .gif must be created in Adobe Photoshop (CS6) and not in a separate .gif animator program. Each of your animated .gifs must be less than 1mb in size and be uploaded to your blog by 9am on Sept. 17th. Any late submissions will not be accepted for critique.
Additional Information:
·       Blogger does not support uploading .gif animations L therefore you must use another service to host your .gif (such as flickr, photobucket, or tumblr) then use the URL of the upload in the Photo URL of the blogger post.

·       The Affect of Animated GIFs (Tom Moody, Petra Cortright, Lorna Mills): http://www.artandeducation.net/papers/view/14

·       Stephanie Davidson: http://www.stephd.biz/

·       Rising Tensions: http://risingtensions.tumblr.com/

·       How To Create Animated .GIFs using CS6: http://help.adobe.com/en_US/photoshop/cs/using/WSB8C58284-9DEB-44f2-9D8F-7F77594A8CC2a.html