Animating a ‘bouncing ball’ is a classic animation exercise. It is a practice in two animation principles: exaggeration and squash and stretch. We will exaggerate the bouncing and the squashing/stretching to make the ball come alive! In real life, a ball bounces in a parabola shape, but does not stretch or squash. We add…
Browser Based Digital Art Applications
Distance learning has causes some challenges since not all students have access to the same computers & operating systems & application subscriptions. The following list of programs work solely on the browser and can be a good option for students who are on Chromebooks or computers with administrative protections that do not allow downloading. Photoshop…
After Effects – Text Animator
The Animator options allow us to make quick animations with our text without having to do too many keyframes. Open After Effects and Create a New Composition 1920 x 1080 or 1024 x 7684 seconds24 frames per second Now create a Text Layer.Write some text, center it and align it to the center of the…
Digital Arts – After Effects Green Screen
Use this link to downlaod the footage https://drive.google.com/file/d/1WN6Ka7fg3Aa5WjwOAIfgWSQtElBA6fJn/view?usp=sharing https://drive.google.com/file/d/1SDXnIo9BBxKLelKyndnSW8py-yKsAF12/view?usp=sharing Keying Green Screen Footage Import Green Screen footage Use the Pen tool to make a ‘garbage matte’ to cut the space that is unneeded. *not always necessary Now go to your effects & presets panel and type KEY in the search menu and look for the…
After Effects – 3d Extrusions & Lights
Create a new After Effects Composition.You might want to make this composition a bit smaller so that your computer won’t be overloaded with processing the 3D layer.Try something like 1280 x 720 pixels at 24 fps and 2 seconds long.Add a Solid Background, lock the layer.Type some text, center it on the canvas.Click the 3D…
Image Sites
https://unsplash.com – Hi-res free images https://www.pexels.com – Hi-res free images https://tessa.lapl.org – Los Angeles Public Library Image Collection (lots of vintage/historical photos)
Rotoscope with Photoshop
Photoshop Rotoscope Project: Use Photoshop to ‘Rotoscope’ a video and create a unique animation. Use Video Layer animation to rotoscope (trace) a video of a person moving, or doing some sort of action. Experiment with Photoshop Brushes, colors and effects. Possible Projects: Rotoscope a walk, run, or sports action. Trace a character/person from a video…
Storytelling Basics & Methods
Storytelling: Storytelling_Project Story Formats – From the Masters! Monomyth aka Hero’s Journey – Joseph Cambell (philosopher, mythologist, historian) wrote about the ‘Monomyth’ also know as the ‘Hero’s Journey’. Explained how the ‘monomyth’ is present in many different myths and legends across the entire world. Rumor has it that George Lucas used this format when writing…
Digital Arts – Type Classification and Anatomy
CLASS RESOURCES: Type Classification and Anatomy- Type_Classifications_ Classic Typefaces –Classic_Typefaces Illustrator Shortcuts CMD+SHIFT and Arrows (next to M) to increase size of type ALT + UP/DOWN change leading ALT + RIGHT/LEFT change tracking ALT + RIGHT/LEFT change kerning (when in between two letters) ALT + SHIFT + UP/DOWN on word change baseline In…
Digital Arts- Typography – Roots of Type
Non-Western Type Project Examples: CLASS NOTES History of the Alphabet World Alphabets – quick sample Vedas – India ‘Dresden Codex’ & glyph_guide_iii – Mayan Heiroglyphics – Cartouche Examples – Egypt Trajan Column– Italy *Other examples of world alphabets/letterforms/logographics – Egyptian, Mayan, Sanskrit, Arabic, Thai, Russian, Chinese, Korean, Armenian The Alphabet that we us in…