- [Nick] In this movie, we're going to take a look at

- ニック】 このムービーでは

creating a lower third similar to this right inside

下三分法

of Adobe Premiere Pro using shapes

シェイプを使用したAdobe Premiere Proの

as well as different types of fonts.

と、さまざまな種類のフォントがあります。

Awesome. I'm just going to press the escape key to exit.

すごいな。エスケープキーを押して終了するんだ。

And with my type tool selected, I'm going to click.

そして、タイプツールを選択した状態で、クリックします。

That creates a new graphic clip, just on top of it.

これは、ちょうどその上に新しいグラフィッククリップを作成します。

I'm going to type in "Eugene," followed by "Draw."

"ユージン "と入力し、次に "ドロー "と入力します。

I'm going to take this overall text, make it a lot bigger.

この全体のテキストを、もっと大きくするんです。

Then I'm going to select the default selection tool

そして、デフォルトの選択ツールを選択します

and start to position this roughly where I want it

で、これを大体好きなところに配置し始める。

in the frame.

をフレームに入れています。

I want the second part of the text

本文の後半部分が欲しい

or, "Draw", his last name,

または、苗字の「Draw」。

to actually be a semibold font.

を実際にセミボールドフォントにする。

And the first part here,

そして、前編はこちら。

in particular, to be that of light.

特に、光のものであること。

I'll then select the default selection tool, move it over.

次に、デフォルトの選択ツールを選択し、移動させます。

We can now start to create the additional elements

これで、追加要素の作成に取りかかることができます

that make up this text.

このテキストを構成している

One thing is the "performer" text

ひとつは、「パフォーマー」のテキスト

which is going to appear just above it.

が、そのすぐ上に表示されることになります。

But we're going to use a different font for that.

でも、そのために別のフォントを使うんです。

One way to set this up,

これを設定するのも一つの方法です。

is I'm actually going to right click this existing text

は、実際にこの既存のテキストを右クリックしてみます。

and choose to duplicate it.

をクリックし、複製を選択します。

I'll move this duplicate text just above it.

この重複した文章をすぐ上に移動させます。

And if I wanted to be precise,

そして、正確を期すなら

I could actually use the align and transform properties

実際にalignとtransformのプロパティを使用することができました

and just drag on the Y value.

をクリックし、Yの値をドラッグするだけです。

Let's double click the entire text and type in "performer,"

テキスト全体をダブルクリックし、"パフォーマー "と入力してみましょう。

making sure that's also all in caps.

もすべて大文字であることを確認してください。

I want this to be quite a bit smaller.

これをかなり小さくしてほしい。

I want to select the overall text, and then bring it down.

テキスト全体を選択し、下に持っていきたい。

Just noticing that it's happening

ただ、そのことに気づくこと

from the lower left hand side.

を左下から見てください。

If you're having trouble seeing this, keep in mind,

見づらいという方は、覚えておいてください。

go to your fit section of the window

ウィンドウの「フィット」セクションに移動します

which is fitting the video to this,

というのは、これにビデオを合わせているのです。

and then just make it 75%.

にして、75%にすればいいんです。

Where you can then grab the hand tool

その後、ハンドツールを手にすることができる場所

and really focus in on how the text is aligning up here.

で、テキストがここでどのように整列しているかに焦点を合わせてみてください。

A really handy tool is to select text.

本当に便利なツールは、テキストを選択することです。

And then if you hold down the commander control key

そして、コマンダーコントロールキーを押しながらだと

followed by the left and right arrows,

に続いて、左右の矢印が表示されます。

you can nudge your text into place.

をクリックすると、テキストを所定の位置にナッジすることができます。

This is looking pretty good,

これはなかなかいい感じですね。

but this isn't the font that we want to use.

が、これは我々が使いたいフォントではありません。

From the text section,

テキストセクションから。

let's actually go to the dropdown arrow

実際にドロップダウン矢印に移動してみましょう。

and add a font from Adobe Fonts.

をクリックし、Adobe Fontsからフォントを追加してください。

Clicking on the cloud icon right here.

ここにあるクラウドアイコンをクリックすると

That will launch you to Adobe Fonts.

Adobe Fontsが起動します。

I've got a few of those windows open up here.

この窓をいくつか開けておくと

I'm actually just going to press okay to close them.

実際には、OKを押して閉じるだけなのですが。

And I'm going to type in S-I-G-N-O,

そして、S-I-G-N-Oと入力する。

which is signo for the top family results.

というのは、トップ・ファミリーの結果を表すシグノである。

Currently, that's also available on Adobe Fonts.

現在、それはAdobe Fontsでも提供されています。

I noticed that all different cases and weights of that font

そのフォントのケースやウェイトがすべて異なることに気づきました。

are currently saved to my system

は現在、私のシステムに保存されています

with this little blue icon right here.

この小さな青いアイコンをクリックします。

And that's all possible

そして、それはすべて可能です

because I logged into creative cloud.

クリエイティブクラウドにログインしたため。

Since I have that,

それがあるので。

