Beginning Adobe Animate CC

Total Page:16

File Type:pdf, Size:1020Kb

Beginning Adobe Animate CC Beginning Adobe Animate CC Learn to Efficiently Create and Deploy Animated and Interactive Content Tom Green Joseph Labrecque Beginning Adobe Animate CC: Learn to Efficiently Create and Deploy Animated and Interactive Content Tom Green Joseph Labrecque OAKVILLE, Ontario, Canada Thornton, Colorado, USA ISBN-13 (pbk): 978-1-4842-2375-8 ISBN-13 (electronic): 978-1-4842-2376-5 DOI 10.1007/978-1-4842-2376-5 Library of Congress Control Number: 2017934517 Copyright © 2017 by Tom Green and Joseph Labrecque This work is subject to copyright. All rights are reserved by the Publisher, whether the whole or part of the material is concerned, specifically the rights of translation, reprinting, reuse of illustrations, recitation, broadcasting, reproduction on microfilms or in any other physical way, and transmission or information storage and retrieval, electronic adaptation, computer software, or by similar or dissimilar methodology now known or hereafter developed. Trademarked names, logos, and images may appear in this book. Rather than use a trademark symbol with every occurrence of a trademarked name, logo, or image we use the names, logos, and images only in an editorial fashion and to the benefit of the trademark owner, with no intention of infringement of the trademark. The use in this publication of trade names, trademarks, service marks, and similar terms, even if they are not identified as such, is not to be taken as an expression of opinion as to whether or not they are subject to proprietary rights. While the advice and information in this book are believed to be true and accurate at the date of publication, neither the authors nor the editors nor the publisher can accept any legal responsibility for any errors or omissions that may be made. The publisher makes no warranty, express or implied, with respect to the material contained herein. Managing Director: Welmoed Spahr Editorial Director: Todd Green Acquisitions Editor: Louise Corrigan Development Editor: James Markham Technical Reviewer: Thomas Benner Coordinating Editor: Nancy Chen Copy Editor: Kezia Endsley Compositor: SPi Global Indexer: SPi Global Artist: SPi Global Cover image designed by Freepik Distributed to the book trade worldwide by Springer Science+Business Media New York, 233 Spring Street, 6th Floor, New York, NY 10013. Phone 1-800-SPRINGER, fax (201) 348-4505, e-mail orders-ny@springer- sbm.com, or visit www.springeronline.com. Apress Media, LLC is a California LLC and the sole member (owner) is Springer Science + Business Media Finance Inc (SSBM Finance Inc). SSBM Finance Inc is a Delaware corporation. For information on translations, please e-mail [email protected], or visit http://www.apress.com/ rights-permissions. Apress titles may be purchased in bulk for academic, corporate, or promotional use. eBook versions and licenses are also available for most titles. For more information, reference our Print and eBook Bulk Sales web page at http://www.apress.com/bulk-sales. Any source code or other supplementary material referenced by the author in this book is available to readers on GitHub via the book's product page, located at www.apress.com/9781484223758. For more detailed information, please visit http://www.apress.com/source-code. Printed on acid-free paper This book is dedicated to Jim Babbage and Doug Winnie, who, for the past 10 years, have embarked on our annual Excellent Adventures across North America where deep conversation or silence around a campfire is the mark of an “Excellent Friendship”. A small dedication to those designers, developers, and digital artists around the world who never abandoned what they love—instead choosing to persevere and adapt— toward our present victories. Contents at a Glance About the Authors ...................................................................................................xix About the Technical Reviewer ................................................................................xxi Acknowledgments ................................................................................................xxiii Introduction ...........................................................................................................xxv ■ Chapter 1: Learning the Animate CC Interface ...................................................... 1 ■ Chapter 2: Graphics in Animate CC ...................................................................... 57 ■ Chapter 3: Symbols and Libraries ..................................................................... 123 ■ Chapter 4: Interactivity Basics .......................................................................... 181 ■ Chapter 5: Audio in Animate CC ........................................................................ 249 ■ Chapter 6: Text in Animate CC ........................................................................... 281 ■ Chapter 7: Animation ......................................................................................... 313 ■ Chapter 8: The Motion Editor and Inverse Kinematics ...................................... 391 ■ Chapter 9: Animate CC and the Third Dimension ............................................... 457 ■ Chapter 10: Video .............................................................................................. 477 ■ Chapter 11: Components and External Media ................................................... 519 ■ Chapter 12: Optimizing and Publishing Animate CC Projects ........................... 563 Index ..................................................................................................................... 589 v Contents About the Authors ...................................................................................................xix About the Technical Reviewer ................................................................................xxi Acknowledgments ................................................................................................xxiii Introduction ...........................................................................................................xxv ■ Chapter 1: Learning the Animate CC Interface ...................................................... 1 Getting Started ����������������������������������������������������������������������������������������������������������������� 2 Creating a New Animate CC document ���������������������������������������������������������������������������� 3 Managing Your Workspace ���������������������������������������������������������������������������������������������������������������������5 Setting Document Preferences and Properties ���������������������������������������������������������������� 7 Document Preferences ���������������������������������������������������������������������������������������������������������������������������8 Document Settings ���������������������������������������������������������������������������������������������������������������������������������9 Zooming the Stage �������������������������������������������������������������������������������������������������������������������������������10 Exploring the Panels in the Animate CC Interface ���������������������������������������������������������� 13 The Timeline �����������������������������������������������������������������������������������������������������������������������������������������13 The Properties Panel ������������������������������������������������������������������������������������������������������ 21 The Tools Panel �������������������������������������������������������������������������������������������������������������������������������������25 The Library Panel ����������������������������������������������������������������������������������������������������������������������������������27 Creative Cloud Library ��������������������������������������������������������������������������������������������������������������������������28 Using Layers ������������������������������������������������������������������������������������������������������������������� 28 Layer Properties �����������������������������������������������������������������������������������������������������������������������������������29 Creating Layers �������������������������������������������������������������������������������������������������������������������������������������30 Adding Content to Layers ���������������������������������������������������������������������������������������������������������������������32 Showing/Hiding and Locking Layers ����������������������������������������������������������������������������������������������������34 vii ■ CONTENTS Grouping Layers ������������������������������������������������������������������������������������������������������������������������������������35 Where To Get Help ��������������������������������������������������������������������������������������������������������������������������������35 Your Turn: Building an Animate CC Movie ����������������������������������������������������������������������� 36 Adding the Mountains and Playing with Color ��������������������������������������������������������������������������������������39 Using Trees to Create the Illusion of Depth �������������������������������������������������������������������������������������������40 Using a Motion Tween To Create a Twinkling Star ��������������������������������������������������������������������������������43 A Moon Over Lake Nanagook����������������������������������������������������������������������������������������������������������������45
Recommended publications
  • Adobe Animate CC Classroom in a Book® (2018 Release) © 2018 Adobe
    Adobe Animate CC 2018 release CLASSROOM IN A BOOK® The official training workbook from Adobe Russell Chun Adobe Animate CC Classroom in a Book® (2018 release) © 2018 Adobe. All rights reserved. Adobe Press is an imprint of Pearson Education, Inc. For the latest on Adobe Press books, go to www.adobepress.com. To report errors, please send a note to [email protected]. For information regarding permissions, request forms, and the appropriate contacts within the Pearson Education Global Rights & Permissions department, please visit www.pearsoned.com/permissions/. If this guide is distributed with software that includes an end user license agreement, this guide, as well as the soft- ware described in it, is furnished under license and may be used or copied only in accordance with the terms of such license. Except as permitted by any such license, no part of this guide may be reproduced, stored in a retrieval system, or transmitted, in any form or by any means, electronic, mechanical, recording, or otherwise, without the prior written permission of Adobe Systems Incorporated. Please note that the content in this guide is protected under copyright law even if it is not distributed with software that includes an end user license agreement. The content of this guide is furnished for informational use only, is subject to change without notice, and should not be construed as commitment by Adobe Systems Incorporated. Adobe Systems Incorporated assumes no responsi- bility or liability for any errors or inaccuracies that may appear in the informational content contained in this guide. Please remember that existing artwork or images that you may want to include in your project may be protected under copyright law.
    [Show full text]
  • Konverze Výukových Animací
    Masarykova univerzita Fakulta}w¡¢£¤¥¦§¨ informatiky !"#$%&'()+,-./012345<yA| Konverze v´yukov´ych animac´ı Bakala´rskˇ a´ prace´ Jakub Pendl Brno, jaro 2013 Prohl´aˇsen´ı Prohlaˇsuji, ˇzetato bakal´aˇrsk´apr´ace je m´ym p˚uvodn´ım autorsk´ym d´ı- lem, kter´ejsem vypracoval samostatnˇe.Vˇsechny zdroje, prameny a lite- raturu, kter´ejsem pˇri vypracov´an´ıpouˇz´ıval nebo z nich ˇcerpal, v pr´aci ˇr´adnˇecituji s uveden´ım ´upln´eho odkazu na pˇr´ısluˇsn´yzdroj. Jakub Pendl Vedouc´ıpr´ace: Mgr. Eva Mr´akov´a, Ph.D. iii Podˇekov´an´ı Na tomto m´ıstˇebych r´ad podˇekoval Mgr. EvˇeMrakov´e,Ph.D. za cenn´e rady a veden´ım´ebakal´aˇrsk´epr´ace. D´ale dˇekuji rodinˇe,vˇsem bl´ızk´ym a pˇr´atel˚um, kteˇr´ımˇepˇri vytv´aˇren´ıt´eto pr´ace podpoˇrili, a bez jejich pomoci by nebylo moˇzn´epr´acidokonˇcit. iv Shrnut´ı C´ılem pr´ace bylo vyhledat volnˇedostupn´ekonverzn´ın´astroje z Flash do HTML5, popsat jejich funkˇcnost, otestovat je na vybran´ych anima- c´ıch urˇcen´ych pro v´yuky logiky a zhodnotit m´ıru ´uspˇeˇsnosti proveden´ı konverze. v Kl´ıˇcov´aslova v´yuka logiky, logika, animace, konverze, Flash, HTML5, JavaScript vi Obsah 1 Uvod´ ............................... 2 2 V´ychoz´ıanimace a poˇzadavky na transformaci . 3 3 Konverze dat .......................... 8 3.1 Pˇredstaven´ıvolnˇedostupn´ych n´astroj˚upro konverzi Flash 8 3.1.1 Adobe Wallaby . 8 3.1.2 Adobe Flash Professional Toolkit for CreateJS . 9 3.1.3 Google Swiffy . 11 3.1.4 FLASH to HTML5 Online .
    [Show full text]
  • Adobe® Flash® Professional CS6 What's
    Adobe Flash Professional CS6 What’s New Adobe® Flash® Professional CS6 Create and deliver rich, engaging experiences across devices Generate sprite sheets for enhanced game development workflow and deliver apps with a prepackaged Adobe AIR® captive runtime for better user experience. Access device-specific capabilities with prebuilt native extensions, simulate common mobile application interactions, and reach devices that run on Android™ and iOS platforms. Target the latest Adobe Flash Player and AIR runtimes to take advantage of performance gains with Stage3D via the Starling framework. With a global video-gaming market valued at $65 billion*, there is high demand for compelling, engaging, and immersive games. As an interactive designer or game developer, you are challenged with creating rich experiences and delivering high-performance games to more platforms and devices than ever before. Adobe Flash Professional CS6 software helps you meet that challenge with new powerful and intuitive tools and integrated support for reaching audiences across devices that run on Android and iOS platforms by targeting the Adobe AIR 3.2 runtime. Everything you need, Building on a strong foundation of industry-leading pixel-precise drawing tools, professional typography everywhere you work support, and efficient coding features, Flash Professional CS6 enhances your game development Buy Flash Professional CS6 as a workflow with a new sprite sheet generation feature, helping you increase game performance and target standalone desktop application more runtimes and platforms. Access device-specific capabilities, such as vibration, gyroscope, and or as part of an Adobe Creative in-app payments with support for prebuilt native extensions. Render graphics through the GPU with Cloud™ membership.
    [Show full text]
  • Blackberry Webworks 2.2-Development Guide
    BlackBerry WebWorks 2.2 Development Guide Published: 2015-03-13 SWD-20150313105458214 Contents Getting Started ........................................................................................................................................... 5 What's a BlackBerry WebWorks app?..............................................................................................................5 Components of the BlackBerry 10 WebWorks SDK..........................................................................................7 Setting up your system................................................................................................................................. 12 Creating a WebWorks project........................................................................................................................21 Creating your first app.................................................................................................................................. 24 Porting and Upgrading...............................................................................................................................27 Upgrading from WebWorks 1.0.....................................................................................................................27 Updating your WebWorks project................................................................................................................. 34 Porting from Cordova..................................................................................................................................
    [Show full text]
  • Adobe Flash Professional CC (2014 Release) Uses Actionscript 3.0, the Scripting Language That Extends Flash Functionality and Enables Interactivity in Flash Projects
    Adobe Flash Professional CC 2014 release Nick Taylor CLASSROOM IN A BOOK® Russell Chun The official training workbook from Adobe Instructor Notes Adobe® Flash® Professional CC Classroom in a Book® (2014 release) © 2015 Adobe Systems Incorporated and its licensors. All rights reserved. If this guide is distributed with software that includes an end user license agreement, this guide, as well as the software described in it, is furnished under license and may be used or copied only in accordance with the terms of such license. Except as permitted by any such license, no part of this guide may be reproduced, stored in a retrieval system, or transmitted, in any form or by any means, electronic, mechanical, recording, or otherwise, without the prior written permission of Adobe Systems Incorporated. Please note that the content in this guide is protected under copyright law even if it is not distributed with software that includes an end user license agreement. The content of this guide is furnished for informational use only, is subject to change without notice, and should not be construed as a commitment by Adobe Systems Incorporated. Adobe Systems Incorporated assumes no responsi- bility or liability for any errors or inaccuracies that may appear in the informational content contained in this guide. Please remember that existing artwork or images that you may want to include in your project may be protected under copyright law. The unauthorized incorporation of such material into your new work could be a violation of the rights of the copyright owner. Please be sure to obtain any permission required from the copyright owner.
    [Show full text]
  • LEARN Adobe Animate CC for Interactive Media
    LEARN Adobe Animate CC for Interactive Media Adobe Certified Associate Exam Preparation Joseph Labrecque with Rob Schwartz LEARN ADOBE ANIMATE CC FOR INTERACTIVE MEDIA ADOBE CERTIFIED ASSOCIATE EXAM PREPARATION Joseph Labrecque with Rob Schwartz Copyright © 2016 by Peachpit Press Adobe Press books are published by Peachpit, a division of Pearson Education. For the latest on Adobe Press books and videos, go to www.adobepress.com. To report errors, please send a note to [email protected] Adobe Press Editor: Victor Gavenda Senior Editor, Video: Karyn Johnson Development Editor: Stephen Nathans-Kelly Senior Production Editor: Tracey Croom Technical Editor: Russell Chun Copyeditor: Liz Welch Compositor: Kim Scott, Bumpy Design Proofreader: Kim Wimpsett Indexer: James Minkin Cover & Interior Design: Mimi Heft Cover Illustration: atthameeni, Fotolia.com NOTICE OF RIGHTS All rights reserved. No part of this book with video training may be reproduced or transmitted in any form by any means, electronic, mechanical, photocopying, recording, or otherwise, without the prior written permission of the publisher. The images and media files provided for download are copyrighted by the authors and Peachpit. You have the non-exclusive right to use these programs and files. You may use them on one computer at a time. Adobe product screenshots reprinted with permission from Adobe Systems Incorporated. For information on getting permission for reprints and excerpts, contact [email protected]. NOTICE OF LIABILITY The information in this book is distributed on an “As Is” basis without warranty. While every precau- tion has been taken in the preparation of the book, neither the authors nor Peachpit shall have any liability to any person or entity with respect to any loss, damage, or injury caused or alleged to be caused directly or indirectly by the instructions contained in this book or by the computer software and hardware products described in it.
    [Show full text]
  • Adobe Flash Failide Teisendamine HTML5-Eks
    Tallinna Ülikool Informaatika Instituut Adobe Flash failide teisendamine HTML5-eks Seminaritöö Autor: Signe Liim Juhendaja: Andrus Rinde Tallinn 2014 Sisukord Sissejuhatus ................................................................................................................................ 3 1 Flash tehnoloogia ................................................................................................................ 4 1.1 Adobe Flash ................................................................................................................. 4 1.1.1 ActionScript .......................................................................................................... 5 2 Tehnoloogiad Flash animatsioonide asendamiseks............................................................. 6 2.1 HTML5 ........................................................................................................................ 6 2.1.1 Canvas element .................................................................................................... 6 2.1.2 CSS ....................................................................................................................... 7 2.2 JavaScript ..................................................................................................................... 7 2.3 SVG ............................................................................................................................. 8 3 Flash failide teisendamine HTML5 tehnoloogiale .............................................................
    [Show full text]
  • HTML5 Games with Createjs TWITTER: @DAVID KELLEHER DAVIDK.NET/GAME Createjs Features HTML5 Canvas 2D Context Framework
    HTML5 Games with CreateJS TWITTER: @DAVID_KELLEHER DAVIDK.NET/GAME CreateJS Features HTML5 Canvas 2D Context Framework Pros Cons Bitmaps No Level Editor Vectors No Physics Animation No Particles Sprite Sheets No Virtual Camera Containers Beta WebGL 2D Support Flash Style Moveiclips No 3D Support Inputs/Events No UI Controls Text No Networking Sounds Preloader CreateJS Uses Pros Cons Leverage Adobe Flash Not a high performance skills and current support 2D library for Adobe Animate Not a true game Create simple Flash-style development framework games, banner ads, data viz, generative art Not production ready – current version 0.8.2 Rapidly prototype 2D games Integrate with Angular, React, D3 CreateJS Performance Pros Cons Canvas hardware No redraw regions – acceleration calculation time too expensive in JavaScript for arbitrary content Caching of drawn objects - transform regions with complex Slow, very basic hit test vector graphics or many display objects Architecture CreateJS – extends the HTML5 <canvas> EaselJS TweenJS SoundJS PreloadJS Game Theory Game Loop Update Game State UI: Game Output Player: Game Input Outcome: Win, Loss Game Mechanics Strategy Dexterity Luck Game Input and Events User Input • Mouse Move • Click, Mouseup, Mousedown • Drag and Drop, Swipe • Key Input Game Event • Ticker • Collision (Hit Test) • Custom Update Game State Game Objects •Add/Remove Objects •Change Object Properties •Tween Animations •Update Score •Test Win/Loss Condition Dodgeball Inputs & Events Player’s avatar tracks horizontal movement of mouse Balls can be clicked allowing players to catch them Game events: Detect collisions each frame between player and balls Update Game State Add balls and remove when off court Move balls (motion tween) Change ball state when it is clicked, caught, or hits player Add point when ball is caught Change player state and end game when player hit by ball Coding Strategy Avoid creating a massively complex controller with all procedural coding in the game loop.
    [Show full text]
  • A Flash to HTML5 Converter
    The design and implementation of Google Swiffy: a Flash to HTML5 converter Pieter Albertus Mathijs Senster The design and implementation of Google Swiffy: a Flash to HTML5 converter THESIS submitted in partial fulfillment of the requirements for the degree of MASTER OF SCIENCE in COMPUTER SCIENCE by Pieter Albertus Mathijs Senster born in Den Helder, The Netherlands Software Engineering Research Group Google UK Ltd Department of Software Technology Belgrave House 76 Faculty EEMCS, Delft University of Technology Buckingham Palace Road Delft, the Netherlands London, United Kingdom www.ewi.tudelft.nl www.google.com Copyright Google 2012, All rights reserved. The design and implementation of Google Swiffy: a Flash to HTML5 converter Author: Pieter Albertus Mathijs Senster Student id: [redacted] Email: [email protected] Abstract As the web shifts towards mobile devices without support for Adobe Flash, devel- opers need to use new technologies to bring the type of animated, interactive content they used to develop in Flash to those mobile devices. In this thesis, we present the de- sign and implementation of a tool that eases this transition by automatically converting Flash to HTML5. We propose a new type of transformation using a server-side compiler and client- side interpreter that benefits the performance, file size overhead and interoperability of the conversion. The converter, named Swiffy, is evaluated on a dataset of Flash advertisements by measuring the percentage of files that are fully supported, the accuracy of the conver- sion and the performance of the output on desktop browsers and mobile devices. Swiffy provides Flash to HTML5 conversion in Google AdWords and is available for anyone to use as an extension to Adobe Flash Professional or using an online con- version service.
    [Show full text]
  • Dynamic Advertising with HTML5
    www.allitebooks.com For your convenience Apress has placed some of the front matter material after the index. Please use the Bookmarks and Contents at a Glance links to access them. www.allitebooks.com Contents at a Glance Foreword ........................................................................................................................... xix About the Author ............................................................................................................... xxi About the Technical Reviewer ......................................................................................... xxiii Acknowledgments ............................................................................................................ xxv Introduction .................................................................................................................... xxvii ■ Chapter 1: The Campaign Process .....................................................................................1 ■ Chapter 2: Evolution of Advertising Technology ..............................................................21 ■ Chapter 3: Advertising with Web Standards ....................................................................37 ■ Chapter 4: Using Canvas, SVG, and Web Fonts ................................................................61 ■ Chapter 5: Animations and Presentations .......................................................................85 ■ Chapter 6: HTML5 APIs ..................................................................................................121
    [Show 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 -
    [Show full text]
  • Adobe® Flash® Professional CC Help Legal Notices Legal Notices for Legal Notices, See
    Adobe® Flash® Professional CC Help Legal notices Legal notices For legal notices, see http://help.adobe.com/en_US/legalnotices/index.html. Last updated 6/12/2015 iii Contents Chapter 1: What's New New features summary . .1 New features summary - 2014 . .9 What's new in Flash Professional CS6 . 15 New features summary . 18 Chapter 2: Platforms Convert to other document formats . 27 Custom Platform Support . 28 Creating and publishing an HTML5 Canvas document . 29 Creating and publishing a WebGL document . 36 Packaging applications for AIR for iOS . 41 Publishing AIR for Android applications . 46 Publishing for Adobe AIR for desktop . 51 ActionScript publish settings . 57 Custom Platform Support API Reference . 63 Creating accessible content . 64 Best practices - Accessibility guidelines . 76 Accessibility in the Flash workspace . 80 Debugging ActionScript 3.0 . 83 Writing and managing scripts . 87 Enabling Support for Custom Platforms . 97 Working with Custom Platform Support Plug-in . 102 Best practices - Organizing ActionScript inan application . 104 Enabling Support for Custom Platforms . 105 Export to HTML5 from Flash Professional . 110 Using SWC files to build large Flash and AIR projects with multiple SWF files for iOS . 110 Chapter 3: Workspace and workflow Using the Stage and Tools panel . 111 Flash workflow and workspace . 114 Timelines and ActionScript . 122 Working with multiple timelines . 126 Set preferences in Flash . 127 Using Flash authoring panels . 132 Timeline layers . 136 Moving and copying objects . 142 Sync Flash Professional Preferences with Creative Cloud . 143 Working with Adobe Color panel . 147 Templates . 149 Create a sprite sheet . 150 Find and Replace in Flash . 151 Undo, redo, and the History panel .
    [Show full text]