Creating a Title in Photoshop

Similar documents
HAPPY HOLIDAYS PHOTO BORDER

Step 1: Create A New Photoshop Document

SNOWFLAKES PHOTO BORDER - PHOTOSHOP CS6 / CC

President, RHED Pixel

12 Duplicate Clips and Virtual Clips

Photoshop Fundamentals

The original image. Let s get started! The final result.

Interface. 2. Interface Photoshop CS/ImageReady CS for the Web H O T

WRITING TEXT ON A HEART (for a Gearbubble Necklace)

How to draw and create shapes

Worn And Torn Text In Photoshop

PHOTOSHOP New File. To create a new file, select File > New and a dialog box will open.

9 Using Appearance Attributes, Styles, and Effects

LESSON 8 COPYING SELECTIONS

Step 1: Open A New Photoshop Document

Add Photo Mounts To A Photo With Photoshop Part 1

Beginning a New Project

The Background layer now filled with black.

animation, and what interface elements the Flash editor contains to help you create and control your animation.

7 TYPOGRAPHIC DESIGN Lesson overview

Adobe Flash CS3 Reference Flash CS3 Application Window

Cut Film and video editing term that defines the immediate and complete change (or transition) from one image to another

We assume that occasionally you want to say something on your Web

Advanced Special Effects

2 SELECTING AND ALIGNING

Creating Digital Illustrations for Your Research Workshop III Basic Illustration Demo

In this lesson, you ll learn how to:

11 EDITING VIDEO. Lesson overview

adobe after effects training. For the staff of CHUM Television, a recap of the after effects interface, from March 6th and 7th, 2006.

Animating the Page IN THIS CHAPTER. Timelines and Frames

System Configuration and 3D in Photoshop CS5

Photoshop tutorial: Final Product in Photoshop:

Creative Effects with Illustrator

Pen Tool, Fill Layers, Color Range, Levels Adjustments, Magic Wand tool, and shadowing techniques

This Photoshop Tutorial 2011 Steve Patterson, Photoshop Essentials.com. Not To Be Reproduced Or Redistributed Without Permission.

Avid FX Tutorials. Understanding the Tutorial Exercises

Adobe Photoshop Sh S.K. Sublania and Sh. Naresh Chand

3. Let s say that we are unsure about what kind of

THE CREATIVE SWEETS. Welcome to PHOTOSHOPTOPOLIS. Criag Naylor Instructor cnaylor

Exercise One: Creating a Title 3D Effect

2. If a window pops up that asks if you want to customize your color settings, click No.

Adobe Premiere Pro CC 2015 Tutorial

Computer Basics. Hardware. This class is designed to cover the following basics:

Exploring the Workspace

CHAPTER 1 COPYRIGHTED MATERIAL. Getting to Know AutoCAD. Opening a new drawing. Getting familiar with the AutoCAD and AutoCAD LT Graphics windows

Interface. 2. Interface Adobe InDesign CS2 H O T

Adobe After Effects Tutorial

Display Systems International Software Demo Instructions

9 ADVANCED LAYERING. Lesson overview

Creative Effects with Illustrator

Lesson 1. Importing and Organizing Footage using Premiere Pro CS3- CS5

Understanding the Interface

Note: Photoshop tutorial is spread over two pages. Click on 2 (top or bottom) to go to the second page.

ORGANIZING YOUR ARTWORK WITH LAYERS

Excel Basics Rice Digital Media Commons Guide Written for Microsoft Excel 2010 Windows Edition by Eric Miller

CLAREMONT MCKENNA COLLEGE. Fletcher Jones Student Peer to Peer Technology Training Program

Getting Started. What Is After Effects? 000. This chapter provides background information related to Adobe After

In this exercise you will be creating the graphics for the index page of a Website for children about reptiles.

Creating an Animated Navigation Bar in InDesign*

After Effects - Scrolling Credits

For today, choose Format: NTSC Rate: Use: DV-NTSC Anamorphic (North American, widescreen)

On the Web sun.com/aboutsun/comm_invest STAROFFICE 8 DRAW

A Tour of Photoshop Elements 8 What s what and what it does

CHAPTER 1 COPYRIGHTED MATERIAL. Finding Your Way in the Inventor Interface

Chapter 1. Getting to Know Illustrator

Basics of Adobe Premiere

Flash offers a way to simplify your work, using symbols. A symbol can be

4 Working with Selections

Adobe Flash CS4 Part 1: Introduction to Flash

Using the Shaping Tools to Modify Objects

7 TyPOGrAPHiC DESiGn lesson overview

Tutorial Four-Point Tracking. Four-Point Tracking

XXXX BASIC SHAPES. Information. Sheet No. INTRODUCTION TO GRAPHICS

Create a Cool Vector Robot Character in Illustrator

