Page | 100 Adobe Photoshop Adobe Photoshop is a powerful and widely used software tool known for its image editing capabilities. However, it has also become a popular choice for animators due to its versatile features and functionality. With the ability to create individual frames, manage timelines, and apply various effects, Adobe Photoshop has become an integral part of the animation workflow. In this lesson, we will explore in-depth how to use Adobe Photoshop in animation, its various uses, and provide examples of animations created using this software. How to Use Adobe Photoshop in Animation: 1. Creating Individual Frames: Adobe Photoshop allows animators to create animation frames by designing or importing artwork onto separate layers. Each layer represents a specific frame in the animation. By organizing these layers in the timeline or using the animation panel, you can control the timing and sequencing of the frames. This enables you to establish the desired flow and rhythm of the animation. 2. Timeline and Animation Panel: The timeline is a crucial feature in Adobe Photoshop that allows you to manage and organize your animation frames. To access the timeline, navigate to Window > Timeline. The animation panel provides a set of tools and options for controlling various animation parameters. Here, you can set the duration of each frame, specify looping options, and adjust other animation settings. You can also utilize the onion skinning feature, which enables you to view previous and next frames as a reference while working on the current frame. 3. Frame-by-Frame Animation: Frame-by-frame animation is a technique where each frame is created individually to achieve smooth motion. This method is commonly used for hand-drawn or traditional-style animations. With Adobe Photoshop, you can draw or paint directly on each frame using an array of brushes and tools. By making adjustments to the position, scale, or opacity of elements in each frame, you can create the illusion of movement. This level of control allows for precise and intricate animations. Uses of Adobe Photoshop in Animation: 1. Character Animation: Adobe Photoshop is extensively used in character animation. Animators can create different body parts of a character (such as the head, arms, and legs) on separate layers and animate them using transformation tools. This approach offers more flexibility and control over character movement, expressions, and interactions. Photoshop's layer-based structure simplifies the process of animating complex characters with multiple elements. 2. Special Effects: Adobe Photoshop provides a wide range of filters, effects, and blending options that can enhance the visual appeal of animations. Animators can apply filters and manipulate layers to create effects such as explosions, particle systems, lighting, and more. Photoshop's extensive toolset and nondestructive editing capabilities make it easier to experiment and refine desired effects until the
Page | 101 desired outcome is achieved. This makes it a valuable tool for creating visually striking and captivating animations. Examples of Animation Created in Adobe Photoshop: 1. "The Tale of Despereaux": "The Tale of Despereaux" is an animated film that extensively used Adobe Photoshop to create its unique visual style. The artists painted each frame in Photoshop, giving the animation a hand-painted look. The software's robust painting tools and layer-based workflow facilitated the creation of rich and detailed visuals. 2. "South Park": The popular animated TV show "South Park" incorporates Adobe Photoshop in its animation pipeline. The characters and backgrounds are designed in Photoshop, and then they are cut into separate pieces for animating in other software. This combination of Photoshop's design capabilities and integration with other animation tools allows for efficient production of the show's distinct animation style. 3. Web-Based Animations: Adobe Photoshop is widely used to create animated GIFs and web-based animations. Artists and designers can utilize Photoshop's animation features to design and animate graphics, icons, banners, and other elements for websites. The ability to export animations in various web-friendly formats makes it a go-to choice for creating engaging web content. Adobe Photoshop's versatility, frame-by-frame animation capabilities, timeline management, and extensive range of tools make it an indispensable asset for animators. By mastering the use of Adobe Photoshop in animation, artists can bring their creative visions to life, whether it's in character animation, creating special effects, or producing web-based animations. The examples mentioned in thislesson demonstrate the diverse applications of Adobe Photoshop in the animation industry, highlighting its role in shaping unique visual styles and delivering captivating animated content. Flash Flash is a multimedia software platform developed by Adobe that revolutionized the world of animation. It provided a powerful set of tools and features that enabled artists and animators to design and produce captivating animations. Flash was widely used for its ability to create interactive and animated content. In this lesson, we will explore how to use Flash in animation, its various applications, and provide examples of animations created using Flash. How to Use Flash in Animation: 1. Interface and Tools: Flash offered a user-friendly interface with a timeline-based structure. Animators could create multiple frames and organize them on the timeline to depict motion. The interface allowed for easy navigation and manipulation of objects and elements within the animation. Various drawing and editing tools, such as the Pen tool, Brush tool, and Shape tools,
Page | 102 were available, enabling artists to create and modify animated elements with precision and creativity. 2. Frame-by-Frame Animation: One of the fundamental techniques in Flash was frame-by-frame animation. Animators could draw each frame individually, allowing for detailed and smooth animations. By manipulating objects and characters incrementally, they could simulate movement and bring their creations to life. This technique required meticulous attention to detail but resulted in high-quality animations. 3. Tweening: Flash also provided an automated animation technique called tweening. Tweening involved defining the initial and final states of an object or character and allowing Flash to generate the intermediate frames automatically. This saved time and effort compared to frame-by-frame animation. There were two types of tweening: motion tweening and shape tweening. a. Motion Tweening: Motion tweening allowed animators to create smooth transitions in position, size, and rotation of objects. By setting keyframes at the beginning and end of the animation, Flash automatically filled in the frames in between, resulting in fluid motion. b. Shape Tweening: Shape tweening, on the other hand, enabled morphing between different shapes. Animators could create a shape at one keyframe and a different shape at another keyframe, and Flash would generate the necessary frames to smoothly transform one shape into another. 4. ActionScript: Flash incorporated a scripting language called ActionScript, which allowed animators to add interactivity to their animations. By writing code, they could create interactive buttons, menus, and other elements that responded to user input, enabling a more engaging user experience. ActionScript made Flash animations more than just passive visual experiences, turning them into interactive applications. Uses of Flash in Animation: 1. Web Animation: Flash gained immense popularity as a web animation tool. It was commonly used to create interactive banners, website intros, and interactive games. Flash's ability to handle vector graphics efficiently made it suitable for web-based animations. Flash animations could be embedded in web pages and played directly in web browsers, making them accessible to a wide audience. 2. Cartoon Animation: Flash became a go-to tool for the creation of 2D cartoon animations. Its frame-by-frame and tweening capabilities simplified the process of animating characters, backgrounds, and special effects. Many animated TV series and web cartoons have been produced using Flash, taking advantage of its versatility and ability to create lively and expressive characters. 3. E-Learning and Presentations: Flash found extensive use in e-learning courses and interactive presentations. Its interactivity features, such as clickable buttons, quizzes, and multimedia integration, made it an effective tool for delivering educational content in an engaging and interactive manner. Flash animations allowed for interactive tutorials, simulations, and multimedia-rich presentations.
Page | 103 Examples of Animation Created in Flash: 1. "Happy Tree Friends": This popular web series created by Mondo Media gained a significant following for its dark humor and cute yet violent characters. The early episodes of "Happy Tree Friends" were animated using Flash, showcasing the program's ability to create fluid and entertaining animations. Flash's flexibility allowed the creators to portray exaggerated movements and dynamic action sequences, contributing to the series' distinct style. 2. "Homestar Runner": "Homestar Runner" was a web-based animated series created by Mike and Matt Chapman. It gained a loyal fan base in the early 2000s due to its quirky characters and humorous adventures. Flash was instrumental in bringing the unique personalities of the characters to life. The animation style combined frame-by-frame techniques with occasional use of tweening, resulting in a charming and comedic visual experience. 3. "The Brackenwood Series": Created by Adam Phillips, "The Brackenwood Series" follows the story of Bitey, a creature in a mystical forest. Flash was used to animate the stunning visuals, vibrant colors, and dynamic movements that characterized the Brackenwood universe. The detailed frame-by-frame animation and use of Flash's tweening capabilities added depth and richness to the fantastical world depicted in the series. Flash played a significant role in the animation industry, providing artists and animators with a versatile toolset to create visually appealing and interactive content. Its user-friendly interface, frame-by-frame animation, tweening capabilities, and interactivity features made it a popular choice for web animations, cartoon series, and e-learning applications. While Flash's usage has declined in recent years due to technological advancements and compatibility concerns, its impact on the animation field remains significant, with many iconic animations having been created using Flash. Encore Encore is a powerful software tool commonly used in the field of animation. It is designed to enhance the post-production process by providing various features and functionalities that allow animators to create stunning visual effects, seamless transitions, and interactive elements in their animations. Encore is particularly popular in the animation industry due to its versatility and ability to bring life to animated projects. How to Use Encore in Animation: 1. Importing and Organizing Assets: To start using Encore, you need to import your animation assets such as characters, backgrounds, and props into the software. Encore allows you to organize and manage these assets efficiently, making it easier to work with them during the animation process. 2. Timeline and Keyframes: Encore provides a timeline-based interface where you can create and manipulate keyframes. Keyframes are used to define the starting and ending points of
Page | 104 animations or transformations. By setting keyframes at specific points along the timeline, you can create smooth and realistic animations. 3. Effects and Transitions: Encore offers a wide range of effects and transitions that can be applied to elements in your animation. These effects can add visual flair, enhance storytelling, and create dynamic movements. You can experiment with various effects like fades, blurs, color adjustments, and more to bring your animation to life. 4. Interactive Elements: Encore enables the creation of interactive elements within animations. You can add buttons, menus, and interactive hotspots to engage viewers and provide a more immersive experience. These interactive features can be used for interactive storytelling, educational purposes, or interactive presentations. Uses of Encore in Animation: 1. Special Effects: Encore allows animators to create captivating special effects like explosions, fire, water simulations, and particle effects. These effects can be seamlessly integrated into the animation, enhancing the overall visual appeal and making the scenes more engaging. 2. Scene Transitions: Encore enables smooth and seamless transitions between scenes or shots. Whether you want to create a fade-in or fade-out effect, cross-dissolve, or any other type of transition, Encore provides the necessary tools to achieve professional-looking scene changes. 3. Title Sequences and Credits: Encore is commonly used to create visually appealing title sequences and end credits for animated projects. You can use its text animation features, combined with various effects, to design eye-catching titles and credits that match the style and theme of your animation. Examples of Animation Created in Encore: 1. Animated Short Films: Many animated short films have utilized Encore to create stunning visuals and captivating effects. From 2D hand-drawn animations to 3D CGI films, Encore has been instrumental in enhancing the overall quality and impact of these projects. 2. Motion Graphics: Encore is also widely used in the creation of motion graphics, which are animated elements often used in commercials, music videos, and presentations. Motion graphics created in Encore can include animated typography, infographics, and logo animations. 3. Visual Effects in Feature Films: Encore‘s capabilities have been leveraged in the production of feature films to create breathtaking visual effects. From realistic character animations to complex particle simulations, Encore has been used to bring the director‘s vision to life on the big screen. Encore is just one of the many software tools available for animation, but it has proven to be a valuable asset for animators looking to add that extra polish and creative touch to their projects. By mastering the use of Encore, you can take your animations to the next level and create visually stunning and immersive experiences.
Page | 105 Learning Activity Based on the previous lesson answer the following questions. 1. Toon Boom Harmony: Explain the different use cases of Toon Boom Harmony in the animation industry. 2. Toon Boom Storyboard Pro: Describe the benefits of using Toon Boom Storyboard Pro in the production planning of animated or live-action projects. 3. Adobe After Effects: Discuss the role of Adobe After Effects in animation and its primary features for creating visually stunning animations and special effects.
Page | 106 Summary of the Lesson Toon Boom Harmony is a versatile and feature-rich program widely used in the animation industry. It is an industry standard for various animation productions, including feature films, high-quality commercials, and TV series animation. The program offers a range of features for traditional 2D animation, making it suitable for creating complex animations for movies and commercials. It also excels in 2D rigged puppet animation, which is ideal for TV series where consistent character designs and reusing artwork are important for saving time. Toon Boom Harmony provides both bitmap and vector drawing tools. The bitmap drawing tools offer a more natural sketching and painterly effect, while the vector tools allow for clean and precise inked and painted artwork. The vector lines can also be styled to replicate traditional media looks. While Toon Boom Harmony is a powerful tool, it does have a learning curve. There are specific techniques and best practices that can be learned to take full advantage of the program's advanced character rigging features and nodal compositing system. However, these specialties are optional and not necessary for basic frame-by-frame animation. Toon Boom Storyboard Pro is another software offered by Toon Boom, specifically designed for creating visual storyboards. It allows users to transform ideas into visual stories that can be used in animated or live-action productions. The software offers features such as a flexible layer-based panel display, a complete set of drawing tools, customizable caption fields, an advanced timeline for timing control, and real-time animatic creation. Storyboard Pro seamlessly integrates with Toon Boom Harmony, making it a comprehensive solution for content creation. Adobe After Effects is a leading software program for animation, widely used by animators and motion graphics artists. It offers a non-linear editing interface where users can layer and animate various elements to create visually stunning animations, special effects, and dynamic visual compositions. After Effects allows for the creation of motion graphics, visual effects, and character animations, and provides extensive control over properties, animation curves, and compositing. Adobe Photoshop, known for its image editing capabilities, is also used in animation. It enables animators to create individual frames by designing or importing artwork onto separate layers. The timeline and animation panel in Photoshop allow for managing and organizing animation frames, providing control over the timing and sequencing of the frames. Both Adobe After Effects and Adobe Photoshop offer a wide range of tools, effects, and features that empower animators to bring their creative ideas to life and produce professional-quality animations. Overall, these software tools, including Toon Boom Harmony, Toon Boom Storyboard Pro, Adobe After Effects, and Adobe Photoshop, are essential components of the animation workflow, providing artists with the means to create captivating and visually appealing animations.
Page | 107 Post – assessment Instructions: Encircle the letter of the answers 1. Which animation software is considered an industry standard for all kinds of animation productions? a) Adobe After Effects b) Toon Boom Harmony c) Adobe Photoshop d) Toon Boom Storyboard Pro 2. What is the main advantage of using Toon Boom Harmony for TV series animation? a) It has a great feature set for traditional 2D animation. b) It is perfect for feature films and high-quality commercial work. c) It allows for creating 2D rigged puppet animation. d) It offers bitmap and vector drawing tools. 3. Which software is recommended for transforming an idea into a visual story for animated or live-action productions? a) Adobe After Effects b) Toon Boom Harmony c) Adobe Photoshop d) Toon Boom Storyboard Pro 4. What are the benefits of using Storyboard Pro? a) It combines drawing, scripting, and camera controls. b) It allows for creating motion graphics and visual effects. c) It provides image editing capabilities. d) It offers vector drawing tools and animatic creation capabilities. 5. Which animation software allows animators to create visually stunning animations, special effects, and dynamic visual compositions? a) Adobe After Effects b) Toon Boom Harmony c) Adobe Photoshop d) Toon Boom Storyboard Pro 6. Which Adobe software is commonly used for creating motion graphics? a) Adobe After Effects b) Toon Boom Harmony c) Adobe Photoshop d) Toon Boom Storyboard Pro 7. What is the primary area for working with vector-based tools in Storyboard Pro? a) The Stage b) The Timeline c) The Layers Panel d) The Thumbnail View 8. How can Adobe After Effects be used in character animation? a) By combining it with Adobe Character Animator. b) By importing 3D models into the software.
Page | 108 c) By applying visual effects to live-action footage. d) By creating animated typography. 9. What is the advantage of using Adobe Photoshop in animation? a) It offers a comprehensive set of drawing tools. b) It allows for creating motion graphics and visual effects. c) It provides image editing capabilities. d) It enables the creation of individual frames on separate layers. 10. Which software is recommended for creating animated logos and bringing them to life? a) Adobe After Effects b) Toon Boom Harmony c) Adobe Photoshop d) Toon Boom Storyboard Pro
Page | 109 Performance Task Instruction: Using your available application to animate, draw at least 1 character that we mentioned in our previous lesson and create a movement ( ex. Hand gestures, hair waves, mouth talking) Sample picture: Submission: Next meeting.
Page | 110 Performance Task Rubrics Criteria Excellent Good Fair Needs Improvement Accuracy The character drawn accurately represents the features, proportions, and details discussed in the previous lesson, 13-15 points The character shows mostly accurate features and proportions but may have minor inconsistencies or missing details, 10-12 points The character has noticeable deviations from the mentioned features and proportions but still bears some resemblance to the intended character, 7-9 points The character has significant inaccuracies and lacks resemblance to the mentioned character, 0-6 points Principles of Animation The animation demonstrates a clear understanding and application of fundamental animation principles, such as squash and stretch, anticipation, timing, and follow-through, 13-15 points The animation displays a basic understanding of animation principles, with some instances of effective application, 10- 12 points The animation shows limited understanding of animation principles, with inconsistent or weak application, 7-9 points The animation lacks the application of animation principles and appears stiff or unnatural, 0-6 points Time The animation is completed within the designated time frame, 9-10 points The animation is slightly delayed or finishes slightly earlier than the designated time frame, 7-8 points The animation is noticeably delayed or finishes noticeably earlier than the designated time frame, 5-6 points The animation is significantly delayed or finishes significantly earlier than the designated time frame, 0-4 points Movement The character demonstrates smooth and believable movement, incorporating gestures, hair waves, or mouth talking effectively, 9-10 points The character shows mostly smooth movement but may have minor inconsistencies or less convincing gestures, hair waves, or mouth talking, 7-8 points The character‘s movement is somewhat stiff or lacks coherence, with noticeable issues in gestures, hair waves, or mouth talking, 5-6 points The character‘s movement appears awkward, jerky, or poorly executed, lacking convincing gestures, hair waves, or mouth talking, 0-4 points
Page | 111 Answer key Pre – assessment 1. c) Traditional 2D animation 2. c) Advanced character rigging features 3. b) Difficult and time-consuming 4. a) Bitmap and vector 5. d) Developing visual storyboards 6. a) Flexible layer-based panel display 7. d) All of the above 8. c) Visual effects and motion graphics 9. a) Using the animation panel 10. d) Editing live-action footage Post – assessment 1. B 2. C 3. D 4. A 5. A 6. A 7. A 8. A 9. D 10. C
Page | 112 References 2D animation software, Flash animation | Adobe Animate. (n.d.). https://www.adobe.com/ph_en/products/animate.html Jones, A. (2023, May 12). How To Take Advantage Of The New Toonboom Storyboard Pro Bundle - Wacom Blog. Wacom Blog. https://community.wacom.com/en-us/wacomtoonboom-storyboardbundle/#:~:text=Storyboard%20Pro%20is%20special%2C%20in,it%20and%20move%2 0it%20around. Motion graphics software | Adobe After Effects. (n.d.). https://www.adobe.com/ph_en/products/aftereffects.html Toon Boom Animation. (2023a, April 28). Harmony 22 - Toon Boom Animation. https://www.toonboom.com/products/harmony Toon Boom Animation. (2023b, April 28). Storyboard Pro 22 - Toon Boom Animation. https://www.toonboom.com/products/storyboard-pro Wikipedia contributors. (2023). Adobe Photoshop. Wikipedia. https://en.m.wikipedia.org/wiki/Adobe_Photoshop
Page | 113 Course Description INTRODUCTION TO 2D ANIMATION Lesson 7 The Future of 2D Animation Course code EANI0513 This course explores the domain of 2D animation. From simple camera-less animation to digitalized software animation. From sand animation to pixilation.
Page | 114 LESSON 7: THE FUTURE OF 2D ANIMATION 2D animation has a rich history and has been a popular medium for storytelling and entertainment for decades. From classic Disney films to contemporary animated TV shows, 2D animation has captured the hearts and imaginations of audiences worldwide. In recent years, advancements in technology and shifting industry trends have brought about changes and new possibilities for the future of 2D animation. In this lesson, we will explore the latest developments, emerging trends, and potential future directions of 2D animation. 1. Technology and Tools: a. Digital Tools: The advent of digital tools and software has revolutionized the production process of 2D animation. Traditional hand-drawn animation was once a labor-intensive and timeconsuming process, requiring the creation of countless frames on paper. However, with the rise of digital software such as Adobe Animate, Toon Boom Harmony, and TVPaint, animators now have access to powerful tools that allow them to create traditional hand-drawn animation digitally. These software packages offer a wide array of features, including drawing tools, timeline controls, and special effects capabilities. Digital animation provides artists with greater control, efficiency, and flexibility in their creative process. b. Integration with 3D: The future of 2D animation is not limited to traditional hand-drawn techniques. Many animators are now embracing the integration of 2D and 3D elements to create visually stunning and dynamic scenes. This integration allows for enhanced depth and realism while retaining the charm and expressiveness of 2D animation. Techniques such as using 3D models as reference or backgrounds, adding 3D particle effects, or seamlessly blending 2D characters with 3D environments are becoming more prevalent in modern 2D animation. c. Virtual Reality (VR) and Augmented Reality (AR): The emergence of virtual reality (VR) and augmented reality (AR) technologies presents exciting possibilities for the future of 2D animation. VR allows viewers to immerse themselves in animated worlds, experiencing narratives from within the virtual environment. Animators can create interactive animated experiences where users can explore and interact with the animated content using VR headsets. Augmented reality (AR) offers another avenue for 2D animation, allowing animated characters or objects to be overlaid onto the real world through mobile devices. This technology opens up new opportunities for storytelling, interactivity, and audience engagement. 2. Industry Trends: a. Streaming Platforms: The growth of streaming platforms like Netflix, Hulu, Amazon Prime Video, and Disney+ has revolutionized the entertainment industry and had a significant impact on the demand for animated content. These platforms not only provide a wider distribution network for animated shows and movies but also offer financial support and creative freedom to animators and animation studios. As a result, there has been a surge in high-quality 2D animated content on streaming platforms, catering to diverse audiences and genres. b. Web Series and Shorts: The rise of digital platforms, such as YouTube, Vimeo, and social media networks, has given rise to a new form of 2D animation: web series and short-form content. These platforms allow animators to reach large audiences directly, without the need for traditional broadcast networks. Independent animators, students, and aspiring professionals now have an opportunity to showcase their work, gain recognition, and even monetize their content through crowdfunding or merchandise sales. This has led to a flourishing ecosystem of independent
Page | 115 animation creators, encouraging diverse storytelling, experimental techniques, and niche-focused content. c. Transmedia Storytelling: In the future, 2D animation is likely to expand beyond traditional formats and platforms. Transmedia storytelling, which involves telling a story across multiple media platforms, is gaining popularity. This approach allows for a more immersive and interconnected narrative experience, where 2D animation can be integrated into video games, interactive apps, virtual experiences, or even live performances. Transmedia projects provide audiences with a cohesive and engaging story world that extends beyond a single medium, encouraging active participation and exploration. 3. Artistic and Stylistic Innovations: a. Diverse Artistic Styles: One of the strengths of 2D animation lies in its versatility and the ability to adopt various artistic styles. From the iconic Disney princesses to the quirky visual aesthetics of independent animated films, 2D animation offers a wide range of artistic possibilities. In the future, we can expect further experimentation and exploration of unique visual aesthetics. Animators and studios will continue to push the boundaries of art and design, exploring minimalist approaches, complex and detailed artwork, mixed-media techniques, and blending traditional and digital art forms. b. Cultural Representation: The future of 2D animation will prioritize cultural representation and diversity. Animation studios are increasingly recognizing the importance of telling stories that reflect a variety of cultures and perspectives. This includes featuring diverse characters, exploring different mythologies and folklore, and addressing social issues relevant to various communities. As a result, we can anticipate a richer and more inclusive animation landscape, where stories from different cultures and underrepresented voices are celebrated and shared with global audiences. c. Collaborative Global Efforts: With the advancement of communication technologies, artists and animators from different parts of the world can collaborate seamlessly. This interconnectedness allows for cross-cultural exchange, blending diverse artistic influences, and fostering innovation. Animators can collaborate remotely, sharing ideas, techniques, and knowledge across borders. This global collaboration can result in unique storytelling approaches, hybrid art styles, and fresh perspectives in 2D animation. The future of 2D animation is a dynamic and exciting landscape that combines technological advancements, evolving industry trends, and artistic innovations. From the utilization of digital tools to the integration of 3D elements, virtual reality experiences, and augmented reality overlays, the possibilities for 2D animation are expanding. Streaming platforms, web series, and transmedia storytelling are reshaping the distribution and consumption of animated content. Moreover, the emphasis on diverse artistic styles and cultural representation ensures that 2D animation continues to evolve, embrace new voices, and captivate audiences worldwide. As technology continues to advance and storytelling techniques evolve, we can expect the future of 2D animation to be a vibrant and ever-evolving medium of expression and entertainment.
Page | 116 References 10 Studio. (2023). The Future Of 2D Animation Industry - 10 Studio. 10 Studio. https://10.studio/the-future-of-2d-animationindustry/#:~:text=The%20future%20of%202D%20animation%20is%20bright%20a nd%2 0full%20of,for%20many%20years%20to%20come.
Page | 117 Subject Code: EANI0513 Subject Description: This course explores the domain of 2D animation. From simple camera-less animation to digitalized Software animation. From sand animation to pixilation. Final Requirement: Cel Animation Tools, materials, and equipment needed: Pencils Eraser Brushes Animation paper Paint Ink pen Background plate (or any available paper for background) Directions: Group yourself in to 2 group. Create a Cel Animation with 3 scenario (ex. Talking, biking, watching etc.) You‘re allow to choose what scenario you want to create but also don‘t forget the sequence of creating a right Cel Animation. Reference guide:
Page | 118 Detailed Rubrics Rubrics for creating cel animation. Criteria Point s Excellent 10pts Good 8pts Fair 5pts Needs Improvement 2pts Neatness 10 The animation is exceptionally neat and clean with precise lines and minimal erasure marks. The animation is neat and mostly clean with some minor inconsistencies in lines and erasure marks. The animation is generally neat, but there are noticeable inconsistencie s in lines and erasure marks. The animation is messy and lacks overall neatness and clean lines. Creativity 10 The animation demonstrates a high level of creativity with original and imaginative scenarios, character designs, and visual storytelling techniques. The animation shows creativity with interesting scenarios, character designs, and visual storytelling techniques. The animation displays some creativity, but the scenarios, character designs, and visual storytelling techniques are somewhat predictable or generic. The animation lacks creativity and relies heavily on clichéd or unoriginal scenarios, character designs, and visual storytelling techniques. Accuracy 10 The animation accurately follows the principles of animation, including timing, spacing,and weight, resulting in a highly convincing and realistic animation. The animation demonstrates good accuracyin following the principles of animation, but there are minor inconsistencie s in timing, spacing, or weight. The animation shows some adherence to the principles of animation, but there are noticeable inconsistencies in timing, spacing, or weight. The animation lacks accuracy in following the principles of animation, resulting in unrealistic or awkward movements. Time 10 The animation is completed within the given timeframe and demonstrates effective time management and planning. The animationis completed within a reasonable timeframe with minor delays or inefficiencies. The animationis mostly completed within the timeframe, but there are significant delays or inefficiencies. The animation is incomplete or significantly delayed, indicating poor time management and planning. Use of materials 8 The animation effectively and appropriately utilizes all the required tools, The animation mostly utilizes the required tools, materials, and The animation shows some use of the required tools, materials, and The animation lacks the use of essential tools,
Page | 119 materials, and equipment mentioned in the prompt, showcasing resourcefulnes s and creativity. equipment, but there are minor omissions or inadequate usage. equipment, but there are noticeable omissions or inadequate usage. materials, or equipment, resulting in an incomplete or compromise d final product. Drawing 12 The animation showcases excellent drawing skills with consistent and wellexecuted artwork throughout. The animation demonstrates good drawing skills with mostly consistent and well-executed artwork. The animation shows some drawing skills, but there are noticeable inconsistencies or flaws in the artwork. The animation lacks proficient drawing skills, resulting in poor quality and inconsistent artwork.
Page | 120 Subject Code: EANI0513 Subject Description: This course explores the domain of 2D animation. From simple camera-less animation to digitalized Software animation. From sand animation to pixilation. Final Requirement: 2D Animation Video Tools, materials, and equipment needed: Phone App (Flipaclip) Storyboard Direction: Group yourself in to 2 (same as your grouping on our first final requirements) Create a animation using your phone (app: Flipaclip). You need to create an inspirational video animation related to your course, there is no duration. You also need first to create storyboarding with 8 boxes in which to determine the full story of your animation.
Page | 121 Detailed Rubrics Rubrics for creating 2D Animation video using digital type of animation. Criteria Point s Excellent 10pts Good 8 pts Fair 6 pts Needs Improvement 4 pts Accuracy of the Animation 10 Animationis highly accurate, clearly depicting the intended message and aligning with the course theme. Animation is mostly accurate, effectively conveying the intended message and related to the course theme. Animation is somewhat accurate,butthe message or relevance to the course theme may be unclear or inconsistent. Animation lacks accuracy anddoes not effectively convey the intended message or relate to the course theme. Time Management 10 Animation is well-paced and utilizes appropriate timing to engage the audience effectively. Animation is mostly wellpaced, but certain parts may feel rushed or extended. Animation may feel rushed or extended in some parts, affecting the overall flow. Animation lacks proper timing and feels disjointed ortoo slowpaced. Storyboard Quality 10 Storyboardin g demonstrates excellent planning and organization, providing a clear outline of the animation‘s full story with creative and visually appealing designs. Storyboardin g is wellexecuted, capturing the main elements ofthe animation‘s story with clear visuals. Storyboarding lacks some clarity or creativity in the design, but still provides a general outline of the story. Storyboardin g is unclear or poorly designed, making i t difficult to understand the animation‘s story. Video Quality 10 Animation is of high quality, with smooth and consistent visuals, appropriate use of colors,and overall professional appearance. Animation is of good quality, with mostly smooth and consistent visuals and appropriate use of colors. Animation may havesome inconsistencie s in visual quality or colors, affecting the overall appearance. Animation lacks visual quality and appears unpolished or unappealing. Creativity and Execution 10 Animation demonstrates exceptional creativity and execution, Animation shows good creativity and execution, incorporating Animation demonstrates some creativity and execution, but may lack Animation lacks creativity and execution, appearing mundane or
Page | 122 incorporating innovative ideas, techniques, and attention to detail. interesting ideas, techniques, and attention to detail. innovation or attention to detail in certain aspects. lacking in originality and attention to detail.
Page | 123 REFERENCES FutureLearn. (2022a). Updates, Insights, and News from FutureLearn | Online Learning for You. FutureLearn. https://www.futurelearn.com/info/courses/explore-animation/0/steps/12222 Jamie. (2019a). The evolution of animation – a timeline. Fudge Animation. https://www.fudgeanimation.com/2018/11/the-evolution-of-animation-a-timeline/ Pixar Animation Studios. (n.d.-a). Pixar Animation Studios. https://www.pixar.com/ Technologies, U. (n.d.). What is 2D animation. Unity. https://unity.com/solutions/what-is-2danimation#:~:text=The%20process%20of%202D%20animation,events%20across%20an %20entire%20animation. Bob, Bob, & Wow-How. (2023). A Complete Guide to 2D Animation Styles. Wow-How Studio - Video Production, 2D & 3D Animation. https://www.google.com/amp/s/wowhow.com/articles/a-complete-guide-to-2d-animation-styles/amp Learn.org -. (n.d.). https://learn.org/articles/What_is_2D_Animation.html#:~:text=2D%2C%20or%20two%2 Ddimensional%20animation,as%20if%20they%20are%20moving. Naghdi, A. (2023, February 9). What is 2D animation? Step-by-Step guide for 2D production process. Dream Farm Studios. https://dreamfarmstudios.com/blog/what-is-2d-animation/ Cel Animation Explained - Explore the Classic Disney Technique | Adobe. (n.d.). https://www.adobe.com/creativecloud/animation/discover/cel-animation.html FutureLearn. (2022). Updates, Insights, and News from FutureLearn | Online Learning for You. FutureLearn. https://www.futurelearn.com/info/courses/explore-animation/0/steps/12225 Heginbotham, C. (2019, December 7). What Is Cel Animation & How Does It Work? Concept Art Empire. https://conceptartempire.com/cel-animation/ Ritchie, J. (2023). The 12 Principles of Animation (With Examples). IdeaRocket. https://idearocketanimation.com/13721-12-principles-of-animation-gifs/ 2D animation software, Flash animation | Adobe Animate. (n.d.). https://www.adobe.com/ph_en/products/animate.html Jones, A. (2023, May 12). How To Take Advantage Of The New Toonboom Storyboard Pro Bundle - Wacom Blog. Wacom Blog. https://community.wacom.com/en-us/wacomtoonboom-storyboard-
Page | 124 bundle/#:~:text=Storyboard%20Pro%20is%20special%2C%20in,it%20and%20move%2 0it%20around. Motion graphics software | Adobe After Effects. (n.d.). https://www.adobe.com/ph_en/products/aftereffects.html Toon Boom Animation. (2023a, April 28). Harmony 22 - Toon Boom Animation. https://www.toonboom.com/products/harmony Toon Boom Animation. (2023b, April 28). Storyboard Pro 22 - Toon Boom Animation. https://www.toonboom.com/products/storyboard-pro Wikipedia contributors. (2023). Adobe Photoshop. Wikipedia. https://en.m.wikipedia.org/wiki/Adobe_Photoshop 10 Studio. (2023). The Future Of 2D Animation Industry - 10 Studio. 10 Studio. https://10.studio/the-future-of-2d-animationindustry/#:~:text=The%20future%20of%202D%20animation%20is%20bright%20and%2 0full%20of,for%20many%20years%20to%20come.
Page | 125 INDEX A action 2, 4, 6, 7, 8, 10, 11, 12, 14, 17, 19, 25, 26, 27, 30, 33, 34, 37, 39, 40, 47, 52, 53, 54, 55, 58, 61, 64, 65, 70, 71, 73, 74, 77, 81, 84, 86, 87, 88, 91 Adobe.56, 57, 58, 59, 70, 71, 75, 76, 77, 78, 79, 80, 85, 86, 87, 88, 92 animation . 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 90, 91, 92, 93, 94, 95 audience...16, 17, 23, 25, 26, 27, 33, 37, 39, 47, 52, 54, 55, 60, 61, 65, 81, 92 B Background.............................19, 20, 21, 26, 30, 31, 42, 48 C Cel Animation..............................38, 39, 40, 43, 47, 49, 50 celluloid ........................................18, 38, 40, 43, 45, 46, 48 characters... 2, 3, 4, 5, 6, 7, 8, 10, 11, 14, 15, 16, 17, 18, 19, 21, 22, 25, 26, 27, 29, 30, 31, 33, 34, 36, 39, 40, 42, 46, 47, 52, 53, 54, 55, 56, 57, 59, 60, 61, 62, 63, 64, 65, 66, 69, 71, 77, 79, 80, 81, 82, 92, 93 convenient.................................................................... 4, 10 D dialogues.................................................................... 16, 19 dimensions............................................................... 3, 7, 10 dynamic ...26, 39, 45, 54, 55, 73, 75, 76, 77, 78, 81, 82, 83, 86, 87, 92, 94 E elements7, 25, 27, 30, 31, 35, 40, 42, 48, 50, 55, 56, 57, 59, 68, 75, 76, 77, 79, 80, 81, 82, 83, 85, 86, 92, 94 emotions........................................27, 40, 53, 55, 60, 61, 69 entertainment ........................................... 4, 7, 8, 92, 93, 94 Exaggeration ...................25, 27, 34, 37, 40, 47, 48, 55, 65 expression ............................................ 4, 27, 33, 34, 53, 94 F Fantasmagorie........................................2, 4, 11, 36, 38, 47 frames ..8, 10, 12, 14, 15, 18, 21, 24, 26, 28, 29, 30, 31, 33, 37, 38, 39, 40, 41, 43, 45, 46, 48, 52, 53, 54, 56, 57, 58, 59, 60, 64, 65, 69, 71, 75, 78, 80, 81, 86, 88, 92 fundamental ....................................... 26, 30, 40, 54, 80, 90 G graphic ................................................................. 57, 59, 73 guide ...........................12, 17, 25, 27, 30, 39, 55, 67, 68, 74 H history .......................3, 5, 6, 7, 9, 10, 38, 44, 45, 46, 92, 95 Humorous ..........................................................................4 I Inbetweening...............24, 25, 26, 30, 33, 34, 37, 41, 48, 51 J Jurassic Park .............................................................. 3, 6, 7 K Keyframes.......................................... 24, 25, 26, 33, 34, 82 M manipulated.......................................................... 56, 57, 66 Motion ............................................... 53, 57, 66, 77, 81, 83 movements10, 17, 23, 27, 30, 34, 39, 40, 41, 46, 47, 53, 55, 56, 59, 60, 61, 64, 74, 76, 77, 81, 82, 83 P poses...............14, 15, 18, 26, 30, 33, 40, 41, 53, 56, 59, 60 principles2, 8, 10, 24, 26, 27, 32, 36, 38, 40, 44, 45, 46, 52, 54, 55, 63, 64, 90 Puppet........................................................................ 53, 57 R realism ........................26, 33, 39, 40, 54, 61, 62, 63, 65, 92 S Secondary ......................................... 37, 40, 47, 48, 55, 65 sequence..... 2, 4, 8, 9, 10, 11, 14, 17, 19, 21, 22, 24, 26, 30, 33, 40, 43, 46, 58, 59, 61, 73, 74 sequences..................................2, 57, 58, 71, 73, 77, 82, 83 Storyboard.....37, 40, 48, 70, 71, 73, 74, 75, 84, 86, 87, 88 T Theories............................................... 8, 26, 38, 39, 47, 53 Traditional.. 3, 11, 12, 26, 28, 29, 31, 32, 36, 51, 56, 66, 70, 91, 92, 95 Traditionally ................................................................ 3, 19 typography ......................................... 28, 33, 57, 77, 83, 88 V viewers............................................................... 4, 7, 83, 92 Vision ...............................24, 25, 26, 33, 34, 37, 40, 47, 51