Adobe animate cc classroom in a book (2017 release) pdf free download.Adobe Animate CC Classroom in a Book

Looking for:

Adobe animate cc classroom in a book (2017 release) pdf free download

Click here to Download

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

By using our site, you agree to our collection of information through the use of cookies. To learn more, view our Privacy Policy. To browse Academia. Remember me on this computer. Enter the email address you signed up with and we’ll email you a reset link. Need an account? Click here to sign up. Download Free PDF.

Aziz Assefa. A short summary of this paper. All rights reserved. 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 responsibiitiy 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. Amazon, Kindle, Fire and all related logos are trademarks of Amazon. Microsoft, Windows, and Internet Explorer are either registered trademarks or trade- marks of Microsoft Corporation in the U.

All other trademarks are the property of their respective owners. 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.

For the latest on Adobe Press books, go to www. To report errors, please send a note to errata peachpit. For information on getting permission for reprints and excerpts, contact permissions peachpit. Animate CC is widely used in the creative industry to develop engaging projects integrating video, sound, graph- ics, and animation. You can create original content in Animate CC or import assets from other Adobe applications such as Photoshop or Illustrator, quickly design animation and multimedia, and use code to integrate sophisticated interactivity.

Use Animate CC to generate graphics and animation assets, 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. With extensive controls for animation, intuitive and flexible drawing tools, and output options for HD video, HTML5, mobile apps, desktop applications, and Flash Player, Adobe Animate CC is a rare example of a robust multimedia authoring environment that enables your imagination to become reality.

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 Microsoft Windows or Apple Mac OS software. In addition, you need to download the free Adobe AIR runtime, available at get. The following specifications are the minimum required system configurations. For updates on system requirements and complete instructions on installing the software, visit helpx.

Online Content Your purchase of this Classroom in a Book includes online materials provided by way of your Account page on peachpit. These include: 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 them all in a single file. Web Edition The Web Edition is an online interactive version of the book providing an enhanced learning experience.

To accommodate the changes, sec- tions of the online book may be updated or new sections may be added. 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. 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. Download the supplements from the same page as the lesson files. 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 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.

Add To My Wish List. Register your product to gain access to bonus material or receive a coupon. This eBook includes the following formats, accessible from your Account page after purchase:. EPUB The open industry format known for its reflowable content and usability on supported mobile devices.

This eBook requires no passwords or activation to read. We customize your eBook by discreetly watermarking it with your name, making it uniquely yours. A Web Edition is an online learning product that you view in your web browser while connected to the Internet.

Some Web Editions include additional interactive features, such as videos, quizzes, or live code editing. Read the product description for more details. A Web Edition will be accessible from your Account page after purchase. The 10 project-based lessons in this book show users step-by-step the key techniques for working in Animate. Adobe Animate CC provides more expressive tools, powerful controls for animation, and robust support for playback across a wide variety of platforms. Learn how to use and create vector-based brushes for painterly effects.

Gain more advanced control over complex animations with the new Camera tool, and learn to focus the action on different parts of the Stage.

Animating Symbols. Download the sample pages includes Chapter 4 and Index. I can unsubscribe at any time. Pearson Education, Inc.

This privacy notice provides an overview of our commitment to privacy and describes how we collect, protect, use and share personal information collected through this site. Please note that other Pearson websites and online products and services have their own separate privacy policies. To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including:.

For inquiries and questions, we collect the inquiry or question, together with name, contact details email address, phone number and mailing address and any other additional information voluntarily submitted to us through a Contact Us form or an email. We use this information to address the inquiry and respond to the question. We use this information to complete transactions, fulfill orders, communicate with individuals placing orders or visiting the online store, and for related purposes.

Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites.

Participation is voluntary. Pearson collects information requested in the survey questions and uses the information to evaluate, support, maintain and improve products, services or sites; develop new products and services; conduct educational research; and for other purposes specified in the survey. Occasionally, we may sponsor a contest or drawing.

Participation is optional. Pearson collects name, contact information and other information specified on the entry form for the contest or drawing to conduct the contest or drawing. Pearson may collect additional personal information from the winners of a contest or drawing in order to award the prize and for tax reporting purposes, as required by law.

If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email ask peachpit. On rare occasions it is necessary to send out a strictly service related announcement.

For instance, if our service is temporarily suspended for maintenance we might send users an email. Generally, users may not opt-out of these communications, though they can deactivate their account information. However, these communications are not promotional in nature.

We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users’ wishes when a user submits their information through our Contact Us form.

Pearson automatically collects log data to help ensure the delivery, availability and security of this site. We use this information for support purposes and to monitor the health of the site, identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents and appropriately scale computing resources.

Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site.

While these analytical services collect and report information on an anonymous basis, they may use cookies to gather web trend information. The information gathered may enable Pearson but not the third party web trend services to link information with application and system log data. Pearson uses this information for system administration and to identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents, appropriately scale computing resources and otherwise support and deliver this site and its services.

This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising. Users can manage and block the use of cookies through their browser. Disabling or blocking certain cookies may limit the functionality of this site.

Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure. Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider.

Marketing preferences may be changed at any time. If a user’s personally identifiable information changes such as your postal address or email address , we provide a way to correct or update that user’s personal data provided to us. This can be done on the Account page. If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service informit.

Users can always make an informed choice as to whether they should proceed with certain services offered by Adobe Press. If you choose to remove yourself from our mailing list s simply visit the following page and uncheck any communication you no longer want to receive: www.

While Pearson does not sell personal information, as defined in Nevada law, Nevada residents may email a request for no sale of their personal information to NevadaDesignatedRequest pearson. California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice. The Supplemental privacy statement for California residents explains Pearson’s commitment to comply with California law and applies to personal information of California residents collected in connection with this site and the Services.

This web site contains links to other sites. Please be aware that we are not responsible for the privacy practices of such other sites. We encourage our users to be aware when they leave our site and to read the privacy statements of each and every web site that collects Personal Information. This privacy statement applies solely to information collected by this web site. Please contact us about this Privacy Notice or if you have any requests or questions relating to the privacy of your personal information.

We may revise this Privacy Notice through an updated posting. We will identify the effective date of the revision in the posting. Often, updates are made to provide greater clarity or to comply with changes in regulatory requirements. If the updates involve material changes to the collection, protection, use or disclosure of Personal Information, Pearson will provide notice of the change through a conspicuous notice on this site or other appropriate way.

Continued use of the site after the effective date of a posted revision evidences acceptance. Please contact us if you have questions or concerns about the Privacy Notice or any objection to any revisions. All rights reserved. Join Sign In. View Larger Image. Part of the Classroom in a Book series. Description Sample Content Updates. The online companion files include all the necessary assets for readers to complete the projects featured in each chapter as well as ebook updates when Adobe releases new features for Creative Cloud customers.

All buyers of the book get full access to the Web Edition: a Web-based version of the complete ebook enhanced with video and interactive multiple-choice quizzes.

As always with the Classroom in a Book, Instructor Notes are available for teachers to download. Submit Errata. I would like to receive exclusive offers and hear about products from Adobe Press and its family of brands. Overview Pearson Education, Inc. Collection and Use of Information To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including: Questions and Inquiries For inquiries and questions, we collect the inquiry or question, together with name, contact details email address, phone number and mailing address and any other additional information voluntarily submitted to us through a Contact Us form or an email.

Surveys Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites. Contests and Drawings Occasionally, we may sponsor a contest or drawing. Newsletters If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email ask peachpit.

Service Announcements On rare occasions it is necessary to send out a strictly service related announcement. Customer Service We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users’ wishes when a user submits their information through our Contact Us form.

Other Collection and Use of Information Application and System Logs Pearson automatically collects log data to help ensure the delivery, availability and security of this site. Web Analytics Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site.

Cookies and Related Technologies This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising.

Security Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure. Children This site is not directed to children under the age of Marketing Pearson may send or direct marketing communications to users, provided that Pearson will not use personal information collected or processed as a K school service provider for the purpose of directed or targeted advertising.

Such marketing is consistent with applicable law and Pearson’s legal obligations. Pearson will not knowingly direct or send marketing communications to an individual who has expressed a preference not to receive marketing. Where required by applicable law, express or implied consent to marketing exists and has not been withdrawn.

Sale of Personal Information Pearson does not rent or sell personal information in exchange for any payment of money. Supplemental Privacy Statement for California Residents California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice.

Sharing and Disclosure Pearson may disclose personal information, as follows: As required by law. Links This web site contains links to other sites. Requests and Contact Please contact us about this Privacy Notice or if you have any requests or questions relating to the privacy of your personal information.

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. 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. The relative motion and timing of the animation remain the same, but the starting and ending positions are relocated. Transformation handles appear around the path of the motion. You can make the path smaller or larger, or rotate the path so the rocket ship starts from the bottom left of the Stage and ends at the top right. Editing the path of the motion Making your objects travel on a curved path is a simple matter. You can either edit the path with Bezier precision using anchor point handles, or you can edit the path in a more intuitive manner with the Selection tool.

The handle on the anchor point controls the curvature of the path. Make the rocket ship travel in a wide curve. Select the Selection tool and make sure the path is deselected. Move your pointer close to the path of the motion. A curved icon appears next to your pointer, indicating that you can edit the path. Drag the path of the motion to change its curvature.

Choose the spots where you drag carefully! Each drag breaks the path into smaller segments, making it harder to achieve a smooth curve. Mastery will come with practice. In the motion picture splash page project, the orientation of the car is constant as it moves forward.

However, in the rocket ship example, the rocket ship should follow the path with its nose pointed in the direction in which it is heading. Orient To Path in the Properties panel gives you this option. Animate inserts keyframes for rotation along the motion tween to orient the nose of the rocket ship to the path of the motion.

Use the Free Transform tool to rotate its initial position so that it is oriented correctly. This means that an object and its motion are independent of each other, and you can easily swap out the target of a motion tween. Select the object that you want to swap on the Stage. In the Properties panel, click the Swap button. In the dialog box that appears, choose a new symbol 2 Click OK. Animate will swap the target of Animate replaces the rocket ship with the alien. The motion remains the same, the motion tween.

Creating Nested Animations Often, an object that is animated on the Stage will have its own animation. For example, the wings of a butterfly moving across the Stage may flap as it moves. Or the alien that you swapped with the rocket ship could be waving his arms. These kinds of animations are called nested animations, because they are contained inside the movie clip symbols. Movie clip symbols have their own Timeline that is inde- pendent of the main Timeline. The alien appears in the middle of the Stage.

