Flash and Animation Information
* Article Index - Apple Motion
How to tutorials about motion graphics in Apple Motion
3D Transform and Distort Tools in Motion
In this tutorial, we will continue the holiday project by adding the first part of the 3D rotation of the holiday text. It will rise from the snow to a standing position. This is a simple 3D task in Motion that doesn't even require the use of 3D cameras.
Add Image to Motion Project
Now that we have added our Bokeh animation as the background for our Motion project, we can start working on the first section of the project. This six-seconds long introduction will immediately tell the audience what the product trailer is about.
Add Static Text To Craft Product Trailer Template
In this tutorial, we will continue to work on the craft product trailer template. We are using Motion to create the template with placeholders, call drop zones, for the customizable graphics and other design elements in the template.
Adding Glow Filter in Motion Project
In this Motion tutorial, we will add the Glow filter to our circle animated light. The Glow Filter will soften the edges of the circle to match the soft edges of the Bokeh lights in the background.
Adding Text to Motion Project
Text is an important design element in a Motion project. Common uses of text are lower thirds and titles. Once added, you will want to add special effects to the text such as Motion behaviors, masks, filters and blend modes. Letís walk through the process for adding text to a Motion project.
Animate Lower Third in Motion 5
In this Motion tutorial we will add the text to the lower third and build the animation. At this point we have imported a background graphic for the lower third, reduced the opacity of the graphic and positioned it at the left bottom corner of the screen.
Animated Title in Motion
In this tutorial, we will be creating a text title in a Motion project. To give the title a formal style, we will add a simple solid colored rectangle behind the title. Then we will apply the same Motion behavior to both objects in order for them to move together.
Animating Color of Shapes in Motion 5
In this tutorial, we will use keyframes to create a simple Motion 5 animation which turns the design elements on the screen from one color to another. This technique is great for an animated logo reveal.
Animating Color of Text in Motion 5
In the previous tutorial, we begin creating our Motion 5 logo reveal animation. We used keyframes to control the animated change in colors for the shape layers in the design. In this tutorial, we will animate the text.
Animation Behaviors in Motion Project
Now that we have imported our layered Photoshop image into our Motion project, we are ready to create a blinking lights animation. We will draw some colored circles that we will then animated to blink using Motion behaviors.
Apple Motion - HUD
In Apple Motion, you control animations by setting the values for a group of parameters. There are two places in the workspace that display these setting controls; the HUD and the Inspector.
Apple Motion 5 - The Toolbar
When you begin to learn how to use Motion, you will notice that it has an extensive set of tools that we can use to add objects and effects to our projects. These tools are found in the Toolbar.
Apple Motion Best Features
Apple Motion excels in creating motion graphics because of the many presets that come package with the software. When used out-of-the-box, these presets can save you valuable time or when used as a starting point, they can make creating your custom project much easier.
Craft Product Template - Background Layer
Now that we have the Layers pane hierarchy for our template planned out, we can begin to build the template from scratch. In the last few tutorials for this project, we will do just that.
Craft Product Template Layers
Now that we have finished the preflight decisions made for our Motion craft template, we need to decide how we will use the Layers pane to organize our video project. Naming and organizing the layers is important.
Craft Product Trailer Design Elements
In this tutorial, we will continue to dissect our craft product trailer prototype in preparation of creating a Motion template. We can then use the template to create other craft product trailers with less time and effort.
Craft Product Trailer Template Prototype
Once you have created the perfect craft product trailer in Apple Motion, with the best images pans, text and transitions, its time to use that as your prototype for a Motion template with drop zones.
Create Background Layer in Motion Project
Now that we have set the project properties for our Motion project, we can begin to build the composition. Our first layer of the composition will be the background for the project. This can be a static image, solid color, gradient color or animated.
Drawing with Ornaments in Motion 5
In this tutorial, we will finished the YouTube channel trailer Intro or Logo Reveal for a craft business. There are many craft related videos on YouTube and a professional logo reveal for your YouTube channel will make you stand out from the crowd.
Drop Zone and Lower Third in Motion 5
In the last Motion tutorial, we added the copyright text to the craft product trailer template that we are building in Motion. Now we will add the lower third that will display the name of the craft product.
Drop Zones and Transitions in Motion 5
In the last Motion tutorial, we created the first two Drop Zones for our craft trailer template. The Drop Zones were placeholders for the background image and the intro clip. In this tutorial, we will add a transition to the end of the Drop Zone for the intro clip.
Duplicate Background Layers in Motion 5
In this Motion 5 tutorial, we will build the third scene of our product trailer. This will require us to duplicate the Bokeh layer in the background BG group, giving us two copies of the same Bokeh animation in the same BG group.
Fade In and Out Behavior In Motion
Now that we have our graphic in place and set to the correct duration on the Motion Timeline, we can add a behavior to the image. We want to have the image fade in at the beginning of the video and fade out at the six second position. We can do this with a Motion behavior called Fade In/Fade Out.
Finishing the Holiday Animation in Motion
Now we will work on the shadow text in our Motion project. We want to use the Distort tool to adjust the height of the shadow text to reflect the movement of the holiday message text. We will also add a fade in transition to the shadow text over the first 10 frames.
Holiday Season Motion Graphics Storyboard
In this tutorial, we will discuss a simple four-scene motion graphics intro in Apple Motion, which could have several applications, such as the start of a marketing video or a seasonal welcome message from your company.
Image Preparation for Holiday Intro Video
In this tutorial, we will begin to work on the four-scene holiday season motion graphics intro video. We will begin preparing the three images that we decided on in the last tutorial. We know that our video dimensions in Motion will be 1280 x 720 pixels and the images are 1920 x 1280 pixels.
Importing Photoshop Images into Motion
In this tutorial, we will continue to work on our holiday animation in Motion. In the last tutorial, we created the graphic elements in Photoshop, which we will now import in to our Motion project.
Importing Video Into Motion
Many Motion projects start with importing video into the workspace in order to add lower thirds and other effects to complete the project. Letís walk through the steps for importing a video clip from a folder on our desktop into our project.
Ken Burns Effect In Motion - Record Keyframes
We will continue to work on the Ken Burns effect for our Motion trailer. We will be using the Record feature in Motion to create two keyframes that will control the panning of our still image for the Ken Burns effect.
Ken Burns Effect In Motion 5 - Set Up
In this tutorial, we will work on the second scene of our trailer in Apple Motion. This will consist of an image of the entire product which will be animated with the Ken Burns effect. The Ken Burns effect is a technique applied to still images to give the illusion of panning and zooming motion.
Keyframe Animation in Motion 5
In this tutorial, we will learn how to use the Record Keyframes feature in Motion 5 to move text across the Canvas.
Motion 3D Animation - The Graphics
Animation in 3D can be confusing but Apple Motion has easy to use controls that help you easily create professional grade animation. In this next few tutorials, we will build a simple Motion intro for the holiday season.
Motion 5 Animation By Keyframe
We started working on our logo reveal for a craft business, by animating the background image. In this tutorial, we will add the logo text to the project. We will need to add the logo text in two parts, so that we can add the masking technique to one part of the logo.
Motion 5 Behaviors
Motion Behaviors are drag and drop animations that you can apply to images, graphics, text and even imported videos. To apply a behavior takes a simple drag and drop from the Library and then you can customize the animationís parameters in the HUD or Inspector to suit your project.
Motion 5 Masking Technique
In the last Motion 5 tutorial, we added the company name to our craft product logo reveal and animated the fade in animation with Keyframes on the Timeline. Now we will add the masking technique that will reveal the second part of the company name.
Motion 5 Masking Technique - Finish
In this Motion tutorial, we will finish the craft logo reveal by adding the tagline to the end of the video. For this craft company, the tagline is made up from three words that tell the customers what they will find if they visit the online store.
Motion 5 Masking Technique - Setup
One of the Motion 5 features that you will used to create many effects is the masking technique. In this tutorial, we will take a look at a simple masking technique for a logo reveal for a craft business.
Motion 5 Parallax Effect - The Graphics
In Motion 5, much like the Ken Burns effect, the Parallax effect is used to simulate movement of static graphics. The intro will consist of several layers of these graphics and by adding camera movement in to the mix, we will have a 2.5 D animation.
Motion Craft Video Template
If you need to create many craft videos showing how to use your craft products, you can save a lot of time by using a Motion 5 template and drop zones. Letís see what our options are for doing just that. For those of you unfamiliar with templates, letís talk a little about them.
Motion Library Content
Apple Motion has pre-built objects, effects and other design elements, called content, that can be added to your projects. This content ranges from a simple static background to more complex particle animations, such as the Bokeh. You can drag and drop several elements to create impressive effects.
Motion Particle Systems - Introduction
In this group of tutorials, we will study a Motion particle system starting with a simple circle shape and, as we progress, we will take a look at the ways we can customize our particle system.
Motion Preset Particle Emitters
In the previous tutorial, we started our study of a Motion particle system and learned the simple parts of that system, the Cell and Emitter. In this tutorial, we will take a look a some of the preset particle emitters in the Motion Library.
Motion Workspace - Checkbox, Dials and More
In this Motion tutorial, we will continue looking at the workspace controls used to set attributes or parameters values for the design elements in your project. We will continue to use our text example.
Motion Workspace - Menu, Icons and Sliders
The Inspector is one of the most important panels in Apple Motion. Let's take a look a the Inspector controls, while working on a text object.
Move Behavior In Motion 5
In this Motion tutorial, we will create the first part of a YouTube Channel trailer. This trailer will have a simple animated logo for a craft company. It can be used alone as a logo intro or added to the start or end of a product trailer.
Moving Graphics in 3D in Motion
In this tutorial, we will build the second half of our text animation for our holiday Motion project. We will continue to use the 3D Transform tool in Motion to move our text graphic in 3D space.
Particle Fog in Motion 5 - Scene Graphics
In this tutorial, we will import a layered Photoshop image into a new Motion 5 document and discuss how layer order and layer styles are handled.
Particle System - Emitter Shape Parameters
Our goal in this set of tutorials is to make a Motion particle system that simulates a natural snowfall. In this second tutorial, we will take a look at how the particle system Shape parameter will help us to accomplish our goal.
Particle System - Line Emitter
In the previous Motion tutorial, we examined the Shape parameter, which controls the emission area for our snowfall particle system. From the various options, we decided to use the Line option for the Shape parameter to create our snowfall.
Project Properties for Motion 5 Projects
We will add a solid bottom to the project. Donít confuse this with a background layer that will be the first of many layers that we will add to the Layers pane. These layers will contain the design elements for our project. At this point, we are still working with the project properties.
Start a New Project in Motion 5
Now that we have taken a tour of the Motion 5 workspace, letís start a new project. We will be taking a closer look at a few of the menus and the Project Browser.
The Apple Motion Interface
One of the best ways to learn a new software program is to get familiar with the user interface or workspace. The Apple Motion workspace is uncluttered but still contains a lot of resources ready to use in your projects.
The Motion Toolbar Tools
In this tutorial, we continue to discuss the Toolbar in Motion 5 and what each tool does. You will find that most of the tools are very similar to their counterparts in other Apple software.
What Is Apple Motion
Apple Motion is for animating graphic design over time. An artist can create a design layout combining image and text for an ad campaign but once you begin to move those objects around the screen, add in audio, transitions and special effects and your static design comes alive as motion graphics.
Whiteboard Video Scribe Animation - Bezier Mask
In this Motion tutorial, we will create and animate a mask that will reveal a graphic in our whiteboard animation. We have already drawn the Bezier path in the last tutorial, so this should be easy.
Whiteboard Video Scribe Animation - Bezier Path
In this tutorial, we will continue to build a simple whiteboard video in Motion. The next step is to draw the Bezier path that is the basis of the animation.
Whiteboard Video Scribe Animation - Finish
In this Motion tutorial, we will finish the whiteboard animation. We already have animated the drawing simulation for the logo. Now we will create a writing simulation for the company name.
Whiteboard Video Scribe Animation - Preparation Flash and Animation Homepage | Editor's Picks Articles | Top Ten Articles | Flash and Animation Site Map
If you are interested in making a whiteboard or video scribe animation in Motion and don't know where to start, this tutorial may help. There are two types of simulations used in a whiteboard animation. One is a drawing simulation and the other is a writing simulation.
Think your link belongs here? Use the contact page to let this editor know.