(Page 1 of 1 pages for this article )

Monday, June 09, 2008

Filed under: AppleMotionGentryMedia Sister SitesProVideo CoalitionMotion GraphicsPost ProductionTraining

Motion Quick Tip: Importing Illustrator and Photoshop Files

Mark Spencer | 06/09

Working With Fixed Resolution

image

When working with Motion, you’ll often import content that was created elsewhere. For example, Illustrator and Photoshop are two powerful applications for creating and manipulating images. They both work very well with Motion, but to get the best results, you need to know about setting in Motion that isn’t necessarily obvious or easy to find.

Let’s look at Illustrator first. One of the great benefits of Illustrator is that it’s completely vector-based: you can scale graphics that you create as large as you want, and they will retain crisp, clean edges.

image

To use your Illustrator file in Motion, you need to save it as an Illustrator file (filename.ai) or a pdf (filename.pdf).

However, once you import your Illustrator file into Motion and scale it up, you will find that the edges don’t stay crisp at all - they get pixelated and blurry, just like a bitmap image.

image

The reason?  By default, Motion imports the file at a fixed resolution. So, if you scale it over 100%, it will start to look blurry.

The fix is simple, once you know where to find it.

First, you need to select the underlying media, not the current layer in the Canvas. So in the Project pane, go to the Media tab and select the source file.

image

Next, in the Inspector, select the Media tab (that’s right, there are two different Media tabs - one in the Project pane and one in the Inspector).

image

Near the top of the tab, you’ll see a parameter called Fixed Resolution, which is checked by default. Simply click the checkbox to deselect it, and your image will now appear crisp and clear, no matter how large you scale it.

image

If you don’t need to scale your image over 100% (or dolly in close with a camera if you are using it in a 3D group), then leave Fixed Resolution checked - you’ll get faster playback and render performance.

With Photoshop, you aren’t working with vector images, so you can’t avoid blurring a Photoshop image if you scale over 100%. However, if you don’t change the default Fixed Resolution setting, you’ll run into a different issue. Let’s take a look.

If you drag a .psd file into Motion and keep the mouse button held down, you are presented with several options for importing the file. You can choose to import all of its layers merged together, import them all as separate layers, or choose a specific layer.

image

If you choose to import all layers, the file comes into Motion as its own group, and each Photoshop layer becomes a layer in Motion.

image

You can now add effects and animation to each layer individually. Nice. But here’s the rub. If you move a layer, you’ll see that it gets cropped to the original size of the source file.

image

Once again, it’s Fixed Resolution to the rescue - or, I should say, turning OFF fixed resolution. However, this time, you do it in a different way. I said it was a bit tricky, didn’t I?

First, select the group that contains the Photoshop layers.

image

Next, in the Group tab of the Inspector, turn off Fixed Resolution.

image

With Fixed Resolution turned off, you are now free to move layers anywhere in the Canvas. By the way, if you choose View > Show Full View Area or press Shift-V, you’ll be able to see layers that are off the Canvas.

image

So remember, if you want to scale your vector artwork over 100% in size, or if you want to be able to freely manipulate Photoshop layers, turn off Fixed Resolution.

For more Motion tutorials and training dvds, please check out this link

(Page 1 of 1 pages for this article )

                    Clip to Evernote

 

After Effects Apprentice Free Video: Working with Nested 3D Compositions

Chris and Trish Meyer | 05/07

How you can be two places at once inside After Effects

As we mentioned awhile back, we’ve been busy the past year and a half creating an extensive, multi-course video training…

After Effects Apprentice Free Video: Copying Paths from Illustrator to After Effects

Chris and Trish Meyer | 05/01

Revealing Illustrator paths requires a few intermediate steps, involving After Effects masks and effects.

Buried in the shuffle over the announcement of After Effects CS6 is that we concluded the video training series for our book After…

Making a Matte Painting with Elements in Motion in After Effects

Jeff Foster | 04/29

I take-apart a real-world project to show you how it was created

In the days of early motion picture making the art of “matte painting” was a process of actually painting with oils on a plate glass that was then shot in position in front of a scene on location or in the studio where the film would be exposed by the combined images through the…

You must be registered to comment. This is an effort to reduce spam. Please REGISTER HERE.

Name:

Email:

Location:

URL:

Smileys

Remember my personal information

Notify me of follow-up comments?

Submit the word you see below:











After Effects Apprentice Free Video: Working with Nested 3D Compositions

Chris and Trish Meyer | 05/07

How you can be two places at once inside After Effects

As we mentioned awhile back, we’ve been busy the past year and a half creating an extensive, multi-course video training…

After Effects Apprentice Free Video: Copying Paths from Illustrator to After Effects

Chris and Trish Meyer | 05/01

Revealing Illustrator paths requires a few intermediate steps, involving After Effects masks and effects.

Buried in the shuffle over the announcement of After Effects CS6 is that we concluded the video training series for our book After…

Making a Matte Painting with Elements in Motion in After Effects

Jeff Foster | 04/29

I take-apart a real-world project to show you how it was created

In the days of early motion picture making the art of “matte painting” was a process of actually painting with oils on a plate glass that was then shot in position in front of a scene on location or in the studio where the film would be exposed by the combined images through the…

3D Layers Overview with Photoshop CS4-CS5.5

Jeff Foster | 01/27

Part Three: Video Editing & Animation with Photoshop CS4/CS5 Extended Series

Not only can you manipulate video layers in 3D space in Photoshop CS4 and later, but you can create 3D objects from primitives and import 3D models. In this FREE 12-minute tutorial from my Video Training DVD Photoshop CS4/CS5…

To be considered for listing, contact pr (at) provideocoalition (dot) com


Copyright © 2012, HD Expo, LLC a division of Diversified Business Communications. DBA Createasphere

All rights reserved. HD EXPO, High Def EXPO, Createasphere, E-Tech, Entertainment Technology Exposition, 3D Production Workshop, VariCamp, P2 Camp, ColorCamp 101, and Lighting, Filters & Gels for HD are all trademarks of HD Expo, LLC.

Terms of Use  |  Privacy Policy

Check PageRank