Final Cut Pro 6 with Photoshop CS3 IntegrationIntroducing the Photoshop interface| 00:01 | I'd like to welcome you to this training
series titled Photoshop for Final Cut Pro.
| | 00:05 | My name is Frank Rohmer and I'll be
taking you through all the lessons found in
| | 00:08 | this training series.
| | 00:09 | So why don't we go ahead and get
started with the first lesson, which is an
| | 00:12 | introduction to the Photoshop interface,
and I have already launched Photoshop,
| | 00:15 | and if you would like to launch
Photoshop, you can balance between the lessons
| | 00:19 | and go right into Photoshop if you'd
like, or if you simply just want to watch
| | 00:22 | these lessons, that will work too.
| | 00:24 | Well, Photoshop is launched. I'm
running Version CS3 and it almost looks like
| | 00:29 | Photoshop is not launched,
because you can still see my desktop.
| | 00:33 | Well, don't let that fool you.
| | 00:34 | Number one, it is launched;
| | 00:35 | number two, it's a very powerful
application that looks very timid and Adobe
| | 00:40 | has done a great job of designing something
that us editors love to use on a daily basis.
| | 00:45 | And I'm certain that after you've taken
all the lessons found in this training
| | 00:47 | series that you will feel the same.
| | 00:49 | As a matter of fact, I feel that the
items that I'm going to teach you will
| | 00:52 | enhance your production value. Okay.
| | 00:55 | So, while I'm explaining the interface,
I want to open up a document to help me
| | 00:58 | explain how the interface works.
| | 01:00 | I'm going to navigate down here at the
bottom right-hand side of my screen and
| | 01:03 | click on a document that I created here
in Photoshop and I'll probably touch on this
| | 01:09 | and a few other things as
we go through the introduction.
| | 01:12 | Well to begin with, I'm going to start
over here on left hand side. There is a
| | 01:15 | toolbar within Photoshop, zoom into that
and these are tools that we'll be using
| | 01:21 | throughout these lessons.
| | 01:22 | Now we may not use all of these,
but we'll use a lot of them.
| | 01:24 | And as you can see whenever my cursor is
hovering over a tool, it more or less lights up.
| | 01:30 | You will also may notice that there
is a little triangle on the bottom
| | 01:34 | right-hand side of a lot of these
tools and if you mouse click and keep your
| | 01:37 | finger down on the mouse of one of
these tools then Photoshop will reveal
| | 01:42 | additional tools just like that.
| | 01:45 | And when you get a chance if you want
to go through and just make yourself or
| | 01:48 | get yourself familiar with the
additional items that could be hidden, I'll call
| | 01:52 | that they are hidden,
it's probably not a bad idea.
| | 01:55 | Now we don't have time to go through
all of these, but as you can see here only
| | 02:00 | a couple of these do not have that
triangle. This is one of them, the Move tool,
| | 02:04 | which happens to be, I'm going to
say, the most popular tool in Photoshop.
| | 02:09 | Now if you wanted to expand the toolbar
to a single row you could simply click
| | 02:14 | on this Double Arrow here and it does
that. See how that works? Or you click on it
| | 02:18 | or at the top portion actually of
the toolbar to make it into a dual row.
| | 02:23 | So we'll be touching on this throughout
the lessons here in this training series.
| | 02:28 | What about this top portion of the
interface where my cursor is now?
| | 02:31 | Well, basically, when you select a tool,
for instance, I'll mouse click on the
| | 02:34 | Type tool, notice how this area
changes and basically any tool that you
| | 02:38 | select is going to change your
options here at the top portion of the
| | 02:43 | interface of Photoshop.
| | 02:45 | And basically, when we select a tool,
we'll more or less use these items up here
| | 02:51 | to manipulate that tool and create cool
items like you see I have done here in
| | 02:56 | this Canvas window. More on
this Canvas window in just a moment.
| | 02:59 | So, I'm going to mouse click on
the Move tool to bring that back.
| | 03:01 | And this top portion of the interface
is really on all of our menu options.
| | 03:05 | We'll be diving into a lot of these.
For instance, if you mouse click on the
| | 03:08 | word File, we can create a new document, and
we could save our document, we can import items.
| | 03:15 | So these items up here are areas
that we're going to be jumping into
| | 03:18 | throughout all of our lessons. Okay.
| | 03:21 | What about over here on far
right-hand side of the screen?
| | 03:23 | Well, these are the palettes or the
palette and I can expand certain portions of
| | 03:28 | the palette by clicking on the
Minimize or Unminimize button within the each
| | 03:34 | section of the palette window.
| | 03:36 | In fact, I have a double-arrow
here on the left and right-hand side.
| | 03:38 | If I wanted to minimize my palette to
the smallest that it would go then I
| | 03:42 | would click on that.
| | 03:44 | Notice how, if I want to open up say,
for instance, the layers portion of this palette,
| | 03:48 | then I would get just my layers.
More on the Layers in just a moment.
| | 03:51 | But if I want to keep these open then I
would simply click on the double-arrow
| | 03:55 | just like that and they would be revealed.
| | 03:58 | Now you will see that there are tabs
within palettes of the interface of
| | 04:04 | Photoshop and these tabs basically
will give us more information,
| | 04:07 | visual information of the
document that we are creating.
| | 04:11 | For instance, when we click on the
Layers, by the way this is one of the tabs
| | 04:16 | we would probably be using a lot more than
others, it will reveal the layers of our document.
| | 04:22 | And basically our
document here has three layers.
| | 04:25 | We have a bottom layer with an
eyeball to turn it on or off, see how that
| | 04:28 | works by clicking on the eyeball, or
the word My, or the word Pimp, and we can
| | 04:35 | rearrange these layers too by mouse
clicking on one layer and dragging it straight up.
| | 04:38 | Do you see that?
| | 04:39 | Now this giant title block is above in
front of the word My and this is very
| | 04:44 | similar to have Final Cut Pro works.
Final Cut Pro does the same thing and
| | 04:48 | notice when they click on the layer I
can drag it up or drag it down to change
| | 04:51 | the arrangement of how they
are stacked within my document.
| | 04:56 | And of course, the top layer takes
precedence over the bottom layers,
| | 05:00 | just like Final Cut Pro. It's pretty cool.
| | 05:02 | One other thing that I want to bring to
your attention before we move on is if
| | 05:05 | you click on this double-arrow over here
to expand, you will notice that we have
| | 05:09 | a History tab, which is pretty cool,
and this will allow us to step back and
| | 05:15 | actually see what our steps were to
get to a particular point while we are
| | 05:20 | creating something within Photoshop and
we can delete that, which is a very cool
| | 05:25 | feature that you will probably
use a lot more than you think.
| | 05:29 | So the middle portion of the interface
has a canvas where we'll create documents
| | 05:35 | or graphics or titles that will
eventually end up in Final Cut Pro.
| | 05:39 | And this particular document has some important
features and I want to bring to your attention.
| | 05:44 | Number one, the basics are
the title, which is right here.
| | 05:49 | The RGB format that we are working in.
The name of course is there as well.
| | 05:55 | And the areas that surround this document,
for instance the ruler here which is
| | 06:01 | showing pixels. That's important.
The checkerboard background which reveals a
| | 06:05 | transparent background, which means
I can take this item, this title,
| | 06:09 | this document into Final Cut and float it
on top of video. In other words, you would
| | 06:13 | see the video on the
background, which is very cool.
| | 06:17 | Document size down here on the bottom
left-hand side and I can expand this
| | 06:22 | document by clicking on this yellow
button here of course or I can mouse click
| | 06:26 | on the bottom right-hand side of this
document and enlarge it that way or push
| | 06:30 | the Command key on my keyboard and the
Minus key to shrink it down or to blow it up
| | 06:35 | and basically when I do that,
you will the percentage sign is changing
| | 06:39 | and most of the time, I'm going to ask
you to try to keep this percentage at 100,
| | 06:44 | because that will reveal more
accurate information as we are creating our document.
| | 06:51 | And that's the introduction to the
interface to Photoshop. As you can see,
| | 06:54 | it's pretty straightforward, fairly easy
to use and so I hope you enjoyed this
| | 06:58 | introduction of the interface to Photoshop.
| | 07:00 | We are now ready for the next lesson.
| | Collapse this transcript |
| Photoshop settings and preferences| 00:01 | Now, in this lesson, I'd like to talk
to you about the logical steps that you
| | 00:04 | would normally take when you want to
create an item in Photoshop that you want
| | 00:07 | to use in your Final Cut Pro project.
| | 00:10 | Now the thing you have to remember
though of course is what is the format
| | 00:13 | you are working with in Final Cut Pro, so
that you can select the matching preset
| | 00:18 | within Photoshop, so that with whatever
item you create in Photoshop will match
| | 00:23 | your project settings within Final Cut Pro.
| | 00:25 | And that's really been one of the
coolest things about this version, which
| | 00:28 | is CS3 of Photoshop.
| | 00:30 | This version has presets
that you can simply select.
| | 00:33 | What if you were working with 4:3 DV or
16:9 DV or DVCPRO HD or HDV, those are
| | 00:40 | all popular formats. You just have to
remember to select the proper preset in
| | 00:44 | Photoshop to match your Final Cut Pro
Project and your Preferences & Settings
| | 00:48 | for that document are all taken care of.
| | 00:51 | It's that simple. Take a look.
| | 00:52 | First, navigate up to the word File
here at the top menu, mouse click and
| | 00:56 | select New, and a New Project window
will appear and I'm going to give this a name.
| | 01:02 | I'm going to call it DV test
item because I'm going to use DV Final Cut
| | 01:08 | Pro project as an example for this
lesson and then right below the Name option
| | 01:12 | there is a Custom option where is says
Preset to the left. If I mouse click on
| | 01:15 | this button, I can now select Film &
Video, so you simply select Film & Video
| | 01:21 | just like that and take a look.
| | 01:22 | Now, I have the option, right where my
cursor is now, if I select where it says
| | 01:26 | NTSC DV, mouse click on that, I can
select an NTSC DV Widescreen preset or I can
| | 01:32 | select the PAL preset, take a look, or
HDV or DVCPRO HD and simply click on the
| | 01:38 | preset here in this menu item or
items to match your Final Cut Pro project.
| | 01:44 | So, I'm going to select NTSC DV because
again that's what I'm going to use for
| | 01:48 | this lesson in my Final Cut Pro project.
| | 01:50 | And when you do this take a look.
| | 01:52 | The Width, the Height, the
Resolution even the Color Mode, all match.
| | 01:56 | Standard 4/3 NTSC DV. It's that simple.
| | 02:00 | In fact, the Color Profile down below and
the Pixel Aspect Ratio were all taken care of.
| | 02:05 | The only thing I recommend
you do though is to change the
| | 02:07 | Background Contents.
| | 02:08 | If it says White here, mouse click on
this button here and select Transparent.
| | 02:13 | And that way, when we save this
final document as a PSD document we'll
| | 02:17 | preserve the transparencies so that we can
float our graphic or our title on top of video.
| | 02:23 | So, once you have done this, once
you have selected the proper preset,
| | 02:25 | navigate up to the word OK here.
| | 02:27 | Mouse click on that and then select OK
on the Preview option and there you go.
| | 02:32 | There is our blank Canvas.
| | 02:34 | It even has Action Safe and Title
Safe regions and we are pretty much done.
| | Collapse this transcript |
| Preparing a PSD for Final Cut Pro| 00:00 | Now let's just put a basic graphic
square or circle item here in the middle and
| | 00:05 | I'm going to navigate over in my
toolbar over here and I'm going to use the
| | 00:09 | Marquee, the Elliptical Marquee.
| | 00:10 | If you don't see the circle version
basically of the Marquee, you can mouse
| | 00:13 | click on this bottom in the upper left-
hand side and then you'll get the menu
| | 00:16 | option to select the Elliptical Marquee
like I've just done, and let's create a
| | 00:21 | circle right in the center.
| | 00:23 | Now the reason why I'm having you do
this is you always want to make sure that
| | 00:25 | the aspect ratio of the graphic item
you're bringing in the Final Cut Pro will
| | 00:30 | be maintained properly.
| | 00:31 | It won't be stretched or won't look weird.
| | 00:34 | So it's a good test too to make
sure you are doing this correctly.
| | 00:37 | So I'm going to hold the Shift key
down and I'm going to mouse click and drag
| | 00:40 | and the reason why I'm holding the
Shift key down is to create a perfect circle
| | 00:44 | that constrains this Elliptical Marquee
as I Shift-click drag to make a perfect circle,
| | 00:49 | and then I can move and move it
in the center and I'll just eyeball it
| | 00:53 | for this lesson by clicking in the
middle part and dragging it and then I'm
| | 00:56 | going to select the Move tool again to
get rid of that Marquee tool and there we go.
| | 01:00 | Now I want to fill this with color and
I suggest that whatever color you have
| | 01:03 | over here, which by the way, will be
the color if you mouse click on this Paint
| | 01:07 | Bucket and fill this circle with,
it will be whatever color is there.
| | 01:11 | So whatever color you want
to use, if it's black, great.
| | 01:13 | Leave it there.
| | 01:14 | Let's mouse click on the Paint Bucket,
navigate over to the circle and click in
| | 01:18 | this middle and it fills with black.
| | 01:20 | Not bad. Now let's put that tool away.
| | 01:23 | You always want to make sure you put tools away.
| | 01:24 | You want it to be nice and tidy.
| | 01:26 | You want to make sure you don't
have a bunch of tools laying around.
| | 01:27 | You can get pretty messy if you don't.
| | 01:29 | Once we have done that, select the Move
tool, which is what I just clicked on up
| | 01:32 | here in the upper right-hand
corner and put that tool away.
| | 01:35 | Now the outer edge is still active.
| | 01:38 | It's still selected. Let's get rid of
that by navigating up to the Select option.
| | 01:42 | Here the top menu and mouse click and
select Deselect and then that active edge goes away.
| | 01:46 | Not bad, pretty easy.
| | 01:48 | Now let's save this as PSD document and
if you're wondering why am I asking to
| | 01:53 | save this as a PSD document, it's because
I want to preserve the transparency in the
| | 01:56 | background, so I can float
this graphic item on video.
| | 01:59 | So to do that, we navigate it to word
File and mouse click and select Save As,
| | 02:05 | and I want to save it to the desktop by
clicking on the Desktop option there and
| | 02:09 | I'm going to change this down here.
| | 02:10 | Let's just call this DV 4:3 because
that's what I'm going to bring into Final
| | 02:17 | Cut Pro with and if you don't
see the .psd here, you should.
| | 02:21 | And if you don't, you can mouse click on
this Format option here, mouse click on this
| | 02:24 | and make sure that Photoshop has
the check mark to the left of it and then
| | 02:28 | you'll get .psd, just like that, okay.
| | 02:31 | Now I'm going to select Save down
here and then I'll select OK for the
| | 02:35 | maximize compatibility and now I'm
going to hide Photoshop and now that
| | 02:39 | document should be on my desktop.
| | 02:41 | There it is. Very cool.
| | Collapse this transcript |
| Importing a PSD into Final Cut Pro| 00:01 | Now I'm going to open up Final Cut Pro,
navigate down here to my dock and open
| | 00:05 | up Final Cut and I'm going to open or
import that item into my standard DV 4-3
| | 00:11 | Final Cut Pro project.
| | 00:12 | That's more or less what I'm going to
pretend like I'm editing with, so I could
| | 00:15 | bring this graphic item in Final Cut.
| | 00:17 | So I'm going to click on the browser to do that.
| | 00:18 | I'll push Command+I. It's
just the shortcut to import.
| | 00:22 | There it is sitting on my desktop.
| | 00:25 | That's a shortcut to import an item
and I'll double-click on this item, to
| | 00:28 | bring it in.
| | 00:29 | And take a look at this.
| | 00:30 | When you import a PSD document into
Final Cut Pro, notice how the icon is
| | 00:35 | similar or identical actually to a
sequence icon, sometimes that confuses people
| | 00:40 | but that's how Apple designed Final Cut Pro.
| | 00:43 | When you import a .psd item from
Photoshop into Final Cut Pro, the icon will
| | 00:50 | not show you the actual graphic that
you created in Photoshop like some people
| | 00:54 | think and I'll explain why in just a
moment but I want to bring that to your
| | 00:57 | attention.
| | 00:58 | Now one of the first couple of things
that an editor wants to do is look at this
| | 01:02 | graphic item that they created, they
want to look at in the Final Cut Pro and we
| | 01:06 | created a black circle.
| | 01:08 | One of the things a lot of editors don't
know is they think that they can double
| | 01:12 | click on this item to
open it up into the viewer.
| | 01:14 | No, that doesn't work that way.
| | 01:16 | Really the simplest way to get this item
into the viewer so that you can see it,
| | 01:19 | there's actually two steps we are going
to have to take based on the graphic we
| | 01:22 | created or at least, what I created.
| | 01:24 | The first way you should navigate to
this icon here of the psd item in your
| | 01:29 | Final Cut Pro project within the browser,
you mouse click and you drag it into
| | 01:33 | the viewer and you let your mouse go.
| | 01:35 | Now I'm not going to see this item because why?
| | 01:37 | Well, by default, the background of my
viewer is black, so what's the color of
| | 01:42 | the graphic I created.
| | 01:43 | It's also black.
| | 01:44 | So I'm not going to see
this until I do the following.
| | 01:46 | Navigate to the Viewer button in the
upper right-hand corner, which is where my
| | 01:50 | cursor is now in the viewer.
| | 01:52 | Mouse click on that and select.
| | 01:53 | You can either select White or Checkerboard.
| | 01:55 | I like checkerboard so I can see the
transparency of the document that I
| | 01:59 | created in Photoshop.
| | 02:00 | So check this out, I'm going
to select checkerboard and boom!
| | 02:02 | There it is.
| | 02:05 | So by selecting mouse-- again, I'll show you.
| | 02:08 | I'll mouse click on that and select
checkerboard, I'll now see the transparency
| | 02:12 | of the document and look
the aspect ratio is perfect.
| | 02:14 | It's a perfect circle.
| | 02:16 | That's what we did in Photoshop.
| | 02:18 | Now to use this in Final Cut, you can
mouse click and simply drag it down from
| | 02:22 | the viewer and pop it down in
your timeline and boom, there it is.
| | 02:24 | Now, again, you're going
to have the same problem.
| | 02:26 | Look how I'm dragging my playhead
over this graphic item and I don't see it
| | 02:29 | in the canvas window.
| | 02:30 | It's actually there.
| | 02:31 | It's just the canvas window
also has a black background.
| | 02:34 | These are a few those things.
| | 02:35 | A lot of editors just don't realize.
| | 02:37 | So I'm glad you are watching this
because now you will realize by doing
| | 02:40 | the following.
| | 02:41 | You can navigate to the View button
and in the canvas window, mouse click on
| | 02:44 | that select and Checkerboard.
| | 02:46 | Then you will see the
transparency background very, very clear.
| | Collapse this transcript |
| Modifying a PSD once in Final Cut Pro| 00:01 | Now, what if I wanted to change
something about this psd document?
| | 00:05 | In other words, notice how
when I imported this item.
| | 00:08 | It came into 10 seconds, which is
the default duration when you import a
| | 00:11 | graphic item, no matter what it is
into Final Cut Pro, unless you've changed
| | 00:14 | your preferences.
| | 00:15 | Most of you don't or haven't done that,
so that's going to come into 10 seconds.
| | 00:18 | What if I want to make it 20 seconds?
| | 00:20 | Well if you navigate down to the edge of
this graphic item, look how your cursor
| | 00:24 | changes to a double flat arrow.
| | 00:26 | That's common, but what if try to expand it out?
| | 00:28 | Mouse click and drag it out.
| | 00:29 | I can't.
| | 00:30 | I can shorten it by dragging
to the left and letting it go.
| | 00:32 | I don't want to do that.
| | 00:33 | I want to make it into 15
seconds, let's say I want to do that.
| | 00:35 | Look how it just stops.
You can't do it, can you?
| | 00:38 | Well, this is another one of those
things that you need to know about.
| | 00:41 | In order to change the duration of this
document, you simply double-click on it.
| | 00:45 | When you do that, Final Cut Pro opens
it up into its own timeline, see that.
| | 00:49 | I can navigate to the edge, mouse
click and drag it out, let's make it 15 seconds.
| | 00:52 | See in the yellow box here 00:00:14:29,
00:00:15:00, there we go, 0:00:15:01,
| | 00:57 | there we go, 00:00:15:00, When I let
that go, it's now 15 seconds in length.
| | 01:00 | If I navigate over to the Sequence tab,
which is where I'm doing my editing,
| | 01:04 | this is now 15 seconds.
| | 01:05 | Take a look, if I control-click
on it, Duration (00:00:15:00).
| | 01:08 | You see that?
| | 01:09 | Very, very cool.
| | 01:10 | Hey, what if I wanted to change the color?
| | 01:12 | Shall I go back into Photoshop?
| | 01:14 | Of course, it's the only way to do it.
| | 01:15 | But hey, let me show you a shortcut.
| | 01:16 | This is a really cool
thing you need to know about.
| | 01:19 | The only way to do this, see there is
a link between Photoshop now and Final Cut Pro.
| | 01:23 | If you do it in this manner, you have to
go to the timeline with the document is
| | 01:28 | in, which is not the editing timeline
but the actual timeline that the item was
| | 01:33 | imported with, which is the DV 4-3.psd.
| | 01:38 | That's important.
| | 01:39 | You got to remember that, and if you
Ctrl-click on this item, so I'll push
| | 01:41 | the Ctrl key.
| | 01:42 | Ctrl, mouse click, look, Open in Editor.
| | 01:46 | Check this out.
| | 01:47 | It's going to open up
Photoshop and take a look at that.
| | 01:49 | It opens up it into Photoshop.
| | 01:50 | Now I can make a change to it.
| | 01:51 | As long as you save your document
properly, it will update Final Cut Pro.
| | 01:56 | Let's do something real quick.
| | 01:57 | I am going to change the color of this circle.
| | 01:58 | So I'll navigate over her, double-click
on that to open up the Layer Style and
| | 02:03 | to change the color, I simply click in
the Gradient box here and then I make
| | 02:07 | sure I select - actually, I
don't want Gradient, I want Color.
| | 02:10 | Let's do that.
| | 02:11 | I'll click in the Color and
then I also select that layer.
| | 02:14 | See how that happens and look.
| | 02:15 | It already changed to kind of a bright
orange but you have to make sure it's
| | 02:18 | checked and selected.
| | 02:20 | And then and you navigate up to this
color up here, see the Color option and I
| | 02:25 | can mouse click and drag and it's pretty
much changed the color, let my mouse go
| | 02:28 | and look how it updates.
| | 02:29 | And I also have a range here, I can
mouse click, click, click, click in
| | 02:33 | this gradient bar here.
| | 02:35 | Let's say I want to use kind of a light blue.
| | 02:37 | If I click in the blue area here, the
blue that I like and then I would select a
| | 02:41 | range or the brightness
or darkness of that color.
| | 02:44 | Look how it updates over here automatically.
| | 02:47 | So I'll just leave it there.
| | 02:47 | I'll leave it a light blue, I'll mouse
click on the OK option there and then
| | 02:51 | I'll mouse click on this OK
option in the upper right-hand corner.
| | 02:54 | Now I have created an effect within
Photoshop by doing this, by the way.
| | 02:58 | If I were just to save this right
now and go into Final Cut, it wouldn't be blue.
| | 03:02 | It would still be black, because
this effect is only native in Photoshop.
| | 03:06 | So there is a few ways to make this
change happen in Final Cut and I want to
| | 03:11 | show you probably the simplest way.
| | 03:12 | Here we go.
| | 03:13 | I want to merge this layer
into another blank layer.
| | 03:17 | So if I navigate down here to this
page peel, see down here at the bottom
| | 03:20 | right-hand side, if I mouse click on
that, I'll get another blank layer.
| | 03:24 | This is how Photoshop works.
| | 03:25 | I have a blank layer sitting
here and beneath is my circle layer.
| | 03:29 | If I merge these two layers together and
save it, it will update in Final Cut as
| | 03:33 | this new blue color.
| | 03:35 | So I'll select this first layer here,
I'll Shift-click on the second layer so
| | 03:39 | they are both selected and then in the upper
right-hand corner, it's really hard to see.
| | 03:43 | It's a little down arrow.
| | 03:45 | See that right there?
| | 03:46 | If I mouse click on that and then I
navigate straight down to Merge Layers,
| | 03:52 | I'll select that, boom!
| | 03:54 | Now that's been merged.
| | 03:55 | Notice how the circle changed to blue.
| | 03:58 | Then if I navigate here over here to
Photoshop item in the upper left-hand side,
| | 04:01 | mouse click on that and select --
select File first, this is important, select
| | 04:05 | File first which is where my cursor is
and then select Save and then you can
| | 04:10 | navigate over the word
Photoshop and select Hide Photoshop.
| | 04:14 | It will update Final Cut.
Look at that.
| | 04:15 | So that's updated, if I navigate to
the Sequence tab over here, that's
| | 04:19 | updated and we are set.
| | 04:21 | Once you're done with this lesson,
we are now ready for the next lesson.
| | Collapse this transcript |
| Creating a corporate logo pt. 1| 00:00 | Take a look at this.
| | 00:02 | We've got a simply video element in
the background slow motion with a moving
| | 00:06 | motion type element with
a title on a curve there.
| | 00:09 | This is going to be the opening of an
event video with some filters I utilize
| | 00:13 | for the background and some typed
text that I created in the Photoshop.
| | 00:17 | And then this third is going to be
text on a path, text on a curve that you
| | 00:22 | simply cannot do using Final Cut Pro by itself.
| | 00:25 | So three popular practical elements
that you can use Photoshop for with
| | 00:31 | Final Cut Pro projects.
| | 00:32 | So let's create our first item,
which is a corporate logo and this is a
| | 00:36 | fictitious production company, but this
is going to be a Salt Creek Productions
| | 00:40 | with a film reel in the middle.
| | 00:43 | Let's jump out of Final Cut
Pro and go right into Photoshop.
| | 00:46 | As you can see I already
have the corporate logo up.
| | 00:49 | I created this previously of course and
I want to keep this open as a reference
| | 00:53 | and this item is also in the Media
folder that came with the training disc, if
| | 00:59 | you purchased that disc.
| | 01:01 | So let's use this as a reference and I
want to point something out right out of
| | 01:05 | the gates and that is Photoshop CS3
and Photoshop CS3 Extended has a really
| | 01:10 | practical feature that you need to be
aware of and that is the ability to view
| | 01:15 | your document out on to an NTSC monitor.
| | 01:18 | So I have this document open and I
want to show you how to activate this.
| | 01:23 | Now you had to keep two things in mind.
| | 01:24 | Number one, you have to have a DV
device like a VCR or DV camera hooked up to
| | 01:32 | your Apple computer via the FireWire
connection and then of course you need a
| | 01:35 | monitor hooked up to that DV device and
then of course the basic items, such as
| | 01:40 | everything as to turned on.
| | 01:42 | But once you've done that, if you
navigate up to the word File, mouse click and
| | 01:46 | select Export, there are two
items here that we need to go to.
| | 01:48 | Video Preview is to the first one.
| | 01:50 | Give it a moment to open.
| | 01:52 | There we go.
| | 01:53 | You want to make sure you go through
all these settings, your Output Mode, the
| | 01:56 | Aspect Ratio sometimes the Placement,
you change that if you actually mouse
| | 02:01 | click on Do Not Scale, you
will get this option here.
| | 02:04 | But I'm going to mouse click on
Scale to Fit Within Frame and apply Pixel
| | 02:08 | Aspect Ratio to Preview.
| | 02:10 | Once you've done all this, you select
OK and the moment you do that, you'll see
| | 02:15 | the document out on to your NTSC
monitor, if everything is hooked correctly.
| | 02:18 | Then as you are creating, you'll have
to refresh the output by navigating up to
| | 02:22 | the Word File, mouse click and select
Export, Send Video Preview to Device,
| | 02:27 | because this is not an automatic live feed.
| | 02:29 | You have to do that every five or ten
minutes or whenever you want to see the
| | 02:33 | update, and it helps because you are
going to see this out on to NTSC monitor to
| | 02:37 | give you a different perspective of
possibly what your customer will see when
| | 02:40 | you hand them that DVD or whatever you
give them, so they can see it on to their
| | 02:45 | standard NTSC monitor.
| | 02:46 | So with that said, let's jump right into this.
| | 02:49 | I'm going to keep this document open.
| | 02:50 | I'm going to just drag it down to the
right and let's create this some scratch.
| | 02:54 | So the first thing we want to do here in
the Photoshop is that navigate it up to
| | 02:57 | this top menu, mouse click on
the word File and select New.
| | 03:00 | And we get our new project window
and I'm going to give this a name.
| | 03:04 | Let's call it Corporate Logo.
| | 03:13 | There we go.
| | 03:14 | The Preset we, of course, need to
mouse click on the Custom button and
| | 03:17 | select Film & Video.
| | 03:19 | That's a key and then for the Size
you would select the format that you are
| | 03:23 | working with in Final Cut Pro, of course.
| | 03:24 | I'm going to keep the NSTC DV option there.
| | 03:28 | But there, when you click on that
button, you'll see all the other popular
| | 03:31 | formats there as well.
| | 03:32 | You want to make sure you click on the
correct one, and then down here on the
| | 03:35 | Background Contents mouse click on the
White button here and select Transparent.
| | 03:38 | We want that checkerboard
transparent, you remember.
| | 03:40 | Then we select OK and then OK
again and we have our blank canvas.
| | 03:44 | So to create a title,
it's pretty straightforward.
| | 03:45 | We navigate over to the
letter T in a toolbar over here.
| | 03:49 | If you don't see the letter T for
whatever reason, keep your finger down on the
| | 03:52 | mouse and you'll see the other options
there that you do not want to select.
| | 03:57 | You want the Horizontal Type tool.
| | 03:59 | Once you've done that the Font
capabilities are of course displayed here in the
| | 04:04 | top portion of the interface.
| | 04:06 | So I'm going to mouse click on this
Down arrow to select a particular Font.
| | 04:09 | Any installed Font will work.
| | 04:11 | I'm going to go with Arial Black.
| | 04:12 | It's a nice bold Font and I'm going to
change the Font size by mouse clicking
| | 04:17 | and dragging over the numeric
value in the Font box there.
| | 04:19 | I'm going to type in 90 and I'm going
to leave Sharp as the option here with
| | 04:23 | the Up and Down arrow.
| | 04:25 | You can see there, I've many options here.
| | 04:26 | I'm going suggest you use Sharp.
| | 04:28 | Center Justification and let's change
the color by clicking on this box and
| | 04:33 | you'll see the Select text color window
will appear with two arrows and gradient
| | 04:36 | bar, a giant color box over
here with black-and-white.
| | 04:39 | If you mouse click on the Dual arrow
and drag it up and down, colors over
| | 04:42 | here change.
| | 04:43 | So you want to select the range that
you want to go with and then you can just
| | 04:47 | park it that area and then select
that particular range that you like.
| | 04:51 | I'm going to go with a blue by
clicking in this area and see how changes over
| | 04:55 | here with a new compared to the current.
| | 04:57 | So another cool trick is if you
happened to have a document open in Photoshop
| | 05:00 | that you know you like the color.
| | 05:01 | Now take a look at this.
| | 05:02 | If I just navigate down here, look I
get a color selector and I'm just going
| | 05:05 | to click on this blue.
| | 05:06 | Boom!
| | 05:07 | When I do that, it automatically
selects that color and I'm good to go.
| | 05:10 | See up here.
| | 05:11 | I'll just mouse click on the OK
button now and I can begin to type.
| | 05:15 | So I'm going to click right in the
middle and I'm going to type in Salt Creek.
| | 05:17 | There we go.
| | 05:20 | Then of course, if you don't like what
you've done, you can just backspace it or
| | 05:23 | delete it, just like Microsoft Word
where a standard word processing item.
| | 05:30 | In fact, I want to purposely put the
Creek in a taller or uppercase word there.
| | 05:36 | I can change it to make it look just
like this down here by just simply of
| | 05:40 | course separating the word Salt
and Creek of course and I'm done.
| | 05:44 | So just like a typical word processing
feature that you come across all time
| | 05:49 | in Microsoft Word.
| | 05:50 | You get a blinking cursor.
| | 05:52 | If you don't like something,
simply mouse click it and drag over it,
| | 05:54 | highlight it and change it.
| | 05:55 | You can change color, size, even font itself.
| | 05:58 | So once you've selected the item or
once you have created the item that you
| | 06:02 | like, mouse click on the Move tool over
here and then once you've done it, you
| | 06:05 | can mouse click on the proper layer.
| | 06:07 | We only have one layer over here and we
can just drag this and move this round.
| | 06:10 | I'm going to move it right
about upper center portion.
| | 06:13 | Let's create our second word.
| | 06:14 | Before we do that we want to add another layer.
| | 06:16 | So down here on the bottom right-
hand end corner of the screen, there is
| | 06:19 | a Create a new layer.
| | 06:21 | It looks like a page peel to me.
| | 06:22 | Lots of Editors can relate to that, but
if you mouse click on that, watch what
| | 06:26 | happens at the top of this layer palette.
| | 06:27 | Boom!
| | 06:28 | I get a blank layer, an
empty space to work within.
| | 06:32 | We are going work just like in Final Cut.
| | 06:34 | Just like in Final Cut the
top layer take precedence.
| | 06:35 | So we don't want to cover this other word.
| | 06:38 | So I'm going to click on the letter T
and I'm going to go with a different
| | 06:39 | color this time.
| | 06:40 | I want to go with green.
| | 06:42 | So I'll mouse click on the blue box,
color box again, drag these two arrows to
| | 06:47 | the green range and I'll go with a
darker green just by clicking in there.
| | 06:50 | It doesn't have to be exact.
| | 06:51 | If you want something exact,
you type in the RGB values.
| | 06:56 | I think that's too difficult at this point.
| | 06:59 | So we are just going to go with
-- we are just going to eyeball it.
| | 07:02 | Mouse click on the OK button, there
we go, and right about the center lower
| | 07:06 | portion of the canvas window,
click and let's type in Productions.
| | 07:11 | Now for this word, it's a little too big.
| | 07:14 | So I'm going to highlight the word and
rather than click in the numeric value
| | 07:17 | box, look, how we get a
double arrow left to right.
| | 07:19 | If I just hover it over the two T's,
look if I drag to the right or drag to the
| | 07:23 | left, look how it just does it on
the fly and I can decide what I like.
| | 07:27 | Of course, the font sizes
are changing as I do this.
| | 07:29 | That is very cool feature.
| | 07:31 | I really like that.
| | 07:32 | So I'm going go to about 50 on that one.
| | 07:34 | Then I'll mouse click on the Move
tool and I'll drag it down to the bottom
| | 07:37 | right just like that.
| | Collapse this transcript |
| Creating a corporate logo pt. 2| 00:00 | Now let's create our third element
which is that reel, that film reel.
| | 00:05 | I'm going to navigate down over to the bottom-right
to add another layer, click on that.
| | 00:08 | Then I'll navigate over here, and
right beneath the letter T, our Type Tool,
| | 00:12 | there is a Custom Shape option Tool.
| | 00:15 | If you don't see that option, mouse-
click on the button below the letter T,
| | 00:18 | keep your finger down on the mouse,
and you'll see it's at the bottom, Custom
| | 00:21 | Shape Tool, see that.
| | 00:22 | Once you've done that, up above, of
course, we have all kinds of options here,
| | 00:28 | we can navigate to the Shape option.
| | 00:30 | See where my cursor is now, and
click on the down arrow, you can see I've
| | 00:33 | already selected the film item already,
which is down here on the right, but
| | 00:36 | look at all these cool items and
shapes that you can use within Photoshop.
| | 00:40 | Now first of all, if you don't see all
of these, they're actually there, you
| | 00:43 | just haven't loaded them yet.
| | 00:45 | So if you navigate to the arrow in the
upper right-hand corner, mouse-click on
| | 00:48 | that arrow, you'll get a drop-down
menu, select All for me.
| | 00:51 | You're not going to delete
anything, and then select OK.
| | 00:54 | You'll load all the extra items from Photoshop.
| | 00:57 | Now, check this out.
| | 00:59 | There is over ton of these that are
free on the Internet. It's a cool thing.
| | 01:04 | Anyway, so then you locate
the item that you want to use.
| | 01:06 | I'm going to go with the film reel.
| | 01:07 | So I double-click on it, or Movie reel.
| | 01:10 | Now before I create anything, look how I get a
cross here instead of a cursor. That's fine.
| | 01:14 | But I want to make sure the color of
that item is black. How do we do that?
| | 01:18 | Well, way over here, in the
Toolbar itself, is the foreground color.
| | 01:22 | We're not going to use the font color up here.
| | 01:25 | The foreground color, I'm going
to change it from green to black.
| | 01:27 | So I'll click on that, mouse-click over
here in the bottom left-hand corner of
| | 01:31 | my color item, the color picker item down there.
| | 01:35 | I selected black and
look how these are all zero.
| | 01:38 | Then if I select OK, now I'll get the
color that I want of this graphic item.
| | 01:43 | Now, I'm going to hold the Shift key
down, I'm going to Shift+Mouse-click+Drag
| | 01:47 | to maintain the aspect ratio of this film reel.
| | 01:52 | If you don't Shift+Click+Drag, you'll
get a funky shape. Trust me on this.
| | 01:56 | Now I'm going to mouse-click on the
Move Tool and I'm going to drag it right
| | 01:58 | about there and park it.
| | 02:00 | Now it's in the foreground, isn't it?
| | 02:01 | I don't want it to be in the
foreground, I want it to be in the background.
| | 02:03 | So, like I mentioned earlier, top
layer takes precedence just like Final
| | 02:07 | Cut, mouse-click on this layer,
don't double-click, single-click,
| | 02:10 | mouse-click+drag and boom!
| | 02:11 | Then, of course, it pops in the background.
| | 02:13 | Now let's have some fun with the words.
| | 02:17 | So to have some fun with the words, over
here on the right-hand side of the Salt
| | 02:21 | Creek layer, double-click on that,
and you'll open up a Layer Style window.
| | 02:27 | Now once the Layer Style window is opened,
you might want to drag it over to the
| | 02:31 | right just a little bit so that when you
go through all these different options,
| | 02:33 | you'll see an update instantly.
| | 02:36 | The Blending Options is
what it opens up, by default.
| | 02:39 | In other words, all these items over here,
I can manipulate and change on the fly.
| | 02:44 | For instance, the Opacity, if I mouse-click,
look, it automatically changes that word.
| | 02:47 | In fact, it gets invisible,
if I go to zero opacity.
| | 02:50 | We'll keep it at 100.
| | 02:50 | But just to give you an example, for
instance, I want to give this a white edge
| | 02:55 | and I want to bevel this word.
| | 02:57 | So to give it a white edge, navigate
down to the Stroke, you have to check the
| | 03:02 | box and select the category.
| | 03:04 | Notice when you select the category,
then the possibilities to make the
| | 03:07 | changes will exist.
| | 03:08 | So we can change the size, okay, we
want to keep it at three, and we can change
| | 03:13 | the color by clicking on the color box.
| | 03:15 | I'm going to go with white,
so I'll click there, select OK.
| | 03:17 | White is, kind of, hard to
see, I know, but it is there.
| | 03:19 | I can change the position of the edge from
the outside to inside, leave it on the outside.
| | 03:23 | And let's add a bevel.
| | 03:25 | You check on the box of the item you
want, you select the category, and over
| | 03:29 | here, of course, all over here, you
have all this different manipulation.
| | 03:33 | You can experiment later, but for now,
let's go to Style, mouse-click and
| | 03:37 | select Emboss, and you can change the size
from 5 to 15, 20, look how it changes the word.
| | 03:44 | It's pretty cool.
| | 03:45 | All these different items are
extremely difficult if not nonexistent in
| | 03:51 | Final Cut Pro completely.
| | 03:52 | I'll leave it on 6.
| | 03:53 | I'm done with this word for now.
| | 03:55 | So I'm going to mouse-click on
the OK button to apply all that.
| | 03:58 | Then over here, on the -- and look how
we now have added all these effects which
| | 04:02 | are only native in Photoshop, by the way.
| | 04:04 | If I were to save this document and
open it in Final Cut, I wouldn't see the
| | 04:07 | bevel or I wouldn't see the white
edge either, just keep that in mind.
| | 04:11 | So, let's go to the Productions word
and go over here to the empty area,
| | 04:17 | double-click and you'll open
up that same Layer Style box.
| | 04:21 | For this, let's give this an inner shadow.
| | 04:24 | So navigate to the Inner Shadow, click
on the box, select the category, and look
| | 04:27 | how it automatically gives us that inner shadow.
| | 04:31 | We can change the distance,
which is pretty cool, or the size.
| | 04:34 | We can have a lot of fun
with this, you really can.
| | 04:37 | I'm good with that
except I do want a white edge.
| | 04:40 | So I'll mouse-click on that box first to
check it, then I'll select the category.
| | 04:44 | Then I'll click on the color,
and I'll change it to white.
| | 04:47 | Select OK, select OK.
| | 04:49 | We're getting there.
| | 04:50 | Now I do want to make the
Productions a little bit larger.
| | 04:52 | It's a little small for me.
| | 04:53 | So how do we do that?
| | 04:54 | We go back to the letter T. We
click on it over here in the Toolbar.
| | 04:58 | We highlight the word by dragging our
cursor over it and let's change it to 60,
| | 05:03 | make it a little bit bigger.
| | 05:05 | Let's lighten the color.
| | 05:06 | So we click on the Color box again.
| | 05:07 | We're just going to make a quick
change and we'll lighten it so that green
| | 05:11 | inner shadow really pops.
| | 05:13 | Then I'll select OK.
| | 05:14 | What if I wanted to separate these letters?
| | 05:16 | Look how close they are, see
how close they are to each other.
| | 05:18 | I'm not crazy about that. Let's do that.
| | 05:20 | Navigate up to this option right here,
mouse-click on that, and you'll get a
| | 05:24 | character tab in a palette, and see the
distance between the letters, see this right here.
| | 05:28 | I can change it here or click on the down
arrow to get a predetermined numeric value.
| | 05:33 | I think, this is much easier, just
mouse-click on the AV here and drag to the
| | 05:37 | right, drag to the left.
| | 05:38 | See how that works, isn't that sweet?
| | 05:39 | Okay, so it's pretty straightforward.
| | 05:40 | I'm going to leave it at zero.
| | 05:41 | Once I'm done with this, I just click
on the double arrow, it puts it away,
| | 05:46 | mouse-click on the Move Tool, and there we go.
| | 05:48 | Now this word is a little too far to the
right, because we are beyond the action
| | 05:53 | safe and the title safe.
| | 05:55 | So I'm just going to mouse-click and
drag it over so that we're not going to be
| | 05:58 | too far into the danger zone. Okay.
| | 06:02 | So we're done applying effects to the
words, but what about the film reel.
| | 06:09 | Well, let's try that.
| | 06:10 | Navigate to the Shape, which is
really our film reel, double-click on the
| | 06:14 | right-hand side and let's just
give this a bevel with a white edge.
| | 06:17 | So mouse-click on the category by giving
it a check mark, then select the actual
| | 06:22 | Bevel and Emboss words, and change the
Style from Inner to Emboss, and let's
| | 06:31 | give it a white edge, which is really a stroke.
| | 06:33 | So we check the box, select the category,
click on the Color box, select white,
| | 06:40 | and we're just about there.
| | 06:41 | Select OK, OK, OK and we are done.
| | 06:44 | Now, we're not quite done.
| | 06:45 | Let's save this the way it is, in case, we
want to come back and make changes later.
| | 06:48 | So we're going to have two saved versions.
| | 06:50 | We're going to have, as we're building it,
type version, and then a final version.
| | 06:55 | This is just a safety step.
| | 06:57 | So navigate to the word File, mouse-
click and select Save As, we're going to
| | 07:00 | save this to the Desktop.
| | 07:02 | Select Desktop, let's call it Corporate
Logo V1, for version one, leave it as .psd.
| | 07:08 | If it's not .psd, select Photoshop
for the format and select Save and OK.
| | 07:13 | Now I'm going to send it out to my
monitor, I want to see what this looks like,
| | 07:16 | because I have a DV deck and a monitor
hooked up, so I'm going to navigate to
| | 07:19 | the word File, mouse-click and select
Export, Send Video Preview to Device.
| | 07:26 | Now I'm looking at on the
monitor, it looks great.
| | 07:28 | See, that's the benefit of that
Preview option that I mentioned at the
| | 07:31 | beginning of this lesson.
| | Collapse this transcript |
| Creating a corporate logo pt. 3| 00:00 | Now, let's curve these words.
| | 00:02 | One thing I haven't done yet, isn't it?
| | 00:03 | So I'm going to navigate
down to the Salt Creek layer.
| | 00:06 | Remember you always have to click on
the layer that you want to work on before
| | 00:09 | you start to work on.
| | 00:10 | Otherwise you will inadvertently
start to work on the wrong layer.
| | 00:13 | You can mess things up.
| | 00:14 | So you select the Salt Creek layer.
| | 00:16 | You don't double-click.
| | 00:16 | You just click once and mouse
click on the letter T, okay.
| | 00:20 | When you do that you will activate
this top portion to get to manipulate the
| | 00:24 | font or fonts of that layer but there
is another item I want you to check out,
| | 00:28 | right here it's the warp, Create
Warped Text feature in a Photoshop.
| | 00:32 | If you click on this you will get a
little Warp Text option, Style, mouse click
| | 00:36 | on this and look at all these cool things.
| | 00:37 | Look if I leave it on Arc, look how
that just bends it and pretty cool.
| | 00:42 | Not quite creating text on the path we
are going to do that in a separate lesson
| | 00:47 | but I can have some fun with this.
| | 00:49 | Look, I can change the Bend,
go make it go up or down, okay.
| | 00:52 | I can change the Horizontal Distortion.
| | 00:54 | Check this out.
| | 00:55 | So if I drag it to the left, look how
it begins to favor the left hand side as
| | 01:00 | far as distortion is concerned,
which is really what this is down here.
| | 01:03 | So we'll make a little more drastic,
there we go, and we are just about
| | 01:08 | done with this.
| | 01:09 | In fact, I do want to give it more curve.
| | 01:10 | There we go and we'll select OK.
| | 01:13 | So if you don't like what you have done,
you can always go back and change it or
| | 01:16 | you can undo, don't forget we can
navigate over to the double arrow over here
| | 01:20 | and open up our History tab and we can
mouse click on this Navigation bar and
| | 01:24 | undo any steps that we may not like, okay.
| | 01:28 | Remember if I click on undo this step
here I'll undo all the other steps, so
| | 01:31 | be careful with that.
| | 01:32 | So we'll double-click to put that
back and I want to make this a little
| | 01:36 | bit smaller.
| | 01:38 | So with my Text tool or Type tool
select it and watch, I can mouse click and
| | 01:42 | drag and look I still get that same feature.
| | 01:45 | I can change it from 90 to 85 a minor
change and then mouse click on that, drag
| | 01:51 | this down and we've
created our logo for now, okay.
| | 01:57 | Now couple things we have to
do still, let's save our work.
| | 02:01 | Navigate up to the word File, mouse
click and select Save and this will
| | 02:04 | basically undo the last save.
| | 02:06 | I still think we are in a spot where
we can still come back and make changes.
| | 02:09 | Couple things we need to do, okay.
| | 02:11 | We need to merge all these effects
into an open empty layer to preserve
| | 02:17 | this into Final Cut.
| | 02:18 | If you don't do that remember we won't
see it any of this 3D edged stuff that we
| | 02:22 | have been creating in Final
Cut Pro, we wouldn't see it.
| | 02:25 | So take a look at what I'm gong to do.
| | 02:27 | I'm going to go with the Shape
layer first and I'm going to add a blank
| | 02:29 | layer, boom.
| | 02:30 | Look how it goes above.
| | 02:32 | Well, I want to mouse click on the
Shape 1 layer and drag it up above the empty
| | 02:36 | layer and then I'm going to select the
empty layer, you got to be careful, you
| | 02:40 | only want to select the
Shape layer and the empty layer.
| | 02:42 | And the reason why I put this above is
because once I merged these two together
| | 02:45 | this name is preserved, otherwise it
would come up as Layer 1, which I don't
| | 02:49 | want, which is okay I
just have to change the name.
| | 02:52 | But this is easier.
| | 02:53 | So I'm going to navigate to the down
arrow, mouse click and select Merge Layers
| | 02:56 | and Photoshop will merge those layers
and we want that transparent background.
| | 03:00 | See that little checkerboard
background that means that film reel will float
| | 03:03 | over video or still image, okay.
| | 03:05 | See we have the letter T here they
don't have that checkerboard background on
| | 03:08 | these layers which means we'll
lose all these effects, okay.
| | 03:12 | So let's add another layer
to this Salt Creek layer.
| | 03:14 | So you click on Salt
Creek layer, you add a layer.
| | 03:17 | I'm going to drag the Salt Creek layer
above the empty Layer 1 and then since
| | 03:21 | the Salt Creek layer is already
selected I want to preserve that name.
| | 03:24 | I'll Shift-click on the empty layer,
okay you want to make sure no other layers
| | 03:28 | are selected, mouse click on the Down
Arrow on the upper right hand corner and
| | 03:30 | select Merge Layers.
| | 03:32 | Then one more time I'm going to cheat
this time by adding a layer above the
| | 03:35 | Salt Creek.
| | 03:36 | It's already below Productions.
| | 03:37 | I'll Shift-click on the Productions,
make sure these are the only two layers
| | 03:40 | selected, mouse click on the Down
Arrow, and select Merge Layers and there
| | 03:43 | we go.
| | 03:44 | Now, I want to save this as a
separate document as a merged version.
| | 03:49 | So I'll navigate up to the word File,
mouse click and select Save As, same exact
| | 03:54 | Corporate Logo Version 1 but merged,
okay, to the Desktop .PSD okay.
| | 03:59 | Select Save and then OK.
| | 04:01 | One last thing we have to do.
| | 04:03 | We have to cut the circle out of the
film reel so that we can animate that
| | 04:07 | in Final Cut, okay.
| | 04:09 | Now before we do that though, what if
you want to change the placement of any
| | 04:12 | of these things, okay.
| | 04:13 | Well, you first of all decide
which one you want to change.
| | 04:16 | You select that layer, mouse click
on the Move tool and then grab it move
| | 04:20 | it around, okay.
| | 04:21 | So I want to drag this over to the
right just a little bit and I'll make sure
| | 04:24 | it's in the title safe and action safe
regions within Final Cut later, but look
| | 04:27 | how it's cheating a little bit to the right.
| | 04:29 | What if I want to move all three, Shift-click
all the layers in the Photoshop
| | 04:33 | document and then mouse click
and move them all around together.
| | 04:36 | See how that works.
| | 04:37 | Okay, pretty cool, straight forward, I think.
| | 04:39 | Let's cut out the circle to begin with
and let's turn off the top two layers by
| | 04:44 | clicking on these eyeballs, so we can
just focus mainly on the Shape layer.
| | 04:46 | Select the Shape layer like I have
just done and it's pretty straight
| | 04:50 | forward from this point on.
| | 04:51 | We have to cut that the film reel out
and make it into a separate layer, okay,
| | 04:56 | and we rotate that not the film that's
coming off by itself because it will look
| | 05:01 | weird, the whole thing which is going
around, around, around but it will look
| | 05:04 | like all those old out of control film
machines that we used to all watch in
| | 05:08 | elementary school, way back, way
back before video, updating myself.
| | 05:12 | Okay, but anyway, we are going to
navigate over to the upper left hand corner of
| | 05:15 | the toolbar and I want to mouse click on
that, I want to make sure I'm using the
| | 05:18 | Elliptical Marquee tool, okay.
| | 05:20 | Now this can take a little bit of
practice, so I'm going to hold the Shift key
| | 05:24 | down and I'm simply going to
Shift+Mouse-click+Drag and I want to create a
| | 05:28 | circle that's about the same
size as the film reel itself, okay.
| | 05:33 | I don't want to make it too big but I
want to make it big enough so that I can
| | 05:37 | actually cut it and paste it back.
| | 05:39 | So I'm going to leave it right about
there and then with the Marquee tool still
| | 05:44 | selected, I can mouse click and move
it around without doing any damage.
| | 05:48 | Now I'm going to cut that item,
I'm going to cut that out.
| | 05:52 | So if I navigate up to word Edit,
mouse click and select Cut, boom.
| | 05:55 | There is a little bit of a
black here but edge of that.
| | 05:57 | That's okay.
| | 05:59 | Watch, so now I'm going to create a
separate layer, mouse click on the Add a New
| | 06:03 | Layer, so we get this blank layer here.
| | 06:06 | We still have our Shape 1, and
I'm going to paste that back.
| | 06:09 | So if I navigate up to word
Edit, mouse click, select Paste.
| | 06:12 | Mouse click on the Move tool, okay
and place it back just like that.
| | 06:18 | And if you have to use your Up and
Down, Left and Right arrows to precisely
| | 06:22 | put it back.
| | 06:23 | That's good enough for now, okay.
| | 06:25 | So we have our Layer 1 and our Shape 1.
| | 06:27 | Let's actually click on the layer here
that the film reel that we just created,
| | 06:32 | I'm sorry, let's Ctrl-click on it and
select Layer Properties and let's change
| | 06:36 | it to -- let's call this
reel, okay and select OK.
| | 06:40 | Because that's going to be the item
that we animate, all right and we'll change
| | 06:44 | the Shape 1 down here.
| | 06:46 | Ctrl-click on that, select Layer
Properties and let's call that film, okay
| | 06:51 | and then select OK.
| | 06:53 | Just so we know we're doing in, once
we get in the Final Cut, again we are
| | 06:55 | going to animate that.
| | 06:56 | Let's turn on the other layers, just like that.
| | 06:58 | Okay, perfect and since this is
already called Corporate Logo V1 merged.psd.
| | 07:04 | Let's save it now as a four layer document.
| | 07:07 | Navigate up to the word File, mouse
click and select Save, just like that.
| | 07:12 | Now let's go into Final Cut Pro and
animate the film reel and put film, put that
| | 07:16 | video clip behind it.
| | Collapse this transcript |
| Animating a corporate logo| 00:02 | Now in our Final Cut Pro project, we
want to import that Photoshop Corporate
| | 00:07 | Logo Merged document that we just made.
| | 00:09 | So I'm going to navigate up to
the Browser, click on the Browser.
| | 00:12 | Then I'm going to navigate to
the word File, mouse-click and
| | 00:14 | select Import>Files.
| | 00:16 | I want to navigate to the Desktop.
| | 00:17 | So I'll click on the Desktop item, and then
over here is the Corporate Logo merged.psd.
| | 00:23 | So I'll navigate down to the Choose
button here to bring that into Final Cut Pro.
| | 00:27 | To see this item, look how it came in
as a Final Cut Pro timeline, but to see
| | 00:33 | this document, there are two ways to do it.
| | 00:35 | The easiest way to do is just simply mouse-click
on that item and drag it into the Viewer.
| | 00:40 | Then it opens up in the Viewer and we
see our checkerboard background that
| | 00:44 | indicates transparency.
| | 00:45 | We'll only see that checkerboard
background if you mouse-click on the View
| | 00:49 | button here on the upper right-hand
corner of the Viewer and you make sure
| | 00:51 | Checkerboard 1 or 2 is open.
| | 00:54 | The other way to see the logo is if
you double-click on the icon, and then
| | 00:58 | it'll open up into a separate timeline,
and you'll see all four layers that we
| | 01:03 | worked with in Photoshop.
| | 01:05 | This is no different than the other
timeline except there is just no audio.
| | 01:08 | If I mouse-click on the
center divider here and drag it up.
| | 01:11 | We'll see here that it's empty down below
where audio typically is in a standard timeline.
| | 01:17 | So, this is just a
graphic element with no audio.
| | 01:19 | Now here's the idea with
Photoshop working with Final Cut Pro.
| | 01:22 | I'm going to go back to the Animated
Logo timeline, which is where that first
| | 01:27 | clip with the logo is,
when I first show this to you.
| | 01:31 | I'm going to bring the video clip down
the timeline and make it look like film.
| | 01:36 | Okay, that's kind of what this looks like.
| | 01:37 | So, I'm going to drag my playhead to
the beginning of the timeline, and I'm
| | 01:42 | going to get the Surfing clip.
| | 01:45 | This is one clip that came with the
media, if you've purchased the disk,
| | 01:48 | double-click on it and here it is.
| | 01:49 | There is that Surfing clip.
| | 01:50 | I want to bring that down in the timeline.
| | 01:52 | So I'll simply insert it right where
my playhead is by clicking on the Insert
| | 01:56 | button which is right over
here, boom! It sends it down.
| | 01:59 | I'll drag that over and
away from this other item.
| | 02:01 | I don't need the audio, so I'm going to Option+Click
on it and drag to create a square lasso.
| | 02:08 | I could Option+Click on the audio,
but I decided to create a square lasso,
| | 02:12 | select the audio and then push Delete. Okay.
| | 02:16 | So the first thing I want to do is slow
this clip down, because in the original,
| | 02:21 | its play goes back in slow motion.
| | 02:23 | So I'm going to select the DV clip and
push the Command and the letter J key so
| | 02:28 | Command+J on the keyboard and
my Speed window will appear.
| | 02:31 | I'm going to change the speed from 100%
to 50% by typing in 50, then select OK.
| | 02:37 | Now, of course, the clip down the timeline
will go a lot slower, at least half the speed.
| | 02:41 | If you want to do this, via the menu,
as far as slow this down, navigate up to
| | 02:45 | the word, you select the clip, navigate
up to the word Modify, mouse-click and
| | 02:49 | select Speed, there it is.
| | 02:50 | Of course, there is a shortcut, Command+J.
Now I want to make it look kind of
| | 02:54 | like a filmish, kind of, give it a film feel.
| | 02:57 | So I'll navigate up to the
Effects tab in the browser.
| | 02:59 | I'm going to open up the Video
Filters category, not the Video Transitions,
| | 03:04 | but the Video Filters.
| | 03:05 | I'll open this up and I'll
reveal all the subcategories.
| | 03:08 | So I'm going to add a tint color to it.
| | 03:14 | If I mouse-click on this Tint,
this is actually in the Image
| | 03:16 | Control subcategory.
| | 03:18 | So I'll navigate to the Tint option,
mouse-click and drag it into the clip, and
| | 03:22 | it's going to turn it to black and
white instantly, which I don't want to do.
| | 03:26 | I want to adjust that filter,
| | 03:27 | So if I double-click on this video clip, it
will update into the Viewer from the timeline.
| | 03:32 | Then if I select the Filters
tab, there is my Tint filter.
| | 03:36 | If I mouse-click on this Slider bar
that changes the amount of tint that I want
| | 03:40 | to apply, I'm going to drag it down
to about 50, and take a look at this.
| | 03:44 | There's still too much color so then I'll
drag it up to about 60, and there we go.
| | 03:48 | That really gives it more of a less
color, but not quite black-and-white look,
| | 03:52 | which is what I like.
| | 03:54 | Then there is another item, it's all
by itself, it's all the way down here.
| | 03:58 | It's outside of the Video Filters category.
| | 04:02 | It's in the Video Generators
category within the Effects tab.
| | 04:06 | So you've got to open up the Video Generators.
| | 04:08 | Then open up the Render option, and
you'll see down here that there are two
| | 04:13 | items, there is a Noise 1,
FXPlug and what I called a Noise 2.
| | 04:17 | This Noise 1, kind of,
gives it red, green, blue feel.
| | 04:21 | This Noise 2 gives it more
of a black and white feel.
| | 04:24 | Well, I want to go with this one to make
it look like a 70s film, back in the day.
| | 04:28 | So I'm going to place my playhead right
over the DV clip, and check this out, if
| | 04:33 | I mouse-click on this Noise filter --
it's really not even a filter actually,
| | 04:37 | it's actually content, it's not a filter.
| | 04:40 | So I'm going to mouse-click and drag it
over to the Superimpose, mouse-click, it
| | 04:44 | places it right on top, because
remember, it's content, it's not a filter.
| | 04:48 | I'm going to make it into
filter though, this is a cool trick.
| | 04:51 | So make sure your Clip Overlays button
is turned on, see if I mouse-click on it,
| | 04:55 | it's off, if I click on it, it's on,
you'll see that there is an Opacity bar
| | 04:59 | capability right above or at
the top of each video clip.
| | 05:03 | If I mouse-click, look how I get a double
-arrow there, if I mouse-click and drag
| | 05:06 | it down to about 20 or see maybe close
to 21, look how it makes this look red,
| | 05:11 | kind of, red-greenish-blue.
| | 05:13 | That's kind of hard to see.
| | 05:14 | Maybe if I drag this up to about 20 or
maybe 30, there we go, you'll see more of
| | 05:20 | a kind of a red-greenish-blue effect to it.
| | 05:23 | That kind of to me looks more 70s type film.
| | 05:27 | In fact, I want to drag that down to about
25-26, okay, that's good enough. Very cool!
| | 05:32 | Now if I double-click on this Surfing
DV clip just to make sure I'm going to
| | 05:36 | work on and update into the Viewer,
I'll go back to the Tint amount and I do
| | 05:40 | want to apply a little more tint
to it, so let's go to about 70.
| | 05:43 | Now we're talking, very good!
| | 05:47 | One other item actually that I didn't
do in this other clip that I showed you
| | 05:50 | earlier is add a kind of matte finish to it.
| | 05:54 | So check this out, this is really cool.
| | 05:56 | It's not really a matte, I mean, it
is and it isn't, but it is in the Matte
| | 05:59 | subcategory of the Video Filters.
| | 06:01 | It's the Soft Edges effect.
| | 06:03 | Take a look at this.
| | 06:04 | So if I mouse-click on the Soft Edge
actually and drag it into the bottom clip,
| | 06:08 | look how it kind of gives it more of
a worn-out, not really worn-out but a
| | 06:12 | softer edge, it makes it
look like it's a old film.
| | 06:15 | I really like that a lot.
| | 06:17 | I'm looking at on the monitor,
external monitor, it looks really cool.
| | 06:21 | Now, we're ready to apply our logo,
our Corporate Logo Merged, and I'm simply
| | 06:27 | going to click on the
Video tab to bring that up.
| | 06:30 | I'm going to mouse-click on over here,
there it is, Corporate Logo, drag it into
| | 06:35 | the Viewer so I can see it.
| | 06:37 | I'll make this a little bit easier, I'm
going to Ctrl+Click on the video clip to
| | 06:41 | get the duration, which is 6 seconds 2 frames.
| | 06:45 | I'll simply change the duration of this clip
from 10 seconds to 6 seconds 2 frames, Enter.
| | 06:52 | I just type it in, basically.
| | 06:53 | Now I'll just mouse-click and park it
right on top on V3, so it's a third layer.
| | 06:59 | I'll mouse-click on the
playhead and boom! There we go.
| | 07:01 | It shows the entire finished result
other than we haven't animated the film
| | 07:08 | reel yet, but there it is.
| | 07:09 | I'm also looking at it on the
NTSC monitor, it looks really cool.
| | 07:13 | So let's work on animating the film reel.
| | 07:16 | To animate that film real, double-click
on the Logo merged.psd document, which
| | 07:21 | is right here, double-click on that,
it opens up in a separate timeline.
| | 07:25 | This is pretty straightforward.
| | 07:27 | With the playhead in the separate
timeline, drag it over to the far left.
| | 07:31 | This is really, I'm going to call it
the daughter clip of the main mother
| | 07:36 | clip in the timeline.
| | 07:39 | This is in the Animated Logo
timeline, if I go back to this so-called
| | 07:42 | daughter clip, any changes I make here will
affect the mother clip, okay, or that other file.
| | 07:48 | So with the playhead dragged to the
beginning, I'm going to select the
| | 07:51 | actual film reel itself.
| | 07:53 | I want to animate this whole thing, so
I'm going to drag the outpoint all the
| | 07:57 | way over, in fact, I
don't even need an outpoint.
| | 07:59 | So, let's get rid of that outpoint.
| | 08:01 | I'm going to Ctrl+Click on it and select
Clear In and Out point, we don't need it.
| | 08:05 | Notice when I select this layer, that
film reel, the turning part, the reel,
| | 08:11 | notice how I get a wireframe over here.
| | 08:13 | If you don't see a wireframe,
it means it's not turned on.
| | 08:15 | You need to mouse-click on the View
button in the upper right-hand corner of the
| | 08:18 | canvas, mouse-click and select
Image+Wireframe, make sure it's checked, okay,
| | 08:22 | alright, don't uncheck it.
| | 08:25 | It's pretty straightforward.
| | 08:26 | I'm going to add a keyframe to this.
| | 08:28 | So I'm going to navigate over here, and
there's like a little diamond button on
| | 08:31 | the bottom right-hand side.
| | 08:32 | This is how you add a keyframe.
| | 08:34 | This is one of couple ways to add a
keyframe to an item down on the timeline.
| | 08:38 | Simply click on that, and when you do that,
notice that the wireframe turns green.
| | 08:42 | That means you've selected and created a
keyframe to be on that particular frame.
| | 08:48 | So what's a keyframe?
| | 08:49 | Well, a keyframe is a particular
point in time with a set of instructions,
| | 08:54 | just keep that in mind.
| | 08:55 | So this is where the reel will begin
to spin, it hasn't started yet, and you
| | 09:00 | have to select the duration.
| | 09:02 | So I'm going to drag the playhead all
the way to the end of the clip, and I'm
| | 09:06 | going to use this entire clip as the
duration, all 6 seconds and 2 frames.
| | 09:10 | Now, to add an additional keyframe,
simply click on the keyframe, that same
| | 09:15 | button that we just did, that adds a
second keyframe, but we haven't given any
| | 09:18 | instructions yet, have we?
| | 09:20 | The instructions will be this, take a
look, if I navigate to the corner, any one
| | 09:26 | of these four corners of the
wireframe, notice I get a curved arrow.
| | 09:29 | It's kind of hard to see, but there it is.
| | 09:31 | Watch, I'll mouse-click and I'll
drag, that's one time, two times.
| | 09:39 | That is the set of
instructions on that keyframe.
| | 09:42 | Spin two times all the way around, from
the first keyframe to the second keyframe.
| | 09:51 | Watch, if I drag my playhead back over, and
I push Play, take a look, see how it turns?
| | 09:55 | It even turns the right speed,
how cool is that! Love it!
| | 10:00 | That is really cool!
| | 10:01 | Now if I go back to the main timeline,
click on the Animated Logo, put the
| | 10:05 | playhead back at the beginning,
I know, I haven't rendered it.
| | 10:07 | I'd suggest, of course, you
do render it at some point.
| | 10:10 | I'm going to mouse-click on
the Play button, there we go.
| | 10:14 | There is our finished corporate logo.
| | 10:15 | Cool, practical way to make
something that you can use on a daily basis.
| | 10:20 | If you make a cool logo, with a graphic
image that Photoshop has, and you open
| | 10:24 | up your videos with it or you
close up your videos with it, it's your
| | 10:27 | identification, it's your way of
shaking the hands with the Viewer and saying,
| | 10:31 | this is who I am, this is what I've done.
| | 10:33 | This is just a great example of how to do that.
| | 10:36 | Now, of course, when you've done this
and you've rendered it, you can take
| | 10:40 | a look at what that looks like out on the
NTSC monitor or when it's fully rendered.
| | 10:45 | Well, we've come to the end of this lesson.
| | 10:46 | We have covered a lot of information in
this lesson, a lot of good information.
| | 10:50 | Of course, if you need to go back and watch
anything, go for it, go right ahead and do that.
| | 10:54 | If you feel comfortable with this,
I would suggest you move on to the
| | 10:57 | next lesson.
| | Collapse this transcript |
| Creating titles pt. 1| 00:02 | So in this lesson, I like to teach you
how to utilize Photoshop for creating
| | 00:07 | titles that are very sharp and crisp.
| | 00:11 | And this is the kind of thing
that you can use on a daily basis.
| | 00:14 | This is more or less, a bread and
butter type lesson where I am going to
| | 00:16 | have you recreate the opening of an
event and using simple fonts to create a
| | 00:22 | very elegant opening.
| | 00:24 | In fact, let me just put the
playhead back here at the beginning of this
| | 00:27 | particular portion of the timeline and
I will push the Play button here on the
| | 00:30 | canvas window and show you
what you are going to do.
| | 00:32 | So it's a simple animation of a photo
that goes down to a kind of land softly on
| | 00:37 | a background there and the titles,
just more or less, softly roll in.
| | 00:41 | The end result of this is just a very
elegant opening that will really put a
| | 00:45 | smile on your customer's face and the
beauty of this, is not just the elements
| | 00:49 | in the title or in this opening piece,
but it's how crisp and sharp the titles
| | 00:55 | are, no matter how thin and fancy they are.
| | 00:58 | See there is always a rule with using
the titler here in Final Cut and that is
| | 01:03 | stay away from thin, fancy
fonts because they fall apart.
| | 01:05 | Well, that's no longer the case, if
you are going to use Photoshop and that's
| | 01:08 | exactly what we are going to do.
| | 01:10 | So what I would like to do is recreate
this from scratch and the first thing I
| | 01:15 | want to do is work with the Wedding DV
clip that came with the disk, if you have
| | 01:22 | purchased the lessons on the
disk and it's in the media folder.
| | 01:25 | So I want to double-click on this
Wedding DV clip to open it up into the
| | 01:28 | Viewer and of course, if you don't
have this clip, you can use any other clip
| | 01:32 | that would like, and the key is once
you get it into Final Cut, and once you
| | 01:36 | get it in your Viewer, you would use
the mouse head to scrub and find an
| | 01:40 | appropriate spot right about there
in my case to do what I call, which is
| | 01:45 | creating a snapshot image.
| | 01:48 | And once I have discovered this
particular piece here in the video, I am going
| | 01:51 | to make a still image out of this
by navigating up to the word Modify,
| | 01:54 | mouse-click and select Make Freeze Frame,
there we go and then I get a 10 second
| | 01:58 | freeze frame and I will mouse-click
and drag it over into the browser and I
| | 02:02 | would like to call this
SnapShot Image 01, there we go.
| | 02:08 | And then I am going to bring
it down to the timeline as well.
| | 02:10 | So I will simply mouse-click and drag
it down to the timeline and I will do an
| | 02:14 | Insert Edit, notice I'll only let
this go if the arrow is pointing right.
| | 02:17 | See that down arrow in the
timeline which moves everything over.
| | 02:20 | Then I have 10 second clip
of the bride and groom. Okay.
| | 02:24 | So first things first, let's
create the animation, alright.
| | 02:27 | So I am going to mouse-click on the
playhead and drag it to the beginning of
| | 02:30 | this clip and then I will select the
clip as well and I will navigate up to the
| | 02:33 | View button, mouse-click on the View
button in the Canvas window and make sure
| | 02:36 | Image+Wireframe is checked.
| | 02:39 | You will notice that the white
wireframe is well revealed itself if it's turned
| | 02:43 | on or if it's checked.
| | 02:45 | The first thing we want to do is add a
keyframe, and Add a Keyframe button is
| | 02:48 | right where my cursor is, it looks
like almost like a diamond there on the
| | 02:52 | bottom right-hand side of the Canvas window.
| | 02:53 | So I will mouse-click on that and
when that happens, when you do that, the
| | 02:57 | wireframe turns green
indicating your first keyframe.
| | 03:01 | Now I am going to deselect this clip
by clicking in an open area here in
| | 03:04 | the timeline and I want the playhead to
move forward 45 frames or a second-and-a-half.
| | 03:09 | So I will push the Plus (+) key on
my numeric keypad of my keyboard and I
| | 03:11 | will type in 115 which is the same as
the second-and-a-half and notice the
| | 03:17 | playhead moves forward.
| | 03:18 | Then I will select the clip again
and now I will go to the corner of the
| | 03:22 | wireframe, notice how my cursor
changes to a crosshair, if I park it exactly
| | 03:27 | where I needed to be, mouse-click and
drag, just like that and then I will
| | 03:30 | rotate it by hovering my cursor around
the edge of one of these corners and it
| | 03:34 | turn, changes into a curved arrow and
I will mouse-click and just kind of,
| | 03:37 | eyeball this and put the image on a slant.
| | 03:40 | Now, when I play this back, there is a
slight nice animation just like that, perfect.
| | 03:47 | Now I need to take a snapshot image of
this and bring it into Photoshop where I
| | 03:52 | can not only add the text that I
eventually want to bring back into Final Cut,
| | 03:57 | but I can also recreate this cool background.
| | 04:00 | Notice this is an image, a still
image from the wedding video itself.
| | 04:04 | I took a snapshot image of that, I
brought it into Photoshop, and I added a
| | 04:08 | filter in Photoshop to it.
| | 04:10 | There are many filters in Photoshop
that are not available in Final Cut Pro
| | 04:14 | that I want to show you.
| | 04:15 | So first things first though.
| | 04:17 | With the still image, I want to create
another snapshot image of this particular
| | 04:21 | point in time and use it as a template
in Photoshop and then I will just bring
| | 04:25 | the text in and the background and we will
pretty much be done with this. So, let's see.
| | 04:30 | So I want to create a still image
of this particular point in time.
| | 04:33 | Navigate up to the Modify option here
at the top menu, mouse-click on that and
| | 04:38 | select Make Freeze Frame and then I
get a freeze frame here which is nice.
| | 04:41 | I will mouse-click and drag it over
into the browser and this is going to be
| | 04:45 | SnapShot Export, there we go, 01, and I
want to send this out of Final Cut and
| | 04:55 | bring it into Photoshop to work on it.
| | 04:56 | So I will navigate up to the word File,
of course, make sure it's selected,
| | 05:00 | navigate up to the word File, mouse-click
and select Export>Using QuickTime
| | 05:04 | Conversion, there is the path and
I will send this to the Desktop.
| | 05:07 | So I will leave the Desktop selected, I
will leave the name as SnapShot Export
| | 05:12 | 01 and down here in the Format, I
will mouse-click on this button, it says
| | 05:15 | QuickTime, and select Still Image.
| | 05:17 | Then here in the Options I will mouse-
click on that button and select BMP,
| | 05:20 | it just happens to be my favorite, select OK,
Save and that is now out on the Desktop.
| | 05:26 | So let's go into Photoshop.
| | 05:27 | I am going to hide Final Cut Pro by
clicking on the Final Cut Pro title in the
| | 05:31 | upper left-hand corner, mouse-click
and select Hide Final Cut and there is a
| | 05:33 | shortcut, Command+H.
| | Collapse this transcript |
| Creating titles pt. 2| 00:00 | Then let's go into Photoshop.
| | 00:02 | So I will mouse-click on the Photoshop
shortcut, and here are the flowers, and
| | 00:06 | by the way these flowers are in or
this still image is in the Media folder.
| | 00:13 | So if you want to bring this
image into Photoshop, you can.
| | 00:16 | The path is the following;
| | 00:18 | mouse-click on the word File, Open,
navigate to the Photoshop Lessons and Media,
| | 00:23 | going to -- I believe it's Graphics,
there we go, and you want to bring in
| | 00:29 | Flowers, that item right there.
| | 00:30 | And I have already done it,
so I am going to hit Cancel.
| | 00:32 | We'll come back to the flowers in just a moment.
| | 00:34 | I do want to import that image though
that we just created from Final Cut.
| | 00:37 | So I will mouse-click on the word File,
select Open, navigate to the Desktop,
| | 00:41 | actually I am already there, and here
we go, SnapShot Export 01, and boom,
| | 00:46 | there is our still image.
| | 00:47 | Now again, we are just going
to use this as a reference.
| | 00:49 | We are not going to be
using this beyond Photoshop.
| | 00:52 | So first thing we have to do is
resize this, but let's unlock it first.
| | 00:56 | So navigate over here to the layer of
this particular item, which is titled
| | 01:01 | Background and double-click on the lock and
then select OK and that gets rid of the lock.
| | 01:05 | Then we need to resize it.
| | 01:06 | So navigate up to the word Image
option, there we go, and then select Image
| | 01:09 | Size, and then we want to change the
Width from 640 to 720 and then the Height
| | 01:16 | to 534, just like that and then select
OK and there was a minor change there.
| | 01:23 | And basically now we just want to
create our text on a separate layer.
| | 01:26 | So navigate down to the Add layer button
in the bottom right-hand side, click on
| | 01:31 | that, we will get a blank layer.
| | 01:32 | Navigate to the letter T over here in
the Toolbar, and then once you have done
| | 01:37 | that, we will have all of our options up here.
| | 01:39 | I am going to select Edwardian
Script which is a very fancy font.
| | 01:43 | I will leave it on Font Size 60, Sharp,
Center Justified with a white color.
| | 01:48 | And then I will just more or less click
right above the photo image and we will
| | 01:52 | call, or we will type-in, Welcome
to Our Wedding Day, just like that.
| | 01:58 | And then once we have done this, we
can mouse-click on the Move Tool, I can
| | 02:01 | position it just temporarily because
we are going to put this on a slant.
| | 02:05 | So navigate up to the word Edit, mouse-click
and select Free Transform, and we
| | 02:10 | will get this transform box here,
notice how I get a curved arrow when I hover
| | 02:14 | on the outer edges of this, I can just
mouse-click and drag it, and I can also
| | 02:18 | move it by clicking it in the center.
| | 02:19 | Don't click on this guy right here,
just click over here in more or less,
| | 02:22 | either the right side or the left side of
this box and you can more or less eyeball this.
| | 02:27 | You can even resize this, if you want.
| | 02:29 | You can Shift+Click+Drag on one of the
corners and you can resize it if you want to.
| | 02:34 | This is one of many ways to do it.
| | 02:36 | After you like what you have done,
select Apply, or if you don't like what you
| | 02:40 | have done, hit Cancel or Don't Apply.
| | 02:42 | But I am going to hit Apply.
| | 02:43 | Then I will mouse-click and move it and
reposition it again, just like that, and
| | 02:48 | I am happy with that.
| | 02:50 | And then I now want to add a
different layer of text down below.
| | 02:55 | So I am just going to copy this layer
by mouse-clicking and dragging it down to
| | 02:58 | the Copy, see that, it's that
page field, it will copy it.
| | 03:02 | So now I have two layers of the same
exact thing, but I can mouse-click and drag
| | 03:06 | this down to the bottom, navigate to
the Type Tool over here in the Toolbar and
| | 03:12 | then gently mouse-click and
drag over to change the text.
| | 03:15 | So let's type-in the name of the bride
and groom, we'll just type-in Mr. and Mrs.
| | 03:23 | Smith, just like that and I'll
mouse-click on the Move Tool and we'll
| | 03:27 | position this right about there and
let's copy this layer now by clicking on
| | 03:31 | this layer over here Mr. and Mrs. Smith.
| | 03:33 | Mouse-click and drag that as well, to
copy that layer and drag this down where
| | 03:37 | we are going to put in the date, and
you can pick any date you want, you can
| | 03:41 | pick any name you want.
| | 03:42 | Let's type-in June 20, 2008
and let's resize this font.
| | 03:49 | So mouse-click and select that entire
layer of fonts there, navigate up to the
| | 03:56 | Font Size, which is right in
here, you can do a couple of ways;
| | 03:59 | you can actually type-in the number or
what I like doing better is notice my
| | 04:02 | cursor is a double arrow there with
a finger, when I hove it over the two
| | 04:05 | letter Ts, mouse-click and drag it to the left
and it resizes as I drag, that's pretty cool.
| | 04:10 | Once I have decided on the size, I
will mouse-click on the Move Tool and I
| | 04:13 | will gently put that over to the right,
just like that, and let's give all the
| | 04:19 | words an edge effect.
| | 04:22 | So let's navigate over to the Welcome to
Our Wedding Day layer, double-click on that.
| | 04:28 | And let's add a Stroke, so we'll click
on the -- make sure the box is checked,
| | 04:32 | navigate to the category, make sure
that's blue, click on the red box and change
| | 04:37 | the color from red to white by
clicking in the upper-left hand side, and
| | 04:39 | actually that's not going to
work, let's add black instead.
| | 04:42 | Now we won't see black because of the
black background, but with a black edge
| | 04:46 | it will stand out when we do place this in Final
Cut with those flowers as the background, right?
| | 04:52 | So we're going to mouse-click on OK,
and we will change the size from 3 to 2,
| | 04:57 | and then we will select OK, just like that.
| | 04:59 | Now, let's copy this edge
effect to the other layer.
| | 05:01 | This is pretty cool.
| | 05:02 | Take a look, if I Ctrl+Click on this
layer that has the effect, Ctrl+Click,
| | 05:06 | select Copy Layer Style, I can paste it
into these two layers by Shift+Clicking
| | 05:11 | on both of these layers and Ctrl+Clicking
on that and then select Paste Layer
| | 05:15 | Style and it gets pasted to the other two
layers simultaneously, pretty cool. I like that.
| | 05:21 | And we are pretty much
done with this title for now.
| | 05:23 | What I'd like to do now is I want to,
I am going to minimize here, so you
| | 05:28 | can see what's going on, each one of these
layers is going to be merged with an empty layer.
| | 05:33 | And you can save this document at
this point so you can come back and make
| | 05:36 | changes if you want, but I am
confident with what I have done so far.
| | 05:39 | So I am just going to keep moving
forward and I am simply going to add a
| | 05:42 | layer to each text layer so that I get my
transparent checkerboard background within each layer.
| | 05:48 | So take a look.
| | 05:49 | I'll select the bottom layer, I'll
mouse-click on the Add layer button down here
| | 05:52 | in the bottom right-hand side and I'll
Shift+Click on the first Welcome to Our
| | 05:57 | Wedding layer with the empty layer
and I will merge these two together.
| | 06:03 | So I will navigate up to the down
arrow right here, mouse-click on that, and
| | 06:06 | select Merge Layers.
| | 06:07 | Then we will do the same thing.
| | 06:09 | We will add another layer and I
will Shift+Click on this layer.
| | 06:12 | You've got to be real careful
with what you are Shift+Clicking on;
| | 06:14 | you want to make sure you are
selecting a layer that hasn't been merged yet.
| | 06:19 | So you've got to pay attention to that.
| | 06:20 | Now if you get up to the down arrow,
and merge that and then had another layer
| | 06:25 | and we are just about done.
| | 06:26 | Now we are doing this because I am going
to animate this in Final Cut, merge layers.
| | 06:30 | We are going to have three
layers in Final Cut eventually.
| | 06:32 | So let's get rid of this layer.
| | 06:34 | We simply don't need it.
| | 06:35 | So I am going to mouse-click and
drag it down to the Trash and we have
| | 06:37 | three independent layers.
| | 06:39 | If I turn off the preview or the
eyeball in each layer we'll see that they
| | 06:42 | are all independent.
| | 06:43 | Let's change the size of this document.
| | 06:45 | Now we are pretty much done with this.
| | 06:46 | Navigate over to the Image option here
in the top menu, mouse-click and select
| | 06:50 | Image Size, and let's
change this back from 534 to 480.
| | 06:56 | So we'll highlight that 534, make sure
Constrain Proportions is turned off by the way.
| | 07:02 | And then we'll type-in 480, and then we'll
select OK, and we are done with the text for now.
| | 07:06 | So I am going to navigate for the word
File, mouse-click and select Save As, and
| | 07:10 | we are going to call this Text for Snapshot.
| | 07:15 | Text for Snapshot Export 01.
| | 07:18 | I know it's kind of a long name, but
then we'll know exactly what that's for
| | 07:21 | when we bring it into Final Cut and
you do want to leave it as a .psd, we
| | 07:25 | need that transparency.
| | 07:26 | Then I'll mouse-click on the Save
button and then the OK button there for the
| | 07:30 | compatibility and we are done with this for now.
| | 07:32 | Now I am going to minimize this by
clicking on the yellow button in the upper
| | 07:35 | left-hand corner and now we are going
to make some changes to the flowers.
| | 07:40 | The flowers, really again, that's a
still image from the Wedding DV Timeline,
| | 07:45 | when I was editing that wedding and
there are so many different images
| | 07:49 | throughout an event that you can use as
backgrounds, it's unbelievable, and this
| | 07:54 | is just one example.
| | 07:55 | So I brought this background in to
Photoshop of course earlier and if you want
| | 07:59 | to follow along with me, this is really cool.
| | 08:01 | We are going to apply a Filter to
these flowers, and we are doing it in
| | 08:04 | Photoshop because Final Cut doesn't have
nearly as many Filter options as Photoshop.
| | 08:09 | So I know this is pretty simple.
| | 08:10 | With this item selected, navigate up
to the Filter option here at the top
| | 08:14 | menu, mouse-click, and you will see
right-away that there is all these
| | 08:17 | categories for filters.
| | 08:19 | These are fine, you can select one of
these and you will be able to see what you
| | 08:22 | are working with, but better yet, if
you go to the Filter Gallery, see that,
| | 08:27 | mouse-click and select that, the image
pops into the Filter Gallery and in my
| | 08:31 | case, it defaulted to the
last Filter that I used.
| | 08:36 | But I want to show you that there are
all these categories to begin with, and
| | 08:38 | if we just navigate to one of them and I
click on one of them, look how, isn't that cool?
| | 08:42 | I can just click on the Filter and
I get an instant update as to what
| | 08:45 | that Filter will do.
| | 08:47 | And if you want to make changes and
manipulate this Filter on the fly, you
| | 08:52 | select that particular Filter, then
you come over here and you can make
| | 08:56 | adjustments, on the fly to it and
it's very, very convenient, very nice.
| | 09:00 | The end result is just
something that's fabulous.
| | 09:03 | So you can spend as long as you want doing
something like this, wow that looks cool!
| | 09:08 | Or I am sure you will find and
discover some favorites that you'll use on a
| | 09:13 | daily basis or very common basis.
| | 09:16 | So I am going to go with this option here.
| | 09:18 | Once you find the option that you like,
simply mouse-click on the OK button and
| | 09:22 | that Filter has been
applied to that still image.
| | 09:25 | Now it's just a matter of
saving it with that Filter, and it's
| | 09:28 | pretty straightforward.
| | 09:29 | Navigate up to the word File,
mouse-click and select Save As, and I am going to
| | 09:33 | save this to the Desktop as well and
we'll just call this Flowers changed 01.
| | 09:41 | And I'll leave it as TIF extension, that
shouldn't be a problem, and I'll select
| | 09:44 | Save and then I will select OK.
| | Collapse this transcript |
| Creating titles pt. 3| 00:00 | We are back in Final Cut.
| | 00:02 | This is the still image that we added
to that basic animation earlier and I'm
| | 00:05 | simply going to drag it straight up so
I can put the flowers in the background
| | 00:08 | and put the titles on top.
| | 00:10 | Now, this should be pretty nice.
| | 00:11 | So let's import those items now.
| | 00:14 | I'll click on the browser in Final Cut,
push Command+I, navigate to the desktop
| | 00:18 | and let's bring in the Flowers
changed, plus the Text for the SnapShot.
| | 00:22 | So I'll Command-click on that.
| | 00:23 | So I can select just those two items
and I'll select Choose over here and I can
| | 00:27 | have those two those items in immediately.
| | 00:29 | Let's take a look at the
flowers to begin with first.
| | 00:32 | So I'll mouse click and drag that into
the viewer. Wow! That looks good.
| | 00:34 | Let's take a look at the Text for the
SnapShot, mouse click and drag that into
| | 00:37 | the viewer and that looks good too.
| | 00:39 | So let's do one thing at a time here.
| | 00:41 | Let's add the flowers
basically to the background here.
| | 00:45 | So I'll navigate over here to the
Flowers changed, drag it down to the timeline.
| | 00:49 | It will do an override edit.
| | 00:51 | Perfect, so the flowers are
fine, they fit beautifully.
| | 00:53 | We're going to make a couple of more
changes to the still image here in just a
| | 00:57 | moment but I do want to add the text now.
| | 00:59 | So I'll mouse click and drag the text
down and the text looks good once the
| | 01:04 | photo lands and we don't want the
text to be revealed quite yet while the
| | 01:10 | picture is animating.
| | 01:11 | So right at the end of the animation,
okay, and you can drag your playhead
| | 01:16 | to the last keyframe.
| | 01:17 | Notice how I get a little
triangle there that reveals.
| | 01:19 | That's where the last keyframe is.
| | 01:21 | As long as snapping is on, you will see that.
| | 01:24 | Then you can mouse click and trim the
.psd so those titles aren't there yet and
| | 01:32 | let's manipulate these titles
real quick. It's pretty easy.
| | 01:34 | So basically just double-click on this
.psd element and we can add animation
| | 01:40 | here in this particular new timeline
titled Text for SnapShot Export 01.psd.
| | 01:47 | I know it is a long name but anything
we do in here will be manipulated in the
| | 01:51 | timeline in the main animated
timeline in here, okay, all right.
| | 01:56 | So what I'd like to do in this
particular case, just as a helpful hint, and I
| | 02:01 | didn't do in this other one because
I've been doing this for so long but I'll
| | 02:03 | select this .psd document and I'll add
a marker by pushing the letter M, which
| | 02:09 | is really a marker that tells me
right where this text is starting.
| | 02:12 | So if I double click on this now and
I bring it into Photoshop, I get that
| | 02:16 | same marker up here indicating that
this portion in this area over here to the
| | 02:21 | left is not being used.
| | 02:23 | So if I trim, trim, trim, I'll get the
timing correct once I start the animation
| | 02:31 | over here on the main timeline.
| | 02:33 | I hope that makes sense to you.
| | 02:34 | So, now it's just a matter of adding my
Page Peel effect, which is what I did to
| | 02:39 | make these titles come in gradually.
| | 02:41 | So I'll navigate up to the Effects tab
in the browser, mouse click on the Video
| | 02:45 | Transitions category to reveal the
different sub-categories and I'll navigate to
| | 02:49 | the Page Peel category
and there is only page peel.
| | 02:51 | I'll simply add page peels to the
beginning of each one of these layers, okay
| | 02:59 | and Welcome to Our Wedding Day will
be the first item that I want to show.
| | 03:02 | So I'll mouse click and drag to create
a square marquee or a square lasso and
| | 03:08 | I'll move those over and I'll
do the same to this other layer.
| | 03:11 | So that way one comes in at a time.
| | 03:14 | Now the trick with making this work
is you'll notice it when you scrub your
| | 03:17 | playhead over these page peels
that they just don't peel in.
| | 03:21 | They just appear all of a sudden.
| | 03:22 | Well that's because the
page peel needs be reversed.
| | 03:25 | I know it sounds kind of strange but
follow me on this while I show you.
| | 03:28 | Basically, I'll double click on the Page
Peel itself and when you do that, it of
| | 03:33 | course opens up in the viewer.
| | 03:34 | And there's a little
button over here with an arrow.
| | 03:36 | We need to click on that
so it points to the left.
| | 03:39 | Now If I park my playhead in the middle,
see how it's starting to curve already,
| | 03:44 | somewhere in the middle there, I can
see that I can now change the direction of
| | 03:48 | the page or of the turn, so that it
comes in, at a particular angle, in fact,
| | 03:53 | the angle that I want to come in is
decided by the angle of the direction of
| | 03:58 | this dial here, -90 degrees.
| | 04:00 | You'll have to do the same thing for each one.
| | 04:02 | As a matter of fact, some editors will
make this page peel 1.5 to 2 seconds.
| | 04:08 | I think I'll do that, I'll the change
the duration up here and I'll type in 115,
| | 04:12 | Enter and now it's 1.5 seconds.
| | 04:14 | I'll do the same thing to this one.
| | 04:15 | I'll double click on this, park the
playhead somewhere in the middle, change the
| | 04:19 | direction of the page peel and then
I'll change this dial direction, so that it
| | 04:25 | just looks-- it will look the
way I want to look as it peels in.
| | 04:29 | Okay, we'll change the duration again
from 1 second to 1.5 seconds by typing in
| | 04:35 | 115, Enter in the Duration timecode
window and last but not least, we'll double
| | 04:39 | click on the last page peel and let's see.
| | 04:42 | We'll change, of course, the direction.
| | 04:44 | Not the direction but it changes how
the transition will work as it's being
| | 04:50 | applied to all these particular layers.
| | 04:54 | Okay, so we'll change the
direction down here as well.
| | 04:57 | This is a little tricky, look how I'm
doing this and it would be tough to figure
| | 05:01 | this out on your own if you
hadn't seen somebody else do this.
| | 05:03 | I know that once you decided or once
you learned how to do this then it's
| | 05:07 | definitely easy but seeing
someone else do it will really help.
| | 05:10 | Okay, and we'll change the duration
of that to 1.5 seconds, there we go.
| | 05:17 | Now, if I play this back for you up
here, let's turn the image plus wireframe
| | 05:21 | off, I'll push the Play button.
| | 05:23 | Titles nicely rows in, very nice.
| | 05:26 | I really like that a lot. That's cool.
| | 05:29 | Okay, let's go back to the main
timeline where everything I just did is now
| | 05:33 | going to be effected in, what I would
call, the mother clip of this Photoshop
| | 05:38 | document and if I push the Play button
over here, those titles should roll in
| | 05:41 | nicely, look at that. Very cool.
| | 05:44 | It's amazing what you can do when you
combine Photoshop with Final Cut Pro.
| | 05:47 | The last thing I want to do is a couple
of tweaks that really make this pop and
| | 05:51 | really make it work.
| | 05:52 | I want to add a border to this image
in a drop shadow that's the still image.
| | 05:56 | So navigator up to the Effects tab,
close the Video Transitions and navigate to
| | 06:00 | the Video Filters and open up the
Border category in the Video Filters and
| | 06:03 | navigate to the Basic Border and drop
it into the snapshot image on layer 2.
| | 06:08 | Notice how we get a black
border, which I don't like.
| | 06:10 | I want to go with white.
| | 06:11 | So I double-click on this image,
which updates it in the viewer then I can
| | 06:15 | get to that filter.
| | 06:17 | If I click on the Filters tab, here we go.
| | 06:19 | Here is the Basic Border.
| | 06:20 | I'll change the Border Width from 50
by clicking in the numeric value box and
| | 06:25 | I'll type in 25 Enter.
| | 06:27 | That makes it thinner and then I'll
change the color by clicking on this black
| | 06:30 | box from black to white.
| | 06:32 | I'm getting to use the crayon option
here, click on that and you'll get the
| | 06:35 | white crayons, select OK.
| | 06:37 | It's looking better already.
| | 06:38 | Now, I'm going to add a drop shadow, so
I'll mouse click on this, the Motion tab
| | 06:42 | and I'll add a drop shadow
which kind of makes it stand out.
| | 06:45 | I'll click on the Down arrow to reveal
the different options I have and I'll
| | 06:48 | change that to about 5, there we go.
| | 06:51 | That kind of gives it more of a 3D feel.
| | 06:54 | Now, I want to do something to the flowers.
| | 06:57 | It's a filter that Final Cut Pro has.
| | 06:59 | So I'll be utilizing filters in
Final Cut and Photoshop and so that other
| | 07:05 | filter is down in here. Let's see.
| | 07:07 | It's in the Image Control sub-category
of the Video Filters within Final Cut
| | 07:12 | and it's a Tint option.
| | 07:14 | See this Tint, I like using
this filter. It's pretty cool.
| | 07:17 | I'm going to mouse click it and drag
it and place it on to the flowers and I
| | 07:21 | don't want to leave it black and white.
| | 07:22 | So I'll just double-click on this,
update it into the viewer with that filter
| | 07:27 | and I'll click on the Filters tab and
I'll change the amount of the filter down
| | 07:31 | to about 50 or 45 and look how it kind
of changes it, maybe gives a little bit
| | 07:36 | less color, which I think is -- I can
see a little bit of difference here.
| | 07:40 | You might not be able to see it on your
monitor there, but I do want to add one
| | 07:44 | more item, which is a soft edge,
which is here in the Matte category.
| | 07:48 | So I'll click on the Down arrow there,
move this down and we'll go with the Soft
| | 07:52 | Edges, drag that down in there, there we go.
| | 07:55 | Now that's starting to look pretty cool.
| | 07:57 | Then of course, it has to be
rendered but let me just show this to you.
| | 07:59 | I'll mouse click on the Play button.
| | 08:00 | We actually did a little more to this than
the original one that I showed you. Wow!
| | 08:04 | That's really nice.
| | 08:05 | We've covered a lot of ground in this
lesson and I hope you learned a lot and
| | 08:08 | if you feel comfortable with
everything I've shown you then you're ready for
| | 08:11 | the next lesson.
| | Collapse this transcript |
| Creating a 3D title pt. 1| 00:01 | Take a look at this title that I
created here in Photoshop for just a moment.
| | 00:05 | There is a lot going on here, isn't there?
| | 00:07 | Now, what if I asked you to recreate
this exact title in Final Cut Pro?
| | 00:11 | Would you be able to do it?
| | 00:12 | I don't think you would be able to.
| | 00:14 | That's the reason why I
want you to create this lesson.
| | 00:16 | You see, one of the weakest
links in the chain of Final Cut Pro's
| | 00:19 | capabilities is the built-in Titler
and I'd like to show you how to create
| | 00:24 | this using Photoshop.
| | 00:26 | And then in a separate lesson,
I'm going to teach you how to animate all of
| | 00:29 | these layers within Final Cut Pro and
that's the beauty when you bring the
| | 00:33 | capabilities of Photoshop together with
the capabilities of Final Cut Pro,
| | 00:37 | you will be able to create and
have some lethal combinations.
| | 00:40 | So, I'm going to minimize this title by
clicking in the upper left-hand side of
| | 00:44 | the window there, there we go and
then we are going to start from scratch.
| | 00:47 | So, Photoshop of course is launched and
the first thing you are going to want to
| | 00:50 | do is navigate up to the word
File, mouse click and select New.
| | 00:53 | Then a New project window will open,
we are going to call this 3D title,
| | 00:57 | just like that, and like I mentioned in
a previous lesson you want to make sure
| | 01:00 | you've selected the proper
preset. Of course it's Film & Video.
| | 01:03 | And then of course, you want to select
the proper size or format that you are
| | 01:06 | working with in Final Cut Pro and
don't forget, all of the other options are
| | 01:10 | there just underneath this Size button.
| | 01:12 | I am going to leave it on NTSC DV
because that's the one I'm going to use for
| | 01:15 | this lesson and in the
future Final Cut Pro lesson.
| | 01:18 | One last thing, of course, I recommend
you to change background contents from
| | 01:21 | White to Transparent and select OK
and then OK again and let's begin.
| | 01:27 | Navigate over to the letter T, mouse
click on that in the toolbar and you will
| | 01:30 | notice here at the top, all of our
options are applicable to titling and we can
| | 01:35 | select our font by clicking on the Down
Arrow here. I'm going to use this Bold Font
| | 01:39 | and that is what I recommend you do.
| | 01:41 | I can change the Font Size here.
| | 01:43 | I'm going to change that from 110 to 90.
| | 01:46 | Make sure Sharp is here by clicking on
the Up and Down arrow, selecting the
| | 01:49 | Sharp, Center Justification and the Color.
| | 01:51 | Let's change the color from black, if
you have black or any other color, to pink.
| | 01:56 | That's going to be the first color we are
going to use in the first word of this project.
| | 02:00 | So I'll click on that.
| | 02:01 | Notice you get this gradient bar here
with all of these colors in the middle and
| | 02:05 | a double arrow that you can mouse click
and drag, like I'm doing now.
| | 02:07 | When you do that look at how it
changes over here on the left.
| | 02:10 | Let's mouse click and drag it to the
pink area right about there and then as
| | 02:14 | you click, like I'm doing now, you
can get different levels of pink or
| | 02:18 | different shades of pink and I'm
just going to go with a bright pink and
| | 02:22 | select OK. There we go.
| | 02:24 | Now, I can start to type.
| | 02:26 | So, I'm going to mouse click right
about in the center and I'll type in our
| | 02:29 | first word and again, we are going to
remake that title that I showed you at the
| | 02:32 | beginning of the lesson. There we go.
| | 02:36 | Now, this is no different, you guys,
than creating a title in Microsoft Word.
| | 02:40 | Isn't that really the same thing?
| | 02:41 | If you want to make a change, if
you don't like something after you've typed,
| | 02:44 | drag your cursor over the word
and change the Color or the Font Size,
| | 02:49 | or even the Font itself.
| | 02:50 | Once you've decided that you like
what you've created, mouse click on the
| | 02:54 | Move tool and mouse click-and-drag that word
to the center left part of the Canvas window.
| | 03:00 | Now let's create our second word, which
by the way, look how we have a dedicated
| | 03:04 | layer for this word.
| | 03:06 | Let's create another layer for the next word.
| | 03:15 | It's way down there.
| | 03:17 | It's kind of hidden now by that. There it is.
| | 03:18 | See that? It looks like a Page Peel actually.
| | 03:21 | So, I'm going to click on that, boom!
| | 03:24 | And I get a new layer.
| | 03:25 | So, let's type now.
| | 03:26 | So I'll mouse click on the layer T.
This time though let's change the Font Size
| | 03:30 | to about half of what we did before, so
I'm going to got 45 and then I'm going
| | 03:34 | to change the color.
| | 03:35 | So I'll click on the color box again
and I'm going to go with a blue color.
| | 03:40 | So I'll mouse click and drag that over and
let's go with a darker blue. There we go.
| | 03:45 | I'll select OK.
| | 03:46 | Then I'll click right about there and
I'll type in the word my. There we go.
| | 03:50 | And I'm going to move this, so
I'll mouse click on Move tool.
| | 03:52 | I'm going to drag it right there, perfect.
| | 03:55 | Now let's create our third layer.
| | 03:56 | Navigate down to the Add Layer button,
click on that, we have our third layer,
| | 03:59 | mouse click on the letter T and
let's change the Font Size again.
| | 04:03 | I'm going to highlight that Font Size and go
to 110 and I'm going to change the color too.
| | 04:07 | Mouse click on this box here and let's
go with more of a green color, like a
| | 04:11 | light green, there we go. Select OK.
| | 04:14 | Then I'm going to type in the word title, boom!
| | 04:17 | Just like that, perfect.
| | 04:20 | Mouse click on the Move tool.
| | 04:21 | Now we have all three words, Pimp, my, Title.
| | 04:25 | Now I do want to center this, so I'm
going to Shift-click on all the layers,
| | 04:29 | just like that, over here and now I can
select my Move tool and I can move these
| | 04:33 | together as a group.
| | 04:34 | Now if I want to move them individually,
remember simply select the layer/word
| | 04:38 | that you want to move, mouse click on
that and drag it around, there we go.
| | 04:42 | So, this is looking pretty good actually.
| | 04:45 | And I would suggest we save our work at
this point, so I'll navigate up to the
| | 04:48 | word File, mouse click and
select Save, there we go.
| | 04:50 | And I'm going to save it to the Desktop,
mouse click on that and we already have
| | 04:56 | the name there, 3D Title.psd.
| | 04:58 | If you don't have that extension, mouse
click on the Format button option there
| | 05:02 | and select Photoshop.
| | 05:03 | We need that .psd extension, then
select Save and it will save it.
| | 05:06 | Of course, hit the OK button and
it's now going to be on the Desktop.
| | 05:09 | So let's have some fun with this title now.
| | 05:11 | Let's dress up this word Pimp here.
| | 05:14 | So, let's navigate over to the Pimp
layer here, double-click on that and then
| | 05:18 | when you do that, you will get a
Layer Style window and we can do all kinds
| | 05:22 | of things with this.
| | 05:23 | We can add a Drop Shadow by clicking
in that layer or we can add a Stroke,
| | 05:28 | which is really an edge.
| | 05:29 | Well, let's do that.
| | 05:30 | So, click on the Stroke area, make sure
there is a checkmark there and that the
| | 05:34 | blue area here is
highlighted where the word Stroke is.
| | 05:37 | That's really an edge.
| | 05:38 | So we can change the size by clicking
on this over here on the right-hand side.
| | 05:41 | In fact, when you click on and select
any one of these, you will always get
| | 05:44 | that opportunity to manipulate any one
of these items over here on the right.
| | 05:48 | As long as this is checked and you
have the blue area here to the proper thing
| | 05:53 | that you want to change.
| | 05:54 | So, I'm going to go with a Size of 3 and
then I'm going to change the Color here
| | 05:58 | by clicking on that and
go with White, there we go.
| | 06:01 | That's pretty cool. Let's give it a
beveled edge, so we click on that and
| | 06:05 | look how that pops. That is so cool.
| | 06:07 | So the style here, we can go with an
Inner Bevel, we can go with an Outer Bevel,
| | 06:11 | we can go with an Emboss, which is
pretty cool. I think I like that.
| | 06:14 | If you wanted to mess with this, in
other words, you want to manipulate that,
| | 06:17 | you can mouse click on the Size. Watch what
happens over here on the left when I do this.
| | 06:20 | It changes out instantly. Isn't that cool?
| | 06:23 | It's instant updates there.
| | 06:24 | So lets go with 5. I'm going to type it in.
| | 06:27 | Be careful. If you type something again
and hit Enter, you're actually going to
| | 06:30 | select OK by hitting Enter and then you
jump out of that, so I'm careful to
| | 06:34 | just type and then hit OK at the end. And I
think we are done with that, so we'll select OK.
| | Collapse this transcript |
| Creating a 3D title pt. 2| 00:00 | Let's say I do something different to
the word My, navigate to the word My,
| | 00:03 | double-click on that area over here again.
| | 00:05 | You double-click right here to get
this Layer Style window, make sure you
| | 00:09 | drag this window over so you can see what
you're manipulating while you're experimenting.
| | 00:14 | So for the word My, what shall we do?
| | 00:16 | Let's give it an edge, of course.
| | 00:18 | Let's change the color to black.
| | 00:21 | We should do with this.
| | 00:22 | Let's give it a Gradient Overlay.
| | 00:24 | This is pretty cool, so click and
select -- oh, that looks pretty cool.
| | 00:28 | But when you do that,
there's a couple things we can do.
| | 00:31 | I would recommend, see this little
Gradient option here, mouse click on the Down
| | 00:34 | Arrow, we have all kinds of cool options.
| | 00:36 | Actually, I like that first one.
| | 00:37 | That's pretty cool!
| | 00:38 | But you can see here, there's all
kinds of options you can select and just
| | 00:43 | double-click on it, by the way.
| | 00:45 | You can experiment a little further
than that, if you want, but I think
| | 00:47 | that's pretty cool.
| | 00:49 | Let's change that edge to a 2.
| | 00:50 | It's a little too wide for that, there
we go, and then select OK, there we go.
| | 00:54 | Now for this word Title, double-click
in this area again over here in to the
| | 00:58 | right and we get our Layer Style window.
| | 01:00 | This might be a little tougher to see,
because the word over here is to the left.
| | 01:04 | Actually, we can mouse
click and drag, no, we can't.
| | 01:06 | So drag that over to the right,
there we go, and let's give this an inner
| | 01:12 | shadow, there we go.
| | 01:13 | So click on that, wow!
| | 01:14 | That's pretty cool!
| | 01:16 | Look, you can change the distance,
the size, all kinds of cool things.
| | 01:20 | I like that, so we'll hit OK. Awesome!
| | 01:24 | So, we're almost done, we're getting there.
| | 01:26 | Push Command+S to save your work,
let's do something cool now.
| | 01:29 | Let's add a fourth layer.
| | 01:30 | Navigate down here, boom!
| | 01:31 | We've got our fourth layer.
| | 01:32 | We're going to add a cool
graphic image behind the word Title.
| | 01:37 | So to do that, first of all,
we want to change the color.
| | 01:39 | So this color box here will change the
color of this item, this next item that
| | 01:45 | we're going to create.
| | 01:46 | It's going to be a rounded rectangle.
| | 01:48 | If you don't have that item there,
it's probably -- you'll see the rectangle,
| | 01:52 | which is more square, actually, or not square.
| | 01:54 | It's a rectangle, but keep your
finger down on the mouse and select
| | 01:57 | Rounded Rectangle tool.
| | 01:59 | Now, click on this foreground color box here.
| | 02:02 | That will change the color, we don't want green.
| | 02:04 | Let's go with kind of a light
gray, boom, boom! There we go.
| | 02:09 | Notice I get a cross here instead of a cursor.
| | 02:12 | So I'm going to mouse click, remember,
I'm in this new layer, this fourth
| | 02:16 | layer, I'm going to mouse click and drag,
maybe a little bit larger than the word Title.
| | 02:21 | Of course, it hides the
word Title. So why is that?
| | 02:25 | Well, because it's the top layer.
| | 02:27 | This is no different than Final Cut Pro.
| | 02:28 | So I'm going to mouse click on this
layer, very carefully, and drag it
| | 02:31 | underneath the word Title,
right like that, boom!
| | 02:34 | Now, of course, it's behind, because
it's in a layer below the word Title.
| | 02:38 | So it's not quite centered, mouse click
on the Move tool and drag it or use the
| | 02:43 | Up and Down Arrow keys on your
keyboard, Up, Down, Right, Left, see that?
| | 02:47 | I'm not crazy about the way this
looks, the gray, so let's have some fun
| | 02:51 | with this layer too.
| | 02:52 | So over here in this open area, be
careful where you click, double-click on
| | 02:55 | that, and what can we do with this?
| | 02:59 | Let's give it a gradient as well.
| | 03:03 | Mouse click on that.
| | 03:04 | Oh, that's actually not too bad.
| | 03:05 | Again, you can experiment with this.
| | 03:07 | All kinds of things you can do by just
clicking over here in this area. Ooh!
| | 03:11 | That's kind of nice.
| | 03:13 | Let's go with that. That's cool!
| | 03:14 | Let's also give it an edge, let's
change it to, let's go with white on that
| | 03:19 | and let's bevel it. There we go.
| | 03:20 | That will look, oh, that's
looking better by the moment.
| | 03:25 | So this is actually a little more
effect, a lot more capabilities than any
| | 03:29 | titler that Final Cut Pro has.
| | 03:31 | So we're getting there, we really are.
| | 03:33 | There's a lot of cool effects that
we've added here with drop shadows, inner
| | 03:36 | shadows, beveled edges, all kinds of things.
| | 03:38 | We actually don't have any drop shadows,
but we have a lot of effects here that
| | 03:40 | are only native in Photoshop.
| | 03:42 | Now, at this point, save your work,
Command+S, because at some point we're going
| | 03:46 | to have a separate saved file
where all this information is merged.
| | 03:51 | First things first, I do want to
merge this background with the word Title.
| | 03:56 | So it's the shape with the word Title.
| | 03:57 | So I'm going to select the Shape layer,
Shift-click on the Title layer, mouse
| | 04:02 | click on this little triangle.
| | 04:03 | It's really hidden there.
| | 04:04 | Let me zoom in on that, see
that little triangle right there?
| | 04:07 | You need to click on that
and you'll get a down menu.
| | 04:10 | Then I'd like you to select merge layers.
| | 04:12 | It will merge any layer that is selected.
| | 04:15 | So be careful with what you
select, boom! There we go.
| | 04:17 | It looks a little
different over here, doesn't it?
| | 04:19 | This checkerboard
background indicates transparency.
| | 04:21 | We need that in all of these layers, okay?
| | 04:24 | So these next two are
going to be a little different.
| | 04:25 | I'm going to select the word My, boom!
| | 04:28 | Or that layer actually, not the
word, I'm going to select the layer.
| | 04:30 | Then I'll navigate down here, select the
Add layer, and then I get this blank layer.
| | 04:34 | I need to merge these two together,
but I don't want it to be called Layer 1.
| | 04:38 | I want the word My to remain.
| | 04:40 | So I'm going to mouse click and
drag that layer above this blank layer,
| | 04:43 | not above the Title.
| | 04:44 | Then I'm going to Shift-click that
blank layer with the word My and I'll
| | 04:48 | merge those two together.
| | 04:50 | When I do that, the word My
will remain for that layer.
| | 04:53 | Now, of course, you can change it.
| | 04:54 | All right, let me show you an example of that.
| | 04:56 | So I'm going to add another layer.
| | 04:58 | Let's merge these two together, Shift-
click, these are the only two layers left.
| | 05:02 | You don't want to merge these layers, mouse
click on the down triangle, Merge Layers.
| | 05:06 | Look, it's called Layer 1, which I don't like.
| | 05:09 | Let's change this word to the word
Pimp, because that's what that layer is.
| | 05:13 | So look how I gently double-
clicked on that text, see that?
| | 05:17 | Change the word to match the word. There we go.
| | 05:20 | Now we're good.
| | 05:22 | So we have three layers here, and I
want to mouse click on this work Title and
| | 05:27 | this layer and drag it down to the bottom.
| | 05:29 | I want to place these all in the proper order.
| | 05:31 | So we have Pimp, My, Title, there we go.
| | 05:35 | I'm going to mess with this bottom
layer here first, so I'm going to mouse
| | 05:37 | click and drag it out.
| | 05:38 | I want to show you something that
really kind of makes it look like this
| | 05:40 | title is going to pop.
| | 05:42 | So we select that Title layer,
navigate to the word Edit, mouse click
| | 05:45 | on Transform > Skew. This is way cool!
| | 05:49 | So I get this bounding box here with these
little squares on the corners and in the middle.
| | 05:54 | Watch this.
| | 05:54 | If I drag one of them down, check it out.
| | 05:56 | It looks like I'm turning it
toward you. Isn't that sweet?
| | 05:59 | That is really cool!
| | 06:00 | I can make it look like
it's laying down too. Watch.
| | 06:03 | So you can have all kinds of fun with this.
| | 06:05 | I would encourage you to experiment,
like a math scientist, things are
| | 06:09 | bubbling and you've got steam, over here on
the left, and you've got those wacky glasses on.
| | 06:15 | Once you've decided what you like,
then mouse click on the Move tool and hit
| | 06:18 | Apply or Cancel or Don't Apply.
| | 06:21 | If you don't like what you've done,
select Don't Apply and redo it.
| | 06:24 | So, I'll mouse click on Apply.
| | 06:26 | I'll drag that right about there,
so the word My is on top of it.
| | 06:31 | Now let's do the same thing to the layer Pimp.
| | 06:33 | So mouse click on that,
select Edit > Transform > Skew.
| | 06:38 | Now, there's other options here, look
you've got Rotate, Distort, some of these things.
| | 06:41 | So come back later on and experiment,
or experiment now, actually, pause
| | 06:45 | this training and try.
| | 06:46 | So we'll go back to Skew, get the
same bounding box here, and look at that.
| | 06:51 | Isn't that sweet the way that works?
| | 06:52 | I mean this really looks like it's
just popping now, which is the whole idea
| | 06:56 | behind using Photoshop.
| | 06:58 | Now I think you got it, right?
| | 07:00 | So, I'll mouse click on the Move. Select Apply.
| | 07:03 | I mean, I think we're done.
| | 07:05 | You've now accomplished a very cool
looking 3D layer title in Photoshop,
| | 07:10 | something that you simply
cannot create in Final Cut Pro.
| | 07:12 | So save this work as a
separate layered merged file, watch.
| | 07:17 | Navigate to the word File, mouse click,
Save As, and then we're going to call
| | 07:22 | this, we're just going to
add the word merged, okay?
| | 07:25 | So, why are we doing this?
| | 07:26 | Because, if we wanted do, we can go
back to that other one, the first one we
| | 07:31 | saved, and make changes, you really need to.
| | 07:34 | It's just media management stuff, okay?
| | 07:36 | So make sure you have .PSD with the
Format option here and select Save and OK.
| | 07:41 | So we're ready for the next lesson and
the next lesson will be and I'll show you
| | 07:46 | how to animate this Title in Final Cut Pro.
| | Collapse this transcript |
| Creating a 3D title pt. 3| 00:01 | To begin with, we are going to use
a Photoshop document that we created
| | 00:05 | previously in a different
lesson and I'm going to import that.
| | 00:08 | Now, I have already imported it,
but I want to show you how I did it.
| | 00:10 | So I'll click on the Browser in my
Final Cut Pro Project and I'll push
| | 00:15 | Command and the letter I on my
keyboard and I'm going to navigate to the
| | 00:18 | Desktop which is where we saved it
before and I'm going to bring in this 3D
| | 00:22 | Title merged.psd document.
| | 00:25 | So I'll mouse click on the
Choose button and there it is.
| | 00:28 | Now, notice when it comes into
Final Cut Pro, it comes in as or with a
| | 00:33 | Timeline icon.
| | 00:34 | See this right here?
| | 00:35 | That icon represents a
Timeline and that's how this works.
| | 00:39 | Photoshop documents if they were
saved as a .PSD, they will come in as a
| | 00:46 | Timeline or in a Timeline that will
allow us to get to those individual layers.
| | 00:51 | That's the key.
| | 00:52 | That's part of the key.
| | 00:53 | So there is a couple of ways we can work this.
| | 00:56 | Number one, I could mouse click
and just simply drag it down to the
| | 00:59 | Timeline just like this.
| | 01:00 | Let me mouse click and drag this
over, and it comes down as a single
| | 01:03 | layered document.
| | 01:05 | That's cool.
| | 01:05 | But then I won't have a chance
to get to these individual layers.
| | 01:09 | So let me show you how to
get to the individual layers.
| | 01:11 | If you simply double-click on this
document whether it's down here on the
| | 01:14 | Timeline or in the browser, you
will get to those individual layers.
| | 01:17 | Take a look.
| | 01:18 | I'll double-click on it and in Final Cut.
| | 01:20 | Look, it opened up a
separate Timeline with these layers.
| | 01:23 | See, so with my playhead parked here.
| | 01:25 | Take a look.
| | 01:26 | I can mouse click just on this layer
and look how I get a bounding box here.
| | 01:29 | This is a wireframe actually, and
you won't see this unless two things
| | 01:33 | have occurred.
| | 01:34 | The playhead is parked on or in
that layer and of course it has
| | 01:39 | been double-clicked.
| | 01:40 | But then over here in the View
button of the Canvas window, take a look.
| | 01:43 | You mouse click on this and make
sure Image+Wireframe has been checked.
| | 01:47 | Then you will get that Wireframe and
watch, I can mouse click on the center
| | 01:52 | part, and drag it, and move it around if I want.
| | 01:55 | How cool is that, and I can do
that to any one of these layers.
| | 01:57 | So for this lesson, I would like you
to make sure that in this View button,
| | 02:01 | Image+Wireframe has been selected,
and that we are going to now keyframe
| | 02:06 | this title.
| | 02:07 | So what I want you to do is drag
the playhead at the beginning of this
| | 02:10 | Photoshop Timeline and I need you to
move this playhead forward exactly 15
| | 02:15 | frames from the beginning.
| | 02:17 | So make sure nothing is selected.
| | 02:18 | In other words, if something is
selected, deselect it by clicking here on the
| | 02:21 | open gray area, boom!
| | 02:23 | On the numeric keypad of your keyboard,
look over at it, and if you don't have a
| | 02:27 | numeric keypad on your keyboard, if
you are working on a laptop computer, you
| | 02:30 | will just have the numbers at the top.
| | 02:31 | But I want you to push the Plus key and
look what happens, we get a little plus
| | 02:35 | right here, +15, Enter.
| | 02:38 | We want to move that playhead forward
15 frames for this keyframing stuff.
| | 02:43 | So what I'm going to have you do now is
with that playhead forward, I want you
| | 02:46 | to select the first layer, which is
Pimp and I want you to add a keyframe by
| | 02:49 | clicking on this Add Keyframe button, boom!
| | 02:52 | Right over here on the right-hand side.
| | 02:54 | See that.
| | 02:55 | So we are going to add a keyframe, bear with me.
| | 02:58 | Let me zoom back out.
| | 02:58 | So I'll click on that and
we have added a keyframe.
| | 03:00 | How do we know if we added a keyframe?
| | 03:01 | Look, this Wireframe is
now green instead of white.
| | 03:04 | That indicates a keyframe.
| | 03:05 | Let's do to the second layer, add a keyframe.
| | 03:09 | It is kind of hard to see, but it's
there and then the third layer, add
| | 03:13 | a keyframe.
| | 03:14 | Very good, how cool is that.
| | 03:15 | Now, drag the playhead to the beginning
of the Timeline just like that, select,
| | 03:20 | actually navigate over here to the
Percentage button in the upper left hand side
| | 03:23 | of the Canvas window, mouse click on
that and select 50% because I want to be
| | 03:27 | able to see outside of the
viewable area in our Canvas window.
| | 03:30 | Remember this is the viewable real
estate that your viewer will have when this
| | 03:33 | is all set and done.
| | 03:34 | So mouse click on this first layer, and
look what happens we get our Wireframe.
| | 03:39 | It's white, which is okay.
| | 03:40 | Hold the Shift key down to
constrain and watch this Shift-click+Drag.
| | 03:44 | And check that out, we get our
motion path, how cool is that.
| | 03:46 | And you want to put the edge of that
first title, the right edge against the
| | 03:52 | left edge of the viewable area.
| | 03:54 | So it is not quite -- so you can barely
see it there so I do want to drag this
| | 03:57 | out a little bit more, there we go.
| | 03:59 | So that you don't see any part of that work.
| | 04:01 | Let's do it to all three of these.
| | 04:02 | So I'm going to mouse click on the word My.
| | 04:04 | Hold the Shift key down.
| | 04:05 | We are holding it so that it
constrains it in a perfect line whether we are
| | 04:08 | going up or down or left and right.
| | 04:09 | See, how I'm doing that.
| | 04:10 | Mouse click on the Title layer.
| | 04:12 | This is pretty cool.
| | 04:14 | Mouse click and drag, Shift
-click+Drag, there we go.
| | 04:18 | Now, if you need more room on the edge,
mouse click on the Percentage button
| | 04:20 | and select 25.
| | 04:21 | And you will see, if you click on
all three layers, where they are at.
| | 04:26 | So the point of this, now that they are
all off the screen at the beginning of
| | 04:29 | this Timeline, they all end up
coming in at the same time, watch.
| | 04:33 | I'll mouse click on the Play button, boom!
| | 04:35 | That's okay, but I want to stagger that.
| | 04:38 | So let's drag the playhead back to the
beginning, click on not the first word,
| | 04:42 | but the second word or second layer
and select it and push on your numeric
| | 04:47 | keypad of your keyboard, +15, Enter
and it moved it forward 15 frames.
| | 04:53 | Let's move this other layer 30 frames.
| | 04:55 | So +30, Enter and basically now we
can trim each one at the end here.
| | 05:00 | Mouse click and drag.
| | 05:01 | We just trimmed these.
| | 05:02 | We didn't move;
| | 05:03 | we trimmed.
| | 05:03 | Now, these will cut in, in
a staggered form out, watch.
| | 05:07 | So I'll click on the Canvas.
| | 05:09 | In fact let's get it back to its
original size by pushing Shift+Z and I'll mouse
| | 05:13 | click on the Play button now.
| | 05:13 | Watch.
| | 05:14 | Boom, boom, boom, awesome, love that.
| | 05:16 | That's much better.
| | 05:18 | So everything we just did here will
now be done right here, how cool is
| | 05:23 | that, watch.
| | 05:24 | So we'll drag that over to our
playhead, play that boom, boom, boom.
| | 05:28 | I like it, isn't that hot?
| | 05:30 | So this is really-- let's
call it the Mother Clip.
| | 05:33 | And when you double-click on it,
this is the daughter version of that
| | 05:35 | mother clip.
| | 05:36 | So any changes you make
here will affect this one here.
| | 05:40 | Isn't that sweet?
| | 05:41 | So really now all we need is a
background image to really make that stand out
| | 05:45 | and there is a still
image that I'm going to use.
| | 05:48 | In fact, it is right here of a race
car actually and I'm going to simply drag
| | 05:55 | this down and place it underneath the title.
| | 05:58 | In fact, notice how I do this.
| | 06:00 | I'm going to do an override edit.
| | 06:01 | Notice how the arrow, the black
arrow, is pointing down that indicates
| | 06:04 | an override edit.
| | 06:05 | If I let my mouse go, boom!
| | 06:06 | It stays there.
| | 06:07 | If the arrow was pointing to the right,
this whole, it would have moved this
| | 06:11 | title over to the right.
| | 06:13 | You don't want to do that.
| | 06:14 | So now we are going to take this title
and move it down and if I play this back
| | 06:18 | and by the way when you play this
back and you have a Photoshop document,
| | 06:20 | sometimes your Final Cut Pro system may
not play back as quickly without having
| | 06:25 | the Realtime turned on.
| | 06:28 | So some of you may or may not know about this.
| | 06:29 | So I'm going to give you a
little tip here real quick.
| | 06:31 | Make sure your Realtime is maximized.
| | 06:33 | Navigate to the upper left-hand corner
of your Timeline where the RT button is,
| | 06:37 | mouse click on that, and make
sure Unlimited RT is checked.
| | 06:41 | Make sure Dynamic is checked in the
Playback Video Quality option, and make sure
| | 06:46 | Dynamic is checked for the Playback Frame Rate.
| | 06:50 | Make sure those are all three checked,
and you will maximize the playback, the
| | 06:54 | Realtime playback capabilities
of your Final Cut Pro system.
| | 06:57 | So that way you can actually preview
this Photoshop document with motion on top
| | 07:01 | of either a video or a still image.
| | 07:02 | So take a look now.
| | 07:03 | Let's push Play.
| | 07:04 | Boom, boom, boom, I like it.
| | 07:06 | Awesome.
| | 07:07 | Now this has to be rendered of course.
| | 07:08 | See, with this green line up
here means I have to render it.
| | 07:11 | But let's treat this background still
image in a couple of different way so that
| | 07:18 | title really pops, because
right now it gets kind of lost.
| | 07:20 | So with this layer selected and my
playhead parked over it, not the PSD but the
| | 07:25 | background image, whether it's video
or a still, I'm going to navigate to my
| | 07:30 | Canvas window and make sure that
the Image+Wireframe is still selected.
| | 07:33 | In fact, I'm going to shrink this down to 50.
| | 07:35 | I want to take the corner of the
Wireframe and fill in this dark area.
| | 07:38 | A lot of photos will do this so you
will just mouse click and drag, and it will
| | 07:41 | stay constrained here in Final
Cut by itself by just dragging.
| | 07:45 | I want to fill those areas in.
| | 07:46 | Okay, that's step one.
| | 07:47 | Step two, I want to blur out the background.
| | 07:51 | So how do we do that?
| | 07:52 | Well, in the Effects tab of the browser,
we mouse click on the Video Filters
| | 07:55 | folder, navigate to the Triangle, click
on it, so it points down to reveal all
| | 07:59 | the categories, navigate to the Blur
folder, click on the Triangle there and
| | 08:04 | let's go with this straight forward
Gaussian Blur option, mouse click and drag
| | 08:08 | it into the bottom image
on layer one, and let it go.
| | 08:12 | Now, that's a little bit blurred
out but I want to increase that.
| | 08:15 | So how do we get to that filter that
we just Click+Dragged into this photo?
| | 08:21 | Double-click on that to update it
into the Viewer, navigate to the Filters
| | 08:26 | tab, and here it is.
| | 08:26 | There is that Filter.
| | 08:27 | Mouse click on this Radius,
and drag it up to about 8.
| | 08:30 | There we go.
| | 08:32 | Now, it's really blurry.
| | 08:33 | See that.
| | 08:34 | Okay, still not enough for me though.
| | 08:35 | So I'm going to add another filter, and
navigate down to let's see, let's go to
| | 08:39 | the Matte option, see that right there
and let's drag our Navigation Bar down,
| | 08:42 | so we can see what I'm talking about.
| | 08:43 | See these soft edges here in
the Matte option of our Filters.
| | 08:48 | Mouse click on that, and drag
that either here or here now.
| | 08:51 | If you drag it here, it will apply it as well.
| | 08:53 | So you don't want to work, as long
as this is still up in the Viewer.
| | 08:58 | So I just dragged it down to here and
look what I have now, I have this cool,
| | 09:01 | black edge and now, I think I'm
getting to where I want to end up.
| | 09:05 | This is a really cool end result.
| | 09:06 | In fact, I'm going to trim
this down to about five seconds.
| | 09:08 | So it doesn't take a whole lot of
time to render, because I do want to show
| | 09:10 | this to you.
| | 09:11 | So navigate to the word Sequence > Render All.
| | 09:13 | Make sure these are all checked
by the way before you do this.
| | 09:15 | So Render All, this
shouldn't take too long I'm hoping.
| | 09:18 | But basically when you do this, the
end result now really makes that title
| | 09:22 | pop out.
| | 09:23 | Take a look.
| | 09:23 | If I drag this back over, let's
increase the size of our Canvas.
| | 09:26 | Shift+Z. Push the Spacebar.
| | 09:28 | Bam, bam, I love it.
| | 09:30 | That's great.
| | 09:31 | That's it.
| | 09:31 | That is how you animate a Photoshop
layered document here in Final Cut Pro and
| | 09:36 | then really the sky is the limit.
| | 09:38 | You can add music or sound effects
and really make that a cool opening or
| | 09:41 | cool closing or cool transition
between certain segments of your video
| | 09:45 | project and the end result is just
a much higher value of what you can
| | 09:49 | produce for your customer.
| | 09:50 | So thank you for watching, hope you
learned a lot and you are now ready for
| | 09:55 | the next lesson.
| | Collapse this transcript |
| Creating a snapshot effect pt. 1| 00:02 | Photoshop combined with Final Cut
Pro will allow you to create some very
| | 00:06 | practical visual effects that you
simply would not be able to do in Final Cut
| | 00:10 | by itself.
| | 00:11 | So here is a good example in this
lesson that I want to teach you that's
| | 00:14 | actually been used several times on TV
over the past couple of years, and I have
| | 00:18 | used it in a few of my productions
as well, but I can tell you, it's a
| | 00:20 | crowd-pleaser and it's a cool effect.
| | 00:23 | So let me show you the before and after.
| | 00:24 | Here is the before of the DV clip that
came with the media, if you purchased
| | 00:29 | the training disc.
| | 00:30 | This is in the media
folder, Snow Boarder.dv clip.
| | 00:33 | So I'll just push Play over here,
and pretty cool, Snow Boarder getting
| | 00:37 | some air.
| | 00:38 | Here is the modified version.
| | 00:43 | How cool is that, flashed wide, love it.
| | 00:45 | Now here's another example of that same
modified version but with a Lower 3rd.
| | 00:53 | Very cool effect that I have seen
recently, so let me teach you how to do this.
| | 00:57 | It's very cool.
| | 00:58 | And the first thing you want to do is
select a clip, and again you can use
| | 01:01 | this DV clip in the media folder, or
you can use a clip of your own that you
| | 01:05 | want to use, but the key is you bring
it down in the Timeline and you park the
| | 01:09 | playhead on a spot.
| | 01:10 | That allows you to cut out the
subject easily within Photoshop, and that's
| | 01:15 | what we are going to do.
| | 01:16 | This is going to be a two-part
training series, where the first part we are
| | 01:19 | going to go into Photoshop, I'm going
to teach you how to modify the still
| | 01:21 | image correctly.
| | 01:23 | And then the second part, in a
separate lesson, I'll teach you how to import
| | 01:26 | that layered Photoshop document
into Final Cut to animate it, okay?
| | 01:30 | So I'm going to park my playhead on
the DV clip at the frame that I want to
| | 01:34 | create a still image from.
| | 01:36 | So I'll park my playhead here,
navigate it up to the word Modify, mouse click
| | 01:39 | and select Make Freeze Frame, then I
get a freeze frame image up here in the
| | 01:43 | Viewer, and then I'll mouse click and
drag it into the Browser, and I'll save it
| | 01:47 | as let's call it a Snapshot,
because that's kind of what it is.
| | 01:50 | It's the Snapshot image.
| | 01:51 | We'll call that Snapshot 1.
| | 01:53 | And then I want to export it out to Final Cut.
| | 01:55 | So make sure it's selected in the
Browser, by clicking on that still image
| | 01:58 | navigate it up to the word File,
mouse click, select Export > Using
| | 02:00 | QuickTime Conversion.
| | 02:02 | I'll leave the name in the Save As box,
select the Desktop for now, and then
| | 02:06 | under the Format mouse click on the
button there and select Still Image.
| | 02:10 | And then now for the Options, mouse
click on that, you'll have a few actually,
| | 02:13 | I'm going to select BMP but
PICT, PNG, TGA or TIFF is fine.
| | 02:19 | I'll select OK, and then I'll select
Save, and now Final Cut Pro has exported
| | 02:23 | that out onto the desktop, so
I can bring it into Photoshop.
| | 02:27 | And then I want to blade right
where I created that still image from.
| | 02:30 | So I'll navigate over to the Blade
tool on the toolbar or push the letter B,
| | 02:35 | which is the shortcut for the Blade tool,
and then I'll cut, boom, right there,
| | 02:39 | see that little through edit, that some
people call Bowtie, that indicates that
| | 02:42 | I have cut it there.
| | 02:43 | I'll put the Blade tool back by
pushing on the arrow, or push the letter, A
| | 02:48 | which is the shortcut for that.
| | 02:49 | Now we can exit Final Cut Pro, so
I'll push Command+H. Actually I'll push
| | 02:53 | Command+S first to save my work, then
I'll push Command+H to hide, and there is
| | 02:57 | our still image sitting on the Desktop.
| | 02:58 | There is the previous image I
created to show you the example.
| | 03:02 | Anyway, so let's go into Photoshop,
navigate over to Photoshop shortcut, there
| | 03:06 | it is, and now we are in Photoshop.
| | 03:08 | Let's bring that image in, and modify it now.
| | 03:10 | So I'll navigate to the word File, mouse
click and select Open, and there is our
| | 03:15 | Snapshot image, select Open, and there it is.
| | 03:18 | That's what we're going to work with.
| | 03:19 | Now it looks little messy, doesn't it?
| | 03:20 | It is actually, and I want to clean it
up, and like in a previous lesson that I
| | 03:24 | showed you, printing still images for
video, we're going to do the same thing
| | 03:28 | here by navigating up to the word Filter,
and check this out, click on Video >
| | 03:33 | De-Interlace, and select Odd Fields,
Interpolation, select OK, and look at that,
| | 03:40 | how cleaned up that guy.
| | 03:41 | Okay, once we've done
that, then let's resize it.
| | 03:44 | Has to be done in this order.
| | 03:45 | So I'll navigate to the word Image,
mouse click and select Image Size.
| | 03:49 | Change the Width to 720, and the
Height to 534, and then select OK.
| | 03:56 | And now we can either unlock this
layer here, which is the image itself.
| | 04:00 | So double-click on the lock and let's
call this Layer 1, select OK, and we
| | 04:05 | are good to go.
| | 04:06 | Now the idea here is we are going to
use several tools, we are going to use the
| | 04:10 | Magnetic Lasso tool, we are going to
use the Clone Stamp, we are going to use
| | 04:13 | the Eraser tool, and really what we
want to do is we want to cut this image
| | 04:16 | out, the Snow Boarder, and place that
on a separate layer from the background,
| | 04:22 | and then in the background we are going
to fill in what we cut out, and then we
| | 04:25 | are going to in a separate lesson
import those into Final Cut and animate this
| | 04:29 | snapshot image.
| | 04:31 | So let's use the Magnetic Lasso
tool, which is a really cool tool.
| | 04:35 | It's over here.
| | 04:36 | It's in the upper left-hand corner of
the toolbar, and if you don't see the
| | 04:40 | little magnet there on the Lasso tool,
mouse click and keep your finger down on
| | 04:44 | that button and select it.
| | 04:45 | It's the third one down.
| | 04:46 | Do not use the Lasso tool.
| | 04:48 | That might work but it's
a long way around the barn.
| | 04:53 | It's the hard way to do it actually.
| | 04:54 | And actually there are several ways to
do this, but we are basically going to
| | 04:58 | cut around the Snow Boarder, with
our Magnetic Lasso tool, take a look.
| | 05:02 | So it almost looks like a hanger
with a magnet, upside-down hanger.
| | 05:05 | So I'm going to mouse click, and
basically the way this works is now after I
| | 05:10 | click on that first spot, all I'm
going to do is trace the Snow Boarder.
| | 05:13 | See how that works?
| | 05:14 | I get little squares that indicate the
magnet part of this tool, and as you go
| | 05:21 | around, notice how the squares
keep appearing, every once in a while.
| | 05:24 | If you go in the wrong direction like I
just did there, you can undo what you've
| | 05:28 | just done by pushing the Delete key,
Delete, there you go, and then just mouse
| | 05:32 | click like this, mouse click, mouse click,
mouse click, and you force where it's
| | 05:38 | going to be attached to.
| | 05:40 | That's what I'm doing right now.
| | 05:41 | I'm clicking.
| | 05:42 | And with my experience, I believe
this is the quickest way to do this.
| | 05:46 | Now there are other ways to do it I'm sure.
| | 05:49 | There are many Photoshop experts out
there that might say oh, there is a way to
| | 05:53 | do this or way to do that.
| | 05:54 | This is the easiest way to do.
| | 05:55 | For us, videographers and editing, this is it.
| | 05:57 | This is the quickest way to do this
and I have used it time-and-time again,
| | 06:01 | and I've had very happy customers with
the productions I've used this for and
| | 06:05 | it works great.
| | 06:07 | So my experience is going to be your
benefit, because I can tell you now, like I
| | 06:11 | mentioned before, this is a crowd-
pleaser and people really love this effect.
| | 06:15 | So it's going to go all the way around,
I'm going to trace, whoops, you want to
| | 06:19 | be really careful as you do this.
| | 06:21 | I'm going to trace around his hair.
| | 06:22 | He's got some wild hair going on.
| | 06:24 | This won't take too long.
| | 06:25 | And after you do this a couple of times
this gets a lot easier, and of course it
| | 06:28 | really depends on the
sophistication of the photo you are using.
| | 06:31 | See down here where his hand is?
| | 06:33 | This is going to be a little
challenging to go around his hand.
| | 06:36 | You don't want to double-click by the
way, because if you double-click you'll
| | 06:40 | connect the ends of this tool.
| | 06:42 | Now notice when I get to the end here,
I get a little circle at the bottom
| | 06:46 | right-hand side of the Magnetic Lasso tool.
| | 06:48 | That's okay.
| | 06:49 | Click and you've connected the whole thing.
| | 06:51 | See that.
| | 06:52 | That's what we want.
| | 06:53 | We want that highlighted dotted area
around the Snow Boarder, because that is
| | 06:57 | where we're going to cut.
| | 06:59 | So now let's get rid of the Magnetic
Lasso tool by pushing on the Move tool.
| | 07:04 | Now it's a matter of cutting, so we
navigate up to the word Edit, mouse click
| | 07:07 | and select Cut, and we've cut that out.
| | 07:10 | Notice there is a checkerboard background there.
| | 07:12 | If you don't see that checkerboard
background, if you see a colored background,
| | 07:15 | that means you didn't unlock the layer.
| | 07:17 | Okay, you've got to do that, so
you have to undo what you just did.
| | 07:20 | If you have to undo, navigate up
here to the double arrow and go to the
| | 07:24 | History Tab.
| | 07:25 | Click on the History tab and you'll be
able to see what you've done, and you can
| | 07:28 | undo what you've done to get back to the
spot of cutting, or start from scratch.
| | 07:35 | Now let's paste that Snow Boarder back.
| | 07:38 | So navigate up to the word Edit and
select Paste, and make sure you have the
| | 07:41 | Move tool selected and put him
back exactly to the T where he was.
| | 07:45 | It has to be on the exact same spot.
| | 07:48 | You'll know it's in the same spot as
it originated from by looking at the
| | 07:51 | white cut area, okay.
| | 07:53 | And if you look down on your keyboard,
you have an Up, Down, Left, and Right
| | 07:56 | Arrow, you can use that to
incrementally place him back where he needs to go.
| | 08:00 | Once you put him back, he cannot move
the entire time, can't move an increment
| | 08:07 | of anything because you'll
notice that in Final Cut Pro.
| | 08:10 | So this is the right way to do
it as far as putting him back.
| | 08:13 | You'll see a little thin white edge or
ray to move on to the next step, which is
| | 08:17 | cleaning up the edge a little bit.
| | Collapse this transcript |
| Creating a snapshot effect pt. 2| 00:00 | So, let's hide the background Layer 1
by clicking on the eyeball down here.
| | 00:04 | Now, we are going to use our Eraser tool.
| | 00:05 | So, navigate over to the Eraser tool.
| | 00:07 | If you don't see it, it's the top Eraser here.
| | 00:09 | By keeping your finger down on
the mouse, you click on that.
| | 00:11 | It's just underneath the Clone tool,
which looks like a stamp, and you will get
| | 00:16 | what looks like the edge of an eraser.
| | 00:17 | Remember the eraser's on the end of
our pencils, our number 2 pencils.
| | 00:21 | Well, that's what that really looks
like and you can change the diameter by
| | 00:24 | Ctrl-clicking and changing it to a very
large, that's too big, to a very small size.
| | 00:29 | Let's start with 20 for now and when
you have selected that number by either
| | 00:36 | dragging the sliders or typing it in,
just push the Enter key on your keyboard
| | 00:39 | and we have got this circle.
| | 00:40 | Now we can do this incrementally by
just clicking at certain spots and it
| | 00:44 | cleans up the edge a little bit here and there
or we can click in one area, which I'll do now.
| | 00:49 | Click outside just right where the
edges and I don't know if you saw that.
| | 00:53 | And I'll go all the way down right
about there and then I'll Shift-click and
| | 00:55 | boom, I get a semi-straight line to work with.
| | 00:58 | See that? I'll do it again up here.
| | 01:00 | So, I'll click maybe a little bit in the
snowboard and then I'll Shift-click and
| | 01:05 | see that how that straight line appeared.
| | 01:07 | I'll clean that area up too, or I can decrease
the diameter of that eraser by Ctrl-clicking.
| | 01:12 | Let's bring this down to 10,
okay and let's go in this area.
| | 01:16 | So, I'll click, then I'll Shift-
click and I get that nice straight line.
| | 01:19 | This will take a little bit work to do.
| | 01:21 | You will get much better at this.
| | 01:23 | I would say by your fourth or fifth
photo, you will fly through this portion
| | 01:27 | where you are just erasing and
you are cleaning up the edge.
| | 01:29 | I wouldn't worry too much about
making it perfect and here is why.
| | 01:33 | Video is very, very forgiving.
| | 01:35 | We are not going to print this image.
| | 01:36 | So we don't need to be exactly, exactly spot-on.
| | 01:39 | It can be a little messy.
| | 01:42 | Some people leave this edge.
| | 01:43 | It looks kind of cool when
you leave it actually, okay.
| | 01:46 | It will probably not even be noticeable.
| | 01:49 | Less noticeable than you
think once you are done.
| | 01:51 | Okay, so we are done with this layer.
| | 01:53 | Now, let's turn on the Layer 1 by
clicking on the eyeball and turn off Layer 2.
| | 01:59 | Now we need to clone all the
different areas into the checkerboard area.
| | 02:03 | We need to fill this area up, so we
need to put snow over here, we need to put
| | 02:07 | the banner over here on both sides actually.
| | 02:10 | We need to put the sky in this area and
the snow over here. So, let's do that.
| | 02:14 | First thing, we are going to do is
click on the proper layer which is Layer 1.
| | 02:17 | We are going to navigate over to the
Clone tool, or the Clone Stamp tool,
| | 02:21 | which is that first option there
and we get our Clone tool with
| | 02:26 | a diameter as well.
| | 02:28 | If you Ctrl-click, you can select
whatever diameter you want to work with.
| | 02:31 | Let's go with 20 on this one, hit the Enter key.
| | 02:34 | Now check this out, the Clone tool,
Clone Stamp, is actually really cool.
| | 02:38 | It allowed me to select an area
and clone it over here. Now watch.
| | 02:43 | If I push the Option key
down, I get a bulls-eye.
| | 02:46 | If I push the Option key down and click,
this is the range that I can mouse
| | 02:52 | click and drag and paint in.
| | 02:53 | I'm clicking-and-dragging,
clicking-and-dragging.
| | 02:56 | I'll let the mouse up and I'm clicking-
and-dragging, see how that works and we
| | 03:01 | are really filling in an area that
the viewer might see a little bit of.
| | 03:06 | So we don't have to fill in the entire
area, okay but you got to be careful here
| | 03:11 | because I don't want to put snow up here.
| | 03:14 | That doesn't make sense, right?
| | 03:16 | So take a look. So I'll push the
Option key down, I'll get that target.
| | 03:20 | Then I'll click and I have set the area
that I want to clone. Now take a look.
| | 03:25 | So see where that crosshair is?
| | 03:26 | Right where the crosshair
area is what I'm cloning.
| | 03:29 | Sometimes you have to push Option-click
several times just to fill in one spot.
| | 03:33 | And some spots are going to be
harder than others and I'm hoping that
| | 03:37 | you are not thinking, "Oh Frank,
this is crazy. This is way too much."
| | 03:40 | Well, it is and it isn't.
| | 03:41 | It's something that you get
better at over time, okay.
| | 03:45 | The first photo might take you ten
minutes but it's experience that counts.
| | 03:48 | See, the more you do it, the better you get.
| | 03:51 | I can probably do this photo
now in a minute or two minutes.
| | 03:54 | That's how you will average,
once you get good in doing this.
| | 03:58 | It's combination of how sophisticated and
busy the photo is with how good you are at this.
| | 04:02 | Now it might pay-off for you to just
watch me do this and I'm going to clone the tree.
| | 04:07 | I'm going to clone the
banner where the little logo is.
| | 04:09 | I'm going to clone this and the edge,
okay and this is going to be huge.
| | 04:12 | You should want to learn how to do
all of these different things which is
| | 04:15 | probably the reason why you
have this training, right?
| | 04:17 | You want to learn how to do
all this. So take a look.
| | 04:19 | I'm going to work on this ridge up here
so I'll Option and I'll click right on
| | 04:23 | the line, boom, and right where the
crosshair is what I'll be cloning.
| | 04:28 | Now if I drag this over, look.
| | 04:30 | See how that works.
| | 04:31 | I just created a fake edge there and
I'll fill it in. How cool does that
| | 04:35 | ridge line look now?
| | 04:37 | And I can fill this in and I'll let the
mouse up. I'll click+drag, click+drag,
| | 04:41 | click+drag, click+drag, click+drag, I'll let
the mouse up, click+drag. How cool is that!
| | 04:46 | Now it's starting to look
like something is happening.
| | 04:49 | I'm actually making this work.
| | 04:52 | And the result is mind-blowing.
| | 04:54 | Again, we'd never be able
to do this in Final Cut Pro.
| | 04:56 | And the two work hand in hand,
Photoshop with Final Cut Pro. I love it!
| | 05:00 | Oops! Let's undo that. So if you've undone
something like, I just did to that black
| | 05:04 | line there, Command+Z it and that'll undo it.
| | 05:06 | Okay, now let's do this over here.
| | 05:11 | It's going to get trickier in other spots.
| | 05:13 | It doesn't have to be
perfect. Keep that in mind.
| | 05:16 | We don't need to fill in the whole thing either.
| | 05:18 | We are going to stop when we are about 80%
filled because remember the snowboarder
| | 05:23 | is going to hide all these.
| | 05:24 | Okay.
| | 05:26 | All right! I think that's good enough for now.
| | 05:27 | What about this tree?
| | 05:28 | We do need to fix that.
| | 05:30 | So with my diameter right about there,
I'll push the Option key down,
| | 05:35 | I'll click right on that edge.
| | 05:37 | Then watch. I'm going to look where
the crosshair is as I drag down. I'm not
| | 05:40 | looking at the circle. I'm looking at
the crosshair and I'm not going too deep,
| | 05:44 | okay, because if I go too
deep, watch what happens.
| | 05:47 | It stops eventually, because the crosshair
is in nowhere land. There is nothing to copy.
| | 05:52 | Okay. I hope that make sense to you.
| | 05:55 | Let's do the other tree.
| | 05:56 | So Option-click right on the edge of that
tree and then I'll drag. How cool is that!
| | 06:01 | Sweet! I love this tool.
| | 06:04 | Killer tool!
| | 06:04 | It really works well.
| | 06:07 | So, I'll Option-click here and
I'll get rid of all this. See?
| | 06:11 | It pays off to watch the training, doesn't it?
| | 06:15 | Okay, so we are going to keep doing this.
| | 06:17 | Now watch what I do around this area
where the branches are. I'll Option-click.
| | 06:19 | I'll just kind of finish it off,
give it a little edge, here we go.
| | 06:24 | It almost looks like it's real
which is the whole point of this.
| | 06:27 | We are kind of not confusing
our viewer, we're almost fooling him.
| | 06:32 | It's modern day magic.
| | 06:34 | Okay, so there is a couple of other
areas that are going to be a little bit
| | 06:37 | challenging that I do encourage you to watch.
| | 06:40 | Or if you want you just keep
going on your own, you can.
| | 06:41 | You can fast-forward to the part where
I get past all this but I do think this
| | 06:45 | is well worth your time to watch. Okay.
| | 06:48 | So, we are just about there, good enough.
| | 06:52 | Now, what about this ridge line,
right here. Check this out!
| | 06:54 | So I'll Option-click right on the dark
area and then I'll create, I'll continue
| | 06:59 | to create that ridge line. I'll click-drag.
| | 07:01 | I'll let my finger off the mouse
occasionally, click-drag and I'll even do that curve.
| | 07:06 | I'm not going too far down and this
part is actually because it's such a mess
| | 07:11 | visually, I could just
keep going forever on this.
| | 07:15 | Again, this is going to be an area that
the viewer won't be paying attention to.
| | 07:18 | You can actually get away with it
not being perfect. Trust me on this.
| | 07:22 | Look where the crosshair is
and look where the circle is.
| | 07:24 | Wherever the crosshair is, is
what's being cloned into the circle part.
| | 07:29 | And the diameter of the crosshair clone
portion is the diameter of that circle.
| | 07:35 | Okay. So, be conservative though when you do this.
| | 07:39 | Trying to do too, much too quickly.
| | 07:41 | Like I said before, it's going to
take a little bit of practice.
| | 07:44 | Now what about the sky over here?
| | 07:45 | Let's fix this a little bit too.
| | 07:50 | Okay, I'm liking this already.
| | 07:52 | This is really cool.
| | 07:53 | Now what about the banner down below?
| | 07:54 | That's really the part that you
probably been waiting for. Oops!
| | 07:57 | Let me undo that.
| | 07:58 | In fact, let me fix that
Option-click. There we go!
| | 08:02 | Let's finish this right there.
| | 08:04 | Okay, the banner part is a little
tricky, especially down in this area.
| | 08:07 | Let's fix this area first.
| | 08:09 | So, I'll Option-click right here and
I'll just continue doing this and I think we're good,
| | 08:15 | so far, so good.
| | 08:16 | You got to let that mouse go
occasionally too to update the cloned area. Okay.
| | 08:22 | I do want to change the
diameter of the Clone tool.
| | 08:25 | So I'll Ctrl-Click and I'll change
this to about 10, and then I'll hit Enter.
| | 08:30 | And I want to clone the Swoosh,
don't we? Right, the logo.
| | 08:34 | So Option-click right there in the
middle and I'll just kind of fake it.
| | 08:39 | Option-click again right there, there
we go, get a little edge and then I'm
| | 08:44 | going to paint red around it.
| | 08:46 | So Option-click here and boom, boom, boom.
| | 08:48 | Once you do this little incremental part,
you can just blast through the rest of it.
| | 08:52 | So, Option-click here and keep going up.
| | 08:55 | Option-click, boom, boom,
Option-click to get the white back.
| | 09:01 | Basically I'm kind
of fake painting in a way.
| | 09:05 | Option-click, we have all seen
this logo, the Nike logo, right.
| | 09:10 | Okay, now if I zoom out. Looks pretty good!
| | 09:14 | That's convincible.
| | 09:15 | So let's increase our diameter again by
Ctrl-clicking and going back up to 20.
| | 09:19 | Let's rip through the rest of this.
| | 09:22 | Option-click, there we go,
Option-click, Option-click, okay.
| | 09:31 | Let's do this up here,
Option-click here, Option-click.
| | 09:36 | So that we can get the banner going a
little bit further over, there we go.
| | 09:43 | When you are done with this, you will be
amazed at how easy this was and how well it looks.
| | 09:48 | Pay off is big.
| | 09:49 | Let's finish up here okay, all right.
| | 09:53 | Well, I think we are done with this.
| | 09:55 | Now, a couple of things we have to do,
we are not quite done but we are getting there,
| | 09:58 | is navigate over here to Layer 2,
turn it on by clicking on the eyeball,
| | 10:01 | look how the snowboard just covers
everything away. Because what's going to
| | 10:04 | happen in Final Cut is he is just going
to get a lot bigger while the background
| | 10:08 | goes to black and white and gets out of focus.
| | 10:11 | So, we need to do a couple more
things before we wrap up this portion of
| | 10:14 | this training lesson.
| | 10:15 | Navigate up to the Image
Size, mouse click on that.
| | 10:18 | So mouse click on Image then Image
Size. Change the height from 534 to 480.
| | 10:25 | Okay, not the width just
the height and select OK.
| | 10:28 | And we need to save this out on the
desktop, so navigate up to the word File,
| | 10:31 | mouse click and select Save As and
let's keep the same name with the
| | 10:36 | same extension .psd.
| | 10:37 | So Snapshot 1 Changed or
modified or whatever you want.
| | 10:42 | We just needed to be a .psd
and save it to the desktop.
| | 10:46 | So, mine is going to be Snapshot 1
changed and then I'll select Save.
| | 10:51 | Now that image-- and then select OK for that.
| | 10:53 | Now the image is on the desktop.
| | 10:55 | It's ready to be brought into Final Cut
Pro, which I'll cover in the next lesson.
| | 10:59 | We are going to animate these layers
and this is really where the magic begins
| | 11:03 | in Final Cut but you are done now with
this first portion which covered a little
| | 11:06 | bit of Final Cut and a lot of Photoshop.
| | Collapse this transcript |
| Creating a snapshot effect pt. 3| 00:02 | So let's pick up where we left off in
the previous lesson, which is importing
| | 00:06 | a layered Photoshop document and
creating kind of a 3D effect out of what I
| | 00:12 | was referring to as a snapshot image from a
video clip, which is this effect right here.
| | 00:17 | So, I'll step through this real quick
to show you the end result. Again, boom!
| | 00:20 | It freezes and that's going to come
forward, he is going to come forward with
| | 00:23 | the background changing to black and
white and getting diffused and then it
| | 00:26 | snapshots with that flare or with that
flash, back into him finishing his run.
| | 00:32 | So, let's import that layered Photoshop
document and I'm going to click on the
| | 00:37 | Browser and navigate it up to the word File.
| | 00:38 | Mouse click and select Import > Files
and this is going to come from my Desktop
| | 00:43 | and it basically saved that image that
we created in Photoshop and I titled this
| | 00:47 | Snapshot 1 changed.psd.
| | 00:50 | So, I'll select the Choose button after
I've clicked on that file and here it is.
| | 00:53 | It's now sitting in the Browser and what I
want to do is I'll drag it into the Viewer.
| | 00:59 | Click it and drag it in the Viewer and
I'll change the duration to 3 seconds.
| | 01:02 | All right, number 1.
| | 01:04 | Number 2, I want to insert it at that
key point right where that exact frame is
| | 01:10 | from the original video clip in
between right where that through edit bow-tie is,
| | 01:15 | that red bow-tie, as some of you call that.
| | 01:18 | And by doing the following. So I'll click on
this, drag it into the Insert option and boom!
| | 01:23 | Put it right in between those two clips.
| | 01:25 | Now, a couple of things we
want to test before we continue.
| | 01:28 | Remember we are taking a video clip
and connecting it basically to a still image,
| | 01:32 | which originated from the
very last frame at this exact spot.
| | 01:37 | So, I'm going to step through this and
I'll watch my Canvas window to make sure
| | 01:40 | that the progression is normal. Take a look.
| | 01:43 | Boom! It is.
| | 01:44 | Okay, so in other words,
this is just a quick check.
| | 01:47 | We're going to go frame
by frame, watch the canvas.
| | 01:49 | Okay, so that's good.
| | 01:50 | We just really want them to freeze
there and then at the end, he comes out of
| | 01:54 | the freezing and he keeps going. All right,
and we are going to add a flash there.
| | 01:58 | So basically now, we have
our basic pieces together.
| | 02:02 | Now we need to get into this
layered Photoshop document and modify it.
| | 02:06 | So let's double-click on this and when
that happens, when you double-click on
| | 02:10 | that .psd document on the timeline,
it opens up into a separate timeline and
| | 02:16 | what we are seeing here in this
timeline is we are seeing the two original
| | 02:19 | layers that we worked with in
Photoshop and we are seeing an Out point.
| | 02:23 | We are not seeing the In point, but
this is a region here, an In and Out point,
| | 02:27 | that shows us what's being used on the
timeline, compared to the 10 seconds we
| | 02:31 | started with, which originated from the
Viewer when we imported the image that
| | 02:35 | came in at 10 seconds. See over here.
| | 02:37 | This snapshot came in at 10
seconds. Or a SnapShot effect modified.
| | 02:43 | We just changed it to 228
from the In and Out point.
| | 02:46 | So, hopefully that didn't confuse you,
but when you import a still image,
| | 02:48 | it comes in at 10 seconds by default and
we modified that in the Viewer to 2.28
| | 02:54 | seconds or actually 3 seconds, excuse me.
| | 02:56 | And this is just showing us that modified area.
| | 02:59 | So, now this is the area
that we are going to work on.
| | 03:01 | I'll just mouse click and drag and trim
these two images to represent the area
| | 03:05 | on the timeline that we are working with.
| | 03:08 | Okay, and just a double check.
| | 03:09 | I'll Ctrl-click on this
and it says 3 seconds, good.
| | 03:12 | That's the duration we are working with.
| | 03:13 | In fact, I'll zoom in just a little bit.
| | 03:15 | Now, what we want to do is we want to
change the background and we want to
| | 03:20 | change the foreground and we want to
make sure that our Image+Wireframe is On by
| | 03:24 | clicking on the View button
up here. There it is. It's on.
| | 03:27 | And let's change the background first.
| | 03:28 | So, I'm going to select the background,
navigate up to the Effects tab,
| | 03:31 | mouse click on that and
I'm going to add a Tint.
| | 03:34 | So, I'm going to go to the Video
Filters and I'm going to navigate down to the
| | 03:39 | Image Control subcategory in the
Filters and I'll navigate to the Tint option
| | 03:43 | and I'll drag it and drop it into the
bottom Layer 1. Then I'll double-click on
| | 03:47 | that Layer 1 to update it in the
Viewer and here is that layer and there is
| | 03:52 | the area that we cut.
| | 03:53 | Remember that's the area that we didn't fill in.
| | 03:55 | But I want to keyframe this so that
it starts off color and goes into
| | 04:00 | the black and white effect.
| | 04:01 | So, I'll navigate to the Filters tab
and there is our Filter, our Tint, and
| | 04:05 | I would like you to mouse click on the
slider and drop it down to 0, which brings
| | 04:09 | the value of this filter to really
nothing and then I'll add a keyframe, boom!
| | 04:14 | Now, I'm going to click down here in
the open area and you can either mouse
| | 04:17 | click and drag the playhead
forward about 1 or 2 seconds.
| | 04:21 | And how do we know we are
going forward? We'll look over.
| | 04:23 | This tells us where the playhead is, right?
| | 04:24 | So, if I ask you to bring it
to the 1 second mark, boom!
| | 04:26 | You would park it there or let's
back it up. You simply type it in.
| | 04:30 | Let's have you move it to 15 frames forward.
| | 04:34 | So we'll push 15, Enter,
boom! Did you see that?
| | 04:38 | I didn't have to push Plus. I just typed it.
| | 04:40 | It automatically figured I wanted to
move the playhead forward, as long there is
| | 04:43 | nothing down here selected.
| | 04:44 | If something was selected, you
would have moved that forward.
| | 04:47 | If that happened, undo it by pushing
Command+Z and start over. Well, at least
| | 04:50 | with the moving of the playhead forward.
| | 04:51 | Now, this playhead also moved
forward because this playhead and this
| | 04:55 | playhead are linked.
| | 04:56 | All right, so once we have done that,
just simply mouse click and drag this
| | 05:01 | forward and look how a second
keyframe is created and we get a little ramp.
| | 05:04 | This indicates 0 to 100, which represents
the amount black and white we are going to add.
| | 05:10 | So, now over a 15 frame duration,
it goes from color to black and white, which
| | 05:14 | is what I wanted you to achieve.
| | 05:16 | The other item that I want you to mess
with is back here and that is in the
| | 05:20 | Blur folder in the Video Filters,
I want you to navigate to the Gaussian Blur
| | 05:24 | filter and drag that to the bottom clip
and it will automatically appear up here
| | 05:29 | and then I want you to drag this
playhead back to the beginning, drag the Radius
| | 05:34 | to 0 and add a keyframe, just like that.
| | 05:37 | Then I want you to drag the playhead to
the next keyframe, which is the second
| | 05:41 | keyframe from the Tint option.
| | 05:42 | You've got to pay attention to that
and let's drag the Radius to about 15.
| | 05:47 | See how that blurred out now?
| | 05:49 | So as it's changing to black and white,
this will also bet blurry as he comes forward.
| | 05:54 | Now we are not quite done with the Blur yet.
| | 05:55 | I want to increase that,
I want this to continue.
| | 05:58 | So I want now, you can just mouse
click and drag this forward to about 2
| | 06:01 | seconds forward, which remember, we'll see 2
seconds down here when we get to that spot.
| | 06:06 | Okay, this is just one of three ways to do this.
| | 06:09 | Change the Radius from 15 to 20.
| | 06:12 | Or even maybe 24, 25. I'll type it in.
| | 06:16 | Now, it's really going to get blurry.
| | 06:18 | So, now we have three keyframes.
| | 06:21 | The first one is 0, the second one,
in fact we'll go to it, is 15, and then
| | 06:25 | the third one is 25.
| | 06:26 | So it really gets blurry to
really make him stand out.
| | 06:30 | We are pretty much done with the background.
| | 06:31 | Now, I want to mess with the
foreground, which is him, the snowboarder.
| | 06:35 | So, I'm going to drag this back to the
beginning and I'll double-click on this
| | 06:39 | layer to bring it up into the
viewer and really it's just him.
| | 06:43 | If you see a checkerboard background
that's okay. That just means you have
| | 06:46 | checkerboard selected, which is a cool
way to see that you have transparency.
| | 06:50 | And really what we want to do with him
is we want him to get larger and larger
| | 06:54 | over a duration of time, over
this entire 3 second duration.
| | 06:58 | So, we select the clip and make sure
our playhead is at the beginning and
| | 07:02 | we can just click on Add Keyframe
right here where my cursor is.
| | 07:05 | Add a keyframe, drag the playhead to
the end of the clip, just like that.
| | 07:10 | If you have Image+Wireframe
turned on, which is right here.
| | 07:13 | Can you remember I asked you to do that
a moment ago? Drag one of these corners out
| | 07:16 | to as large as you want and
center, just a little bit.
| | 07:20 | We are pretty much done.
| | 07:23 | Whatever, we've done here will affect
our sequence which is where that clip is.
| | 07:28 | Now, let's preview that.
| | 07:29 | Here we go, you are ready?
| | 07:30 | Push the Play button.
| | 07:32 | Awesome. Very cool.
| | 07:34 | And we are not quite done.
| | 07:36 | Now, remember because there is a jump
cut in between this movement and him
| | 07:40 | snowboarding, we need to add a white flash,
like from a camera type flash. So, let's do that.
| | 07:46 | Mouse click on the letter A in the
bottom right-hand side of the Viewer.
| | 07:48 | Select Matte > Color.
| | 07:50 | Navigate up to the Controls tab, click
on that in the Viewer, select the gray box
| | 07:53 | down in the center portion, upper
right-hand side of the Viewer and then
| | 07:56 | you will get a crayon box.
| | 07:57 | If you don't get this crayon box, click on
the Add Crayon or Show/Reveal Crayon button.
| | 08:02 | Just don't break any.
| | 08:04 | Select the white crayon by
clicking on it. It's called snow.
| | 08:07 | How appropriate is that? Get it, snow?
| | 08:10 | Mouse click on the OK button.
| | 08:11 | Then click on the Video button or the
Video tab actually in the Viewer, and
| | 08:15 | basically we have 10 seconds
of white, which we don't need.
| | 08:18 | We only need 10 frames.
| | 08:20 | So, we click in the Duration of
Time Code window and type in 10, Enter.
| | 08:24 | We only need 10 frames.
| | 08:25 | Then I'm going to mouse click and drag
it down and try to center it where the
| | 08:29 | PSD meets the DV clip.
| | 08:32 | With the Clip Overlays button turned on
we'll see the Opacity bars here in the video.
| | 08:37 | I'm going to mouse click on the Pen
tool and I'll click, click, drag and drag.
| | 08:46 | Let's fix this.
| | 08:48 | Basically, what's going to happen now
is as this is playing it will flash to white
| | 08:52 | and it continues on with him
finishing his run, which gives us the visual
| | 08:58 | excuse that we can jump back
to that original video clip.
| | 09:03 | So, let me show you what we've done.
| | 09:04 | We are approaching the end of this lesson here.
| | 09:06 | Let's take a quick look.
| | 09:07 | Push the Spacebar on the keyboard.
| | 09:09 | Bam! I love it.
| | 09:11 | Then it should the flash there. Nice.
| | 09:13 | You are now ready to
continue on to your next lesson.
| | Collapse this transcript |
| Creating text on a curved path| 00:01 | If you ever want to create text on a
path, the most common is to create text in
| | 00:06 | a circular motion around some kind of a
ball, whether it's a Tennis ball or Golf
| | 00:11 | ball or Basketball or
Globe that's the most common.
| | 00:15 | So, I want to show you how to do that
here in this lesson and I also want to
| | 00:18 | show you how to create text
on a free-form path as well.
| | 00:21 | So, as an example, I'm going to use
this tennis ball and then I'm going to
| | 00:24 | create a new blank document to work with.
| | 00:27 | So I'm going to navigate over to the
word File here at the top menu, mouse
| | 00:29 | click and select New.
| | 00:31 | Then I'm going to navigate to the
Preset Option, mouse click on this button and
| | 00:35 | select Film & Video.
| | 00:37 | And then I'm going to navigate to the
Size option, mouse click on this so I
| | 00:41 | can select the appropriate preset
that matches the format that I'm working
| | 00:46 | with in Final Cut Pro.
| | 00:47 | So, if I was working with DVCPRO HD
1080p, I would select this preset or
| | 00:53 | HDV 1080p.
| | 00:54 | I would select this preset.
| | 00:56 | So, the idea is you need to match the
Preset to the format that you are working
| | 01:00 | with in Final Cut Pro.
| | 01:02 | So, just as an example, I'm
going to use NTSC DV for this lesson.
| | 01:07 | Now, once you have selected that
Preset everything else is dailed in with the
| | 01:10 | exception of Background Contents, we
need to change that from White, click on
| | 01:14 | this to Transparent, because we want
this to float over video in our Final Cut
| | 01:20 | Pro Project, eventually we want that to happen.
| | 01:22 | And then of course, you want to give it a name.
| | 01:24 | So, I'm going to call this Text on a Path,
just like that, and then I'm going to
| | 01:31 | select the OK button, by clicking on
the OK button right here then, I'll select
| | 01:35 | OK again, then I'll get
my blank document, so good.
| | 01:39 | Now there are some things you have to
consider before you go any further, such
| | 01:42 | as the type of font, the color and the
size, because if you are going to cover a
| | 01:45 | Tennis Tournament or a Golf Tournament
you want to try to match what they use.
| | 01:50 | That's number one.
| | 01:51 | Number two, you need to
decide where that is going to go.
| | 01:54 | Where is this Text on a Path going to go?
| | 01:57 | Then we create it, then we add the ball
or then we add the graphic and we resize
| | 02:03 | it to fit within the text.
| | 02:04 | That's the path that I want you to take.
| | 02:07 | So, let's create our text on a
circular path by navigating over here to
| | 02:12 | our toolbar.
| | 02:13 | And I'm going to go right below the
letter T, I'm going to mouse click on this
| | 02:16 | item and select Ellipse tool.
| | 02:18 | Then I'm going to navigate up here and
click on this center button here which
| | 02:22 | his the Paths button, and then I'm
going to hold the Shift key down, and then
| | 02:26 | I'm going to mouse click
and drag to create a circle.
| | 02:30 | Now, don't worry if it's not perfectly
centered yet, we'll change that in just a
| | 02:34 | moment, and if you made a mistake, go
back over to your History and undo it by
| | 02:40 | clicking on the upper layer or the
last item that you did to undo it and then
| | 02:44 | redo your circle, okay or redo
anything that you may make a mistake with and
| | 02:50 | utilize this History palette.
| | 02:52 | It's really convenient to have.
| | 02:53 | If you don't see that then you need to
navigate over to the word Window, here at
| | 02:58 | the top menu, make sure
that History is checked, okay.
| | 03:01 | So that way you see that window, okay.
| | 03:04 | So now we are going to add text.
| | 03:05 | So I'm going to mouse click on the
letter T, over here in the toolbar, make sure
| | 03:10 | Horizontal Type tool is selected.
| | 03:12 | Then you want to select your Font by
clicking in this down arrow up here and
| | 03:16 | clicking on the font you want to use.
| | 03:17 | I'm going to use Arial.
| | 03:19 | The Font size, use 23 for now, and
the Alignment here, mouse click on the
| | 03:25 | Center Alignment okay.
| | 03:27 | I'll explain that in just a moment and
then click on the Color box, by clicking
| | 03:30 | on this Black box here and mouse click
on these dual-arrow items here in this
| | 03:36 | Gradient bar and select the
range of color you want to use.
| | 03:40 | I want to go with a greenish, then I'm
just going to randomly click on kind of a
| | 03:43 | dark green, and then I'll select OK.
| | 03:45 | So, we have got the Color, the
Font Size and the Font Type down.
| | 03:50 | Make sure that Center Alignment is
selected up here as well and then drag your
| | 03:53 | cursor down, kind of eyeball it, go
right to the center and when you get close
| | 03:58 | to the edge of the circle, look.
| | 03:59 | Notice how I get a squiggling line.
| | 04:00 | That's what you want.
| | 04:02 | Click on that then type.
| | 04:04 | Type in whatever is appropriate, I'm
going to type in, The US Open of Tennis
| | 04:12 | Champions 2009, just like that.
| | 04:19 | And notice how it more or less
fits it perfectly, because we selected
| | 04:22 | Center Alignment.
| | 04:24 | The Color, the Font size that can all
be changed if you just simply mouse click
| | 04:29 | and drag and highlight what you want
and I'm going to change my Font from Arial
| | 04:34 | to Arial Black, I want a
bolder Font, there we go.
| | 04:38 | What about the Size?
| | 04:39 | Or what if you wanted the
text to go all the way around?
| | 04:41 | Well, you can do that too,
by changing the font size.
| | 04:44 | Navigate up to the Font Size option,
you can either dial it in, type it
| | 04:47 | in whatever you want.
| | 04:48 | I'm going to mouse click on these Ts
here, and I'm just going to drag to the
| | 04:51 | right to increase the size and
notice how it gets bigger, but it fits all
| | 04:56 | the way around.
| | 04:57 | Now I'm not crazy about that.
| | 04:59 | I think I would rather have it go
about half way, right about there, perfect.
| | 05:03 | I'm happy with that.
| | 05:05 | Then I'll mouse click on this Move
tool here, now I can just move it and
| | 05:10 | place it wherever I want.
| | 05:12 | Now, what if it wasn't
perfect and it wasn't quite aligned?
| | 05:15 | You can go back to the Type
tool button, click on that.
| | 05:19 | Navigate over to where the type is,
click on that and you got to be
| | 05:24 | careful because if you don't select
it correctly like I just did, you will
| | 05:27 | make a mistake.
| | 05:29 | So go back over to your History, click
on the Type tool and we want to make sure
| | 05:34 | that our font is going to be selected.
| | 05:39 | So I'm going to click over in a safe
area, like I just did, and then I'm
| | 05:42 | going to backspace by hitting the
Left Arrow on my keyboard and now, if I
| | 05:47 | just push the Spacebar on my keyboard,
look how I can more or less eyeball
| | 05:51 | how it's centered.
| | 05:52 | I just hit it two or three times and
now it's aligned perfectly from left
| | 05:56 | to right.
| | 05:57 | All right, now we are good to go.
| | 05:58 | So I'll mouse click on the Move tool,
now I can move this to a location that I
| | 06:04 | wanted to go to, right about there,
then I'll take my tennis ball over in this
| | 06:08 | document and of course, you can use
any ball or any circular graphic that you
| | 06:12 | want to use, as long as it
has a transparent background.
| | 06:14 | Okay, mouse click, drag it
over and of course it's gigantic.
| | 06:19 | It's far too big.
| | 06:21 | That's okay.
| | 06:22 | Navigate up to the word Edit here at
the top menu mouse click and select Free
| | 06:25 | Transform and you will get this
bounding box here, hold the Shift key down
| | 06:29 | and drag.
| | 06:31 | Shift, constrains this item, so it
stays perfectly within a shape, then I'll
| | 06:36 | drag it over and I'll just kind of make it fit.
| | 06:39 | Shift, drag, perfect.
| | 06:43 | Now the tennis ball isn't perfectly
circular, I'm going to use the up and down
| | 06:46 | arrows to fit this in there nicely.
| | 06:49 | There we go.
| | 06:50 | Then I'll mouse click on the
Move tool, I'll select Apply.
| | 06:54 | Now this is done.
| | 06:56 | I actually like this item, but one other thing.
| | 06:59 | What if you wanted to type something
down here, in a complete different more or
| | 07:03 | less region of this area or of this tennis ball?
| | 07:06 | Well, we can do that too.
| | 07:07 | We just have to go back, mouse click
on the Ellipse tool again, hold the
| | 07:11 | Shift key down.
| | 07:12 | Now this you have to be kind of careful with.
| | 07:14 | Mouse click and drag and you
want it to be about the same size.
| | 07:17 | This takes practice and I have done
this a few times so I have got it down.
| | 07:20 | Just going to require some
practice with you as well.
| | 07:23 | Now I'm going to leave everything as
is and I'm going to mouse click on the
| | 07:26 | letter T. I'm going to make sure this
is in the center, and I'm going to right
| | 07:30 | to the center of the circle.
| | 07:32 | Now before I do any typing, it's a
little confusing, so I'm going to navigate
| | 07:35 | over here, and I'm going to turn the
previous text off, so I just don't see it.
| | 07:40 | Here we go.
| | 07:41 | And I'm going to go right
to the center of the circle.
| | 07:44 | I'll go right to the bottom, there we go
and I'm going to type in California and
| | 07:54 | I'm not crazy about it being
upside down but I can change that.
| | 07:57 | Now I'm going to show you how to bring
the text into the center of the circle.
| | 08:01 | So if I navigate over to this little
arrow, just to the bottom left of the Type
| | 08:05 | tool and mouse click on this, this is
the Path Selection tool that I want you
| | 08:09 | to use.
| | 08:10 | With that tool, you can
navigate over to where the font is.
| | 08:13 | Notice how I get kind of
a funky double arrow here.
| | 08:15 | I'll mouse click and drag straight
in, look how I can just drag it in.
| | 08:20 | This takes a little bit of
practice too, and I can center it.
| | 08:23 | And I like it.
| | 08:24 | I think it looks pretty good.
| | 08:26 | Then I could mouse click on the Move
tool, I can drag it and put it -- actually
| | 08:31 | use the up and down arrow,
on my keyboard if I want.
| | 08:35 | Then I now have, what I want.
| | 08:39 | I can add more to that if I want, to
make it go all the way up and down.
| | 08:42 | I can type in whatever city within
California, but the point is I can have text
| | 08:48 | on the outside or the inside of this circle.
| | 08:50 | It takes a little bit of work.
| | 08:51 | It's definitely worth it.
| | 08:53 | Now I want to merge all these items
together, however, I suggest you save this
| | 08:58 | first as a separate layered document,
then merge it and bring it into Final
| | 09:02 | Cut Pro.
| | 09:03 | So how do we merge it?
| | 09:04 | Well, we come over here, Shift-click
on all these layers, navigate up to this
| | 09:09 | down arrow, mouse click and select
Merge Layers, and it's all one document now.
| | 09:14 | Then I can save it.
| | 09:15 | Navigate up to the word File, select
Save As, I'll save this to the Desktop.
| | 09:20 | And we'll call this Text on a Path
Tennis Ball and then I'll make sure that
| | 09:25 | Photoshop is selected here for the
Format, okay, and then select Save.
| | 09:29 | Then select OK and now we can take
that document, bring it into Final Cut Pro
| | 09:35 | and float it over video.
| | Collapse this transcript |
| Creating text on a freeform path| 00:00 | Now the second the portion of this
lesson is I want to teach you how to create a
| | 00:04 | text on a Free Form path.
| | 00:06 | So I am going to add a new layer down below,
and I just click on this Create New Layer.
| | 00:12 | I am going to hide the tennis ball
that we created in the previous lesson and
| | 00:16 | this part is pretty easy, this
actually pretty cool and the reason I want to
| | 00:19 | show this to you is because sometimes
people want text that maybe are along
| | 00:24 | the lines of hills in the background or
they just want a free form path for the text.
| | 00:28 | Well that is fair!
| | 00:31 | Navigate over here to your
Toolbar and got to the Pin Tool option.
| | 00:36 | Mouse click on the that and
select Free Form Pin Tool. Okay.
| | 00:41 | Then we can just simply mouse click and
drag and create a circle or any shape.
| | 00:46 | I don't know if you can create a
perfect circle but you can definitely create
| | 00:49 | pretty much any type of shape that you want.
| | 00:52 | Then mouse click on that letter
T for the Horizontal Type Tool.
| | 00:56 | Then go through the whole thing of selecting
your font, the font size, the whole nine yards.
| | 00:59 | I am going to actually increase the
font here a little bit and make sure you
| | 01:03 | select Left Center or Right Justified now.
| | 01:06 | To start your text over here and have
it go along this line you want to select
| | 01:11 | the Left Alignment, okay?
| | 01:14 | So then we basically, right when we
see that curved line at the bottom, it's
| | 01:18 | kind of hard to see but there it is,
when we click and now we can type in, This
| | 01:21 | is text on a path within Photoshop. Great!
| | 01:34 | That's how you create it on
a path, on a Free Form path.
| | 01:37 | Now you can change this path too, if
you navigate back over to the Pin Tool
| | 01:40 | option in the Toolbar, select Add Anchor Point.
| | 01:44 | Okay this is where it kind of
gets crazy but creative as well.
| | 01:47 | I mouse click right about here,
Click, I let everything go.
| | 01:51 | I can then mouse click on the actual
point and move it up. Look at that!
| | 01:57 | I know it is a little crazy, a little
wacky but I can change the path by adding
| | 02:04 | that item within this path and I can
change how the curve of the path goes.
| | 02:10 | Now it could a little confusing, could
get a little crazy but that's an option
| | 02:14 | that you can utilize to
create text on a Free Form path.
| | 02:18 | Well that's about it for text on a path.
| | 02:20 | I hope you enjoyed these
lessons on how to use this.
| | 02:23 | I am sure you'll find some practical
ways to use this within Final Cut Pro.
| | Collapse this transcript |
|
|
