Rotoscoping is an animation technique that animators use to trace over motion picture footage, frame by frame, to produce realistic action. Originally, animators projected photographed live-action movie images onto a glass panel and traced over the image. This projection equipment is referred to as a rotoscope, developed by Polish-American animator Max Fleischer. This device was eventually replaced by computers, but the process is still called rotoscoping.
- from Wikipedia
** Since you will be working both in school and at home on this project, using different devices, remember to save all parts of your work into Google Drive at the end of each session so that you can access them no matter where you are. Also, post your progress to Google Classroom at the end of every class. **
Using Adobe Illustrator, design a book cover for the Burlington High Program of Studies.
Requirements for Format:
Tips to Get Started:
Consider what would be both appropriate and special for a publication of an academic nature.
Ask yourself how you can make students excited to get their hands on one of these publications? How can you use simple shape and text to energize the design?
There are a number of Graphic Design books and magazines in Room 215. Use them for inspiration and tutorials.
You will be making two animated movies.
The first will be a short looping animation;
the next will be a 10-20 second animated story with sound.
PROJECT 1: LOOPING SHORT ANIMATION
Create a short (5+ seconds) looping animation that uses at least five layers and approximately 30 frames. To loop, or repeat endlessly, the first and last frames have to be the same or similar. An example would be someone walking, so that one leg moves, then the other, then back to the beginning of the animation for the first leg to move again.
Here are some examples of short animations by BHS students.
(Not all of these are looping animations.)
1. Create a New Animation Document
2. Set Up the Background and Other Layers
Your background, and anything that will be moving, should be on separate layers. You should create at least five layers. Some of those layers should be in groups (for instance, a background group that includes layers of sky, ground, buildings, trees, etc.
In Layers Palette:
3. Arrange the parts for the first image (frame) of your animation
4. Export the First Frame
5. Save Each Individual Frame
After saving each frame, go back to the PSD document and move the different “items” (layers, drawings, etc.), then Export the next frame.
6. String these frames (jpgs) together into an animation by reimporting them into Photoshop:
7. Render Video
In today's world, displaying information in the form of infographics is a common practice. Students will be creating an infographic based off of their own personal
data. Using Adobe InDesign, Photoshop, Illustrator, to create a 8x14 Infographic
using your own personal data and visual representation of data. When students
create infographics, they are using information, visuals, and technology.
Information graphics or infographics are visual representations of information,
data or knowledge. These graphics are used where complex information needs to
be explained quickly and clearly, such as in posters, editorial design, signs, maps, technical and educational. They’re also used extensively as tools by educators, marketers, journalists, scientists, and statisticians to ease the process of developing and communicating conceptual information.
Artists to Look At:
Paula Scher https://www.behance.net/PaulaScher
Eddie Opara https://www.pentagram.com/work
Pentagram (Design Studio) https://www.pentagram.com/work
Massimo Vignelli http://www.designculture.it/interview/massimo-vignelli.html
Saul Bass https://www.artofthetitle.com/designer/saul-bass/
Gail Anderson https://gailycurl.com/
Sylvia Harris https://www.aiga.org/design-journeys-sylvia-harris
Lesson (What are we learning by doing this project?):
Demonstrate the importance of research, sketching ideas, the use of appropriate visual references
Visual Hierarchy- creating laying out elements logically and strategically
Skillfully create images using tools in Photoshop and illustrator.
Skillfully use InDesign, Illustrator and Photoshop together
Combine multiple file types
Use color, text and images to create a visual design
Click on Visual Examples below
Design an appropriate habitat/environment for your marine life using ORGANIC shapes.
Be sure to keep the animal and environment on separate layers, as we will later be sharing the parts with one another in an animation project.
***DESIGN the page***
For ideas and inspiration, watch "My Octopus Teacher" on Netflix.
Tools you must use:
If working in Photopea or Photoshop for iPad:
In Photopea and Photoshop for iPad, there is no Paste Into. Textures must be put on a layer UNDERNEATH the drawing, then cut to fit the triangles.
In Adobe Illustrator, using only triangles, create a specific, distinct, identifiable fish.
(Bass, trout, sunfish, etc.). Then, use Photoshop to incorporate texture and shadow.
(If you are unable to use Illustrator at home, you may do the project entirely in Photopea, or with a combination of the programs.)
First, look at the work of children's picture book illustrator Eric Carle (The Very Hungry Caterpillar), who worked in collage by cutting and pasting painted papers. You will be creating a digital collage by cutting and pasting virtual texture images.
Lesson (What are we learning by doing this project?):
Process (Follow these steps:)
1. Collect a series of photographs of a specific marine animal, preferably one with scales or other clear divisions/shapes, from different angles/viewpoints.
2. On paper, sketch the animal multiple times. Get to know the basic forms of the animal. What makes this animal distinctive from others?
3. Think of ways to stylize the animal, to make it more "designed", rather than strictly observational, while still clearly being that specific animal.
4. On paper, draft a stylized version of the animal using triangles.
5. In Illustrator, draw using only triangles.
6. Open the EPS file in Photoshop:
7. Search for and download large (high-resolution) royalty-free image files of textures (approx. 2000 x 3000 pixels) to your desktop.from a stock image resources such as https://freestocktextures.com
8. Open those texture files in Photoshop and modify the textures to match the colors you want for each part of the fish:
9. Add textures to your drawing:
10. Using the Gradient Tool, the Burn Tool, and the Dodge Tool in Photoshop, add tonal value (lights and darks) to each triangle to create a more three-dimensional form on the fish.
11. Remove the background layer, so only the fish is visible, and save as a PNG file. This will be a flat, web-safe version of the image that preserves the transparency of its background. As a group, we can combine these images into a single composition.
Checklist and Self-Assessment:
What are some possible uses for the graphic artwork you have created? Who might be the audience for such an image? Why do you say that? What might be added to these images to give them a specific purpose?
Using either Photoshop, Illustrator, Photopea*, or a combination, create signage for three of the school subject areas/departments. *Try Photopea for at least one poster. You will do at least one while in class and one while working at home using two or three different programs if you choose.
In class, you will each be assigned three of the departments/subjects below, so that every subject has a sign and there is minimal overlap:
*When you are working remotely, as an “exit ticket” at the end of every class, you are expected to turn in visual documentation of your progress. To do this, at the beginning and end of every remote session, take before-and-after screenshots of your work (or save JPG versions of your work) and send them to Mr. Ratkevich via Google Classroom or email.
Next: During Wednesday’s remote-only class, we will take a look at everyone’s initial work, talk about the experience of working with Photopea, and address any questions or problems that came up.
This is a pre-assessment to find out what you already know, and I will be observing work habits and your process, your final work, and your participation in the final critique of student work. By observing how you approach the project, I will gain a better sense of your strengths and of how you might grow throughout the year.
As the assessment tool, we will be using this rubric:
Rubric: Art Studio Habits of Mind