Adobe animate cc classroom in a book (2018 release) lesson files free

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Upload photos and clips into an easy-to-use template or start from scratch. Customize your video with colors, fonts, transitions, and more. Bring your video to life with a licensed song from our music library. Save time and money tracking down stock media with our built-in library of millions of photos, video clips, and graphics from Getty Images. Make each video your own with intuitive color, font, and design tools.

Add your logo as a watermark to build brand awareness. Create square, landscape, and vertical videos to share to social media and beyond. There are no creation limits on any Animoto plan. No more juggling messy email threads and contradictory comments. Invite anyone to add time-stamped comments to your video.

Reply and implement feedback right from your video editing workspace. Plus, we can easily adjust our video so they work on all platforms. A true time-saver.

Create and share videos for free. Upgrade anytime for more customization. As you get started making videos, we’re here to help along the way! Http://replace.me/18911.txt team of video experts is ready to adobe animate cc classroom in a book (2018 release) lesson files free you grow with tips, ideas, inspiration, and feedback on your videos.

You can also reach our dedicated Customer team directly at help animoto. All Rights Reserved. Create professional videos for work and life. Drag and drop. Get Started Free. Learn more about Animoto’s features. Imagine it. Create it. Social trends Business Promo videos Celebrations Personal. New launch promo.

Collection Portfolio. Bite-sized product intro. Everything you need to create stunning videos. Stock images and music at your fingertips Save time and money tracking down stock media with our built-in library of millions of photos, video clips, and graphics from Getty Images.

Easy customization tools Make each video your own with intuitive color, font, and design tools. Unlimited video creation Create adobe animate cc classroom in a book (2018 release) lesson files free, landscape, and vertical videos to share to social media and beyond.

Take the stress out of video feedback No more juggling messy email threads and contradictory comments. Hear from our customers. Matt Cavallaro. Rebecca Fancher. Mary Mannix. Partner of. Make your first video today. Get started free See pricing. Visit our Help Center. Animoto For.

 
 

Adobe animate cc classroom in a book (2018 release) lesson files free

 
The 12 project-based step-by-step lessons in this book show users the key techniques for working in Animate. Adobe Animate CC provides more expressive tools. Lesson overview In this lesson, you’ll learn how to do the following: Create a new file in Adobe Animate CC. Understand the different Adobe Animate document.

 

Adobe animate cc classroom in a book (2018 release) lesson files free. CLASSROOM IN A BOOK ® The official training workbook from Adobe Animate CC Adobe 2018 release

 

Weather: A Novel. The Downstairs Girl. The Paper Palace: A Novel. Seven Days in June. Tokyo Ever After: A Novel. Northern Spy: A Novel. Infinite Country: A Novel. Firekeeper’s Daughter. The Sanatorium: A Novel. You Have a Match: A Novel. Where the Crawdads Sing. The Terminal List: A Thriller. The Summer I Turned Pretty. Bridgerton: The Duke and I. A Discovery of Witches: A Novel. Station Eleven: A novel. The School for Good and Evil. Vampire Academy: Volume 1.

Pachinko National Book Award Finalist. Conversations with Friends: A Novel. Top selling. New releases in fiction. New releases in nonfiction. Top free. You are also sent an email notification that your paper has been completed.

Our services are very confidential. All our customer data is encrypted. Our records are carefully stored and protected thus cannot be accessed by unauthorized persons. Our payment system is also very secure. We have employed highly qualified writers. They are all specialized in specific fields. To ensure our writers are competent, they pass through a strict screening and multiple testing.

All our writers are graduates and professors from the most prestigious universities and colleges in the world. We have writers who are native speakers and non-native speakers. Our writers have great grammar skills.

Being one of the largest online companies in the world providing essay writing services, we offer many academic writing services. Some of the services we offer include;. We offer essay help for more than 80 subject areas.

You can get help on any level of study from high school, certificate, diploma, degree, masters, and Ph. We accept payment from your credit or debit cards. We also accept payment through. PayPal is one of the most widely used money transfer method in the world.

It is acceptable in most countries and thus making it the most effective payment method. We offer free revision in case you are not satisfied with the order delivered to you.

For such an order you are expected to send a revision request and include all the instructions that should be followed by the writer. Also remember to state the exact time the writer should take to do your revision. We offer free revision as long as the client does not change the instructions that had been previously given. In case a client want to alter the instructions, revision can be done but at a negotiated fee. We do not take the issue of plagiarism rightly.

