Name: Illustratorチュートリアル - 図形の作成と組み合わせ (Illustrator Tutorial - Create and combine shapes)
Uploaded: 2025-08-04T18:38:44.000Z
Duration: 12 min 48 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

Compound paths are used when you want to cut a hole in something.

複合パスは、何かに穴を開けたいときに使う。

基礎受動態

Think about the letter O, that normally starts out when you're designing a font as two shapes, one larger ellipse with another smaller ellipse inside of it, and then the smaller ellipse is punched out of the larger one, creating a hole.

通常、フォントをデザインするときは、大きな楕円とその中にある小さな楕円という2つの形から始まります。

程度の副詞

Rather than talking about it though, let's try it right now with the two squares that we have here.

その話をするよりも、今ここにある2つの正方形で試してみよう。

Now I want you to just make a quick mental note of their fill, because that's going to change when we make the compound path, and we can do that either by using the shortcut CMD 8 or CTRL 8, or going into the Object menu, choosing Compound Path and Make.

ショートカットのCMD 8またはCTRL 8を使うか、オブジェクトメニューから複合パスを選択して作成する。

You can see that when we've done that, we do have the hole from where the two were intersecting, and the background color, or the color of the object in the background to be more accurate, is the one that's been passed to the compound path.

そうすると、2つが交差していた穴ができ、背景の色、より正確には背景のオブジェクトの色が、複合パスに渡されたものであることがわかります。

Now that means that both things will now change, whatever color we choose for these, that will change like so.

つまり、どの色を選んでも、このように変わるということだ。

Let's come across to these targets just here, and what I'd like you to do, and you could probably do this best by dragging, is drag across the magenta, the yellow, and the cyan path there like so.

マゼンタ、イエロー、シアンのパスをドラッグして横切ってください。

Leave the black circle in the middle be just for the moment.

真ん中の黒い丸はとりあえずそのままにしておく。

OK, so we're going to make a compound path again, so Object, Compound Path, and Make.

オブジェクト」→「複合パス」→「作成」。

And you can see now it has punched out a hole based on the shape in the middle.

そして今、真ん中の形に基づいて穴が開いているのがわかるだろう。

Let's select all four shapes in the target below, and we'll do that again.

下のターゲットにある4つのシェイプをすべて選択して、もう一度やってみよう。

This time let's use the shortcut CMD 8 or CTRL 8, and you'll see something very different has happened.

今回はCMD 8またはCTRL 8のショートカットを使ってみよう。

Now you don't need to worry too much about the technicalities of this, but I'll show you how it actually can be made to work.

技術的なことはあまり気にする必要はないが、実際にどのように機能させることができるかを紹介しよう。

Let's go to the Window menu, and come down and find the Attributes panel, and open that up.

WindowメニューからAttributesパネルを見つけて開いてみよう。

Now we'll need to see the options for this, so you can either click the small disclosure triangle next to the word Attributes, or you can go to the fly out and choose Show Options.

属性」という文字の横にある小さな三角マークをクリックするか、フライアウトから「オプションを表示」を選択します。

And this is what we're going to switch over to.

そして、これから切り替えるのはこれだ。

At the moment we're using the fabulously named non-zero winding fill rule for this shape, but if we turn on the even odd fill rule, then we suddenly get that shape punched out, because we have even, odd, even, odd, and hopefully that makes sense to you.

今のところ、このシェイプには素晴らしい名前の非ゼロ巻線フィル・ルールを使っているが、偶数奇数フィル・ルールをオンにすると、偶数、奇数、偶数、奇数となるので、突然このシェイプが打ち抜かれる。

So if you're getting a result that isn't exactly what you were expecting, then perhaps try that to see if it resolves it.

だから、もしあなたが期待していた結果とは違う結果を得ているのであれば、それが解決するかどうか試してみるといいだろう。

Now let's contrast a compound path with a compound shape.

では、複合パスと複合シェイプを対比してみよう。

Let's select the two squares at the top right here, and what we're going to do first is use one of the shapes mode pathfinders.

まず、シェイプモードのパスファインダーのひとつを使います。

You'll see them here in the Properties panel.

プロパティ・パネルに表示されます。

We're going to use this one first of all.

We're just going to click it, and you'll see the two things are joined together, and they take on the color of the topmost object.

クリックすると、2つのオブジェクトが結合され、一番上のオブジェクトの色になるのがわかるだろう。

その結果、道は1つに絞られる。

Select the two squares beneath that, and this time we're going to click the button again, but we're going to hold down the Alt or Option key when we do it, which will generate us a compound shape.

その下の2つの正方形を選択し、今度はもう一度ボタンをクリックする。ただし、AltキーかOptionキーを押しながらクリックすると、複合シェイプが生成される。

So the difference here is that while the visual result is identical to the one above, there's still actually two separate shapes.

ここでの違いは、見た目の結果は上のものと同じだが、実際にはまだ2つの別々の形があるということだ。

