Apple Motion to Adobe Photoshop CC

Apple Motion to Adobe Photoshop CC
Many of my clients like to use Photoshop animation templates, because they have the Single App Creative Cloud plan and therefore don't have After Effects. Although the animation options are limited in Photoshop compared to After Effects, you would be surprised at what you can create with the Photoshop video timeline.

For some of my Photoshop templates, I need special animations, such as a snowfall or Bokeh, that go beyond Photoshop's capabilities. So, I make these special animations in Apple Motion, export the animation as an image sequence and open the image sequence in to Photoshop. Why an image sequence? This is great for my workflow, as this gives me the option to omit or duplicate any image frames as needed for any project. Also, Motion will export the animation with a transparent background, so it can be used in any Photoshop project.

In one Facebook Video Cover template project, I wanted to use a paint stroke animation under some text. I first tried to create it in Photoshop but didn't like the results. So, I turned to Motion. It was easy to create the paint stroke animation using Motion's Write On feature.

Canvas Size
First, you will want to decide what dimensions to use for the animation. The Facebook Video Cover template is 820 x 462 pixels but we don't need all that for a paint stroke. As the paint stroke will be behind the text in the template, I drew a sample stroke in Photoshop, which turned out to be 590 x 170 pixels. So I decided to create a 600 x 200 pixels Apple Motion document. This would allow for an empty space around the paint stroke and no hard edges.

Modular Design
As mentioned above, we will also create the motion graphic with a transparent background. This will give us the option to use the animation as a modular design element that we can drop in to any Photoshop animation. Also, we will set the paint stroke color to a default white, giving us the option to apply a Photoshop Color Overlay style or Hue/Saturation Adjustment layer to customize the paint color as needed for any project.

Smart Object Option
Photoshop will import and convert the image sequence to a video layer. Once we have the image sequence in Photoshop we can save the file in the .psd file format. For reference and as a backup, I like to save this .psd file and the folder of sequenced images together in a project assets folder. Next, you will want to save this .psd file again as the project file. If you only need to use the animation once, you can use it as is (as a video layer group). But to use the animation several times in one project, convert it to a Photoshop Smart Object.

Video Option
Another option is to export the animation from Photoshop in the .mov file format, which will maintain the transparent background. Then you can use the .mov file in several Photoshop projects.

It is easy to import the .mov file in to a new Photoshop document with the Place - Embedded or Place - Linked options. Photoshop will automatically convert the .mov file to a Smart Object.

In the next tutorial, we will walk through the process of creating the animation in Motion, exporting the image sequence and using the animation in a Photoshop document.

Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.

Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie and Mac are trademarks of Apple Inc., registered in the U.S. and other countries. BellaOnline is an independent publication and has not been authorized, sponsored, or otherwise approved by Apple Inc. Screenshots used by permission.


Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map

Content copyright © 2019 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.