As a company we try as much as possible to ensure all orders are plagiarism free. We also have a plagiarism detection system where all our papers are scanned before being delivered to clients.

We have writers who are always ready to work and take up orders with a short deadline. We deliver papers as early as after 3 hours of ordering. You only have to indicate the short deadline and our support team will help pick the best and most qualified writer in your field. The writer will confirm whether they will submit the paper within the set deadline. After confirmation, your paper will be delivered on time.

We never at any time reuse the papers we write for our clients. We also do not have a database of previously written papers. We never send published papers to clients nor do we publish the papers after sending them to our clients. Whether to reference us in your work or not is a personal decision.

If it is an academic paper, you have to ensure it is permitted by your institution. We do not ask clients to reference us in the papers we write for them. When we write papers for you, we transfer all the ownership to you.

This means that you do not have to acknowledge us in your work not unless you please to do so. Our online assignment help is one of the best essay writing help in the world as we work with international students from the most prestigious universities in the world. We write quality papers for our clients as we have employed highly qualified academic writers from all over the world.

Our writers are able to handle complex assignments from their field of specialization. When it comes to finding the best specialist for your paper there are 3 categories of specialist that we have to look at;.

Turning to course help online for help is legal. Getting assignment help is ethical as we do not affect nor harm the level of knowledge you are expected to attain as a student according to your class syllabus.

Our services are here to provide you with legitimate academic writing help to assist you in learning to improve your academic performance. With course help online, you pay for academic writing help and we give you a legal service.

This service is similar to paying a tutor to help improve your skills. Our online services is trustworthy and it cares about your learning and your degree. Hence, you should be sure of the fact that our online essay help cannot harm your academic life. You can freely use the academic papers written to you as they are original and perfectly referenced. Whenever students face academic hardships, they tend to run to online essay help companies. If this is also happening to you, you can message us at course help online.

We will ensure we give you a high quality content that will give you a good grade. We can handle your term paper, dissertation, a research proposal, or an essay on any topic. We are aware of all the challenges faced by students when tackling class assignments. You can have an assignment that is too complicated or an assignment that needs to be completed sooner than you can manage. You also need to have time for a social life and this might not be possible due to school work.

The good news is that course help online is here to take care of all this needs to ensure all your assignments are completed on time and you have time for other important activities. We also understand you have a number of subjects to learn and this might make it hard for you to take care of all the assignments. You are expected to do a thorough research for each assignment to earn yourself a good grade even with the limited time you have.

This calls upon the need to employ a professional writer. When you employ one of our expert writers, you can be sure to have all your assignments completed on time. All your assignment deadlines will be met plus you will have an original, non-plagiarized and error free paper.

With our course help online services, you are assured of a completely original and error free paper written exclusively for your specified needs, instructions and requirements. All our papers are original as they are all written from scratch. We also do not re-use any of the papers we write for our customers. With this guarantee feel comfortable to message us or chat with our online agents who are available 24hours a day and 7 days a week be it on a weekend or on a holiday. As a busy student, you might end up forgetting some of the assignments assigned to you until a night or a day before they are due.

This might be very stressing due to inadequate time to do a thorough research to come up with a quality paper. Course help online is here to save you from all this stress.

Let our professional writers handle your assignments and submit them to you no matter how close the deadline seems to be. This will protect you from all the pressure that comes along with assignments. You are assured of a high quality assignment that is error free and delivery will be done on time.

We have a reliable team that is always available and determined to help all our clients by improving their grades. We are reliable and trusted among all our clients and thus you can entrust your academic work on us. For any academic help you need, feel free to talk to our team for assistance and you will never regret your decision to work with us.

You can entrust all your academic work to course help online for original and high quality papers submitted on time. We have worked with thousands of students from all over the world. Most of our clients are satisfied with the quality of services offered to them and we have received positive feedback from our clients. We have an essay service that includes plagiarism check and proofreading which is done within your assignment deadline with us.

This ensures all instructions have been followed and the work submitted is original and non-plagiarized. We offer assignment help in more than 80 courses. We are also able to handle any complex paper in any course as we have employed professional writers who are specialized in different fields of study. From their experience, they are able to work on the most difficult assignments.

The following are some of the course we offer assignment help in;. In case you cannot find your course of study on the list above you can search it on the order form or chat with one of our online agents for assistance.

