cgd.mistermarmolejo.comComputer Graphic Design with Mister Marmolejo | It’s super

effective! Computer Graphic Design with Mister Marmolejo Search Primary Menu Home Class Information Google Classroom CGD Class Calendar About Mister Marmolejo Search for: Class Information Computer Graphic Design 1-2 Class Information Class Information Google Classroom Computer Graphic Design Adobe Animate – Final Pac-Man” Animation – Spring 2024 May 10, 2024 mistermarmolejo Objective: I can use Adobe Animate to produce a complete HTML5 animation that tells a story featuring Pac-Man. Links: Pac-Man Intermissions (YouTube) Pac-Man Intermission Music Topics Discussed: For a complete list of Topics Discussed, please see the previous lessons. Assignment: First, create a new HD 1280 x 720 HTML5 animation document running at 30fps. Use File - Import - Import to Stage or the Pin Library” techniques demonstrated in class to move the Pac-Man” graphic symbol, and any other symbols that you wish to use in your animation to your new document. Using the Adobe Animate CC techniques studied in class, your task is to design an HTML5 animation using motion tweens and embedded animation to have Pac-Man wocka” as he moves onto the stage, performs some action, then leaves the stage. Take a look at the Pac-Man Intermissions YouTube video above for inspiration! Your animation must be a minimum of 8 seconds long, without titles. (That’s at least 240 frames at 30fps!) Your animation should have a basic story that should be obvious to the viewer. What kind of story can you tell with Pac-Man? What other characters will you need to add to tell your story? Will you need to use text or word bubbles to create dialogue? Remember that Pac-Man must enter the stage, perform his action, then leave the stage. Depending on the story you want to tell, 8 seconds may not be enough! Your animation should have at least one original background. You may use a background that you produced on your own, or you may use an original photograph (one you took on your own). You may not use any photographs downloaded from the internet. Alternately, you may draw your own background in Illustrator, Animate, or Photoshop. Your animation should have an audio soundtrack. I will provide music clips to use, but you may import music that you have available as long as you use less than 8 seconds of music. You may create sounds using Garageband if you have experience with this software. You may only use images and text that you have created yourself. This includes artwork, photographs and animations. You may, however, use downloaded audio under fair use guidelines if the clip you place is shorter than 8 seconds. Anything else that you did not create yourself may not be used. When your animation is complete, save it as YOUR NAME – Final Animation.fla”. Turn the finished .fla Animation file to the Google Classroom Final Animation” assignment post by end of day on Friday, May 17th . Everyone will be taking a multiple-choice final exam on Friday, May 17th. Students who complete the exam early may use the remaining time to turn in their Final Animation, if necessary. All completed movies will be viewed at an in-class film presentation on May 20th . You must have an 8-second movie to present by end of day on Friday, May 17th , bearing in mind that Monday the 20th is a half-day where we will be watching the finished products together. Failure to have a movie to present on the half-day Presentation Day will result in an zero” on your final project grade. Do your best, and good luck! Assigned: May 10th, 2024 Due Date: May 17th, 2024 Animate Computer Graphic Design Final Project Spring 2024 Term 4 Computer Graphic Design Adobe Animate – Importing from Illustrator to Animate CC – Spring 2024 May 7, 2024 mistermarmolejo Objective: I can prepare Illustrator artwork to make a Bone Tween animation in Animate CC. Topics Discussed: IK Armature Bone Tool For a complete list of Topics Discussed, please see the previous weeks’ lessons. Assignment: Create a new Illustrator Web document with all the default settings. Use the Shape tools to draw six shapes: a Head, a Body, a Left Arm, a Right Arm, a Left Leg and a Right Leg. In the Illustrator document, use the black selection arrow to select the different parts of your character, and use the fn+F8 shortcut to convert each part to a Symbol. Every part of your character that is going to move should be made a separate symbol! Name each of the symbols appropriately as you create them. When you are finished, at a minimum you should have symbols for your character’s Head, Body, Right Arm, Left Arm, Right Leg and Left Leg. Save this file as Your Name – Body Parts.ai”. We will use this file to import into Animate CC. Open a new Animate HD HTML5 canvas (1280 x 720, 30fps). The stage color can be any color of your choice. Use the File - Import - Import to Stage” menu command to locate and import your Your Name – Body Parts.ai” file. Walk through the prompts to import your body parts into Animate. Make sure to select all the parts, and select Single Animate Layer” from the Convert Layers to:” dropdown menu. Use what we learned yesterday, and the in-class demonstration today to add bones to your shapes. (Remember: Start from the heart” and work your way out to the arms and legs.) Make your stick figure move! Add up to 120 frames to your animation, and use the Motion Tween-style Armature layer to animate your character’s poses. We will use this technique this week and next week to produce a simple animation. Save your file as Your Name – Stick Figure.fla” and submit a copy to today’s Google Classroom assignment post by end of day on Wednesday. Assigned: May 8th, 2024 Due Date: May 9th, 2024 Animate Computer Graphic Design Spring 2024 Term 4 Posts navigation 1 2 … 379 Next → It’s super effective! Search for: Assignment Calendar Recent Posts Adobe Animate – Final Pac-Man” Animation – Spring 2024 Adobe Animate – Importing from Illustrator to Animate CC – Spring 2024 Adobe Animate – Bone Tweens – Spring 2024 Animate CC: Working with Sound – Spring 2024 ANIMATE CC REVIEW AND QUIZ” – SPRING 2024 Monthly Archives Monthly Archives Select Month May 2024 April 2024 March 2024 February 2024 January 2024 December 2023 November 2023 October 2023 September 2023 August 2023 May 2023 April 2023 March 2023 February 2023 January 2023 December 2022 November 2022 October 2022 September 2022 August 2022 April 2022 March 2022 February 2022 January 2022 December 2021 November 2021 October 2021 September 2021 August 2021 May 2021 April 2021 March 2021 February 2021 January 2021 December 2020 November 2020 October 2020 September 2020 August 2020 March 2020 February 2020 January 2020 December 2019 November 2019 October 2019 September 2019 August 2019 May 2019 April 2019 March 2019 February 2019 January 2019 December 2018 November 2018 October 2018 September 2018 August 2018 May 2018 April 2018 March 2018 February 2018 January 2018 December 2017 November 2017 October 2017 September 2017 August 2017 May 2017 April 2017 March 2017 February 2017 January 2017 December 2016 November 2016 October 2016 September 2016 August 2016 May 2016 April 2016 March 2016 February 2016 January 2016 December 2015 November 2015 October 2015 September 2015 August 2015 June 2015 May 2015 April 2015 March 2015 February 2015 January 2015 December 2014 November 2014 October 2014 September 2014 August 2014 May 2014 April 2014 March 2014 February 2014 January 2014 Links Visit My Google Classroom Back to MisterMarmolejo.com Onward to Netop.MisterMarmolejo.com Into the Carl Hayden Center for Computer Studies Over to Carl Hayden Community High School Up to the Phoenix Union High School District Categories Categories Select Category Class Information (12) Computer Graphic Design (748) Intro to CGD (41) Uncategorized (4) Welcome (9) Meta Log in Entries feed Comments feed WordPress.org Proudly powered...