LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

Creating Crop Marks with Adobe Illustrator for use in Adobe After Effects

COW Library : Adobe Illustrator Tutorials : Lon Clark : Creating Crop Marks with Adobe Illustrator for use in Adobe After Effects
Creating Crop Marks with Adobe Illustrator for use in Adobe After Effects



Preparation of graphics for use in After Effects

by Lon Clark
©2001 Lon Clark and CreativeCOW.net. All Rights Reserved.

Lon Clark Article Focus:
When you import vector artwork into a pixel-based program such as After Effects or Photoshop, its edges are determined by the outmost edges of the art. Sometimes, you want to extend the image area to allow new possibilities in your designs. In this article, Lon Clark demonstrates that by creating crop marks, you define a new edge/size for the file and that can open up new design opportunities.




While crop marks are not always necessary, they can help you avoid some annoying problems, and it’s a good idea to get in the habit of making them. They are important to set when you are importing Illustrator sequences into After Effects in order to keep the correct alignment of your images. Also, certain effects in AE will not affect a layer beyond its bounding size, and by using crop marks, you can avoid having to precompose the layer. In PhotoShop, if you import vector files without crop marks, because PhotoShop rasterizes and anti-aliases the art (slightly expanding it), you can wind up with sharp lines on the edges of your artwork.


So, let's take a look at the procedure:

  1. Use the rectangle tool (M key) and draw a rectangle around your artwork. For precise sizing, either click once in your workspace using the rectangle tool and enter the size in the pop-up options window or draw a rectangle and use the transform palette to enter new measurements.



  2. Align the rectangle around your artwork using the align commands (Window>Show Align).



    If you have complicated artwork that you’re working with, before aligning select all of your artwork (but not the new rectangle) and group it together (Object>Group or Command + G). By doing this, you’ll be able to align the rectangle with your graphics while keeping the artwork intact. (Otherwise, aligning will reposition all of the elements in your artwork.) After aligning, choose Object>Ungroup (Shift + Command + G) to release the artwork


  3. With the new rectangle selected, choose Object>Crop Marks>Make. That’s it. Notice that the rectangle has turned into an uneditable set of crop lines.



    Now, when you import your artwork into AE (or other program) it will be contained within the area that’s specified by your crop marks. To resize or reposition cropmarks, choose Object>Crop Marks>Release.


  4. Keep in mind that when you set crop marks and import the Illustrator art into AE, anchor points are going to be determined by the dimensions of the crop marks. When animating properties such as scale and rotation, or using effects that refer to a layers anchor point, you’ll likely have to adjust the anchor points of the layer(s).


  5. When you’re setting crop marks for After Effects, it’s a good idea to keep in mind the size of your final composition, and how large the Illustrator artwork is going to wind up. This way, you can determine the necessary size of your artwork, and avoid having to scale up and collapse layers in AE.



Hope this has helped.

Lon Clark


This is part of a 'Preparation of Graphics for Video' Series at CreativeCOW.net




Lon Clark is a leader in the Graphics for Video & Web COW forum.







Please visit our forums and view other articles at CreativeCOW.net if you found this page from a direct link.





Related Articles / Tutorials:
Adobe Illustrator
Creating a Helix in Adobe Illustrator - Part 3

Creating a Helix in Adobe Illustrator - Part 3
  Play Video
In Part 3 of this 3 part Adobe Illustrator tutorial series, Vincent Rosati shows you how to perform flat shading on the helix created in the previous tutorials.

Tutorial, Video Tutorial
Vincent Rosati
Adobe Illustrator
Creating a Helix in Adobe Illustrator - Part 2

Creating a Helix in Adobe Illustrator - Part 2
  Play Video
In Part 2 of this 3 part Adobe Illustrator tutorial series, Vincent Rosati uses the pen tool to draw the helix structure.

Tutorial, Video Tutorial
Vincent Rosati
Adobe Illustrator
Creating a Helix in Adobe Illustrator - Part 1

Creating a Helix in Adobe Illustrator - Part 1
  Play Video
In Part 1 of this 3 part Adobe Illustrator tutorial series, Vincent Rosati explains how to use the free transform tool to take the first step in creating a helix with AI. This series will get you through many challenges including using the free-transform tool in a perspective environment, creating the illusion of wrapping a shape around another and shading using the pathfinder tool.

Tutorial, Video Tutorial
Vincent Rosati
Adobe Illustrator
Radial Patterns with Adobe IllustratorRadial Patterns with Adobe Illustrator
  Play Video
In this video tutorial Creative COW leader Vince Rosati presents a simple technique to use an obscure function in the rotate tool to quickly create radial patterns in Adobe Illustrator. Use this technique with gradients or more complex shapes to create incredible radial patterns.

Tutorial, Video Tutorial
Vincent Rosati
Adobe Illustrator
Adobe Illustrator for Video and Film

Adobe Illustrator for Video and Film

In this Adobe Illustrator review from The Creative COW Magazine, Tim Wilson looks at the ways that Adobe's Illustrator CS3 is designed with video and film artists in mind.

Review
Tim Wilson
Adobe Illustrator
Creating a Cartoon from Video

Creating a Cartoon from Video
  Play Video
In this 3-part tutorial, Creative cow leader Aharon Rabinowitz explains the process of converting video to cartoon by using only After Effects and Adobe Illustrator CS2. While the tutorial spans 50 minutes and covers a wide range of topics (some in depth and some in general), after you have gone through the process once, you will find that it's easy to adapt the Cartoonification technique to your own needs.

Tutorial, Video Tutorial
Aharon Rabinowitz
Adobe Illustrator
Inside Adobe Illustrator CS - Live Paint

Inside Adobe Illustrator CS - Live Paint
  Play Video
In this video tutorial, Creative COW Leader Franklin McMahon demonstrates the new Live Paint feature in Adobe Illustrator CS 2 which makes coloring vector images a snap.

Tutorial, Video Tutorial
Franklin McMahon
Adobe Illustrator
Inside Adobe Illustrator CS - New Features

Inside Adobe Illustrator CS - New Features
  Play Video
In this video tutorial, Creative COW Leader Franklin McMahon examines some of the new features in Adobe Illustrator CS 2 including the control palette, underline links, custom work spaces and exports such as SWF, SVG and PDF.

Tutorial, Video Tutorial
Franklin McMahon
Adobe Illustrator
Inside Adobe Illustrator CS - LIVE TRACE

Inside Adobe Illustrator CS - LIVE TRACE
  Play Video
In this video tutorial, Creative COW Leader Franklin McMahon goes over the new Live Trace feature in Adobe Illustrator CS 2.0 that helps create bitmap images to vector illustrations.

Tutorial, Video Tutorial
Franklin McMahon
Adobe Illustrator
Creating Customizable Dashed Lines with Adobe Illustrator

Creating Customizable Dashed Lines with Adobe Illustrator

This mini-tutorial is for those who've often worked in Illustrator and have needed to turn a dashed line into individually selectable shapes. This may also be useful for pasting dotted path shapes into After Effects or other applications.

Tutorial
Seth Taylor
MORE
© 2016 CreativeCOW.net All Rights Reserved
[TOP]