We will take care of all your assignment needs We are a leading online assignment help service provider. Place an Order. Calculate your essay price. Type of paper. Academic level. Pages words. Read more. Plagiarism-free papers To ensure that all the papers we send to our clients are plagiarism free, they are all passed through a plagiarism detecting software.

 
 

Adobe Animate CC Classroom in a Book ( release) | Adobe Press

 
 

Creating shapes 5. Making selections 6. Editing shapes 7. Using gradient fills 8. Using variable-width strokes 9. Using swatches and tagged swatches Creating curves Using transparency to create depth Being expressive with the Paint Brush tool Creating and editing text Aligning and distributing objects About symbols Creating symbols Managing symbol instances Applying filters for special effects Converting and exporting art 3.

Animating Symbols 1. About animation 4. Understanding the project file 5. Animating position 6. Changing the pacing and timing 7. Animating transparency 8. Animating filters 9. Animating transformations Changing the path of the motion Swapping tween targets Creating nested animations Easing Frame-by-frame animation Animating 3D motion Exporting your final movie 4.

Advanced Motion Tweening 1. About the Motion Editor 4. Adding motion tweens 6. Editing property curves 7. Viewing options for the Motion Editor 8.

Copying and pasting curves 9. Adding complex eases 5. Character Animation 1. Layer parenting 4. Using classic tweens 5. Making and animating deformations 6. Graphic symbols for lip-syncing dialogue 6. Controlling the Camera 1. Animating camera moves 3. Getting started Using the camera 5. Attaching layers to the camera for fixed graphics 6. Exporting your final movie 7. Animating Shapes and Using Masks 1.

Animating shapes 4. Creating a shape tween 6. Changing the pace 7. Adding more shape tweens 8. Creating a looping animation 9. Using shape hints Previewing animations with onion skinning Animating color Creating and using masks Animating the mask and masked layers Easing a shape tween 8.

Creating Interactive Navigation 1. About interactive movies 4. ActionScript and JavaScript 5. Creating buttons 6. Preparing the timeline 7. Creating destination keyframes 8. Navigating the Actions panel 9. Creating a Home button Playing animation at the destination Animated buttons 9. Creating Virtual Reality Environments 1. About virtual reality 4. VR Panorama and VR documents 5. Creating a texture layer 6. Creating new scenes 7.

Adding interactivity 8. Adding graphics and animation 9. Moving the camera position Publishing VR projects Working with Sound and Video 1. Understanding the project file 4. Using sounds 5. Understanding video 6. Understanding encoding options 8. Playback of external video in your project 9.

Adding a video without playback controls Publishing 1. Understanding publishing 3. Publishing for HTML5 5. Publishing a desktop application 6.

Publishing to mobile devices 7. Next steps Index 1. All rights reserved. Adobe Press is an imprint of Pearson Education, Inc. For the latest on Adobe Press books, go to www. 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 commitment by Adobe Systems Incorporated.

Adobe Systems Incorporated assumes no responsibility 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. Any references to company names in sample files are for demonstration purposes only and are not intended to refer to any actual organization.

Adobe product screenshots reprinted with permission from Adobe Systems Incorporated. Microsoft and Windows are either registered trademarks or trademarks of Microsoft Corporation in the U. All other trademarks are the property of their respective owners. Unless otherwise indicated herein, any third party trademarks that may appear in this work are the property of their respective owners and any references to third party trademarks, logos or other trade dress are for demonstrative or descriptive purposes only.

Such references are not intended to imply any sponsorship, endorsement, authorization, or promotion of Pearson Education, Inc. Notice to U. Government End Users. Consistent with 48 C.

Government end users a only as Commercial Items and b with only those rights as are granted to all other end users pursuant to the terms and conditions herein. Unpublished-rights reserved under the copyright laws of the United States. For U. Government End Users, Adobe agrees to comply with all applicable equal opportunity laws including, if appropriate, the provisions of Executive Order , as amended, Section of the Vietnam Era Veterans Readjustment Assistance Act of 38 USC , and Section of the Rehabilitation Act of , as amended, and the regulations at 41 CFR Parts through , , and The affirmative action clause and regulations contained in the preceding sentence shall be incorporated by reference.