I can easily select this from the text list.

テキストリストから簡単に選択できるんです。

I'll head down to that section to find that font,

そのフォントを探すために、そのコーナーに向かいます。

and make sure that a regular case

を確認し、通常のケース

is currently selected for it.

が現在選択されています。

That's looking great.

いい感じですね。

Let's zoom out, we'll fit to the window.

ズームアウトしてみましょう、ウィンドウに合わせます。

And we want to have a box

そして、私たちは箱を持ちたい

that's going to be behind this performer text.

このパフォーマーテキストの背後には、このようなものがあるはずです。

So I'll do that by right clicking and adding a new layer.

そこで、右クリックして、新しいレイヤーを追加します。

It will be a rectangle layer.

矩形レイヤーになります。

We'll make sure that that rectangle has a fill, no stroke.

この矩形には、塗りつぶし、ストロークがないことを確認します。

And with the actual default selection tool,

そして、実際のデフォルトの選択ツールで。

I'll drag it and position it roughly to be the same size

ドラッグして、同じ大きさになるように大まかに配置します

as our "performer" text.

を "パフォーマー "のテキストにしました。

I'll then drag that shape, placing it underneath it

次に、その図形をドラッグして、その下に配置します。

and get even clearer in terms of its size.

と、その大きさがさらに鮮明になります。

You might want to go back and bring this back to 75%,

これを75%に戻すといいかもしれませんね。

using that hand tool again.

そのハンドツールを使って、もう一度。

With the default selection tool we can see the bounding box

デフォルトの選択ツールで、バウンディングボックスを見ることができます。

and how that shape is being formed around

を中心に、その形がどのように形成されているのか

the "performer" text.

出演者 "テキスト

I'm going to now zoom out from 75% to 50%.

今度は75％から50％にズームアウトしてみます。

On my toolbar select the pen tool.

ツールバーでペンツールを選択します。

We're going to create a simple line shape

シンプルなラインシェイプを作成することにします

just consisting of a stroke.

一筆書きで構成された

So, first of all, I'm going to click to add a point.

ではまず、クリックでポイントを追加してみます。

That's going to create a new point, shape zero two.

これは新しい点、シェイプゼロ2を作成することになります。

I'll turn off the fill and add a red stroke.

塗りつぶしをオフにして、赤いストロークを追加してみます。

Using the hand tool temporarily,

ハンドツールを一時的に使用する

I'll just click and drag here over to the side,

ここをクリックして、横にドラッグします。

even though that first point has been created.

は、その最初のポイントが作成されているにもかかわらず。

Hop back to my pen tool now.

今すぐペンツールに戻るんだ

And right around here, I'll try to create the first point.

そして、ちょうどこのあたりで、最初のポイントを作ってみることにします。

I'm just going to be very careful of how I create that point

その点の作り方には、とにかく気を遣います

and also, to make sure that it's as aligned

また、その位置関係を確認するために

and straight as possible

で、できるだけまっすぐ

to the first point that I created.

を最初に作成したポイントに移動させます。

I'll then click and drag create another point right here,

次に、クリックしてドラッグし、ここに別のポイントを作成します。

click off, and then try to straighten this.

をクリックしてから、これを矯正してみてください。

Using my hand tool temporarily, just to sort of move back,

一時的にハンドツールを使って、なんとなく後ろに下がってみる。

select the pen tool.

は、ペンツールを選択します。

And then right around where the E ends

そして、Eが終わるあたりで

and pretty much aligned with that third point I just created

そして、先ほど作成した3つ目のポイントにほぼ合致しています。

I'll create that third point.

その3点目をつくります。

(indistinct) off for a second, and then drag it

(不明瞭) を一瞬だけ外して、それからドラッグする。

to make it as straight as possible.

を、できるだけまっすぐにすることです。

I'll then take a look at this overall shape

続いて、この全体の形を見てみますと

with this fit to the window,

このように窓にフィットした状態で

to see if that's roughly the same type of line

が、だいたい同じような路線かどうか確認する。

that I had with the previous shape.

前のシェイプで持っていたもの

With this tool still selected,

このツールを選択したまま

just drag these points a little bit down,

この点を少し引きずっているだけです。

the third and fourth point created,

3点目、4点目の作成

just to add a bit more space there.

を追加するだけで、そこにもう少しスペースが生まれます。

Now I will go back to my default selection tool.

ここで、デフォルトの選択ツールに戻ります。

I will drag out this specific text.

この具体的な文章を引っ張り出します。

Let me select the text.

テキストを選択させてください。

And what I'd like to animate together,

そして、一緒にアニメーションを作りたいもの。

happens to be the "Eugene Draw" text,

は、たまたま「Eugene Draw」のテキストになっています。

the first shape, the black square and the "performer" text.

最初のシェイプ、黒い四角形、"Performer "のテキスト。

I'll select all of them by clicking and shift clicking

クリックとシフトクリックで全選択してみる

and then group them all as one object.

を作成し、それらを1つのオブジェクトとしてグループ化します。