In the Timeline, the parts of the alien are separated in layers. A keyframe is inserted at the end of the motion tween. The left arm rotates smoothly from the resting position to the outstretched position.

Right-click his right arm and choose Create Motion Tween. Animate inserts a keyframe at the end of the motion tween. The arm rotates smoothly from the resting position to the outstretched position. To prevent the looping, 11 Click the Scene 1 button in the Edit bar at the top of the Stage to exit symbol- you need to add code to tell the movie clip editing mode. Timeline to stop on its Your animation of the alien raising his arms is complete.

Wherever you use the last frame. JavaScript in later lessons. But you can also have nested animations and graphics inside of graphic symbols, although they work a little differently. It will only play if there are sufficient frames on the main Timeline where the instance is placed.

Because of the ease with which you can pick and choose what frame inside a graphic symbol shows, graphic symbols are ideal for lip syncing or other character variations. Using the Frame Picker for phonemes If animated characters talk, their mouth will be synchronized with their words. Each sound, or phoneme, is produced by a different mouth shape.

Animators draw a collection of these mouth positions to be used to synchronize to the soundtrack. You can store each mouth position as a keyframe in a graphic symbol. The file contains your familiar alien character on the Stage. The alien is not animated on a path, but his head is a graphic symbol with multiple keyframes inside of its Timeline. Notice that the Timeline contains five keyframes in the mouth layer. Each keyframe shows the mouth in a different position.

Frame 1 has a small closed mouth, frame 2 a rounded mouth, frame 3 a wide open mouth, and so on. Animate creates a SWF to play the animation.

Nothing happens because there is only a single frame on the main Timeline, and a graphic symbol needs frames on the main Timeline to play its own Timeline. Frames are added to both layers up to frame Animate plays the animation.

The graphic symbol plays all of its five keyframes repeatedly during the 45 frames of the main Timeline. However, these communications are not promotional in nature.

We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users’ wishes when a user submits their information through our Contact Us form.

Pearson automatically collects log data to help ensure the delivery, availability and security of this site. We use this information for support purposes and to monitor the health of the site, identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents and appropriately scale computing resources. Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site.

While these analytical services collect and report information on an anonymous basis, they may use cookies to gather web trend information. The information gathered may enable Pearson but not the third party web trend services to link information with application and system log data. Pearson uses this information for system administration and to identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents, appropriately scale computing resources and otherwise support and deliver this site and its services.

This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising. Users can manage and block the use of cookies through their browser. Disabling or blocking certain cookies may limit the functionality of this site. Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure.

Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider. Marketing preferences may be changed at any time. If a user’s personally identifiable information changes such as your postal address or email address , we provide a way to correct or update that user’s personal data provided to us.

This can be done on the Account page. If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service informit. Users can always make an informed choice as to whether they should proceed with certain services offered by Adobe Press.

If you choose to remove yourself from our mailing list s simply visit the following page and uncheck any communication you no longer want to receive: www. While Pearson does not sell personal information, as defined in Nevada law, Nevada residents may email a request for no sale of their personal information to NevadaDesignatedRequest pearson.

California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice. The Supplemental privacy statement for California residents explains Pearson’s commitment to comply with California law and applies to personal information of California residents collected in connection with this site and the Services. This web site contains links to other sites.

Please be aware that we are not responsible for the privacy practices of such other sites. We encourage our users to be aware when they leave our site and to read the privacy statements of each and every web site that collects Personal Information. This privacy statement applies solely to information collected by this web site.

Please contact us about this Privacy Notice or if you have any requests or questions relating to the privacy of your personal information. We may revise this Privacy Notice through an updated posting.

We will identify the effective date of the revision in the posting. Often, updates are made to provide greater clarity or to comply with changes in regulatory requirements. If the updates involve material changes to the collection, protection, use or disclosure of Personal Information, Pearson will provide notice of the change through a conspicuous notice on this site or other appropriate way.

Continued use of the site after the effective date of a posted revision evidences acceptance. Please contact us if you have questions or concerns about the Privacy Notice or any objection to any revisions.

All rights reserved. Join Sign In. View Larger Image. Part of the Classroom in a Book series. Description Sample Content Updates. The online companion files include all the necessary assets for readers to complete the projects featured in each chapter as well as ebook updates when Adobe releases new features for Creative Cloud customers.

All buyers of the book get full access to the Web Edition: a Web-based version of the complete ebook enhanced with video and interactive multiple-choice quizzes. As always with the Classroom in a Book, Instructor Notes are available for teachers to download. Submit Errata.

I would like to receive exclusive offers and hear about products from Adobe Press and its family of brands. Overview Pearson Education, Inc. Collection and Use of Information To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including: Questions and Inquiries For inquiries and questions, we collect the inquiry or question, together with name, contact details email address, phone number and mailing address and any other additional information voluntarily submitted to us through a Contact Us form or an email.

Surveys Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites. Contests and Drawings Occasionally, we may sponsor a contest or drawing. Newsletters If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email ask peachpit.

Service Announcements On rare occasions it is necessary to send out a strictly service related announcement. Customer Service We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users’ wishes when a user submits their information through our Contact Us form.

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. 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. The relative motion and timing of the animation remain the same, but the starting and ending positions are relocated. Transformation handles appear around the path of the motion. You can make the path smaller or larger, or rotate the path so the rocket ship starts from the bottom left of the Stage and ends at the top right. Editing the path of the motion Making your objects travel on a curved path is a simple matter.

You can either edit the path with Bezier precision using anchor point handles, or you can edit the path in a more intuitive manner with the Selection tool. The handle on the anchor point controls the curvature of the path. Make the rocket ship travel in a wide curve. Select the Selection tool and make sure the path is deselected. Move your pointer close to the path of the motion.

A curved icon appears next to your pointer, indicating that you can edit the path. Drag the path of the motion to change its curvature. Choose the spots where you drag carefully! Each drag breaks the path into smaller segments, making it harder to achieve a smooth curve.

Mastery will come with practice. In the motion picture splash page project, the orientation of the car is constant as it moves forward. However, in the rocket ship example, the rocket ship should follow the path with its nose pointed in the direction in which it is heading. Orient To Path in the Properties panel gives you this option.

Animate inserts keyframes for rotation along the motion tween to orient the nose of the rocket ship to the path of the motion. Use the Free Transform tool to rotate its initial position so that it is oriented correctly. This means that an object and its motion are independent of each other, and you can easily swap out the target of a motion tween. Select the object that you want to swap on the Stage. In the Properties panel, click the Swap button. In the dialog box that appears, choose a new symbol 2 Click OK.

Animate will swap the target of Animate replaces the rocket ship with the alien. The motion remains the same, the motion tween. Creating Nested Animations Often, an object that is animated on the Stage will have its own animation. For example, the wings of a butterfly moving across the Stage may flap as it moves. Or the alien that you swapped with the rocket ship could be waving his arms. These kinds of animations are called nested animations, because they are contained inside the movie clip symbols.

Movie clip symbols have their own Timeline that is inde- pendent of the main Timeline. The alien appears in the middle of the Stage. In the Timeline, the parts of the alien are separated in layers. A keyframe is inserted at the end of the motion tween.

The left arm rotates smoothly from the resting position to the outstretched position. Right-click his right arm and choose Create Motion Tween. Animate inserts a keyframe at the end of the motion tween. The arm rotates smoothly from the resting position to the outstretched position. To prevent the looping, 11 Click the Scene 1 button in the Edit bar at the top of the Stage to exit symbol- you need to add code to tell the movie clip editing mode.

Timeline to stop on its Your animation of the alien raising his arms is complete. Wherever you use the last frame. JavaScript in later lessons. But you can also have nested animations and graphics inside of graphic symbols, although they work a little differently.

It will only play if there are sufficient frames on the main Timeline where the instance is placed. Because of the ease with which you can pick and choose what frame inside a graphic symbol shows, graphic symbols are ideal for lip syncing or other character variations. Using the Frame Picker for phonemes If animated characters talk, their mouth will be synchronized with their words. Each sound, or phoneme, is produced by a different mouth shape. Animators draw a collection of these mouth positions to be used to synchronize to the soundtrack.

You can store each mouth position as a keyframe in a graphic symbol. The file contains your familiar alien character on the Stage. The alien is not animated on a path, but his head is a graphic symbol with multiple keyframes inside of its Timeline. Notice that the Timeline contains five keyframes in the mouth layer. Each keyframe shows the mouth in a different position. Frame 1 has a small closed mouth, frame 2 a rounded mouth, frame 3 a wide open mouth, and so on. Animate creates a SWF to play the animation.

Nothing happens because there is only a single frame on the main Timeline, and a graphic symbol needs frames on the main Timeline to play its own Timeline. Frames are added to both layers up to frame Animate plays the animation.

The graphic symbol plays all of its five keyframes repeatedly during the 45 frames of the main Timeline. Leave the value of the First field at 1. Pearson uses this information for system administration and to identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents, appropriately scale computing resources and otherwise support and deliver this site and its services.

This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising.

Users can manage and block the use of cookies through their browser. Disabling or blocking certain cookies may limit the functionality of this site. Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure.

Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider. Marketing preferences may be changed at any time. If a user’s personally identifiable information changes such as your postal address or email address , we provide a way to correct or update that user’s personal data provided to us. This can be done on the Account page.

If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service informit. Users can always make an informed choice as to whether they should proceed with certain services offered by Adobe Press. If you choose to remove yourself from our mailing list s simply visit the following page and uncheck any communication you no longer want to receive: www. While Pearson does not sell personal information, as defined in Nevada law, Nevada residents may email a request for no sale of their personal information to NevadaDesignatedRequest pearson.

California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice. The Supplemental privacy statement for California residents explains Pearson’s commitment to comply with California law and applies to personal information of California residents collected in connection with this site and the Services.

This web site contains links to other sites. Please be aware that we are not responsible for the privacy practices of such other sites. We encourage our users to be aware when they leave our site and to read the privacy statements of each and every web site that collects Personal Information. This privacy statement applies solely to information collected by this web site. Please contact us about this Privacy Notice or if you have any requests or questions relating to the privacy of your personal information.

We may revise this Privacy Notice through an updated posting. We will identify the effective date of the revision in the posting. Often, updates are made to provide greater clarity or to comply with changes in regulatory requirements. If the updates involve material changes to the collection, protection, use or disclosure of Personal Information, Pearson will provide notice of the change through a conspicuous notice on this site or other appropriate way.