Go to www. Sign in or create a new account. Enter the ISBN: Answer the questions as proof of purchase. Access the lesson files through the Registered Products tab on your Account page. Click the Access Bonus Content link below the title of your product to proceed to the download page. Click the lesson file links to download them to your computer. Animate CC is widely used in the creative industry to develop engaging projects that integrate video, sound, graphics, and animation.

You can create original content in Animate CC or import assets from other Adobe applications such as Photoshop CC or Illustrator CC, quickly design animation and multimedia, and use code to integrate sophisticated interactivity.

Use Animate CC to generate graphics and animation assets, to publish broadcast-quality animation, to build innovative and immersive websites, to create stand-alone applications for the desktop, or to create apps to distribute to mobile devices running on the Android or iOS system.

About Classroom in a Book Adobe Animate CC Classroom in a Book release is part of the official training series for Adobe graphics and publishing software developed with the support of Adobe product experts. The lessons are designed so you can learn at your own pace. Classroom in a Book also teaches many advanced features, including tips and techniques for using the latest version of this application.

You can follow the book from start to finish or do only the lessons that correspond to your interests and needs. You should have a working knowledge of your computer and operating system. You should know how to use the mouse and standard menus and commands, and also how to open, save, and close files.

If you need to review these techniques, see the printed or online documentation included with your macOS or Microsoft Windows software. In addition, you need to download the free Adobe AIR runtime, available at get. The following specifications are the minimum required system configurations. Online content Your purchase of this Classroom in a Book includes online materials provided by way of your Account page on peachpit. These include the following: Lesson files To work through the projects in this book, you will need to download the lesson files from peachpit.

You can download the files for individual lessons, or it may be possible to download all of them in a single file. Web Edition The Web Edition is an online interactive version of the book providing an enhanced learning experience. Your Web Edition can be accessed from any device with a connection to the Internet, and it contains: The complete text of the book Hours of instructional video keyed to the text Interactive quizzes In addition, the Web Edition may be updated when Adobe adds significant feature updates between major Creative Cloud releases.

To accommodate the changes, sections of the online book may be updated or new sections may be added. Accessing the lesson files and Web Edition If you purchased an eBook from peachpit. Click the Launch link to access the product. Continue reading to learn how to register your product to get access to the lesson files. If you purchased an eBook from a different vendor or you bought a print book, you must register your purchase on peachpit.

The lesson files can be accessed through the Registered Products tab on your Account page. How to use the lessons Each lesson in this book provides step-by-step instructions for creating one or more specific elements of a real-world project. Some lessons build on projects created in preceding lessons; most stand alone. All the lessons build on one another in terms of concepts and skills, so the best way to learn from this book is to proceed through the lessons in sequential order.

In this book, some techniques and processes are explained and described in detail only the first few times you perform them. The files in the End folders 01End, 02End, and so on within the Lesson folders are samples of completed projects for each lesson. Use these files for reference if you want to compare your work in progress with the project files used to generate the sample projects. The organization of the lessons is also project-oriented rather than feature-oriented.

Additional resources Adobe Animate CC Classroom in a Book release is not meant to replace documentation that comes with the program or to be a comprehensive reference for every feature. Only the commands and options used in the lessons are explained in this book. Adobe Creative Cloud tutorials: For inspiration, key techniques, cross-product workflows, and updates on new features, go to the Creative Cloud tutorials page, helpx.

Available to all. Adobe forums: Tap into peer-to-peer discussions, questions, and answers on Adobe products at forums. Adobe Create: The online magazine Create offers thoughtful articles on design and design issues, a gallery showcasing the work of top-notch designers, tutorials, and more. Check it out at create. Resources for educators: www. Find solutions for education at all levels, including free curricula that use an integrated approach to teaching Adobe software and can be used to prepare for the Adobe Certified Associate exams.

Also check out these useful sites: Adobe Add-ons: creative. Adobe Animate CC product home page: www. A directory of AATCs is available at training. Contributor Russell Chun is an assistant professor at the L. Herbert School of Communication at Hofstra University, where he teaches multimedia storytelling, data journalism, and information design. He has been writing about Animate and its precursor, Flash, since Understand the different Adobe Animate document types.

Adjust Stage settings and document properties. Add layers using the Timeline panel. Understand and manage keyframes in the timeline.

Work with imported images in the Library panel. Move and reposition objects on the Stage. Add filters and color effects to keyframes. Open and work with panels. Select and use tools in the Tools panel. Preview your animation. Save your file. This lesson will take less than 1 hour to complete. Please log in to your account on peachpit.

