Name: Illustratorチュートリアル - 「外観」パネル (Illustrator Tutorial - The APPEARANCE panel)
Uploaded: 2025-08-07T18:38:49.000Z
Duration: 6 min 35 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

There's a good reason why Illustrator is number one in vector production in the creative industry.

Illustratorがクリエイティブ業界のベクター制作でナンバーワンであるのには、それなりの理由がある。

And I don't think it's all of the cool tools and features, although they help.

また、クールなツールや機能がすべてだとは思わない。

私の考えでは、これは1コマだ。

Now if you're not seeing that in your layout, of course, go to the window menu to pick that up.

もちろん、レイアウトに表示されていない場合は、ウィンドウメニューからそれを選んでください。

But what we're going to do here with this type selected at the top is we're going to do an exercise that gives you just a small idea of the power of this panel.

しかし、このタイプを一番上に選択した状態で行うのは、このパネルのパワーをほんの少し知ってもらうための練習だ。

So we can see here we have a type object selected.

つまり、ここではタイプ・オブジェクトが選択されていることがわかる。

It tells us it's made of characters because Illustrator deals with them as a separate entity.

イラストレーターは文字を別個のものとして扱うので、文字でできていることがわかる。

そこで文字をダブルクリックしてみよう。

And then we can go down and we can see that it has no stroke and a white fill.

そして下に降りてみると、ストロークがなく、白で塗りつぶされていることがわかる。

Go back up to the top of this list and click type no appearance.

このリストの一番上まで戻り、「登場しない」をクリックする。

And what we're going to do is we're going to take away the characters fill.

そして、これからやることは、キャラクターの塗りつぶしを取り除くことだ。

Now I've deliberately got you to hide that just for the moment.

今は、わざとそれを隠している。

So just hit the slash key on your keyboard, making sure first, sorry, that the fill is in front.

だから、キーボードのスラッシュキーを押して、まず、申し訳ないが、フィルが前にあることを確認する。

テキストが消えれば問題ない。

If you go into outline mode, command Y or control Y, and then back out using the same shortcut, you can see it's still there, just invisible.

アウトラインモードにしてコマンドYまたはコントロールYを押し、同じショートカットを使って元に戻ると、見えないだけで、まだそこにあるのがわかる。

If you now double click on characters, you'll see that we've taken the fill away.

文字をダブルクリックすると、塗りつぶしがなくなっているのがわかるだろう。

We've used the shortcut to remove the fill, which is the slash key.

塗りつぶしを消すショートカットはスラッシュキーを使った。

It would also remove the stroke if the stroke was in front down here, or if we had it highlighted inside of the panel like so.

また、ストロークがこの下の前面にある場合、あるいはこのようにパネルの内側にハイライトされている場合も、ストロークが削除される。

All right, let's go back up to the type that currently has no appearance.

よし、現在出番のないタイプに戻ろう。

And we're going to add a couple of new fills to it.

それに新しいフィルをいくつか加えるつもりだ。

Okay, so what we can do is we can click these buttons at the bottom here to add a new stroke and a new fill.

この下にあるボタンをクリックして、新しいストロークとフィルを追加することができます。

But I'm going to give you the shortcut to add a new fill.

でも、新しい塗りつぶしを追加するショートカットを教えよう。

And that is command on a Macintosh control on Windows and the slash key hit slash.

そしてそれがマッキントッシュのコマンドであり、ウィンドウズのコントロールであり、スラッシュ・キーのヒット・スラッシュである。

Like so you can see we now have a new fill.

このように、新しいフィルができた。

Now admittedly, at the moment, it's difficult to see.

確かに、現時点では見えにくい。

そして、もう1回だけやってくれ。

And you'll notice that the fills are appearing in the appearance panel.

そして、塗りつぶしがアピアランス・パネルに表示されていることに気づくだろう。

It might be a good idea to just hop over to the layers panel and temporarily turn off the visibility for that background.

レイヤーパネルに移動して、その背景の可視性を一時的にオフにするのがいいかもしれない。

I think it will make it slightly easier for us to work just for the moment and a bit less disconcerting, of course, for you.

そうすることで、当面の間だけ、私たちが仕事をするのが少し楽になると思うし、もちろん、あなたにとっても不愉快な思いをすることが少しは減るだろう。

So let's go ahead and change the topmost fill.

では、一番上の塗りつぶしを変更してみよう。

You'll notice here we have access to the swatches panel and newsflash.

ここで、スウォッチ・パネルとニュースフラッシュにアクセスできることに気づくだろう。

If you hold down the shift key, when you do that, you get access to the color panel.

シフトキーを押しながら操作すると、カラーパネルにアクセスできる。

It really is the one stop shop for appearances.

まさにワンストップショップだ。

So I'm going to choose this dark brown just here.

だから、ここだけダークブラウンを選ぶことにする。

