Students animated the melody of a jazz song using imagery inspired by Paul Klee from hand drawn and painted surfaces, making shapes in Photoshop and animating in After Effects. The final animation was given to our school's jazz band, under the direction of Patrick Bowen, without any audio and then interpreted by the students into a new song. The piece was projected during one of their performances and they played their composition live.
- Adobe Premiere Pro
- Adobe Spark
- After Effects
- Photoshop Lightroom
- Experience Design (Beta)
- Adobe AIR
- Animate CC
- Business Catalyst
- Adobe Captivate
- Adobe Capture CC
- Character Animator
- Adobe Comp CC
- Adobe Connect
- Adobe Creative Cloud
- Digital Editions
- Digital Publishing Solution
- Adobe Document Cloud
- Edge Animate
- Edge Inspect
- Edge Reflow
- Flash Builder
- Flash Player
- Adobe Fuse (Preview)
- Illustrator Draw
- Ink & Slide
- Adobe Marketing Cloud
- Media Encoder
- Adobe Media Server
- PhoneGap Build
- Photoshop Elements
- Photoshop Fix
- Photoshop Mix
- Photoshop Sketch
- Premiere Clip
- Adobe Premiere Elements
- Adobe Preview CC
- Adobe Scout
- Adobe Sign
- Adobe Stock
This lesson plan will lead students to create an animation video clip using a combination of animation techniques and ADOBE applications.
This lesson teaches you how to use the Timeline function in Photoshop CS6 (the Animation Panel in Photoshop Extended CS5) to create an animation. It’s FUN! You load the drawings you’ve created for your animation into layers, load them into the Timeline and voila! An animation. It works well all on its own as a simple tool for creating animations or as a quick way to check your drawings for more complex animations. Explore and enjoy! THIS is empowering. My students are studying animation very specifically but - you could be creating an animation for virtually any subject. That is what makes this such a 21st century tool. It allows you to bring media literacy, digital literacy and visual literacy and storytelling into your classroom.
Will Adobe ever have a true 3d Animation software i.e. Maya, Blender?
Create an animated web banner using Adobe Edge Animate! In this beginner-level session, you’ll learn how to manipulate the stage and animate text and shapes. Dr. Tim Kitchen will teach you how to manipulate the stage and animate text and shapes in Adobe Edge Animate—an HTML-based animation tool that enables you to build animations without coding Webinar RecordingResources mentioned in this webinar can be found at this link. About the presenter Dr Tim Kitchen is the Senior Education Advocate at Adobe for Asia Pacific and the Vice President of DLTV (Digital Learning and Teaching Victoria). He is also the Co-Director of the Building Bridges interfaith dialogue program in Melbourne schools. Tim started his education career in 1991 and has taught in all three sectors (Primary, Secondary and Tertiary). Most recently, he was the Director of Learning Technologies at Strathcona Baptist Girls Grammar School in Melbourne, Australia. Tim on Twitter Tim on Adobe Education Exchange Tim on the Web
Learn how to create a 2D vector character animation, fine-tune its movements, import assets from Adobe Stock, and publish to a variety of formats. Share your animation on social media by tagging it with #MadeWithAnimate
New Old School AnimationZoetropes are one of the oldest types of animation (they even pre-empt film). This fun and simple technique can be used to introduce teachers and students alike to some of the fundamentals of animation, simple After Effects animating techniques, and saving endlessly looping GIFs.http://i.giphy.com/l41m4qgTSHJamy2ty.gifSoftware - After Effects & Photoshop Recording is available via:https://my.adobeconnect.com/p4jsl1vt3we/About the presenterKevin Lavery is the senior Media teacher and Adobe Campus Leader at Caroline Chisholm Catholic College in Braybrook. He is an active member of the Adobe Education Exchange and was recently highlighted as their Featured Educator. His only other interests are his baby, wife, and watching seamlessly looping GIFs to achieve a meditative state.Kev on the Adobe Education Exchange
Learn the most efficient way to create interactive animations for web, mobile, and desktop projects with Adobe Animate CC, the newly relaunched version of Flash Professional. This project-based course features two assignments: an animated web banner that responds to mouse movement, touch input, and clicks, and a three-state interactive animation that plays like a game. Joseph Labrecque shows how to set up the Animate workspace, prepare the stage, use both keyframe and procedural-based workflows, create titles, and program interactions. Plus, learn how to integrate both completed animations into a self-contained responsive webpage.
Hear from Professor Tom Green about innovative ways to use Adobe Edge Animate with your students. Adobe Edge Animate is the premier HTML software with integrated tools for creating compliant cross-browser animation and other content. Use an intuitive interface that's based on WebKit, so your compositions have fluidity across modern browsers. Design engaging HTML content with an assortment of styling options and integration with font services alike. Tom Green, Professor Interactive Multimedia, has been teaching with the Interactive Multimedia Program at Humber College in Toronto since 1995. Like all faculty, Tom believes his students deserve to be taught by instructors who are regarded as experts in their field and whose knowledge of his subject is current with industry best practice, with Adobe Edge and HTML5 being one of those specific required subjects.
Learn to create data-driven animations, such as a data-driven image carousel and an interactive RSS feed, using Adobe Animate CC—the newly relaunched version of Flash Professional. Joseph Labrecque takes you through both projects step-by-step, providing easy-to-follow instructions for interacting with JSON and XML data sets and using jQuery to ingest and parse data in HTML5 Canvas-based projects. The complete carousel will display images, captions, and controls for customizing the transitions, while the RSS feed display will load news items in a "click to view more" animated interface. Find out how to set up each project, build the interfaces, ingest data, apply animation, and program user controls. Plus, learn advanced techniques for creating dynamic titles.
http://www.tutorialized.com/tutorials/Photoshop/Animation/1 Photoshop is a standard name in graphic design for web use, print layout, and more. Recognized world-wide as the industry-standard, Photoshop offers one of the most robust graphics editing experiences available. Learn tips and tricks, cool effects, and how to use the Photoshop tools more effectively.
This is an interactive timeline or history of animation from 1868 to 2005. This learning object is very basic...let me know if I should add anymore names or topics.
Explore animation using tools of the trade
Teaching Motion in Animation & Video with Matthijs Clasener (AEL) Learn tools and techniques for teaching animation, video and motion design. An insider's guide to one of Holland’s most creative and forward thinking education institutions, Grafisch Lyceum Rotterdam (GLR). GLR is based in Rotterdam, Netherlands and teachers creative technologies to over 4000 students aged 11-23. Learn about ideas, practice and pedagogy behind the educational system and see how GLR produces creative graduates with digital literacy skills.This is led by Adobe Education Leader Matthijs Clasener and later opens up for general Q&A from participants. Click for Time Converter *This session is developed and led by members of the Adobe Education Leader community.
This is a unit of work that some year 4 students (9 yo) worked on as part of a unit of work on 'mini worlds' (reptiles and amphibians). The students were instructed to make an animation explaining how the reptile or amphibian of their choice was able to survive in its environment. The program that is included was an initial draft that the final project developed from. In the draft program it shows a duration of 6 weeks although this is only due to the time allocated, it could be completed in a class in as little as two days with young students. (it is pretty easy and fun to do)
Tell stories through animation & interactivity with Adobe InDesign (Publish Online) by Cari Jansen - Adobe Certified Instructor (ACI), and Adobe Community Professional (ACP) Software - Adobe InDesign CC Recording: hhttps://edex.adobe.com/resource/0c57451c/ Description Telling stories interactively with InDesign is fun & engaging. You can now design and layout stories in InDesign, and publish the pages you create as a digital version that can be viewed on any device or modern web browser. This short webinar will show you how to add cool interactive controls and features (audio, video, animation, interactive buttons) to an InDesign document. You’ll learn how to publish and manage interactive content from InDesign via the new Publish Online feature. About the presenter Cari is an Adobe Certified Instructor (ACI), and Adobe Community Professional (ACP), who loves working with and sharing knowledge of Adobe creative software and workflows. In 2016 , she authored her first book for Adobe Press - Learn Adobe InDesign CC for Print and Digital Media Publication: Adobe Certified Associate Exam Preparation (released in February 2016). Her day to day work ranges from software training and course development, to technical writing and editing, design and production, delivery of PDs, workshops and presentations, to testing software. She loves chocolate & coffee, and believes there's not much better then freshly baked ciabatta bread and beautiful cheese. Learn more about me via: carijansen.com
Intent: The 12 basic principles of animation were developed by the 'old men' of Walt Disney Studios, amongst them Frank Thomas and Ollie Johnston, during the 1930s. Of course they weren't old men at the time, but young men who were at the forefront of exciting discoveries that were contributing to the development of a new art form. These principles came as a result of reflection about their practice and through Disney's desire to use animation to express character and personality. The attached video is a take on those principles, applied to simple shapes. Like a cube. Animating on the Twos: Fundamentally, all anime today is produced at a rate of 24 frames per second. This is the same frame-rate used for most animation. For an animator, this means drawing 24 images for each second of animation. This can be time-consuming. To reduce the amount of drawing that needs to be done, many animations reuse images for multiple frames - rather than drawing 24 images for each second, they might draw just 12 or 8 images for each second, and then repeat each image for two or three consecutive frames. That is, one second of animation would look like the "twos" or "threes" row on the following schematic, in which each letter represents a different image and each column represents one frame: frame# 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 ones A B C D E F G H I J K L M N O P Q R S T U V W X twos A--A C--C E--E G--G I--I K--K M--M O--O Q--Q S--S U--U W--W threes A--A--A D--D--D G--G--G J--J--J M--M--M P--P--P S--S--S V--V--V As the schematic suggests, using 12 distinct images per second is called "shooting on twos" or "animating on twos", and likewise, using 8 distinct images per second is called "shooting on threes". Drawing a distinct image for each frame is "shooting on ones." (adapted from: http://anime.stackexchange.com/questions/15567/what-does-it-mean-for-animation-to-be-done-on-ones-or-on-twos) Task: Pat 1: Students are to Friday the 12 Principles of Animation under an Activity 2 title on their beHance Unit 1 project. Part 2: Students: MUST ONLY USE A STROKE ANIMATION TECHNIQUE WITH NO FILL!create an Actionscript 3 document with a stage of 1080 pixels by 720 pixels at 24 fps,are to create a short animation(s) demonstrating the Principle of Animation, must identify (using text tool) the principles in the animation, start the animation with a title slide followed: The Principles of Animation by your name"may use their characters from Activity 2, or use basic character designs,Save as: firstlastname_PrinciplesofAnimation.flaExport movie as: firstlastname_PrinciplesofAnimation.swf and firstlastname__PrinciplesofAnimation.movUpload firstlastname__PrinciplesofAnimation.mov under the Activity 2 Title on BeHance Project Assessment:3 MARKS - Principles of Animation identified1 MARK - Saving Procedures2 MARKS - Organization of scenes12 MARKS - Supporting Animations2 MARKS - Title slide
Animation is a powerful tool to use in the classroom, however many think that creating a simple animation can be very difficult. This PD should help those who are willing to try something new by creating two types of animations using the motion feature in Photoshop. I have had the opportunity to present this PD to a group of 24 adults recently. While the plan worked, one of the biggest challenges was the amount of time allowed for the session. By the time all the participants were ready to begin I lost 5 minutes which meant that an already tight session became more so, in terms of the time allocations. To overcome this the PD plan has been changed from one session to two sessions. Another challenge was that some of the participants did not bring their computer to the session which meant they had to work with another person. While this was not ideal it did allow for those with limited skills to work with participants with better skills. All the feedback provided by the participants was positive and I am looking forward to running this PD again in the future. The planning document has been changed to allow for the PD to run over two 45 minute sessions.
A short timeline document with associated video links.
Create a vector shape on your iPhone, iPad, or Android device from a sketch with Adobe Capture CC. Then, animate your character with Animate CC for use in an animatic or an animated movie.
This Zip file contains one A4 page step-by-step instruction sheet for using Photoshop to produce an animated GIF from either ClipArt or a JPEG image. Three examples are also included.
Create a rotating cube using the Edgehero js library for Edge Animate.
Each month we invite an industry "name" to talk to the Interactive Multimedia and Advertising and Graphics Design students at my College. I record these lectures and make them available to my students. In this lecture we featrure Val Head, CSS Animation "Goddess of All She Surveys".