In Animate, the Stage is where you lay out all your visual elements, the Timeline panel is where you organize frames and layers, and other panels let you edit and control your creation. It displays the categories of project you can build along with options for different types and sizes of documents. Note If you have not already downloaded the project files for this lesson to your computer from your Account page on peachpit.

Start Animate. In the Open dialog box, select the 01End. Note The Output panel will display a warning saying that the bitmaps were packed into a sprite sheet and that EaselJS is starting frame numbers at 0 instead of 1.

You can ignore both warnings. The first is just a notification, and the second is irrelevant because you are playing the timeline straight from beginning to end. Animate exports the project and opens it in a new window. An animation plays. During the animation, several overlapping photos appear one by one, with stars appearing at the end.

As the new photos appear, the previous photos become blurry, receding into the background. Close the preview window and the FLA file. Understanding document types and creating a new document Animate is an animation and multimedia authoring tool that creates media for multiple platforms and playback technologies. Note Not all features are supported across all document types. Tools that are not supported by the current document type are dimmed in the Animate interface.

Playback environment The playback, or runtime, environment is the technology that your final, published files use to play. Perhaps your animation will be exported as a video to be uploaded to YouTube. Or your project could play as an app on a mobile device or even as a virtual reality immersive experience. You should make that decision first so you can choose the appropriate document type. The difference is that each document type is configured to export different, final published files.

Note Animate supports only ActionScript 3. If you need ActionScript 1. You can add interactivity by inserting JavaScript within Animate or adding it to the final published files. Choose WebGL-glTF-Extended or Standard for interactive animated assets to take advantage of hardware-accelerated support of graphics, or for supported 3D graphics. Choose ActionScript 3.

ActionScript 3. Choosing an ActionScript 3. Note The ActionScript 3. A projector plays as a stand-alone application on the desktop, without needing a browser. Be aware that Adobe will no longer support the Flash Player in browsers beyond Choose AIR for Desktop to create animation and interactivity that plays as an application on Windows or macOS desktops, without needing a browser.

You can add interactivity for your mobile app using ActionScript 3. Choose VR Panorama or VR to publish a virtual reality project for the web browser that lets your audience look in all directions. You can add animation or interactivity to your immersive environments. Tip You can easily switch from one document type to another. For example, you can convert an ActionScript 3. Some functionality and features may be lost in the conversion, however.

Animate offers two interfaces for creating new documents: the standard New Document dialog box and the slightly more elaborate Start screen which is always displayed if no document is open. Both interfaces contain the same controls for defining the parameters of new documents, whether by selecting a preset for the most common types of intended projects or by choosing your own document type with specific values for its width and height.

Note The Start screen adds an extra column to the left side of the same content displayed in the New Document dialog box. At the top of the column are buttons that you click to toggle between displaying Home content the default view and Learn content video tutorials to help you start using Animate quickly. Below those buttons are the Open button to find and open existing files and a list of recently opened files click a filename to open it.

The presets are grouped in six categories of intended uses listed across the top of the dialog box ; click a category to display the presets it contains in the center of the dialog box.

You can either use the presets as given or fine-tune their settings using the Details section on the right side of the dialog box. If you would prefer to customize the document settings from scratch, then select the Advanced category at the far right. The center of the dialog box will now display all the available platforms.

From the Home screen in Animate, select the Advanced category. In the Platforms area in the center of the dialog box, select ActionScript 3. In the Details area on the right side of the dialog box, choose the dimensions of the Stage by entering new pixel values for the Width and Height. Enter for Width and for Height. Click Create. Animate creates a new ActionScript 3. Although the software application is called Animate, be aware that the file extension is.

You should always save your Animate file with the extension. This exposes the contents of your document to you and to other developers to swap assets easily. Getting to know the workspace The Animate work area includes the command menus at the top of the screen and a variety of tools and panels for editing and adding elements to your movie.

By default, Animate displays the menu bar, Timeline panel, Stage, Tools panel, Properties panel, Edit bar, and a few other panels. As you work in Animate, you can open, close, group, ungroup, dock, undock, and move panels around the screen to fit your work style or your screen resolution. The same functionality is provided by the workspace switcher at the right end of the Application bar.