You can, of course, choose any color that you like.

もちろん、好きな色を選ぶことができる。

And then I'm going to go and highlight the fill beneath it.

そして、その下の塗りつぶしをハイライトする。

And I'm going to fill that with like a sand color, something like that.

それを砂のような色で塗りつぶすんだ。

This light brown here, I think, is very good.

このライトブラウンはとてもいいと思う。

Now, at the moment, you won't be able to see that because it's behind the fill on top.

今は、上の塗りつぶしの後ろにあるので見えない。

You'll be able to see it if you turn off the visibility for that and turn it back on.

一旦表示をオフにして、再度オンにすれば見えるようになる。

But let's make sure that this one is highlighted.

しかし、この一件が強調されていることを確認しよう。

And what we're going to do is apply a couple of effects so we can do that in a few places.

そして、これからすることは、いくつかのエフェクトを適用することで、いくつかの場所でそれを行うことができる。

But as it's local to us right now, we can click the FX button at the bottom of the appearance panel.

しかし、今はローカルなので、アピアランス・パネルの一番下にあるFXボタンをクリックすればいい。

And we're going to choose to convert this fill to a rectangle.

この塗りつぶしを矩形に変換する。

Now, let's make sure that this is relative to the type.

さて、これがタイプに対する相対的なものであることを確認しよう。

And we'll bring that down to maybe, I don't know, two, three or four millimeters there.

そして、それを2、3、4ミリまで下げる。

And then for extra height, I'm actually going to reduce that.

そして、さらに高さを出すために、実際にはそれを減らすつもりだ。

I think I'm going to take that to maybe two millimeters.

たぶん2ミリくらいになると思う。

よく機能し、ヒットもOKだと思う。

So now you can see we have a rectangle behind our text.

これで、テキストの後ろに矩形ができたのがわかるだろう。

Now, what I'd like to do is actually move that rectangle up.

では、実際にこの長方形を上に動かしてみよう。

And I can't do that with any of the tools, but I can do it with another effect.

どのツールでもできないが、別のエフェクトを使えばできる。

If I go to the effects here, distort and transform and then transform, I can come straight down to move vertical.

ここのエフェクトで、ディストーションとトランスフォーム、それからトランスフォームを選ぶと、まっすぐ降りてきて垂直方向に移動できる。

Now, smaller numbers move things upwards.

さて、数字が小さくなればなるほど、状況は上向きになる。

数字が大きければ大きいほど下降する。

So we're going to need to go maybe to minus two.

だから、マイナス2にする必要があるだろう。

かなりうまくいっていると思う。

We've got a rectangle around our text, but we're not quite done yet.

テキストを囲む矩形ができましたが、まだ終わりではありません。

We are going to keep this fill highlighted.

この塗りつぶしを強調したままにしておく。

And we're going to come down to this plus icon at the bottom, which allows us to duplicate that selected effect.

下にあるプラスアイコンで、選択したエフェクトを複製できる。

そして今、また新たなフィルができた。

それはまた別の機会にしよう。

So we've got three fills here and we're going to go to both of those.

ここに3つのフィルがあるので、その両方に行こう。

If we twirl them open using the disclosure triangle, we can see that the effects are there as well.

ディスクロージャーのトライアングルを使って開いてみると、エフェクトがあることがわかる。

So just dealing with the bottom two here, we're going to edit the transform effect for each one.

下の2つだけ、それぞれのトランスフォーム効果を編集します。

So let's start with the one at the bottom.

では、一番下から見ていこう。

それは私たちを効果へと導いてくれる。

And all we're going to do here is rotate this by one degree.

ここでやることは、これを1度回転させることだ。

Once you've done that, hit OK and move on to the next one above that and hit transform.

それができたらOKを押して、その上の次のものに移って変形を押す。

And when that panel opens, we're going to move that by minus one degrees.

そしてパネルが開いたら、それをマイナス1度動かす。

And you can see how we're building out this shape.

そして、私たちがどのようにこの形を作り上げているかがわかるだろう。

It's got a completely different appearance now.

今はまったく違う姿になっている。

And where the real, real power comes in here is this.

そして、本当の本当の力がここにある。

If I wanted to change the text here, so let's say it wasn't downtown L.A., it was instead Cambridgeshire, where I live in the UK.

ここで文章を変えるなら、ロサンゼルスのダウンタウンではなく、私が住んでいるイギリスのケンブリッジシャーだとしよう。

If I hit escape now to leave the text, you can see everything has gone along with that.

今、エスケープを押してテキストから離れると、すべてがその通りになっているのがわかるだろう。

It sets us up for dynamic graphics, which is a really, really big deal.

ダイナミックなグラフィックを可能にする。

字幕リスト動画再生

Illustratorチュートリアル - 「外観」パネル (Illustrator Tutorial - The APPEARANCE panel)

critical

access

slightly

straight