Inside Adobe Illustrator are several useful templates designed to make it easier to build graphics for HD video, standard definition video, and digital cinema. Where can you find these templates? How do they work? In this video, author Richard Harrington demonstrates how to build motion graphics by using the video templates in Illustrator.
- Now when you work in Illustrator, it's by design a vector program, which means that the graphics really don't have a size. But what you're concerned about is often the aspect ratio, or the shape of the canvas. You're probably going to be working at 16 by nine for most modern delivery formats. Illustrator offers several templates to make this easier. When you choose File, New, you'll see that you have the New Documents pre-set chooser here. And there is a Film and Video category.
Here, you'll find pre-sets for 720P, and 1080P for HD as well as 4K and 8K video. If you click to View here, you'll see that there are other pre-sets for standard definition and older formats like NTSC Widescreen. These formats are not used nearly as often but they are quite useful. If you click More Settings, you can see what's happening here and these are also available in a pop-up list.
So, if I chose HDTV 1080, you see it updates. The units are in pixels and everything else is pretty straightforward. What happens here is it's designing for the screen. And it lets you see what's happening with the overall size. When I click Create Document, it generates a new file and it's placed on these overlay guides like you've learned about before for title safe and action safe. If we view our rulers here for example, you'll notice that it goes from zero to 1920 and the title safe and action safe are in-setting to help you with the placement of elements.
Remember, things that are meant to be read will likely fall inside of title of action safe, depending upon your delivery format. Now, if we open up an existing graphic, this can still be useful. For example, right now you see that this is open and pretty straightforward. Let me take a look at the Layers panel here for a second and you'll see that we have three different layers, one day, one cause, one goal.
Well this could be quite useful. However, this is being designed and measured in inches. If I switched this to pixels, you'll see that it's not quite right. So let's select all three of those layers, I'll just shift click on them and now they're selected. Let's go ahead and choose to Copy those and we'll come here and Paste. And you see that it added them.
Now it put them all on one layer, which may not be desirable. So let's Undo for a moment, go ahead and select this first one here. One day and I'll choose Edit, Copy. Switching back to my video sized document. You can make a new layer and choose Edit, Paste. Now you see that comes across and this really needs to be sized.
If I were to import this into Premier Pro, it would come in incredibly tiny but grabbing the corner here, I can hold down the Shift key and the Option or Alt key and easily scale that up. And now, it's sized properly for a video. By using the video template, it was much easier to really judge where this should be sized. Remember, if you're using a tool like After Effects, you can still scale your vectors but often times you're getting vector elements from maybe a graphic designer, who build something for print and you need to convert them for video.
Getting them sized right, using the template that has the right shape and the right guides for a video will make this process a lot easier.
- When to use vector vs. raster graphics
- Working with high-dynamic-range images
- Choosing the right color space
- Understanding file extensions and file formats
- Maintaining broadcast-safe color and luminance levels
- Configuring Photoshop and Illustrator workspaces and preferences
- Using templates
- Building titles
- Sizing photos or logos
- Saving Photoshop and Illustrator files for video graphics