Click the workspace switcher and choose a new workspace. The various panels are rearranged and resized according to their importance in the chosen workspace. For example, the Animator and Designer workspaces put the Timeline panel at the top of the work area for easy and frequent access. Saving your workspace If you find an arrangement of panels that suits your style of work, you can save it as a custom workspace and return to it at a later date. Open the workspace switcher and choose New Workspace.

The New Workspace dialog box appears. Animate also automatically separates motion tweens on their own layers, which are called tween layers. There can be only one motion tween per layer without any other ele- ment in the layer.

Tween layers allow you to change various attributes of your instance at different key points over time. For example, a spaceship could be on the left side of the Stage at the beginning keyframe and at the far-right side of the Stage at an ending keyframe, and the resulting tween would make the spaceship fly across the Stage. Senior animators would be responsible for drawing the beginning and ending poses for their charac- ters. The beginning and ending poses were the keyframes of the animation.

Understanding the Project File The 04Start. All the necessary graphic elements have been imported into the library. The Stage is set at a generous pixels by pixels, and the Stage color is black. You might need to choose a different view option to see the entire Stage. It will begin slightly lower than the top edge of the Stage, and then rise slowly until its top is aligned with the top of the Stage.

Create a new layer above the footer layer and rename it city. This positions the cityscape image just slightly below the top edge of the Stage. Motion tweens require symbols. Animate asks if you want to convert the selection to a symbol so it can proceed with the motion tween. Click OK. Animate automatically converts your selection to a symbol with the default name Symbol 1, and stores it in your Library panel. Animate also converts the current layer to a tween layer so you can begin to animate the instance.

Tween layers are distinguished by a special icon in front of the layer name, and the frames are tinted blue. The range of frames covered by the tween is the tween span. The tween span is represented by all the colored frames from the first keyframe to the last keyframe. Tween layers are reserved for motion tweens, and hence, no drawing is allowed on a tween layer.

Holding down the Shift key constrains the movement to right angles. A small black diamond appears in frame at the end of the tween span. This indicates a keyframe at the end of the tween. Animate smoothly interpolates the change in position from frame 1 to frame and represents that motion with a motion path. Animating changes in position is simple, because Animate automatically creates keyframes at the points where you move your instance to new positions.

Integrated into the bottom of the Timeline is a set of playback controls. You can also use the playback commands on the Control menu. The playhead loops, allowing you to see the animation over and over for careful analysis. The playhead loops within the marked frames. Click Loop Option again to turn it off.

Changing the Pacing and Timing You can change the duration of the entire tween span or change the timing of the animation by dragging keyframes on the Timeline. Changing the animation duration If you want the animation to proceed at a slower pace and thus take up a much longer period of time , you need to lengthen the entire tween span between the beginning and end keyframes.

If you want to shorten the animation, you need to decrease the tween span. Lengthen or shorten a motion tween by dragging its ends on the Timeline. Your motion tween shortens to 60 frames, reducing the time it takes the cityscape to move.

The timing of your entire animation remains the same; only the length changes. Add frames by Shift-dragging the end of a tween span.

The last keyframe in the motion tween remains at frame 60, but Animate adds frames through frame The keyframe at frame 60 is selected. A tiny box appears next to your mouse pointer, indicating that you can move the keyframe. The last keyframe in the motion tween moves to frame 40, so the motion of the cityscape proceeds more quickly.

Span-based vs. However, if you prefer to click a motion tween and have the entire span the beginning and end keyframes, and all the frames in between be selected, you can enable Span Based Selection from the Options menu on the upper-right cor- ner of the Timeline or you can Shift-click to select the entire span.

With Span Based Selection enabled, you can click anywhere within the motion tween to select it, and move the whole ani- mation backward or forward along the Timeline as a single unit. You can change the color effect of an instance in one keyframe and change the value of the color effect in another keyframe, and Animate will automatically display a smooth change, just as it does with changes in position.

Animate will create a smooth fade-in effect. The cityscape instance on the Stage becomes totally transparent. The cityscape instance on the Stage becomes totally opaque. Animate interpolates the changes in both position and transparency between the two keyframes.

Animating filters is no different from animating changes in position or changes in color effect. You simply set the values for a filter at one keyframe and set different values for the filter at another keyframe, and Animate creates a smooth transition. Click the upper-right side of the Stage to select the transparent instance. Or, click the woman layer in the Timeline to highlight it; then click within the outline that appears on the Stage.