Continued use of the site after the effective date of a posted revision evidences acceptance. Please contact us if you have questions or concerns about the Privacy Notice or any objection to any revisions. All rights reserved. Join Sign In. View Larger Image. Part of the Classroom in a Book series. Description Sample Content Updates. The online companion files include all the necessary assets for readers to complete the projects featured in each chapter as well as ebook updates when Adobe releases new features for Creative Cloud customers.

All buyers of the book get full access to the Web Edition: a Web-based version of the complete ebook enhanced with video and interactive multiple-choice quizzes. As always with the Classroom in a Book, Instructor Notes are available for teachers to download. Submit Errata. I would like to receive exclusive offers and hear about products from Adobe Press and its family of brands.

Overview Pearson Education, Inc. Collection and Use of Information To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including: Questions and Inquiries For inquiries and questions, we collect the inquiry or question, together with name, contact details email address, phone number and mailing address and any other additional information voluntarily submitted to us through a Contact Us form or an email.

Surveys Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites. Contests and Drawings Occasionally, we may sponsor a contest or drawing. Newsletters If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email ask peachpit.

Service Announcements On rare occasions it is necessary to send out a strictly service related announcement. Customer Service We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users’ wishes when a user submits their information through our Contact Us form.

Other Collection and Use of Information Application and System Logs Pearson automatically collects log data to help ensure the delivery, availability and security of this site. Web Analytics Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site. Cookies and Related Technologies This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising.

Security Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure. Children This site is not directed to children under the age of Marketing Pearson may send or direct marketing communications to users, provided that Pearson will not use personal information collected or processed as a K school service provider for the purpose of directed or targeted advertising.

Such marketing is consistent with applicable law and Pearson’s legal obligations.

About Classroom in a Book Adobe Animate CC Classroom in a Book ( release) is part of the official train-ing series for Adobe graphics and publishing software developed with the sup-port of Adobe product experts. The lessons are designed so you can learn at your own pace. If you’re new to Animate, you’ll learn the fundamental concepts and. ANIMATE CC CLASSROOM IN A BOOK ( RELEASE) f 3 Select frame 2 in both the lights layer and the smallRumble layer. 4 Right-click and choose Insert Keyframe (F6). Animate inserts a keyframe in frame 2 of the lights layer and the smallRumble layer. The contents of the previous keyframes are copied into the new keyframes. Dec 22,  · Creative professionals seeking the fastest, easiest, most comprehensive way to learn Adobe Animate choose Adobe Animate CC Classroom in a Book ( release) from Adobe Press. The 10 project-based lessons in this book show users step-by-step the key techniques for working in Animate. Adobe Animate CC provides more expressive tools, powerful controls for animation, and . Player, Adobe Animate CC is a rare example of a robust multimedia authoring environment that enables your imagination to become reality. 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. Jul 01,  · Adobe Animate CC Classroom In A Book Item Preview > remove-circle Share or Embed This Item PDF download. download 1 file. SINGLE PAGE PROCESSED JP2 ZIP download. download 1 file. TORRENT download. download 12 Files download.
 
 

 

Adobe animate cc classroom in a book (2017 release) pdf free download

 

Сьюзан это не удивило. Она не могла припомнить, чтобы когда-то отменялось дежурство, но Стратмор, очевидно, не хотел присутствия непосвященных. Он и мысли не допускал о том, что кто-то из сотрудников лаборатории узнает о «Цифровой крепости».

– Наверное, стоит выключить «ТРАНСТЕКСТ», – предложила Сьюзан.

About Classroom in a Book Adobe Animate CC Classroom in a Book ( release) is part of the official train-ing series for Adobe graphics and publishing software developed with the sup-port of Adobe product experts. The lessons are designed so you can learn at your own pace. If you’re new to Animate, you’ll learn the fundamental concepts and. Dec 22,  · Creative professionals seeking the fastest, easiest, most comprehensive way to learn Adobe Animate choose Adobe Animate CC Classroom in a Book ( release) from Adobe Press. The 10 project-based lessons in this book show users step-by-step the key techniques for working in Animate. Adobe Animate CC provides more expressive tools, powerful controls for animation, and . ANIMATE CC CLASSROOM IN A BOOK ( RELEASE) f 3 Select frame 2 in both the lights layer and the smallRumble layer. 4 Right-click and choose Insert Keyframe (F6). Animate inserts a keyframe in frame 2 of the lights layer and the smallRumble layer. The contents of the previous keyframes are copied into the new keyframes. Jul 01,  · Adobe Animate CC Classroom In A Book Item Preview > remove-circle Share or Embed This Item PDF download. download 1 file. SINGLE PAGE PROCESSED JP2 ZIP download. download 1 file. TORRENT download. download 12 Files download.

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.

The relative motion and timing of the animation remain the same, but the starting and ending positions are relocated. Transformation handles appear around the path of the motion. You can make the path smaller or larger, or rotate the path so the rocket ship starts from the bottom left of the Stage and ends at the top right.

Editing the path of the motion Making your objects travel on a curved path is a simple matter. You can either edit the path with Bezier precision using anchor point handles, or you can edit the path in a more intuitive manner with the Selection tool.

The handle on the anchor point controls the curvature of the path. Make the rocket ship travel in a wide curve. Select the Selection tool and make sure the path is deselected.

Move your pointer close to the path of the motion. A curved icon appears next to your pointer, indicating that you can edit the path. Drag the path of the motion to change its curvature. Choose the spots where you drag carefully! Each drag breaks the path into smaller segments, making it harder to achieve a smooth curve.

Mastery will come with practice. In the motion picture splash page project, the orientation of the car is constant as it moves forward.

However, in the rocket ship example, the rocket ship should follow the path with its nose pointed in the direction in which it is heading. Orient To Path in the Properties panel gives you this option. Animate inserts keyframes for rotation along the motion tween to orient the nose of the rocket ship to the path of the motion.

Use the Free Transform tool to rotate its initial position so that it is oriented correctly. This means that an object and its motion are independent of each other, and you can easily swap out the target of a motion tween.

Select the object that you want to swap on the Stage. In the Properties panel, click the Swap button. In the dialog box that appears, choose a new symbol 2 Click OK. Animate will swap the target of Animate replaces the rocket ship with the alien. The motion remains the same, the motion tween. Creating Nested Animations Often, an object that is animated on the Stage will have its own animation.

For example, the wings of a butterfly moving across the Stage may flap as it moves. Or the alien that you swapped with the rocket ship could be waving his arms. These kinds of animations are called nested animations, because they are contained inside the movie clip symbols. Movie clip symbols have their own Timeline that is inde- pendent of the main Timeline.

The alien appears in the middle of the Stage. In the Timeline, the parts of the alien are separated in layers. A keyframe is inserted at the end of the motion tween. The left arm rotates smoothly from the resting position to the outstretched position. Right-click his right arm and choose Create Motion Tween. Animate inserts a keyframe at the end of the motion tween. The arm rotates smoothly from the resting position to the outstretched position.

To prevent the looping, 11 Click the Scene 1 button in the Edit bar at the top of the Stage to exit symbol- you need to add code to tell the movie clip editing mode. Timeline to stop on its Your animation of the alien raising his arms is complete.

Wherever you use the last frame. JavaScript in later lessons. But you can also have nested animations and graphics inside of graphic symbols, although they work a little differently. It will only play if there are sufficient frames on the main Timeline where the instance is placed. Because of the ease with which you can pick and choose what frame inside a graphic symbol shows, graphic symbols are ideal for lip syncing or other character variations.

Using the Frame Picker for phonemes If animated characters talk, their mouth will be synchronized with their words. Each sound, or phoneme, is produced by a different mouth shape. Animators draw a collection of these mouth positions to be used to synchronize to the soundtrack.

You can store each mouth position as a keyframe in a graphic symbol. The file contains your familiar alien character on the Stage. The alien is not animated on a path, but his head is a graphic symbol with multiple keyframes inside of its Timeline. Notice that the Timeline contains five keyframes in the mouth layer.

Each keyframe shows the mouth in a different position. Frame 1 has a small closed mouth, frame 2 a rounded mouth, frame 3 a wide open mouth, and so on. Animate creates a SWF to play the animation. Nothing happens because there is only a single frame on the main Timeline, and a graphic symbol needs frames on the main Timeline to play its own Timeline.

Frames are added to both layers up to frame Animate plays the animation. The graphic symbol plays all of its five keyframes repeatedly during the 45 frames of the main Timeline. Leave the value of the First field at 1. The Frame Picker panel opens.

The Frame Picker shows thumbnail images of all the frames inside the graphic symbol. When the animation plays frame 12, the alien head graphic symbol will change to frame 4.

When the animation reaches frame 14, the head symbol will switch to displaying frame 2. Easing Easing refers to the way in which a motion tween proceeds. You can think of easing as acceleration or deceleration. An object that moves from one side of the Stage to the other side can start off slowly, then build up speed, and then stop suddenly. Or, the object can start off quickly and then gradually slow to a halt. Your keyframes indicate the beginning and end points of the motion, but the easing determines how your object gets from one keyframe to the next.

A simple way to apply easing to a motion tween is to use the Properties panel. A negative value creates a more gradual change from the starting position known as an ease-in. A positive value creates a gradual slowdown known as an ease-out. Splitting a motion tween Easing affects the entire span of a motion tween. If you want the easing to affect only frames between keyframes of a longer motion tween, you should split the motion tween.

However, the actual movement of the car starts at frame 75 and ends at frame The motion tween is cut into two separate tween spans. The end of the first tween is identical to the beginning of the second tween. The motion tweens of all three cars have now been split. This applies an ease-out to the motion tween. Animate plays the Timeline in a loop between frames 60 and so you can examine the ease-out motion of the three cars.

Frame-by-Frame Animation Frame-by-frame animation is a technique that creates the illusion of movement by making incremental changes between every keyframe. Frame-by-frame animations increase your file size rapidly because Animate has to store the contents for each keyframe.

Use frame-by-frame animation sparingly. When the movie clip loops, the car will rumble slightly to simulate the idle of the motor. Inserting a new keyframe The frame-by-frame animations inside the carMiddle and carRight movie clip sym- bols have already been done.

Inside the carRight movie clip, three keyframes establish three different positions for the car and its headlights. The keyframes are spaced unevenly to provide the unpredictable up and down motion. Animate inserts a keyframe in frame 2 of the lights layer and the smallRumble layer. The contents of the previous keyframes are copied into the new keyframes.

Changing the graphics In the new keyframe, change the appearance of the contents to create the animation. You can use the Properties panel to decrease the Y-position value by 1 pixel or press the Down Arrow key to nudge the graphics by 1 pixel. The car and its headlights move down slightly. For a random motion like an idling car, at least three keyframes are ideal.

