Flash and Animation Information
* Article Index - Apple Motion
How to tutorials about motion graphics in Apple Motion
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 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.
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 object 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.
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 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 tutorial, we will create a Motion particle system from a simple circle shape and take a look at the ways we can customize our particle system.
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 Motion. Letís take a look a the Inspector controls for 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.
Particle Fog in Motion 5 - Scene Graphics
In a previous tutorial, we created a layered Photoshop image that we used in our Motion 5 Parallax effect. But we can use this same layered image to create a 2D layered project with spooky fog. In this tutorial, we will import the image into a new Motion 5 document.
Particle System - Emitter Shape Parameters
Letís take a look at the parameters we can change in our particle system. To see the parameters, we need to go to the Inspector.
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 Flash and Animation Homepage | Editor's Picks Articles | Top Ten Articles | Flash and Animation Site Map
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.
Think your link belongs here? Use the contact page to let this editor know.