DOCSLIB.ORG

Adobe Animate CC: Introduction to Animation and Interactivity

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Adobe Animate CC: Introduction to Animation and Interactivity Adobe Animate CC: Introduction to Animation and Interactivity Adobe MAX 2016 | Session L1600 | Joseph Labrecque Contents Abstract .............................................................................................................................................. 5 Objectives .......................................................................................................................................... 5 About the Instructor ....................................................................................................................... 6 Recent Publications ....................................................................................................................... 7 Lynda.com | LinkedIn Learning - Animate CC 2017: New Features ............................... 7 Pluralsight - Animate CC Mobile App Development ......................................................... 7 Pluralsight - Animate CC Game Development ................................................................... 8 Lynda.com | LinkedIn Learning - Learn Adobe Animate CC: Data-Driven Animation ......................................................................................................................................................... 8 Lynda.com | LinkedIn Learning - Learn Adobe Animate CC: The Basics ..................... 8 Lynda.com | LinkedIn Learning - Adobe Animate CC: New Features ........................... 9 Adobe Press - Learn Adobe Animate CC for Interactive Media ...................................... 9 Train Simple - Animate CC Game Development ................................................................ 9 Lynda.com | LinkedIn Learning - Adobe Animate CC: First Look ................................. 10 TrainSimple - Animate CC Mobile App Development .................................................... 10 Lynda.com | LinkedIn Learning - HTML5 Canvas and WebGL in Flash Professional CC ................................................................................................................................................. 10 More Publications… ................................................................................................................ 10 Adobe Animate CC (formally Flash Professional) ................................................................. 11 New in Adobe Animate CC .......................................................................................................... 13 Adobe Animate CC [16.0 November 2016] ........................................................................ 13 Adobe Animate CC [15.2.1 August 2016] ............................................................................ 13 Adobe Animate CC [15.2 June 2016] ................................................................................... 13 Adobe Animate CC [15.1 February 2016] ............................................................................ 14 Getting Acquainted with the Workspace ................................................................................ 15 Adobe MAX 2016 | Adobe Animate CC: Introduction to Animation and Interactivity 2 SEQUENCE 0: Creating a New Document ............................................................................... 17 Creating a New Project ........................................................................................................... 17 About HTML5 Canvas and CreateJS ............................................................................... 19 Guides, Rulers, and Snapping ............................................................................................... 19 Layers and the Timeline ......................................................................................................... 20 Saving your Project .................................................................................................................. 21 SEQUENCE 1: Building Creative Assets ................................................................................... 22 Drawing the Waters .................................................................................................................. 22 Drawing the Moon .................................................................................................................... 24 Adding Features to the Moon ................................................................................................ 25 Building the Sky ........................................................................................................................ 28 Importing the City Skyline ...................................................................................................... 29 Title Creation and Layout ...................................................................................................... 31 SEQUENCE 2: Animating Creative Content ............................................................................ 33 Prepare the Timeline for Animation .................................................................................... 33 Turn the City Black ................................................................................................................... 34 Animate the Waters ................................................................................................................. 35 Animate the Moon .................................................................................................................... 38 Using the Motion Editor ..................................................................................................... 42 Adding some Moonlight .................................................................................................... 44 Animate the Sky Gradient ...................................................................................................... 44 Title Fade Transition ............................................................................................................... 47 Camera Animation ................................................................................................................... 49 Camera Tint and Color Effects ......................................................................................... 53 Related Tools ........................................................................................................................ 53 Fixing San Diego ....................................................................................................................... 54 SEQUENCE 3: Enabling Interactivity ......................................................................................... 56 Adobe MAX 2016 | Adobe Animate CC: Introduction to Animation and Interactivity 3 ActionScript and JavaScript .................................................................................................. 56 Prepare the Timeline for Interactivity ................................................................................. 57 Stopping the Playhead ........................................................................................................... 57 Using Code Snippets .......................................................................................................... 59 HTML5 Components ........................................................................................................... 60 Building UI Elements ............................................................................................................... 61 Play and Replay Functions .................................................................................................... 66 HTML5 Canvas Problems .................................................................................................. 70 SEQUENCE 4: Publishing and Exporting ................................................................................. 71 HTML5 Canvas ........................................................................................................................... 71 HD Video ..................................................................................................................................... 72 Animated GIF ............................................................................................................................. 73 Flash Player ................................................................................................................................ 75 WebGL ........................................................................................................................................ 76 Publishing for iOS and Android with AIR ............................................................................ 77 Using Custom Publish Targets ............................................................................................. 78 Additional Resources ................................................................................................................... 79 Adobe MAX 2016 | Adobe Animate CC: Introduction to Animation and Interactivity 4 Abstract Adobe Animate CC is a professional tool used to create a diverse variety of project types including rich animations, compelling interactives, award-winning games, popular mobile apps, and more. Learn how to get started creating your own engaging animated and interactive content across multiple platforms using Animate CC in this lab. Joseph Labrecque, interactive content designer and developer, will guide you through the following topics: • Capabilities of Animate CC to create
Load more