I'll then rename shape number two, just call it "line".

次に、2番のシェイプの名前を変えて、「ライン」と呼ぶことにします。

I'll even rename shape number one, I'll call it "rectangle."

1番の形状は名前を変えて、"長方形 "と呼ぶことにしよう。

Now the important thing with the group

さて、肝心のグループとは

here that I have selected, is its anchor point.

が、そのアンカーポイントです。

And you'll see here, it's at the center of the group.

そして、ここで見ていただきたいのは、グループの中心部にあることです。

I'll take that and actually pivot it

それを受けて、実際にピボットしてみる

to the upper left hand corner of my rectangle.

を矩形の左上隅に追加しました。

'Cause this is going to act as

'Cause this is going to act as

all the elements of this group to scale from.

このグループのすべての要素からスケーリングする。

With the line itself,

回線そのものと。

if I start to play around with the scale of the object

オブジェクトのスケールを弄り始めたら

I can sort of see that the pivot point

ピボットポイントは、なんとなくわかるのですが

is at middle of the object, which is fine.

がオブジェクトの真ん中にあるのは問題ない。

Since that's the first thing I want to animate,

それが一番最初にアニメ化したいので。

I'll move to the one second mark in my timeline

タイムラインの1秒のマークに移動する

and under effect controls,

と効果的なコントロールのもとで行われます。

let's take a look at the properties of that line.

では、その線のプロパティを見てみましょう。

Where it says scale,

スケールと書いてあるところ。

I'm going to make sure the scale is not uniform.

スケールが均一でないことを確認するためです。

Just to separate the vertical and horizontal scale.

ただ、縦と横の目盛りを分けるだけです。

And let's add a key frame for both horizontal and vertical.

そして、水平・垂直ともにキーフレームを追加してみましょう。

I'll move my playhead to the beginning of the timeline.

プレイヘッドをタイムラインの先頭に移動してみます。

Just even if I start to play with the vertical scale

ただ、縦の尺で遊び始めても

a little bit you can sort of see

を見ることができます。

one way that we can animate this object on.

このオブジェクトをアニメーション化する方法の1つです。

Creates a little interesting animation too,

ちょっと面白いアニメーションも作れます。

with the way that this grows.

を、その成長ぶりに注目しています。

It's rather linear.

どちらかというと、リニアな感じですね。

But you can always select those key frames.

しかし、それらのキーフレームはいつでも選択することができます。

Right or control click it,

右クリックまたはコントロールクリックします。

and then just choose to create a little bit more easing

を選択して、もう少しイージングを作るだけです。

on that animation.

そのアニメーションの上で

To do that even further,

さらにそれを実行するために

I'll zoom in so we can see those key frames.

そのキーフレームを見るためにズームインしてみます。

And under the vertical scale,

そして、縦目盛りの下。

select the last one

しめくくりをつける

and actually just play around with this graph

と、実際にこのグラフで遊んでみてください。

which will control how it eases in,

で、イージングの仕方をコントロールします。

making it even smoother there at the end.

最後にもっとスムーズにできるように

I'll actually move to the 15 frame mark,

実際に15フレームに移行してみます。

which is where I want to set up

をセットアップしたいところです。

the remaining parts of this group.

このグループの残りの部分です。

I want this to scale up in size.

これをサイズアップしてほしい。

I'll close down the shape line one,

シェイプラインの1つを閉鎖します。

just to make this neater here.

この辺をすっきりさせるためです。

And under the group one's properties,

そして、グループ1のプロパティの下に

I will click the stopwatch next to scale,

スケールの横にあるストップウォッチをクリックします。

add a value of zero.

を0にする。

All those items in the group disappear.

グループ内のすべてのアイテムが消えます。

I'll now move to the one second and 15 frame mark

それでは、1秒15フレーム地点に移動します

here in my timeline, or effect controls.

ここで、私のタイムライン、つまりエフェクトのコントロールを行います。

Scale this up to a value of a hundred.

これを百の値にスケールアップする。

Before I preview this animation,

このアニメーションを試写する前に。

I'll select each of those key frames.

そのキーフレームをそれぞれ選択してみます。

Right click and choose Bezier.

右クリックし、ベジェを選択します。

I'll even twirl down those scale properties,

そのスケール特性もツブシ倒しますよ。

select the key frame and just add more of an easing graph

キーフレームを選択し、イージンググラフを追加するだけです。

to add some nicer animation.

を使えば、もっと素敵なアニメーションを追加することができます。

You can see here, this could use some tweaking

ここでわかるように、これは少し調整が必要です。

but not too bad for our lower third setup.

が、下位3位のセットアップとしては悪くないと思います。

And in order to save this to the library,

そして、これをライブラリに保存するため。

right click and export this as a motion graphics template.

右クリックし、モーショングラフィックス・テンプレートとしてエクスポートします。

That's how you can create a nice lower third

そうすることで、きれいなローワーサードを作ることができるのです

inside of Adobe Premiere.

Adobe Premiereの内部。

(upbeat music)

(アップビート・ミュージック)