Keyframes are inserted into frame 4 of the lights and smallRumble layers. You can use the Properties panel or automatically modify press the Up Arrow key twice to nudge the graphics by 2 pixels. Animating in 3D presents the added complication of a third z axis. When you choose the 3D Rotation or 3D Translation tool, you need to be aware of the Global Transform option at the bot- tom of the Tools panel. Moving an object with the global option selected makes the transformation relative to the global coordinate system, whereas moving an object with the local option on makes the transformation relative to itself.

Insert a new layer at the top of the layer stack and rename it title. The movietitle instance appears in your new layer in the keyframe at frame Animate converts the current layer to a tween layer so you can begin to animate the instance. The 3D rotation control appears on the selected movie clip. That means controlling where to point the camera to frame the action, zooming in or out, panning, or even rotating the camera for special effect.

All of these camera movements are available in Animate with the Camera tool. The Timeline contains added frames and a motion tween in the title layer.

On the Stage, the camera controls appear. Camera layer; it only hides it from view. To delete camera filters. Disable the Camera layer by choosing your Selection tool, or by clicking trash can icon.

Your camera will initially hide a part of her face to create a little bit of mystery. There are two modes on the controls, one for Rotate and another for Zoom. The Zoom mode should be highlighted. The Camera view zooms closer into the Stage. The slider snaps back to the center, allowing you to continue dragging to the right to continue zooming. You can also enter a numerical value for the zoom in the Properties panel in the Camera Properties section. Your Stage shows a close-up view of the cityscape between the two main characters.

As with any bitmap, zooming in too dramatically will reveal the limitations of the original embedded image. The contents of the Stage move to the right. So if you point your camera to the left, the objects in view will move to the right. Animating a pan A pan is the motion of the camera left to right or up and down. In the context menu that appears, choose Create Motion Tween. A motion tween is added to the Camera layer, indicated by the blue-colored frames.

Hold down the Shift key to constrain the motion to a straight vertical line. A new keyframe is established at frame 25, and Animate creates a smooth motion of the camera between the two keyframes. Pearson collects name, contact information and other information specified on the entry form for the contest or drawing to conduct the contest or drawing. Pearson may collect additional personal information from the winners of a contest or drawing in order to award the prize and for tax reporting purposes, as required by law.

If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email ask peachpit. On rare occasions it is necessary to send out a strictly service related announcement. For instance, if our service is temporarily suspended for maintenance we might send users an email.

Generally, users may not opt-out of these communications, though they can deactivate their account information. However, these communications are not promotional in nature. We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users’ wishes when a user submits their information through our Contact Us form.

Pearson automatically collects log data to help ensure the delivery, availability and security of this site. We use this information for support purposes and to monitor the health of the site, identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents and appropriately scale computing resources. Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site.

While these analytical services collect and report information on an anonymous basis, they may use cookies to gather web trend information. The information gathered may enable Pearson but not the third party web trend services to link information with application and system log data. Pearson uses this information for system administration and to identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents, appropriately scale computing resources and otherwise support and deliver this site and its services.

This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising. Users can manage and block the use of cookies through their browser.

Disabling or blocking certain cookies may limit the functionality of this site. Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure.

Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider. Marketing preferences may be changed at any time.

If a user’s personally identifiable information changes such as your postal address or email address , we provide a way to correct or update that user’s personal data provided to us. This can be done on the Account page. If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service informit. Users can always make an informed choice as to whether they should proceed with certain services offered by Adobe Press.

If you choose to remove yourself from our mailing list s simply visit the following page and uncheck any communication you no longer want to receive: www. While Pearson does not sell personal information, as defined in Nevada law, Nevada residents may email a request for no sale of their personal information to NevadaDesignatedRequest pearson.

California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice. The Supplemental privacy statement for California residents explains Pearson’s commitment to comply with California law and applies to personal information of California residents collected in connection with this site and the Services. This web site contains links to other sites. Please be aware that we are not responsible for the privacy practices of such other sites.

We encourage our users to be aware when they leave our site and to read the privacy statements of each and every web site that collects Personal Information. This privacy statement applies solely to information collected by this web site.

Please contact us about this Privacy Notice or if you have any requests or questions relating to the privacy of your personal information.

We may revise this Privacy Notice through an updated posting. We will identify the effective date of the revision in the posting. Often, updates are made to provide greater clarity or to comply with changes in regulatory requirements. If the updates involve material changes to the collection, protection, use or disclosure of Personal Information, Pearson will provide notice of the change through a conspicuous notice on this site or other appropriate way.

Continued use of the site after the effective date of a posted revision evidences acceptance. Please contact us if you have questions or concerns about the Privacy Notice or any objection to any revisions. All rights reserved. Join Sign In.

View Larger Image. Part of the Classroom in a Book series. Description Sample Content Updates. The online companion files include all the necessary assets for readers to complete the projects featured in each chapter as well as ebook updates when Adobe releases new features for Creative Cloud customers.

All buyers of the book get full access to the Web Edition: a Web-based version of the complete ebook enhanced with video and interactive multiple-choice quizzes. As always with the Classroom in a Book, Instructor Notes are available for teachers to download.

Submit Errata. I would like to receive exclusive offers and hear about products from Adobe Press and its family of brands.

Overview Pearson Education, Inc.

Jul 01,  · Adobe Animate CC Classroom In A Book Item Preview > remove-circle Share or Embed This Item PDF download. download 1 file. SINGLE PAGE PROCESSED JP2 ZIP download. download 1 file. TORRENT download. download 12 Files download. About Classroom in a Book Adobe Animate CC Classroom in a Book ( release) is part of the official train-ing series for Adobe graphics and publishing software developed with the sup-port of Adobe product experts. The lessons are designed so you can learn at your own pace. If you’re new to Animate, you’ll learn the fundamental concepts and. Dec 22,  · Creative professionals seeking the fastest, easiest, most comprehensive way to learn Adobe Animate choose Adobe Animate CC Classroom in a Book ( release) from Adobe Press. The 10 project-based lessons in this book show users step-by-step the key techniques for working in Animate. Adobe Animate CC provides more expressive tools, powerful controls for animation, and . Player, Adobe Animate CC is a rare example of a robust multimedia authoring environment that enables your imagination to become reality. 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.

– Он опять замолчал. Сьюзан ждала продолжения, но его не последовало. – Больше трех часов. Стратмор кивнул.

These include: 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 them all in a single file. Web Edition The Web Edition is an online interactive version of the book providing an enhanced learning experience. To accommodate the changes, sec- tions of the online book may be updated or new sections may be added.

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.

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.

Download the supplements from the same page as the lesson files. 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 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. 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. The relative motion and timing of the animation remain the same, but the starting and ending positions are relocated. Transformation handles appear around the path of the motion.

You can make the path smaller or larger, or rotate the path so the rocket ship starts from the bottom left of the Stage and ends at the top right. Editing the path of the motion Making your objects travel on a curved path is a simple matter. You can either edit the path with Bezier precision using anchor point handles, or you can edit the path in a more intuitive manner with the Selection tool.

The handle on the anchor point controls the curvature of the path. Make the rocket ship travel in a wide curve. Select the Selection tool and make sure the path is deselected. Move your pointer close to the path of the motion. A curved icon appears next to your pointer, indicating that you can edit the path. Drag the path of the motion to change its curvature. Choose the spots where you drag carefully!

Each drag breaks the path into smaller segments, making it harder to achieve a smooth curve. Mastery will come with practice. In the motion picture splash page project, the orientation of the car is constant as it moves forward. However, in the rocket ship example, the rocket ship should follow the path with its nose pointed in the direction in which it is heading. Orient To Path in the Properties panel gives you this option. Animate inserts keyframes for rotation along the motion tween to orient the nose of the rocket ship to the path of the motion.

Use the Free Transform tool to rotate its initial position so that it is oriented correctly. This means that an object and its motion are independent of each other, and you can easily swap out the target of a motion tween. Select the object that you want to swap on the Stage.

In the Properties panel, click the Swap button. In the dialog box that appears, choose a new symbol 2 Click OK. Animate will swap the target of Animate replaces the rocket ship with the alien. The motion remains the same, the motion tween. Creating Nested Animations Often, an object that is animated on the Stage will have its own animation. For example, the wings of a butterfly moving across the Stage may flap as it moves. Or the alien that you swapped with the rocket ship could be waving his arms.

These kinds of animations are called nested animations, because they are contained inside the movie clip symbols. Movie clip symbols have their own Timeline that is inde- pendent of the main Timeline. The alien appears in the middle of the Stage. In the Timeline, the parts of the alien are separated in layers. A keyframe is inserted at the end of the motion tween. The left arm rotates smoothly from the resting position to the outstretched position. Right-click his right arm and choose Create Motion Tween.

Animate inserts a keyframe at the end of the motion tween. The arm rotates smoothly from the resting position to the outstretched position. To prevent the looping, 11 Click the Scene 1 button in the Edit bar at the top of the Stage to exit symbol- you need to add code to tell the movie clip editing mode.

Timeline to stop on its Your animation of the alien raising his arms is complete. Wherever you use the last frame. JavaScript in later lessons. But you can also have nested animations and graphics inside of graphic symbols, although they work a little differently. It will only play if there are sufficient frames on the main Timeline where the instance is placed. Because of the ease with which you can pick and choose what frame inside a graphic symbol shows, graphic symbols are ideal for lip syncing or other character variations.

Using the Frame Picker for phonemes If animated characters talk, their mouth will be synchronized with their words. A Web Edition will be accessible from your Account page after purchase. The 10 project-based lessons in this book show users step-by-step the key techniques for working in Animate. Adobe Animate CC provides more expressive tools, powerful controls for animation, and robust support for playback across a wide variety of platforms.

Learn how to use and create vector-based brushes for painterly effects. Gain more advanced control over complex animations with the new Camera tool, and learn to focus the action on different parts of the Stage. Animating Symbols. Download the sample pages includes Chapter 4 and Index.

I can unsubscribe at any time. Pearson Education, Inc. This privacy notice provides an overview of our commitment to privacy and describes how we collect, protect, use and share personal information collected through this site.

Please note that other Pearson websites and online products and services have their own separate privacy policies. To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including:. For inquiries and questions, we collect the inquiry or question, together with name, contact details email address, phone number and mailing address and any other additional information voluntarily submitted to us through a Contact Us form or an email.

We use this information to address the inquiry and respond to the question. We use this information to complete transactions, fulfill orders, communicate with individuals placing orders or visiting the online store, and for related purposes. Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites.