Carol Freeman. Photographer

Animated Gif - Illustrator /Text and Shapes

Basic Editing in Adobe Premiere

Drawing shapes and lines

14. Using Illustrator CC with Other Adobe Applications

Basic Editing. Back to Contents. Tutorial PREMIERE 5.0. Lesson 1

Photoshop 5.0 Tips & Tricks

Using Flash Animation Basics

Getting started. (The path to the file is: Adobe Illustrator 8.0 application folder > Training > Tutorial > AI_03 > 03_b.ai.)

Think of layers as a stack of transparencies. Layers can be changed independently of other layers by clicking on its name in the layers palette.

Tutorial: Overview. CHAPTER 2 Tutorial

The AiM Codec for Windows and OSX

Fig. A. Fig. B. Fig. 1. Fig. 2. Fig. 3 Fig. 4

The field of video-editing software is getting pretty crowded these days.

Using Microsoft Word. Text Editing

The Monitor Window. 3.The Monitor Window Premiere Pro 1.5 H O T

The Polygonal Lasso Tool In Photoshop

The Project. 1.The Project Premiere Pro 1.5 H O T

Sports Jersey Mania, Part 1 By Joel Day

Quick Start Tutorial

Adobe. Photoshop CC. Alberto Seveso. CLASSROOM IN A BOOK The official training workbook from Adobe. Andrew Faulkner & Conrad Chavez

Customize Your Environment

12 APPLYING EFFECTS. Lesson overview

How to prepare your files for competition using

Industrial Marking and Labeling, Inc. with all fonts converted to outlines or

The first thing you ll want to do when you open Premiere is start a new project. Make sure to select a name and location you ll remember.

Transcription:

Creating Titles in Photoshop Even if your editing package includes a great titler, there might still be times when you want to craft titles in a paint program or image editor. For example, there might be times when you want to create hand-lettered effects, or more illustrative graphics and titles. For these instances, you ll create your title images in your paint program of choice, and then move them into your editing or special effects package to composite them with your video and other graphics. In the next section, we ll cover everything you need to know to perform these types of simple composites. Even if you don t expect to ever do this kind of titling work, it s worth working through this tutorial for the compositing fundamentals that will be introduced. Tutorial Creating a Title in Photoshop All editing packages come with internal title tools these days, but they often leave a lot to be desired. When compared to sophisticated graphics applications such as Photoshop, they appear rudimentary at best. The good news is that you can use a painting or image editing program such as Photoshop to create titles. In your editing program, you can then superimpose your graphics files over your video. (If you don t want to super your graphics, but just want them on a solid background, you can simply import a graphic into your editing package as is.) Let s say you want to superimpose a simple title graphic over an establishing shot in your video. Although you could go to your favorite paint program, grab the Text tool, type some graphics, and save the file, when you import this graphic into your editing or effects package, the background behind the text will be solid, and thus will obscure any video layered beneath it. You could try to use a chroma or luminance key as we described earlier, but keys can result in ragged edges around your characters, and require much more time to render. There are some better solutions. If you will be performing your composite in Adobe Premiere, Apple s Final Cut Pro, or Adobe After Effects, then creating a title with Adobe Photoshop or higher will be fairly simple, because these programs provide direct support for files in Photoshop format: 1. First, create a new document in Photoshop. If your video is in DV format, you ll need to create a document that is 720 540 pixels with a resolution of 72 pixels per inch. Other video formats and some analog

digitizing cards might require different sizes. (See the preceding section, Pixel Aspect Ratios. ) Check your manual for details. In the New Document window, enter the correct dimensions, and check Transparent to give the document a transparent background. 2. Now you can simply pick a color, grab the Type tool, and create a title. Your text will be created on a separate Text layer. The layer s title will be the first few words of your text. Depending on your editing application, you might have to choose Layer>Text>Render Text before you save. 3. Save your document as a Photoshop file, make a backup copy, resize it to 720 3 480 pixels, and import it into Premiere, Final Cut, or After Effects. Upon importing, you ll be given a choice as to which layer you want to import. Select the Text layer, and your text will be imported with full, correct transparency. Place the text in a track that s higher in the stacking order than your video. When previewed, you ll see your text super ed over your video! If your editing package doesn t directly support Photoshop files, or if you re using an earlier version of Photoshop, or if you want to perform a more sophisticated composite (such as text that fades from top to bottom), then you ll need to manually create an alpha channel mask for your text. Step 1: Create a Document in Photoshop Create a new document with the appropriate dimensions (720 540 if you re using DV). In the New Document window, enter your dimensions, and under Contents, click White. This will create a document with a solid, white background. As an alternative, you can open the document Safe Guides.psd, located on the companion DVD. This Photoshop document measures 720 540, has a white background, and includes a separate layer showing action- and title-safe guides. If you choose to use this document, make sure the Background layer is the active layer. You don t want to create content in the Safe Guides layer. Step 2: Select a Color and Choose Your Tool Click on the Foreground color swatch to select a color for your text, and then click and hold on the Text tool in the Tool palette to pop out a submenu of other text tools. Select the Horizontal Type Mask tool, the second tool in the menu and the one that looks like a T composed of dashed lines (Figure 17.17).