Recommended publications
  • Departmental Options for Creative Cloud Always Have Access to the Latest Adobe Creative Apps
    Departmental Options for Creative Cloud Always have access to the latest Adobe creative apps. Creative Cloud‡ Creative Cloud for education, What it’s used for for education, named-user device license license Edit and composite images, use 3D tools, edit Adobe Photoshop CC video, and perform advanced image analysis •• Create vector-based graphics for print, web, Adobe Illustrator CC video, and mobile •• Design professional layouts for print and Adobe InDesign CC digital publishing •• Browse, organize, and search your photos Adobe Bridge CC and design files in one central place •• Design tools Collaborate in editorial workflows with this solution Adobe InCopy CC that tightly integrates with InDesign •• Create, protect, sign, collaborate on, and print Adobe Acrobat Pro DC PDF documents and forms •• Adobe Photoshop Lightroom CC Organize, edit, and publish digital photographs •• Design, develop, and maintain standards-based Adobe Dreamweaver CC websites and applications •• Create rich interactive content across varied Adobe Animate CC platforms and devices •• Adobe Flash Builder Build exceptional applications for iOS, Android, 4.7 Premium and BlackBerry devices using a single codebase •• Web tools Web Adobe Fireworks CS6 Rapidly create graphics for websites and apps •• Adobe Experience Design CC Design and prototype websites and mobile apps (Preview) •• Edit video with high-performance, industry- Adobe Premiere Pro CC leading tools •• Create industry-standard motion graphics Adobe After Effects CC and visual effects •• Create, edit, and enhance
    [Show full text]
  • Update Your Browser Software to the Most Current Version
    Update Browser Software MigovBOE Rev. 6/1/2018 DISPLAYING AND RUNNING CONTENT IN THE MICHIGAN ELECTIONS ELEARNING CENTER: *** Note – The Michigan Elections eLearning Center operates best and is most secure if you use an updated version of internet browsing software. Please update your browser software to the most current version. See the table of contents for download links for each program. TABLE OF CONTENTS Course or Form Doesn’t Load Or A New Window Doesn’t Open ..................................................................................... 1 No or Low Audio ................................................................................................................................................................ 2 Course Not Running or Displaying Graphics ..................................................................................................................... 2 Determine Your Internet Browser Software Program ........................................................................................................ 3 Google Chrome (recommended) ................................................................................................................................... 4 Mozilla Firefox (recommended) ..................................................................................................................................... 5 Internet Explorer (must be version 10 or newer) ........................................................................................................... 6 Internet Explorer (continued)
    [Show full text]
  • How to Enable Flash Player
    How to Enable Flash on Your Web Browser Many of the online courses in the UC Learning Center use the Adobe Flash Player. Locate your web browser from the list below for instructions on how to enable flash. Internet Explorer Google Chrome Mozilla Firefox Mac Safari Internet Explorer 1. Launch your Internet Explorer web browser. 2. Click the Tools icon in the upper-right corner of Internet Explorer. (The icon looks like a gear.) 3. In the pop-up menu that appears, click Manage Add-ons. 1 4. In the dialogue box that appears, select Toolbars and Extensions. 5. In the list of Add-ons, look for “Shockwave Flash Object” (another name for Flash Player). In the Status column, check to see whether Shockwave Flash Object is Disabled. If it is disabled, click the row for Shockwave Flash Object to select it. 2 6. In the lower-right corner of the Manage Add-ons dialog box, click Enable. 7. Close the Manage Add-ons dialog box. Source: https://helpx.adobe.com/flash-player/kb/install-flash-player-windows.html Google Chrome To enable Flash in Google Chrome, 1. Type the following in the URL field of a Chrome browser tab: chrome://settings/content/flash 2. On the Settings screen, make sure Flash is enabled by checking the Ask first (recommended) option. 3 3. Attempt to launch the course again. Mozilla Firefox Beginning with Firefox 52, the browser will not activate plugins (e.g. Flash Player) by default. Instead, Firefox lets you choose whether to allow a plugin to run on a website.
    [Show full text]
  • Protecting Online Video Distribution with Adobe Flash Media Technology
    White Paper Protecting Online Video Distribution with Adobe Flash Media Technology Table of contents Introduction 1 Introduction Online video is a growing phenomenon. Record numbers of people are going online to watch 1 Overview of Adobe video everything from user-generated videos and breaking news events to television programs and distribution solutions full-length movies. Gone are the days of waiting for a program to air; consumers can now choose 2 Best practices for effective content protection from a plethora of high-quality content, available on-demand. 2 Flash Media Server content From advertising-funded videos to subscriptions to pay-per-view, content providers are adapting protection features a variety of business models to monetize content in the online world. As an owner or distributor 3 Flash Media Server workflow of premium commercial content, such as films and TV shows, you must ensure that hackers do example 4 Persistent content protection with not bypass your business model or violate your copyrights. Flash Media Rights Management Content protection solutions help create and preserve revenue streams; maintain copyright; and Server preserve content integrity or privacy. For instance, hackers may attempt to bypass payment in a 5 Flash Media Rights Management Server content protection pay-per-view model. Others may try to rip your content for redistribution. Worse, someone features could try to make money from pirated content, or may introduce their own advertising or 5 Comparison between Flash Media branding but skip paying content licenses or bandwidth fees by piggybacking on your Rights Management Server and distribution platform. In an enterprise situation, a disgruntled employee may be tempted to post Flash Media Server valuable or private company information on public video sites.
    [Show full text]
  • Adobe Creative Cloud for Teams
    Adobe Creative Cloud for teams World-class creative tools. Hassle-free administration. Built to accelerate your business, Creative Cloud gives your organization access to the world’s best creative apps and services as soon as they’re released. Get a wealth of new features that boost your productivity, make everyday tasks easier, support the latest standards and hardware, and help you create even more amazing work. Collaborate and share with ease Securely share files and folders across desktops and devices. Custom-built Creative Cloud Libraries make it easy to maintain version control, stay on top of changes, and work together more productively. Deploy and manage without hassles Deploy apps and updates your way—either handle it centrally or let users install as needed. The web-based Admin Console enables IT to add or reassign seats anytime with just a few clicks, and billing catches up at your next payment cycle. Plus, get up to 15% off with purchases of 10 or more seats through the Value Incentive Plan (VIP). Get expert help when you need it Got questions about deployment or license management? Creative Cloud for teams offers an onboarding webinar as well as advanced 24x7 technical support. And if you need training on a desktop app, count on 1:1 Expert Services sessions and thousands of tutorials to help you make the most of your software. Jump-start the design process with creative resources The Adobe Stock marketplace puts the perfect asset right at your fingertips with millions of royalty-free photos, graphics, videos, templates, and our curated collection of premium images from some of the world’s leading creatives.
    [Show full text]
  • The Uses of Animation 1
    The Uses of Animation 1 1 The Uses of Animation ANIMATION Animation is the process of making the illusion of motion and change by means of the rapid display of a sequence of static images that minimally differ from each other. The illusion—as in motion pictures in general—is thought to rely on the phi phenomenon. Animators are artists who specialize in the creation of animation. Animation can be recorded with either analogue media, a flip book, motion picture film, video tape,digital media, including formats with animated GIF, Flash animation and digital video. To display animation, a digital camera, computer, or projector are used along with new technologies that are produced. Animation creation methods include the traditional animation creation method and those involving stop motion animation of two and three-dimensional objects, paper cutouts, puppets and clay figures. Images are displayed in a rapid succession, usually 24, 25, 30, or 60 frames per second. THE MOST COMMON USES OF ANIMATION Cartoons The most common use of animation, and perhaps the origin of it, is cartoons. Cartoons appear all the time on television and the cinema and can be used for entertainment, advertising, 2 Aspects of Animation: Steps to Learn Animated Cartoons presentations and many more applications that are only limited by the imagination of the designer. The most important factor about making cartoons on a computer is reusability and flexibility. The system that will actually do the animation needs to be such that all the actions that are going to be performed can be repeated easily, without much fuss from the side of the animator.
    [Show full text]
  • Adobe® Media Server 5 Standard High Quality Video Playback Consistent Across Devices
    Adobe Media Server 5 Standard Datasheet Adobe® Media Server 5 Standard High quality video playback consistent across devices Step up from progressive download video delivery and deliver adaptive streams to the widest audience. Stream to iOS and Adobe Flash® Player with a single media source. Adobe Media Server 5 Standard is an economical solution that enables you to start streaming live and on demand content quickly and easily to a wide variety of platforms and devices. It provides all the features you need to stream and encrypt video and audio, providing a consistent playback across Apple iOS, Android, connected TVs, and the desktop—with a simplified workflow and better performance. New features in Adobe Media Server 5 Standard Adobe Media Server 5 Standard provides numerous video streaming innovations—over standard HTTP connections as well as RTMP delivery. • Simplified publishing workflows for HTTP streaming—Use the same source media and live streams to deliver full adaptive bitrate experiences to Adobe Flash, Android, and Apple devices. • Integration with Adobe Access 4—Enjoy protected RTMP support via a content license technology embedded in the server (Adobe Access 4 licensing server is a separate purchase). • 608/708 Closed Caption compliance—Support all avenues to increase your audience size with full support for closed caption transmission to Adobe Flash and Apple iOS devices such as the New iPad. EIA-608 (line 21) closed caption support meets FCC requirements • Reduced storage and infrastructure costs—A single MPEG-4 asset is required for each bitrate, and optional real time packaging eliminates the need to prepare content in advance.
    [Show full text]
  • Michał Domański Curriculum Vitae / Portfolio
    Michał Domański Curriculum Vitae / Portfolio date of birth: 09-03-1986 e-mail: [email protected] address: ul. Kabacki Dukt 8/141 tel. +48 608 629 046 02-798 Warsaw Skype: rein4ce Poland I am fascinated by the world of science, programming, I love experimenting with the latest technologies, I have a great interest in virtual reality, robotics and military. Most of all I value the pursuit of professionalism, continuous education and expanding one's skill set. Education 2009 - till now Polish Japanese Institute of Information Technology Computer Science - undergraduate studies, currently 4th semester 2004 - 2009 Cracow University of Technology Master of Science in Architecture and Urbanism - graduated 2000 - 2004 Romuald Traugutt High School in Częstochowa mathematics, physics, computer-science profile Skills Advanced level Average level Software C++ (10 years), MFC Java, J2ME Windows 98, XP, Windows 7 C# .NET 3.5 (3 years) DirectX, MDX SketchUP OpenGL BASCOM AutoCAD Actionscript/Flex MS SQL, Oracle Visual Studio 2008, MSVC 6.0 WPF Eclipse HTML/CSS Flex Builder Photoshop CS2 Addtional skills: Good understanding of design patterns and ability to work with complex projects Strong problem solving skills Excellent work organisation and teamwork coordination Eagerness to learn any new technology Languages: Polish, English (proficiency), German (basic) Ever since I can remember my interests lied in computers. Through many years of self-education and studying many projects I have gained insight and experience in designing and programming professional level software. I did an extensive research in the game programming domain, analyzing game engines such as Quake, Half-Life and Source Engine, through which I have learned how to structure and develop efficient systems while implementing best industry-standard practices.
    [Show full text]
  • ADOBE AIR SDK RELEASE NOTES Version 33.0.2.338
    Public 1(15) ADOBE AIR SDK RELEASE NOTES Version 33.0.2.338 Adobe AIR SDK Release Notes Version 33.0.2.338 Date 6 December 2019 Document ID HCS19-000287 Owner Andrew Frost Copyright © 2019 HARMAN Connected Services Document Id: HCS19-000287 All rights reserved. Public 2(15) ADOBE AIR SDK RELEASE NOTES Version 33.0.2.338 Table of contents 1 Purpose of the Release ..................................................................... 3 2 Release Information .......................................................................... 4 2.1 Delivery Method .................................................................................. 4 2.2 The Content of the Release ................................................................. 4 2.3 AIR for Flex users ................................................................................ 4 3 Changes and Issues .......................................................................... 5 3.1 Changes in this Release ...................................................................... 5 3.2 Known Problems ................................................................................. 5 3.3 Previous Changes ............................................................................... 5 4 Updating tools/IDEs to support 64-bit ARM .................................... 9 4.1 AIR Developer Tool ............................................................................. 9 4.2 ADT Architecture Configuration ........................................................... 9 4.3 Flash Builder ......................................................................................
    [Show full text]
  • Adobe Creative Cloud Site License Flexible Licensing Options for Primary and Secondary Schools and Districts
    Adobe Creative Cloud site license Flexible licensing options for primary and secondary schools and districts Bring Adobe Creative Cloud to your school or district with affordable, easy-to-manage site licensing options available through the Adobe Value Incentive Plan (VIP). You’ll enhance teaching and learning while helping students develop essential digital skills for college and career success. Site license benefits: • Universal access—Give your students, teachers and staff access to the latest industry-leading creative software so they can design, share and publish compelling communications across all media and devices. • Budget predictability—A low-cost, flat-fee, single-license purchase with one annual or multiyear contract for school-owned or leased computers, with the ability to cover more at the time of purchase. • Flexible deployment and management—Designed for an individual school or district, a site license offers a web-based Admin Console that makes it easy to centrally manage and deploy licenses. • Classroom and home use—Schools have the flexibility to use licenses for in-classroom deployment, including BYOD environments, or at home on teacher-owned machines. • Free instructional resources—Your educators can access the Adobe Education Exchange for free professional development, teaching resources and peer-to-peer collaboration to help them get up to speed on Creative Cloud apps and ignite creativity in the classroom. Flexible Purchasing Options Adobe now offers two great options to schools and school districts - simply choose the licensing model that works best for your school. Or implement both licensing options. All Adobe Creative Cloud K12 Site Licenses can be easily managed through a single administrator console in the Adobe VIP Admin Console.
    [Show full text]
  • Java Game Developer Interview Questions and Answers Guide
    Java Game Developer Interview Questions And Answers Guide. Global Guideline. https://www.globalguideline.com/ Java Game Developer Interview Questions And Answers Global Guideline . COM Java Game Developer Job Interview Preparation Guide. Question # 1 What is the 'Platform independence 'properties of java? Answer:- The very essence of the platform independence of Java lies in the way the code is stored, parsed and compiled - bytecode. Since these bytecodes run on any system irrespective of the underlying operating system, Java truly is a platform-independent programming language. Read More Answers. Question # 2 Tell us what will you bring to the team? Answer:- I will bring a large amount of support to the team, I endeavour to make sure my team reaches the goal they so desperately need. I feel that adding me to the team will bring our performance up a notch. Read More Answers. Question # 3 Tell us is Game Development Subcontracted? Answer:- I was having a conversation with someone who believed that components of a games code where subcontracted out to programmers in different countries where it would be cheaper, then assembled by the local company. I understand that people often use pre-built engines but I would think that making the actual game would require people to work closely in the same studio. Read More Answers. Question # 4 Tell me is There A Portal Dedicated To Html5 Games? Answer:- Just to get something straight; by "portal", I mean a website that frequently publishes a certain type of games, has a blog, some articles, maybe some tutorials and so on. All of these things are not required (except the game publishing part, of course), for example, I consider Miniclip to be a flash game portal.
    [Show full text]
  • GAME CAREER GUIDE July 2016 Breaking in the Easy(Ish) Way!
    TOP FREE GAME TOOLS JULY 2016 GAME FROM GAME EXPO TO GAME JOB Indie intro to VR Brought to you by GRADUATE #2 PROGRAM JULY 2016 CONTENTS DEPARTMENTS 4 EDITOR’S NOTE IT'S ALL ABOUT TASTE! 96 FREE TOOLS FREE DEVELOPMENT TOOLS 2016 53 GAME SCHOOL DIRECTORY 104 ARRESTED DEVELOPMENT There are tons of options out there in terms INDIE DREAMIN' of viable game schools, and this list is just the starting point to get you acquainted with the schools near you (or far from you, if that’s what STUDENT POSTMORTEM you prefer!). 32 BEGLITCHED 72 VIRTUALLY DESIGNED NYU Game Center students Alec Thomson and Jennu Jiao Hsia discuss their IGF Award- VR has quickly moved from buzzword, to proto- winning match three game about insecurity type, to viable business. This guide will help you within computers, and within ourselves. get started in VR development, avoiding some common pitfalls. FEATURES 78 SOUNDS GOOD TO ME! 8 BREAKING IN THE EASY(ISH) WAY! Advice for making audio (with or without) How attending expos can land you a job. an audio specialist. 18 ZERO TO HERO Hey! You want to learn low poly modeling but 84 A SELLER’S MARKET don’t know where to start? Look no further! Marketing fundamentals for your first game. With this guide, we hope to provide a good introduction to not only the software, but 90 INTRO TO GAME ENGINES also the concepts and theory at play. A brief discussion of some of the newest and most popular DO YOU NEED A PUBLISHER? 34 game engines.
    [Show full text]