Participation is voluntary. Pearson collects information requested in the survey questions and uses the information to evaluate, support, maintain and improve products, services or sites; develop new products and services; conduct educational research; and for other purposes specified in the survey.

Occasionally, we may sponsor a contest or drawing. Participation is optional. Pearson collects name, contact information and other information specified on the entry form for the contest or drawing to conduct the contest or drawing. Pearson may collect additional personal information from the winners of a contest or drawing in order to award the prize and for tax reporting purposes, as required by law.

If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email ask peachpit. On rare occasions it is necessary to send out a strictly service related announcement. For instance, if our service is temporarily suspended for maintenance we might send users an email.

Generally, users may not opt-out of these communications, though they can deactivate their account information. However, these communications are not promotional in nature. We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users’ wishes when a user submits their information through our Contact Us form.

Pearson automatically collects log data to help ensure the delivery, availability and security of this site. We use this information for support purposes and to monitor the health of the site, identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents and appropriately scale computing resources.

Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site. While these analytical services collect and report information on an anonymous basis, they may use cookies to gather web trend information.

The information gathered may enable Pearson but not the third party web trend services to link information with application and system log data. Pearson uses this information for system administration and to identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents, appropriately scale computing resources and otherwise support and deliver this site and its services. This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising.

Users can manage and block the use of cookies through their browser. Disabling or blocking certain cookies may limit the functionality of this site. Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure.

Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider. Marketing preferences may be changed at any time. If a user’s personally identifiable information changes such as your postal address or email address , we provide a way to correct or update that user’s personal data provided to us.

This can be done on the Account page. If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service informit. Users can always make an informed choice as to whether they should proceed with certain services offered by Adobe Press. If you choose to remove yourself from our mailing list s simply visit the following page and uncheck any communication you no longer want to receive: www. While Pearson does not sell personal information, as defined in Nevada law, Nevada residents may email a request for no sale of their personal information to NevadaDesignatedRequest pearson.

California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice. The Supplemental privacy statement for California residents explains Pearson’s commitment to comply with California law and applies to personal information of California residents collected in connection with this site and the Services.

This web site contains links to other sites. Please be aware that we are not responsible for the privacy practices of such other sites.

Dec 22,  · Creative professionals seeking the fastest, easiest, most comprehensive way to learn Adobe Animate choose Adobe Animate CC Classroom in a Book ( release) from Adobe Press. The 10 project-based lessons in this book show users step-by-step the key techniques for working in Animate. Adobe Animate CC provides more expressive tools, powerful controls for animation, and . ANIMATE CC CLASSROOM IN A BOOK ( RELEASE) f 3 Select frame 2 in both the lights layer and the smallRumble layer. 4 Right-click and choose Insert Keyframe (F6). Animate inserts a keyframe in frame 2 of the lights layer and the smallRumble layer. The contents of the previous keyframes are copied into the new keyframes. About Classroom in a Book Adobe Animate CC Classroom in a Book ( release) is part of the official train-ing series for Adobe graphics and publishing software developed with the sup-port of Adobe product experts. The lessons are designed so you can learn at your own pace. If you’re new to Animate, you’ll learn the fundamental concepts and. Jul 01,  · Adobe Animate CC Classroom In A Book Item Preview > remove-circle Share or Embed This Item PDF download. download 1 file. SINGLE PAGE PROCESSED JP2 ZIP download. download 1 file. TORRENT download. download 12 Files download. Player, Adobe Animate CC is a rare example of a robust multimedia authoring environment that enables your imagination to become reality. 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.
Jul 01,  · Adobe Animate CC Classroom In A Book Item Preview > remove-circle Share or Embed This Item PDF download. download 1 file. SINGLE PAGE PROCESSED JP2 ZIP download. download 1 file. TORRENT download. download 12 Files download. About Classroom in a Book Adobe Animate CC Classroom in a Book ( release) is part of the official train-ing series for Adobe graphics and publishing software developed with the sup-port of Adobe product experts. The lessons are designed so you can learn at your own pace. If you’re new to Animate, you’ll learn the fundamental concepts and. Player, Adobe Animate CC is a rare example of a robust multimedia authoring environment that enables your imagination to become reality. 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. ANIMATE CC CLASSROOM IN A BOOK ( RELEASE) f 3 Select frame 2 in both the lights layer and the smallRumble layer. 4 Right-click and choose Insert Keyframe (F6). Animate inserts a keyframe in frame 2 of the lights layer and the smallRumble layer. The contents of the previous keyframes are copied into the new keyframes.

 
 

Adobe animate cc classroom in a book (2017 release) pdf free download.Adobe Animate CC Classroom In A Book 2017

 
 

Слушаю, Джабба. Металлический голос Джаббы заполнил комнату: – Мидж, я в главном банке данных. У нас тут творятся довольно странные вещи. Я хотел спросить… – Черт тебя дери, Джабба! – воскликнула Мидж.

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. The relative motion and timing of the animation remain the same, but the starting and ending positions are relocated.

Transformation handles appear around the path of the motion. You can make the path smaller or larger, or rotate the path so the rocket ship starts from the bottom left of the Stage and ends at the top right. Editing the path of the motion Making your objects travel on a curved path is a simple matter.

You can either edit the path with Bezier precision using anchor point handles, or you can edit the path in a more intuitive manner with the Selection tool. The handle on the anchor point controls the curvature of the path. Make the rocket ship travel in a wide curve. Select the Selection tool and make sure the path is deselected. Move your pointer close to the path of the motion. A curved icon appears next to your pointer, indicating that you can edit the path.

Drag the path of the motion to change its curvature. Choose the spots where you drag carefully! Each drag breaks the path into smaller segments, making it harder to achieve a smooth curve. Mastery will come with practice. In the motion picture splash page project, the orientation of the car is constant as it moves forward. However, in the rocket ship example, the rocket ship should follow the path with its nose pointed in the direction in which it is heading.

Orient To Path in the Properties panel gives you this option. Animate inserts keyframes for rotation along the motion tween to orient the nose of the rocket ship to the path of the motion. Use the Free Transform tool to rotate its initial position so that it is oriented correctly. This means that an object and its motion are independent of each other, and you can easily swap out the target of a motion tween. Select the object that you want to swap on the Stage.

In the Properties panel, click the Swap button. In the dialog box that appears, choose a new symbol 2 Click OK. Animate will swap the target of Animate replaces the rocket ship with the alien.

The motion remains the same, the motion tween. Creating Nested Animations Often, an object that is animated on the Stage will have its own animation. For example, the wings of a butterfly moving across the Stage may flap as it moves. Or the alien that you swapped with the rocket ship could be waving his arms. These kinds of animations are called nested animations, because they are contained inside the movie clip symbols.

Movie clip symbols have their own Timeline that is inde- pendent of the main Timeline. The alien appears in the middle of the Stage.

In the Timeline, the parts of the alien are separated in layers. A keyframe is inserted at the end of the motion tween. The left arm rotates smoothly from the resting position to the outstretched position. Right-click his right arm and choose Create Motion Tween.

Animate inserts a keyframe at the end of the motion tween. The arm rotates smoothly from the resting position to the outstretched position. To prevent the looping, 11 Click the Scene 1 button in the Edit bar at the top of the Stage to exit symbol- you need to add code to tell the movie clip editing mode.

Timeline to stop on its Your animation of the alien raising his arms is complete. Wherever you use the last frame. JavaScript in later lessons. But you can also have nested animations and graphics inside of graphic symbols, although they work a little differently. It will only play if there are sufficient frames on the main Timeline where the instance is placed. Because of the ease with which you can pick and choose what frame inside a graphic symbol shows, graphic symbols are ideal for lip syncing or other character variations.

Using the Frame Picker for phonemes If animated characters talk, their mouth will be synchronized with their words. Each sound, or phoneme, is produced by a different mouth shape. Animators draw a collection of these mouth positions to be used to synchronize to the soundtrack. You can store each mouth position as a keyframe in a graphic symbol. The file contains your familiar alien character on the Stage.

The alien is not animated on a path, but his head is a graphic symbol with multiple keyframes inside of its Timeline. Notice that the Timeline contains five keyframes in the mouth layer. Each keyframe shows the mouth in a different position.

Frame 1 has a small closed mouth, frame 2 a rounded mouth, frame 3 a wide open mouth, and so on. Animate creates a SWF to play the animation. Nothing happens because there is only a single frame on the main Timeline, and a graphic symbol needs frames on the main Timeline to play its own Timeline. Frames are added to both layers up to frame Animate plays the animation. The graphic symbol plays all of its five keyframes repeatedly during the 45 frames of the main Timeline.

Leave the value of the First field at 1. The Frame Picker panel opens. The Frame Picker shows thumbnail images of all the frames inside the graphic symbol. When the animation plays frame 12, the alien head graphic symbol will change to frame 4. When the animation reaches frame 14, the head symbol will switch to displaying frame 2. Easing Easing refers to the way in which a motion tween proceeds.

You can think of easing as acceleration or deceleration. An object that moves from one side of the Stage to the other side can start off slowly, then build up speed, and then stop suddenly. Or, the object can start off quickly and then gradually slow to a halt. Your keyframes indicate the beginning and end points of the motion, but the easing determines how your object gets from one keyframe to the next.

A simple way to apply easing to a motion tween is to use the Properties panel. A negative value creates a more gradual change from the starting position known as an ease-in.

A positive value creates a gradual slowdown known as an ease-out. Splitting a motion tween Easing affects the entire span of a motion tween. If you want the easing to affect only frames between keyframes of a longer motion tween, you should split the motion tween.

However, the actual movement of the car starts at frame 75 and ends at frame The motion tween is cut into two separate tween spans. The end of the first tween is identical to the beginning of the second tween. The motion tweens of all three cars have now been split.

This applies an ease-out to the motion tween. Animate plays the Timeline in a loop between frames 60 and so you can examine the ease-out motion of the three cars. Frame-by-Frame Animation Frame-by-frame animation is a technique that creates the illusion of movement by making incremental changes between every keyframe. Frame-by-frame animations increase your file size rapidly because Animate has to store the contents for each keyframe.

Use frame-by-frame animation sparingly. When the movie clip loops, the car will rumble slightly to simulate the idle of the motor. Inserting a new keyframe The frame-by-frame animations inside the carMiddle and carRight movie clip sym- bols have already been done. Inside the carRight movie clip, three keyframes establish three different positions for the car and its headlights.

The keyframes are spaced unevenly to provide the unpredictable up and down motion. Animate inserts a keyframe in frame 2 of the lights layer and the smallRumble layer.