Set the Blur X and Blur Y values to 20 pixels. The woman instance is blurred throughout the motion tween. Animate establishes a keyframe for filters at frame The Blur filter changes from the keyframe at frame to the keyframe at Animate creates a smooth transition from a blurry instance to an in-focus instance.

Understanding property keyframes Changes in properties are independent of one another and do not need to be tied to the same keyframes. That is, you can have a keyframe for position, a different keyframe for the color effect, and yet another keyframe for a filter. Managing many different kinds of keyframes can become overwhelming, especially if you want dif- ferent properties to change at different times during the motion tween.

Fortunately, Animate CC provides a few helpful tools for keyframe management. When viewing the tween span, you can choose to view the keyframes of only cer- tain properties. For example, you can choose to view only the Position keyframes to see when your object moves. Or, you can choose to view only the Filter keyframes to see when a filter changes. Right-click a motion tween in the Timeline, choose View Keyframes, and then select the desired property among the list.

You can also choose All or None to see all the properties or none of the properties. When inserting a keyframe, you can also insert a keyframe specific to the property you want to change. Right-click a motion tween in the Timeline, choose Insert Keyframes, and then select the desired property. You can also view an advanced panel, called the Motion Editor, to see and edit how the different properties of your object change over the course of the motion tween.

These kinds of changes are made with the Free Transform tool or with the Transform panel. The car will start small, and then become larger as it appears to move forward toward the viewer. The transformation handles appear around the instance on the Stage. The car becomes totally transparent. The current layer becomes a tween layer. A new keyframe is automatically inserted at frame to indicate the change in transparency. You have used Animate to tween the change in position and the change in scale as well as the change in transparency from frame 75 to frame Motion presets If your project involves creating identical motion tweens repeatedly, Animate allows you to save and reuse motion tweens as presets.

For example, if you want to build a slideshow where each image fades out in the same manner, you can save that transition as a motion preset. Alternatively, right-click the motion tween and choose Save As Motion Preset. Animate provides a number of motion presets that you can use to quickly build sophisticated animations without much effort. Changing the Path of the Motion The motion tween of the left car that you just animated shows a colored line with dots indicating the path of the motion.

You can edit the path of the motion easily to make the car travel in a curve, or you can move, scale, or rotate the path just like any other object on the Stage. To better demonstrate how you can edit the path of the motion, open the sample file 04MotionPath. Moving the path of the motion You will move the path of the motion so the relative movement of the rocket ship remains the same but its starting and ending positions change. The path of the motion becomes highlighted. Skip to main content.

Start your free trial. Show and hide more. Table of contents Product information. Some lessons build on projects created in preceding lessons; most stand alone. All the lessons build on one another in terms of concepts and skills, so the best way to learn from this book is to proceed through the lessons in sequential order.

In this book, some techniques and processes are explained and described in detail only the first few times you perform them. The files in the End fold- ers 01End, 02End, and so on within the Lesson folders are samples of completed projects for each lesson.

Use these files for reference if you want to compare your work in progress with the project files used to generate the sample projects. Additional Resources Adobe Animate CC Classroom in a Book release is not meant to replace documentation that comes with the program or to be a comprehensive reference for every feature. Only the commands and options used in the lessons are explained in this book. For comprehensive information about program features and tutorials, refer to these resources: Adobe Animate Learn and Support: helpx.

Visit helpx. Adobe Creative Cloud Learn: For inspiration, key techniques, cross-product workflows, and updates on new features, go to the Creative Cloud Learn page, helpx. Available to all. Adobe Forums: forums.

Adobe Create: create. Resources for educators: www. Find solutions for education at all levels, including free curricula that use an integrated approach to teaching Adobe software and can be used to prepare for the Adobe Certified Associate exams. Also check out these useful sites: Adobe Add-ons: creative.

Adobe Animate CC product home page: www. A directory of AATCs is available at training. Herbert School of Communication at Hofstra University where he teaches multimedia storytelling, data journalism, and information design. Download the project files for this lesson from the Registered Products tab on your Account page at www. Motion tweening is the basic technique of creating animation with symbol instances. Account page, make sure to do so now. See 1 Double-click the 04End.

The project is an animated splash page for an imaginary soon-to-be-released motion picture. This file is an ActionScript 3. Saving a working copy ensures that the original start file will be available if you want to start over.

Animation can be as simple as moving a box across the Stage from one frame to the next. It can also be much more complex. In Animate, the basic workflow for animation goes like this: Select an object on the Stage, right-click, and choose Create Motion Tween from the context menu. Move the red playhead to a different point in time and move the object to a new position or change one of its properties.