Figure 17.17 Photoshop s Horizontal Type Mask. Step 3: Create Your Type Click in your document window in a location close to where you want the center of your text to be. Click the Center Justify button on the Photoshop toolbar, then enter your text. Set the typeface, size, leading, and other parameters. You won t be able to correct this text later, so check your work carefully. Click OK when finished. Step 4: Position Your Type After clicking OK, you won t actually see any text on your screen. Instead, you ll see a selection, or outline, of your text. You can position this outline by dragging it around with the Move tool (Figure 17.18). (As a shortcut, you can hold down the Command key (Mac) or Control key (Win) to temporarily change your cursor to the Move tool. When you let go, it will revert to the text tool.)

Figure 17.18 After creating type with the Type Mask tool, you ll see a selection rather than colored text. Step 5: Color the Selection To create your type, select Fill from the Edit menu and choose to fill using the Foreground color. This will fill the selection with your chosen color. Step 6: Create the Alpha Channel Now, select Save Selection from the Select menu. Accept the defaults in the Save Selection dialog and press OK. Open the Channels palette. Now, in addition to the normal Red, Green, and Blue channels, you should see an additional channel called Alpha 1. Click on this channel in the Channels palette to look at your new alpha channel. The black areas of the channel will be completely transparent when rendered in your editor. In other words, any video positioned underneath these areas will show through. Just like a stencil, the black areas indicate areas of the text layer that will be masked. The white areas indicate areas of the layer that will be visible. Because the black is masking out the area around our text, we ll see the underlying video. Our colored text will be superimposed (Figure 17.19).

Figure 17.19 The black areas in our alpha channel indicate areas of the image that will be masked away to reveal underlying layers. This alpha channel will result in our colored text being visible, but the area around it being transparent. Step 7: Save Your Document If you re using the Safe Guides document, switch back to the Layers palette and discard the Guides layer. Make a backup copy and then resize your artwork to 720 3 480. Now, save this document in a format supported by your editing or effects program. Note that you ll need to select a format that supports alpha channels, such as TIFF, PICT, or Photoshop (PSD). Step 8: Import Your Title and Video into Your Editor Launch your editing package, and import your source video and the title document you just made. Place both documents in your timeline, with your title document in a higher layer.

Step 9: Define Transparency Now you need to tell your software to use the alpha channel that is included in your text document. Some applications such as Adobe After Effects automatically treat the alpha channel as a mask and render appropriate transparency. Other applications, such as Avid Media Composer, will ask you to define the alpha channel when you import the image. Still other applications require you to define the alpha channel as transparent, just as you would define a chroma key to knock out a colored background. Consult your manual for details. If you re unsure of where to find such information, check the manual s index for terms such as Setting Transparency, or Alpha Channels. That s it! Remember that if you want to change the text, you not only have to recreate the colored text, but the corresponding alpha channel as well. If you re putting multiple titles on the same screen, you might want to consider creating separate title elements in separate documents, and then arranging them onscreen in your compositing program. This will make it easier to keep your titles discreet and editable. Text Fringing Depending on the size of your text and the color of your background, you might see a thin white fringe around your text when it is composited. Photoshop smoothes text by slightly blurring the edges of each character into the background, a process known as anti-aliasing. Because the background in your document was white, the intermediate hues within the blur contain a lot of white. If the background in your composite is not white, these white pixels might show up. If your final destination is video, the odds are that this fringe wonʼt be seen. However, if your video is bring prepared for CD, DVD, HD, or online distribution, or if your titles will be scanned directly to film, then it just might be visible. You have a couple of options for removing it: Grab a still from the video over which it will be composited, use this as the background layer in Photoshop, and recreate your text over this layer. Before exporting, click on the alpha channel in the Channels palette and apply a Minimize filter (Filter>Other>Minimize). Specify a Radius of 1 pixel. If youʼre using a very thin-stroked typeface, this might cause some of the typeʼs lines to break apart. Although this might seem like a lot of work just to get a simple title, remember that there will be times when youʼll be using these techniques to create titles that canʼt be made any other way.

Congratulations! Although this example might seem pretty simple (and somewhat boring), you ve actually just learned a fundamental, basic task that you will use over and over again for any type of effects work. Alpha channel masking is an essential concept for all types of visual trickery, from advanced color correction to sophisticated effects. In the next section, we ll take your alpha channel understanding a bit further.