The contents of the previous keyframes are copied into the new keyframes. Changing the graphics In the new keyframe, change the appearance of the contents to create the animation. You can use the Properties panel to decrease the Y-position value by 1 pixel or press the Down Arrow key to nudge the graphics by 1 pixel. The car and its headlights move down slightly. For a random motion like an idling car, at least three keyframes are ideal.

Keyframes are inserted into frame 4 of the lights and smallRumble layers. You can use the Properties panel or automatically modify press the Up Arrow key twice to nudge the graphics by 2 pixels. Animating in 3D presents the added complication of a third z axis. When you choose the 3D Rotation or 3D Translation tool, you need to be aware of the Global Transform option at the bot- tom of the Tools panel. Moving an object with the global option selected makes the transformation relative to the global coordinate system, whereas moving an object with the local option on makes the transformation relative to itself.

Insert a new layer at the top of the layer stack and rename it title. The movietitle instance appears in your new layer in the keyframe at frame Animate converts the current layer to a tween layer so you can begin to animate the instance.

The 3D rotation control appears on the selected movie clip. That means controlling where to point the camera to frame the action, zooming in or out, panning, or even rotating the camera for special effect. All of these camera movements are available in Animate with the Camera tool. The Timeline contains added frames and a motion tween in the title layer.

On the Stage, the camera controls appear. Camera layer; it only hides it from view. To delete camera filters. Disable the Camera layer by choosing your Selection tool, or by clicking trash can icon. Your camera will initially hide a part of her face to create a little bit of mystery.

There are two modes on the controls, one for Rotate and another for Zoom. The Zoom mode should be highlighted. The information gathered may enable Pearson but not the third party web trend services to link information with application and system log data. Pearson uses this information for system administration and to identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents, appropriately scale computing resources and otherwise support and deliver this site and its services.

This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising. Users can manage and block the use of cookies through their browser.

Disabling or blocking certain cookies may limit the functionality of this site. Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure. Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider.

Marketing preferences may be changed at any time. If a user’s personally identifiable information changes such as your postal address or email address , we provide a way to correct or update that user’s personal data provided to us.

This can be done on the Account page. If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service informit.

Users can always make an informed choice as to whether they should proceed with certain services offered by Adobe Press. If you choose to remove yourself from our mailing list s simply visit the following page and uncheck any communication you no longer want to receive: www.

While Pearson does not sell personal information, as defined in Nevada law, Nevada residents may email a request for no sale of their personal information to NevadaDesignatedRequest pearson. California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice.

The Supplemental privacy statement for California residents explains Pearson’s commitment to comply with California law and applies to personal information of California residents collected in connection with this site and the Services.

This web site contains links to other sites. Please be aware that we are not responsible for the privacy practices of such other sites. We encourage our users to be aware when they leave our site and to read the privacy statements of each and every web site that collects Personal Information. This privacy statement applies solely to information collected by this web site. Please contact us about this Privacy Notice or if you have any requests or questions relating to the privacy of your personal information.

We may revise this Privacy Notice through an updated posting. We will identify the effective date of the revision in the posting.

Often, updates are made to provide greater clarity or to comply with changes in regulatory requirements. If the updates involve material changes to the collection, protection, use or disclosure of Personal Information, Pearson will provide notice of the change through a conspicuous notice on this site or other appropriate way.

Continued use of the site after the effective date of a posted revision evidences acceptance. Please contact us if you have questions or concerns about the Privacy Notice or any objection to any revisions. All rights reserved. Join Sign In. View Larger Image. Part of the Classroom in a Book series. Description Sample Content Updates. The online companion files include all the necessary assets for readers to complete the projects featured in each chapter as well as ebook updates when Adobe releases new features for Creative Cloud customers.

All buyers of the book get full access to the Web Edition: a Web-based version of the complete ebook enhanced with video and interactive multiple-choice quizzes.

As always with the Classroom in a Book, Instructor Notes are available for teachers to download. Submit Errata. I would like to receive exclusive offers and hear about products from Adobe Press and its family of brands. Overview Pearson Education, Inc.

Collection and Use of Information To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including: Questions and Inquiries For inquiries and questions, we collect the inquiry or question, together with name, contact details email address, phone number and mailing address and any other additional information voluntarily submitted to us through a Contact Us form or an email.

Surveys Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites. Contests and Drawings Occasionally, we may sponsor a contest or drawing. Newsletters If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email ask peachpit. Service Announcements On rare occasions it is necessary to send out a strictly service related announcement.

Customer Service We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users’ wishes when a user submits their information through our Contact Us form. Other Collection and Use of Information Application and System Logs Pearson automatically collects log data to help ensure the delivery, availability and security of this site.

Web Analytics Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site.

Cookies and Related Technologies This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising. Security Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure.

Children This site is not directed to children under the age of Marketing Pearson may send or direct marketing communications to users, provided that Pearson will not use personal information collected or processed as a K school service provider for the purpose of directed or targeted advertising.

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. The relative motion and timing of the animation remain the same, but the starting and ending positions are relocated. Transformation handles appear around the path of the motion. You can make the path smaller or larger, or rotate the path so the rocket ship starts from the bottom left of the Stage and ends at the top right.

Editing the path of the motion Making your objects travel on a curved path is a simple matter. You can either edit the path with Bezier precision using anchor point handles, or you can edit the path in a more intuitive manner with the Selection tool. The handle on the anchor point controls the curvature of the path. Make the rocket ship travel in a wide curve. Select the Selection tool and make sure the path is deselected. Move your pointer close to the path of the motion.

A curved icon appears next to your pointer, indicating that you can edit the path. Drag the path of the motion to change its curvature. Choose the spots where you drag carefully! Each drag breaks the path into smaller segments, making it harder to achieve a smooth curve. Mastery will come with practice. In the motion picture splash page project, the orientation of the car is constant as it moves forward.

However, in the rocket ship example, the rocket ship should follow the path with its nose pointed in the direction in which it is heading. Orient To Path in the Properties panel gives you this option. Animate inserts keyframes for rotation along the motion tween to orient the nose of the rocket ship to the path of the motion. Use the Free Transform tool to rotate its initial position so that it is oriented correctly. This means that an object and its motion are independent of each other, and you can easily swap out the target of a motion tween.

Select the object that you want to swap on the Stage. In the Properties panel, click the Swap button. In the dialog box that appears, choose a new symbol 2 Click OK. Animate will swap the target of Animate replaces the rocket ship with the alien. The motion remains the same, the motion tween.

Creating Nested Animations Often, an object that is animated on the Stage will have its own animation. For example, the wings of a butterfly moving across the Stage may flap as it moves. Or the alien that you swapped with the rocket ship could be waving his arms. These kinds of animations are called nested animations, because they are contained inside the movie clip symbols. Movie clip symbols have their own Timeline that is inde- pendent of the main Timeline.

The alien appears in the middle of the Stage. In the Timeline, the parts of the alien are separated in layers. A keyframe is inserted at the end of the motion tween. The left arm rotates smoothly from the resting position to the outstretched position. Right-click his right arm and choose Create Motion Tween.

Animate inserts a keyframe at the end of the motion tween. The arm rotates smoothly from the resting position to the outstretched position. To prevent the looping, 11 Click the Scene 1 button in the Edit bar at the top of the Stage to exit symbol- you need to add code to tell the movie clip editing mode.

Timeline to stop on its Your animation of the alien raising his arms is complete. Wherever you use the last frame. JavaScript in later lessons. But you can also have nested animations and graphics inside of graphic symbols, although they work a little differently.

It will only play if there are sufficient frames on the main Timeline where the instance is placed. Because of the ease with which you can pick and choose what frame inside a graphic symbol shows, graphic symbols are ideal for lip syncing or other character variations. Using the Frame Picker for phonemes If animated characters talk, their mouth will be synchronized with their words.

Each sound, or phoneme, is produced by a different mouth shape. Animators draw a collection of these mouth positions to be used to synchronize to the soundtrack. You can store each mouth position as a keyframe in a graphic symbol.

The file contains your familiar alien character on the Stage. The alien is not animated on a path, but his head is a graphic symbol with multiple keyframes inside of its Timeline.

Notice that the Timeline contains five keyframes in the mouth layer. Each keyframe shows the mouth in a different position. Frame 1 has a small closed mouth, frame 2 a rounded mouth, frame 3 a wide open mouth, and so on. Animate creates a SWF to play the animation. Nothing happens because there is only a single frame on the main Timeline, and a graphic symbol needs frames on the main Timeline to play its own Timeline.

Frames are added to both layers up to frame Animate plays the animation. The graphic symbol plays all of its five keyframes repeatedly during the 45 frames of the main Timeline. Leave the value of the First field at 1. The Frame Picker panel opens. The Frame Picker shows thumbnail images of all the frames inside the graphic symbol. When the animation plays frame 12, the alien head graphic symbol will change to frame 4.

When the animation reaches frame 14, the head symbol will switch to displaying frame 2. Easing Easing refers to the way in which a motion tween proceeds. You can think of easing as acceleration or deceleration. An object that moves from one side of the Stage to the other side can start off slowly, then build up speed, and then stop suddenly. Or, the object can start off quickly and then gradually slow to a halt. Your keyframes indicate the beginning and end points of the motion, but the easing determines how your object gets from one keyframe to the next.

A simple way to apply easing to a motion tween is to use the Properties panel. A negative value creates a more gradual change from the starting position known as an ease-in. A positive value creates a gradual slowdown known as an ease-out. Splitting a motion tween Easing affects the entire span of a motion tween. If you want the easing to affect only frames between keyframes of a longer motion tween, you should split the motion tween. However, the actual movement of the car starts at frame 75 and ends at frame The motion tween is cut into two separate tween spans.

The end of the first tween is identical to the beginning of the second tween. The motion tweens of all three cars have now been split. This applies an ease-out to the motion tween. Animate plays the Timeline in a loop between frames 60 and so you can examine the ease-out motion of the three cars.

Frame-by-Frame Animation Frame-by-frame animation is a technique that creates the illusion of movement by making incremental changes between every keyframe. Frame-by-frame animations increase your file size rapidly because Animate has to store the contents for each keyframe. Use frame-by-frame animation sparingly. When the movie clip loops, the car will rumble slightly to simulate the idle of the motor.

Inserting a new keyframe The frame-by-frame animations inside the carMiddle and carRight movie clip sym- bols have already been done. Inside the carRight movie clip, three keyframes establish three different positions for the car and its headlights. The keyframes are spaced unevenly to provide the unpredictable up and down motion.