Animate takes care of the rest. Motion tweens create animation for changes in position on the Stage and for changes in size, color, or other attributes. Motion tweens require you to use a symbol instance. Animate also automatically separates motion tweens on their own layers, which are called tween layers. There can be only one motion tween per layer without any other ele- ment in the layer.

Tween layers allow you to change various attributes of your instance at different key points over time. For example, a spaceship could be on the left side of the Stage at the beginning keyframe and at the far-right side of the Stage at an ending keyframe, and the resulting tween would make the spaceship fly across the Stage.

Senior animators would be responsible for drawing the beginning and ending poses for their charac- ters. The beginning and ending poses were the keyframes of the animation.

Understanding the Project File The 04Start. All the necessary graphic elements have been imported into the library. The Stage is set at a generous pixels by pixels, and the Stage color is black. You might need to choose a different view option to see the entire Stage. It will begin slightly lower than the top edge of the Stage, and then rise slowly until its top is aligned with the top of the Stage. Create a new layer above the footer layer and rename it city. This positions the cityscape image just slightly below the top edge of the Stage.

Motion tweens require symbols. Animate asks if you want to convert the selection to a symbol so it can proceed with the motion tween. Click OK. Animate automatically converts your selection to a symbol with the default name Symbol 1, and stores it in your Library panel.

Animate also converts the current layer to a tween layer so you can begin to animate the instance. Tween layers are distinguished by a special icon in front of the layer name, and the frames are tinted blue. The range of frames covered by the tween is the tween span. The tween span is represented by all the colored frames from the first keyframe to the last keyframe. Tween layers are reserved for motion tweens, and hence, no drawing is allowed on a tween layer.

Holding down the Shift key constrains the movement to right angles. A small black diamond appears in frame at the end of the tween span.

This indicates a keyframe at the end of the tween. Animate smoothly interpolates the change in position from frame 1 to frame and represents that motion with a motion path.

Animating changes in position is simple, because Animate automatically creates keyframes at the points where you move your instance to new positions. Integrated into the bottom of the Timeline is a set of playback controls. You can also use the playback commands on the Control menu. The playhead loops, allowing you to see the animation over and over for careful analysis. The playhead loops within the marked frames. Click Loop Option again to turn it off. Changing the Pacing and Timing You can change the duration of the entire tween span or change the timing of the animation by dragging keyframes on the Timeline.

Changing the animation duration If you want the animation to proceed at a slower pace and thus take up a much longer period of time , you need to lengthen the entire tween span between the beginning and end keyframes.

If you want to shorten the animation, you need to decrease the tween span. Lengthen or shorten a motion tween by dragging its ends on the Timeline. Your motion tween shortens to 60 frames, reducing the time it takes the cityscape to move. The timing of your entire animation remains the same; only the length changes. Add frames by Shift-dragging the end of a tween span. The last keyframe in the motion tween remains at frame 60, but Animate adds frames through frame The keyframe at frame 60 is selected.

A tiny box appears next to your mouse pointer, indicating that you can move the keyframe. The last keyframe in the motion tween moves to frame 40, so the motion of the cityscape proceeds more quickly.

Span-based vs. However, if you prefer to click a motion tween and have the entire span the beginning and end keyframes, and all the frames in between be selected, you can enable Span Based Selection from the Options menu on the upper-right cor- ner of the Timeline or you can Shift-click to select the entire span. With Span Based Selection enabled, you can click anywhere within the motion tween to select it, and move the whole ani- mation backward or forward along the Timeline as a single unit.

You can change the color effect of an instance in one keyframe and change the value of the color effect in another keyframe, and Animate will automatically display a smooth change, just as it does with changes in position. Animate will create a smooth fade-in effect. The cityscape instance on the Stage becomes totally transparent. The cityscape instance on the Stage becomes totally opaque.

Animate interpolates the changes in both position and transparency between the two keyframes. Animating filters is no different from animating changes in position or changes in color effect. You simply set the values for a filter at one keyframe and set different values for the filter at another keyframe, and Animate creates a smooth transition.

Click the upper-right side of the Stage to select the transparent instance. Or, click the woman layer in the Timeline to highlight it; then click within the outline that appears on the Stage. Set the Blur X and Blur Y values to 20 pixels.