If we go ahead and get our Group Selection tool, which lives under the Direct Selection tool, and click one of the shapes, you can see we can move it around, and it just moves and changes the result of the compound shape.

ダイレクト選択ツールの下にあるグループ選択ツールで、シェイプのひとつをクリックすると、シェイプを動かすことができる。

So there we are. We have a compound path, we have pathfinder operation, a shapes mode operation, you found out about the non-zero winding rule and the even-odd rule.

そうだ。複合パスがあり、パスファインダーがあり、シェイプスモードがあり、非ゼロ巻きルールと偶奇ルールがある。

What I'd like you to do now is to have a look at the two squares here before you join them together using either the compound path or the compound shape, and try and predict what the resulting color will be.

今やってほしいのは、複合パスか複合シェイプを使ってつなぎ合わせる前に、ここにある2つの正方形を見て、出来上がりの色を予想してみることだ。

If not, just wind back a little bit and review the options we've done so far.

もしそうでなければ、少し戻って、これまでやってきたオプションを見直してみてほしい。

We're going to explore everything the Pathfinder panel has to offer us, and in many ways, because it's the oldest, it is the cornerstone of drawing by construction.

パスファインダー・パネルが私たちに提供するものすべてを探求するつもりだ。多くの意味で、パスファインダー・パネルは最も古いものであり、構成によるドローイングの礎石でもある。

Now, we do have access to the Pathfinder inside of the Properties panel.

これで、プロパティ・パネルのパスファインダーにアクセスできるようになった。

As soon as you select two or more objects, then the Pathfinder will appear here, but you have an ellipsis to get through to the actual Pathfinders.

2つ以上のオブジェクトを選択すると、パスファインダーがここに表示されますが、実際のパスファインダーに進むには省略記号が必要です。

So for this movie, I'm going to go ahead and open up the Pathfinder panel, and then just park that somewhere where it's not too much in the way, and as luck would have it, there is about fine.

この映画では、パスファインダーのパネルを開いて、邪魔にならないところに置いておこうと思う。

So the first one of these is Unite, and if we click, the two shapes are joined together.

クリックすると、2つのシェイプが結合される。

Alt or Option clicking on any of the shape modes gives you a compound shape in which it's still editable.

AltまたはOptionキーを押しながらシェイプモードをクリックすると、編集可能な複合シェイプが表示されます。

The second option, Minus Front, does pretty much exactly what it says.

つ目のオプションであるマイナス・フロントは、ほぼその言葉通りになる。

It will knock the front object out of the back object.

前方の物体を後方の物体から叩き出す。

So if I just go ahead and click that, there's the result just there.

それをクリックすると、そこに結果が表示される。

インターセクトがそれを物語っている。

It would be the area that is common to both, and Exclude is the opposite.

それは両者に共通する部分であり、Excludeはその逆である。

It's the stuff that isn't intersecting that will remain from that one.

交差していないものこそ、その一本から残るのだ。

So those are all pretty straightforward for putting together shapes, but the Pathfinders do something just a little bit deeper.

パスファインダーはもう少し深いところにある。

So if we had a collection of shapes as we do here, and we actually wanted all of the little bits that made that up, we could use this one, the Divide Pathfinder, and that, like all other Pathfinder results, normally gives us a group, and you can see that is the case by looking at the control strip or top of the Properties panel.

他のパスファインダーの結果と同じように、このパスファインダーは通常グループを生成します。

So I'm going to ungroup this, and then you'll see if we move things away, we've got all of the shapes that were there.

だから、グループ化を解除してみよう。そして、いろいろなものをどけてみると、そこにあったすべてのシェイプがあるのがわかるだろう。

So everything that was in that group there, wherever it's intersected or was sitting on its own, has been divided.

だから、あのグループの中にあったものはすべて、交差しているところでも、単独で座っていたところでも、分割されてしまった。

So if we go ahead and choose Trim, what happens there is it takes away any strokes.

トリムを選ぶと、ストロークがなくなる。

Now, again, it's a group as a result, but it removes anything that's overlapping, and that's a useful one, especially if you're doing things like T-shirt design, where you maybe want just the actual areas and no overlap themselves.

特にTシャツのデザインのように、実際の領域だけで、重なりそのものをなくしたい場合には便利な機能だ。

Or if you're cutting graphics on something like a cricket, you might want the individual shapes like so.

あるいは、コオロギのようなもののグラフィックをカットする場合は、このように個々の形状が必要かもしれません。

だから、これも非常に役に立つ。

One I use quite a lot myself because I do a lot of live paint operations is Merge, and what Merge will do is it will merge common colors and cut away others.

私はライブペイントの操作が多いので、自分でもよく使うのが『マージ』です。

So if we go Merge here, again, the strokes are removed.

ここでMergeを実行すると、再びストロークが削除される。

I'm just going to ungroup that, OK, and then you'll see if I move this one away that that's a separate object to this one, but these two have been joined together.