Animate inserts a keyframe in frame 2 of the lights layer and the smallRumble layer. The contents of the previous keyframes are copied into the new keyframes. Changing the graphics In the new keyframe, change the appearance of the contents to create the animation. You can use the Properties panel to decrease the Y-position value by 1 pixel or press the Down Arrow key to nudge the graphics by 1 pixel. The car and its headlights move down slightly. For a random motion like an idling car, at least three keyframes are ideal.

Keyframes are inserted into frame 4 of the lights and smallRumble layers. You can use the Properties panel or automatically modify press the Up Arrow key twice to nudge the graphics by 2 pixels. Animating in 3D presents the added complication of a third z axis. When you choose the 3D Rotation or 3D Translation tool, you need to be aware of the Global Transform option at the bot- tom of the Tools panel.

Moving an object with the global option selected makes the transformation relative to the global coordinate system, whereas moving an object with the local option on makes the transformation relative to itself. Insert a new layer at the top of the layer stack and rename it title.

The movietitle instance appears in your new layer in the keyframe at frame Animate converts the current layer to a tween layer so you can begin to animate the instance.

The 3D rotation control appears on the selected movie clip. That means controlling where to point the camera to frame the action, zooming in or out, panning, or even rotating the camera for special effect. All of these camera movements are available in Animate with the Camera tool. The Timeline contains added frames and a motion tween in the title layer.

On the Stage, the camera controls appear. Camera layer; it only hides it from view. To delete camera filters. Disable the Camera layer by choosing your Selection tool, or by clicking trash can icon. Your camera will initially hide a part of her face to create a little bit of mystery.

There are two modes on the controls, one for Rotate and another for Zoom. The Zoom mode should be highlighted. The Camera view zooms closer into the Stage. The slider snaps back to the center, allowing you to continue dragging to the right to continue zooming. You can also enter a numerical value for the zoom in the Properties panel in the Camera Properties section. Your Stage shows a close-up view of the cityscape between the two main characters. Download the sample pages includes Chapter 4 and Index.

I can unsubscribe at any time. Pearson Education, Inc. This privacy notice provides an overview of our commitment to privacy and describes how we collect, protect, use and share personal information collected through this site. Please note that other Pearson websites and online products and services have their own separate privacy policies. To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including:.

For inquiries and questions, we collect the inquiry or question, together with name, contact details email address, phone number and mailing address and any other additional information voluntarily submitted to us through a Contact Us form or an email. We use this information to address the inquiry and respond to the question. We use this information to complete transactions, fulfill orders, communicate with individuals placing orders or visiting the online store, and for related purposes.

Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites. Participation is voluntary. Pearson collects information requested in the survey questions and uses the information to evaluate, support, maintain and improve products, services or sites; develop new products and services; conduct educational research; and for other purposes specified in the survey.

Occasionally, we may sponsor a contest or drawing. Participation is optional. Pearson collects name, contact information and other information specified on the entry form for the contest or drawing to conduct the contest or drawing.

Pearson may collect additional personal information from the winners of a contest or drawing in order to award the prize and for tax reporting purposes, as required by law. If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email ask peachpit.

On rare occasions it is necessary to send out a strictly service related announcement. For instance, if our service is temporarily suspended for maintenance we might send users an email. Generally, users may not opt-out of these communications, though they can deactivate their account information.

However, these communications are not promotional in nature. We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users’ wishes when a user submits their information through our Contact Us form.

Pearson automatically collects log data to help ensure the delivery, availability and security of this site. We use this information for support purposes and to monitor the health of the site, identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents and appropriately scale computing resources.

Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site.

While these analytical services collect and report information on an anonymous basis, they may use cookies to gather web trend information. The information gathered may enable Pearson but not the third party web trend services to link information with application and system log data. Pearson uses this information for system administration and to identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents, appropriately scale computing resources and otherwise support and deliver this site and its services.

This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising. Users can manage and block the use of cookies through their browser. Disabling or blocking certain cookies may limit the functionality of this site. Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure.

Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider.

Marketing preferences may be changed at any time. If a user’s personally identifiable information changes such as your postal address or email address , we provide a way to correct or update that user’s personal data provided to us.

This can be done on the Account page. If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service informit. Users can always make an informed choice as to whether they should proceed with certain services offered by Adobe Press.

If you choose to remove yourself from our mailing list s simply visit the following page and uncheck any communication you no longer want to receive: www. While Pearson does not sell personal information, as defined in Nevada law, Nevada residents may email a request for no sale of their personal information to NevadaDesignatedRequest pearson. California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice.

The Supplemental privacy statement for California residents explains Pearson’s commitment to comply with California law and applies to personal information of California residents collected in connection with this site and the Services.

This web site contains links to other sites. Please be aware that we are not responsible for the privacy practices of such other sites. We encourage our users to be aware when they leave our site and to read the privacy statements of each and every web site that collects Personal Information.

This privacy statement applies solely to information collected by this web site. Please contact us about this Privacy Notice or if you have any requests or questions relating to the privacy of your personal information. We may revise this Privacy Notice through an updated posting. We will identify the effective date of the revision in the posting. Often, updates are made to provide greater clarity or to comply with changes in regulatory requirements.

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. The relative motion and timing of the animation remain the same, but the starting and ending positions are relocated. Transformation handles appear around the path of the motion. You can make the path smaller or larger, or rotate the path so the rocket ship starts from the bottom left of the Stage and ends at the top right.

Editing the path of the motion Making your objects travel on a curved path is a simple matter. You can either edit the path with Bezier precision using anchor point handles, or you can edit the path in a more intuitive manner with the Selection tool. The handle on the anchor point controls the curvature of the path. Make the rocket ship travel in a wide curve. Select the Selection tool and make sure the path is deselected.

Move your pointer close to the path of the motion. A curved icon appears next to your pointer, indicating that you can edit the path. Drag the path of the motion to change its curvature. Choose the spots where you drag carefully! Each drag breaks the path into smaller segments, making it harder to achieve a smooth curve. Mastery will come with practice. In the motion picture splash page project, the orientation of the car is constant as it moves forward.

However, in the rocket ship example, the rocket ship should follow the path with its nose pointed in the direction in which it is heading.

Orient To Path in the Properties panel gives you this option. Animate inserts keyframes for rotation along the motion tween to orient the nose of the rocket ship to the path of the motion.

Use the Free Transform tool to rotate its initial position so that it is oriented correctly. This means that an object and its motion are independent of each other, and you can easily swap out the target of a motion tween. Select the object that you want to swap on the Stage. In the Properties panel, click the Swap button.

In the dialog box that appears, choose a new symbol 2 Click OK. Animate will swap the target of Animate replaces the rocket ship with the alien.

The motion remains the same, the motion tween. Creating Nested Animations Often, an object that is animated on the Stage will have its own animation. For example, the wings of a butterfly moving across the Stage may flap as it moves.

Or the alien that you swapped with the rocket ship could be waving his arms. These kinds of animations are called nested animations, because they are contained inside the movie clip symbols. Movie clip symbols have their own Timeline that is inde- pendent of the main Timeline. The alien appears in the middle of the Stage. In the Timeline, the parts of the alien are separated in layers.

A keyframe is inserted at the end of the motion tween. The left arm rotates smoothly from the resting position to the outstretched position.

Right-click his right arm and choose Create Motion Tween. Animate inserts a keyframe at the end of the motion tween. The arm rotates smoothly from the resting position to the outstretched position. To prevent the looping, 11 Click the Scene 1 button in the Edit bar at the top of the Stage to exit symbol- you need to add code to tell the movie clip editing mode.

Timeline to stop on its Your animation of the alien raising his arms is complete. Wherever you use the last frame. JavaScript in later lessons. But you can also have nested animations and graphics inside of graphic symbols, although they work a little differently. It will only play if there are sufficient frames on the main Timeline where the instance is placed.

Because of the ease with which you can pick and choose what frame inside a graphic symbol shows, graphic symbols are ideal for lip syncing or other character variations. Using the Frame Picker for phonemes If animated characters talk, their mouth will be synchronized with their words. Each sound, or phoneme, is produced by a different mouth shape. Animators draw a collection of these mouth positions to be used to synchronize to the soundtrack.

You can store each mouth position as a keyframe in a graphic symbol. The file contains your familiar alien character on the Stage. The alien is not animated on a path, but his head is a graphic symbol with multiple keyframes inside of its Timeline. Notice that the Timeline contains five keyframes in the mouth layer. Each keyframe shows the mouth in a different position. Frame 1 has a small closed mouth, frame 2 a rounded mouth, frame 3 a wide open mouth, and so on.

Animate creates a SWF to play the animation. Nothing happens because there is only a single frame on the main Timeline, and a graphic symbol needs frames on the main Timeline to play its own Timeline. Frames are added to both layers up to frame Animate plays the animation. The graphic symbol plays all of its five keyframes repeatedly during the 45 frames of the main Timeline. Leave the value of the First field at 1.

The Frame Picker panel opens. The Frame Picker shows thumbnail images of all the frames inside the graphic symbol.

When the animation plays frame 12, the alien head graphic symbol will change to frame 4. When the animation reaches frame 14, the head symbol will switch to displaying frame 2. Easing Easing refers to the way in which a motion tween proceeds.

You can think of easing as acceleration or deceleration. An object that moves from one side of the Stage to the other side can start off slowly, then build up speed, and then stop suddenly. Or, the object can start off quickly and then gradually slow to a halt. Your keyframes indicate the beginning and end points of the motion, but the easing determines how your object gets from one keyframe to the next. A simple way to apply easing to a motion tween is to use the Properties panel.

A negative value creates a more gradual change from the starting position known as an ease-in. A positive value creates a gradual slowdown known as an ease-out. Splitting a motion tween Easing affects the entire span of a motion tween. If you want the easing to affect only frames between keyframes of a longer motion tween, you should split the motion tween.

However, the actual movement of the car starts at frame 75 and ends at frame The motion tween is cut into two separate tween spans. The end of the first tween is identical to the beginning of the second tween. The motion tweens of all three cars have now been split. This applies an ease-out to the motion tween. Animate plays the Timeline in a loop between frames 60 and so you can examine the ease-out motion of the three cars.

Frame-by-Frame Animation Frame-by-frame animation is a technique that creates the illusion of movement by making incremental changes between every keyframe. Frame-by-frame animations increase your file size rapidly because Animate has to store the contents for each keyframe. Use frame-by-frame animation sparingly. When the movie clip loops, the car will rumble slightly to simulate the idle of the motor.

Inserting a new keyframe The frame-by-frame animations inside the carMiddle and carRight movie clip sym- bols have already been done. Inside the carRight movie clip, three keyframes establish three different positions for the car and its headlights. The keyframes are spaced unevenly to provide the unpredictable up and down motion. Animate inserts a keyframe in frame 2 of the lights layer and the smallRumble layer. The contents of the previous keyframes are copied into the new keyframes.

Changing the graphics In the new keyframe, change the appearance of the contents to create the animation. You can use the Properties panel to decrease the Y-position value by 1 pixel or press the Down Arrow key to nudge the graphics by 1 pixel. The car and its headlights move down slightly. For a random motion like an idling car, at least three keyframes are ideal. Keyframes are inserted into frame 4 of the lights and smallRumble layers. You can use the Properties panel or automatically modify press the Up Arrow key twice to nudge the graphics by 2 pixels.

Animating in 3D presents the added complication of a third z axis. When you choose the 3D Rotation or 3D Translation tool, you need to be aware of the Global Transform option at the bot- tom of the Tools panel.

Moving an object with the global option selected makes the transformation relative to the global coordinate system, whereas moving an object with the local option on makes the transformation relative to itself. Insert a new layer at the top of the layer stack and rename it title.

The movietitle instance appears in your new layer in the keyframe at frame Animate converts the current layer to a tween layer so you can begin to animate the instance.

The 3D rotation control appears on the selected movie clip. That means controlling where to point the camera to frame the action, zooming in or out, panning, or even rotating the camera for special effect.

All of these camera movements are available in Animate with the Camera tool. The Timeline contains added frames and a motion tween in the title layer. On the Stage, the camera controls appear. Camera layer; it only hides it from view. To delete camera filters. Disable the Camera layer by choosing your Selection tool, or by clicking trash can icon.

Your camera will initially hide a part of her face to create a little bit of mystery. There are two modes on the controls, one for Rotate and another for Zoom. The Zoom mode should be highlighted. The Camera view zooms closer into the Stage. The slider snaps back to the center, allowing you to continue dragging to the right to continue zooming. You can also enter a numerical value for the zoom in the Properties panel in the Camera Properties section. Your Stage shows a close-up view of the cityscape between the two main characters.

As with any bitmap, zooming in too dramatically will reveal the limitations of the original embedded image. The contents of the Stage move to the right. So if you point your camera to the left, the objects in view will move to the right. Animating a pan A pan is the motion of the camera left to right or up and down.

In the context menu that appears, choose Create Motion Tween. A motion tween is added to the Camera layer, indicated by the blue-colored frames.

Hold down the Shift key to constrain the motion to a straight vertical line. A new keyframe is established at frame 25, and Animate creates a smooth motion of the camera between the two keyframes. Panning across the Stage Your viewers now see this mystery woman, who is looking to her left. But who or what is she looking at? A new keyframe is automatically created at frame 70 with the camera in its new position.

The camera pans across the Stage from left to right between frames 40 and The camera will hold its position from frame 70 to frame The Brightness, Contrast, Saturation, and Hue values appear, all of them with a value of 0.

The view through the camera becomes desaturated and all the graphics on the Stage appear black and white. Animate creates a motion tween of the camera becoming more desaturated from frame to frame You can also use the integrated Controller at the bottom of the Timeline.

However, to preview your animation as your audience will see it and to preview any nested animations within movie clip symbols, you should test your movie.

To exit Test Movie mode, click the Close window button. For example, animations with HTML5 or on mobile devices often rely on sequential PNG files or a single file that packs all the images organized in rows and columns, known as a sprite sheet. The sprite sheet is accompanied by a data file that describes the position of each image, or sprite, in the file. Generating either PNG sequences or a sprite sheet of your animation is easy.

First, your animation must be within a movie clip symbol. In the next steps, you select the destination on your hard drive for your images and the dimensions of your images. For a sprite sheet, right-click the symbol and choose Generate Sprite Sheet. The Generate Sprite Sheet dialog box that appears provides different options, such as sizing, background color, and the particular data format.

Click Export to output the sprite sheet and data file. Review Answers 1 A motion tween requires a symbol instance on the Stage and its own layer, which is called a tween layer. No other tween or drawing object can exist on the tween layer.

Keyframes are specific to each property, so that a motion tween can have keyframes for position that are different from keyframes for transparency. You can also choose the Convert Anchor Point tool and Subselection tool to pull out handles at the anchor points.

The handles control the curvature of the path. Without easing, a motion tween proceeds linearly, where the same amount of change happens over time. An ease-in makes an object begin its animation slowly, and an ease-out makes an object end its animation slowly. Use the Camera tool to zoom in to a different part of the Stage, zoom out to show more, rotate, or pan. You can also use the Camera tool to adjust the tint or color effect of the view. See Creative Cloud Libraries Control menu, defining generally, — character animation.

See animating natural control points, scaling objects relative to, 42 defining inside a shape, — motion and characters controls definition of, classic tweens camera, disabling joint rotation, — applying, — playback, —, — editing shapes containing, overview of, Stage controls for constraints, — extending armature, — Clear Guides command, Timeline, — hierarchy of, click response, adding, — Convert Anchor Point tool, isolating rotation of, — clipping, audio, — Convert to Symbol dialog box F8 , 95, modifying joint position, — clips, movie.

See also swatches accessing assets, 9 managing paint brushes, 69 adding fills, 50 sharing assets, pattern brushes, 66 animating, — curves. See also HTML5 Canvas Encoder, — understanding, 40—41 documents converting video files, — using gradient and bitmap fills, 47—49 creating new, 3—4 overview of, filters playback environments, 4—5 understanding encoding options, animating, — switching between document types, 5 error checking, — applying to symbols, — types of, event handlers Filters section, Properties panel, —, domain, identifying, 75—76 adding click response, — — dot.

See file formats — adding video file to Adobe Media frame-by-frame animation applying eases to shape tweens, Encoder, — changing appearance of graphics, BounceIn ease, — converting video files, , — — complex eases, deleting or changing sound files, inserting new keyframe, — overview of, — overview of, removing eases, exporting SWF files, frame labels, — splitting motion tweens, — finding video files, Frame Picker, — Edit bar, on Stage, 5, importing Photoshop file for frame rate, viewing on Timeline, 11 Edit Document command, background, 96—99 Frame View menu, 12 Edit Envelope dialog box, — importing sound files, — frames.

See also navigation, interactive updating tagged swatches, 56 adjusting, — ActionScript 3. See also animating of objects, 50—51 animating, natural motion and characters guides, for placing symbols, — Frame Picker for selecting frames to adding eases, align sounds, — animating natural motion, — scaling, H defined, types of symbols, 94 H. See Adobe Photoshop previewing animations, — working with filters, — Pin option, Properties panel, — turning on, — working with position, — pixels, resizing and scaling content, 32—33 Orient To Path option, Rotation, working with transformations, — Play command Oval tool working with transparency, — playing animation, , adding shadows, 62—63 MSAA Microsoft Active Accessibility , playing shape tween, creating shapes, 41—42 testing movie, playback P controlling video playback, — N Paint Brush tool, 63—65 previewing animations, — naming rules, paint brushes of video, — natural motion, animating.

See animating exploring Brush library, 63—65 playback runtime environment, in natural motion and characters managing, 69 determining document type, 4—5 navigation, interactive Paint Bucket tool playhead, ActionScript 3. See ActionScript 3. EPUB The open industry format known for its reflowable content and usability on supported mobile devices. This eBook requires no passwords or activation to read.

We customize your eBook by discreetly watermarking it with your name, making it uniquely yours. A Web Edition is an online learning product that you view in your web browser while connected to the Internet. Some Web Editions include additional interactive features, such as videos, quizzes, or live code editing. Read the product description for more details. A Web Edition will be accessible from your Account page after purchase.

The 10 project-based lessons in this book show users step-by-step the key techniques for working in Animate. Adobe Animate CC provides more expressive tools, powerful controls for animation, and robust support for playback across a wide variety of platforms. Learn how to use and create vector-based brushes for painterly effects. Gain more advanced control over complex animations with the new Camera tool, and learn to focus the action on different parts of the Stage.

Animating Symbols. Download the sample pages includes Chapter 4 and Index. I can unsubscribe at any time.

Pearson Education, Inc. This privacy notice provides an overview of our commitment to privacy and describes how we collect, protect, use and share personal information collected through this site. Please note that other Pearson websites and online products and services have their own separate privacy policies.

To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including:. For inquiries and questions, we collect the inquiry or question, together with name, contact details email address, phone number and mailing address and any other additional information voluntarily submitted to us through a Contact Us form or an email.

We use this information to address the inquiry and respond to the question. We use this information to complete transactions, fulfill orders, communicate with individuals placing orders or visiting the online store, and for related purposes.

Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites. Participation is voluntary. Pearson collects information requested in the survey questions and uses the information to evaluate, support, maintain and improve products, services or sites; develop new products and services; conduct educational research; and for other purposes specified in the survey.

Occasionally, we may sponsor a contest or drawing. Participation is optional. Pearson collects name, contact information and other information specified on the entry form for the contest or drawing to conduct the contest or drawing. Pearson may collect additional personal information from the winners of a contest or drawing in order to award the prize and for tax reporting purposes, as required by law. If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email ask peachpit.

On rare occasions it is necessary to send out a strictly service related announcement. For instance, if our service is temporarily suspended for maintenance we might send users an email. Generally, users may not opt-out of these communications, though they can deactivate their account information. However, these communications are not promotional in nature. We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users’ wishes when a user submits their information through our Contact Us form.

Pearson automatically collects log data to help ensure the delivery, availability and security of this site. We use this information for support purposes and to monitor the health of the site, identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents and appropriately scale computing resources.

Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site. While these analytical services collect and report information on an anonymous basis, they may use cookies to gather web trend information.

The information gathered may enable Pearson but not the third party web trend services to link information with application and system log data. Pearson uses this information for system administration and to identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents, appropriately scale computing resources and otherwise support and deliver this site and its services.

This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising. Users can manage and block the use of cookies through their browser. Disabling or blocking certain cookies may limit the functionality of this site.

Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure. Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider.

Marketing preferences may be changed at any time. If a user’s personally identifiable information changes such as your postal address or email address , we provide a way to correct or update that user’s personal data provided to us. This can be done on the Account page. If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service informit. Users can always make an informed choice as to whether they should proceed with certain services offered by Adobe Press.

– Стратмор внимательно посмотрел не.  – Я должен найти его партнера, прежде чем он узнает о смерти Танкадо. Вот почему я тебя вызвал. Мне нужна твоя помощь. Сьюзан плохо его понимала.

Scroll to Top