これをグループから外すと、これはこれとは別のオブジェクトだが、この2つは結合されていることがわかるだろう。

Crop will pop everything that overlaps into the top object.

クロップは、重なっている部分をすべて上のオブジェクトに飛び込ませる。

The result is, if you have a look at it here, is looking very much like a clipping mask, although it's actually a done deal.

その結果、クリッピング・マスクのように見えるが、実際にはこれで完成だ。

There's no additional content there, but that's what's happened.

そこに追加コンテンツはないが、そういうことだ。

All of the overlapping areas have been kept, as has the outside.

外側と同様に、重なり合う部分はすべてキープされている。

しかし、今のところそれは透明だ。

Outline, to be honest, I hardly ever, ever use this one, but I'm sure that some people have got a fantastic use for it.

アウトラインは、正直なところ、私はほとんど使ったことがない。

But if we click it, it's kind of like working with divide here.

しかし、それをクリックすれば、まるで分裂を扱うようなものだ。

If I just ungroup this so we can get into the different elements, it gives us all of the component parts, but just as strokes here.

これをグループから外すと、さまざまな要素に入ることができる。

So you can see that we've got them, but they've retained the color of their former fill.

だから、私たちはそれらを得たが、彼らは以前の塗りつぶしの色を保持していることがわかります。

A minus back will do the opposite of a couple of the others in which the back shapes will be punched out.

マイナス背番号は、背番号の形が打ち抜かれる他の2、3の逆をやる。

And the result is just whatever remains of the top shape.

その結果、トップの形が残っただけだ。

Now, again, that's not one I use terribly often, but I do use crop quite a lot.

今また、これはあまり頻繁に使うものではないが、クロップはよく使う。

I use merge quite a lot and divide quite a lot as well.

マージはよく使うし、ディバイダーもよく使う。

All of the shapes modes, of course, but you will find in your own work which is useful to you.

もちろん、すべてのシェイプ・モードがある。

でも、これで彼らが何をするのかわかっただろう。

You've got that knowledge to be able to make those decisions.

そのような決断を下すことができる知識をあなたは持っている。

The shape builder tool gives us a very interactive way to draw using construction methods.

シェイプビルダー・ツールを使えば、非常にインタラクティブな方法で、構成法を用いて絵を描くことができる。

What we have here, as I'm sure you've guessed already, is an owl constructed from just simple shapes inside of Illustrator.

ここにあるのは、もうお分かりだと思うが、Illustratorのシンプルなシェイプだけで作られたフクロウである。

And what we're going to do is build this out.

そして、私たちがやろうとしているのは、これを作り上げることだ。

We'll start out with the ear on the left hand side here.

だからツールにアクセスする必要がある。

Shift M gets the shape builder and then we need a selection.

Shift Mでシェイプビルダーが表示され、選択範囲が必要になる。

では、ここですべてを選択しよう。

Command A because it's just a single artboard in this document.

このドキュメントでは1つのアートボードだけなので、コマンドA。

Let's go ahead then and start in the ear and click and drag through.

では、耳から始めてクリック＆ドラッグしてみよう。

And you can see the illustrator identifies segments for it as it draws.

そして、イラストレーターが描画しながらセグメントを識別しているのがわかるだろう。

We'll go ahead and continue into the next ear like so.

このまま次の耳へと進んでいこう。

Then let's go ahead and make our way over to the sides here because we need to subtract these ellipses.

次に、この楕円を引き算する必要があるので、この辺に進みましょう。

This is where we hold down the Alt or Option key to click and you'll see they're removed very quickly.

AltキーかOptionキーを押しながらクリックすると、すぐに削除されるのがわかるだろう。

Let's zoom in on the bottom here and build the feet.

この下を拡大して、足を作ってみよう。

Just drag in the sectors there as I'm doing to combine them.

私がやっているように、そこにセクターをドラッグして組み合わせればいい。

Then we're going to subtract these triangles from the shape at the bottom to add a little character to the tail.

次に、この三角形を下のシェイプから引き算して、テールに少し個性を加える。

So Alt or Option key down and then just click and drag just to punch those out of the shape.

AltかOptionキーを押しながらクリック＆ドラッグして、シェイプからパンチを出す。

And you can see how effective that is and how quickly we're managing to do that.

それがどれだけ効果的で、どれだけ早く実行できているかは、見ての通りだ。

You can hold down the spacebar, of course, to pan and again hold down the Alt or Option key.

もちろん、スペースキーを押しながらパンすることもできるし、AltキーまたはOptionキーを押しながらパンすることもできる。

But this time we're not aiming for one of the sectors.

しかし、今回はいずれかのセクターを目指すわけではない。

ここだけでストロークを狙っている。

You can see that and how it highlights differently.

それを見て、どのようにハイライトが違うかわかるだろう。

そこをクリック。おっと、ヒナギクだ。