- [Deke] In this movie, I'll show you

- この映画で、私はあなたをお見せします。

how to distribute selected objects

選択したオブジェクトを配布する方法

so that there's a specific amount of room

になるように、一定の余裕を持たせています。

between each object and its neighbors.

は、各オブジェクトとその近傍のオブジェクトの間に

And so you can see here in the final version of the artwork,

そうして、最終的に出来上がったのが、こちらの作品です。

that we have an even amount of space

均等なスペースが確保されていること

between each one of our squares, as opposed to having them

とは異なり、それぞれのマス目の間に

all absolutely adjacent to each other as they are now.

は、今のように絶対的に隣接しているのです。

And that spacing is absolutely even

そして、その間隔は絶対に均等であること

up here at the top of the first row,

は、この1段目の上部にあります。

between each one of the rows,

各列の間に

and down here at the bottom as well.

と、この下の方にもあります。

So in other words,

つまり、言い換えれば

we have a total of one, two, three, four, five gaps

1、2、3、4、5 のギャップがあります。

that we need to bear in mind.

ということを念頭に置いています。

All right, so I'll go ahead and switch over

それでは、切り替えていきます。

to my document in progress.

を私の進行中のドキュメントに追加しました。

You may recall that I made my artboard

アートボードを作ったことを思い出すかもしれません

100 points bigger than it was before.

100点満点の大きさ

And so if you take 100 and divid by those five gaps,

で、100をその5つの隙間で割ると。

then you can anticipate that each one of the gaps

となると、それぞれのギャップが予想されます。

is going to be 20 points.

が20ポイントになりそうです。

And so I'm going to start things off by selecting

というわけで、まず最初に選択するのは

all these squares, which I can do by going up

この四角を全部、上へ上へと移動させればいいんです。

to the select menu and choose All on Active Artboard,

を選択メニューに追加し、「アクティブアートボード上のすべて」を選択します。

or you have that keyboard shortcut of Control + Alt + A

または、Control + Alt + A のキーボードショートカットがあります。

or Command + Option + A on a Mac.

Macの場合はCommand + Option + A。

And then I'll just go ahead

そして、その先にある

and drag this top left anchor point

をクリックし、この左上のアンカーポイントをドラッグします。

until it snaps into alignment

カチッと音がするまで

with the top right corner of the artboard.

を、アートボードの右上隅に置きます。

But for whatever reason, if I zoom in here,

でも、なぜか、ここを拡大すると

you can see that that didn't quite work.

は、なかなかうまくいかなかったことがおわかりいただけると思います。

If that happens to you, then the most rock solid solution

もし、あなたがそうなったら、最も磐石な解決策は

is to bring up the transform panel

は、トランスフォームパネルを表示させることです

by clicking on the word transform

トランスフォームの文字をクリックすると

on the right side of the control panel,

をコントロールパネル右側に表示します。

then select this top point

を選択し、このトップポイントを

in the small reference point matrix,

を小基準点行列で表す。

and notice your X and Y values.

をクリックし、XとYの値に注目してください。

In my case, the X value is zero points.

私の場合、X値は0点です。

That's with respect to the artboard, by the way,

ちなみに、それはアートボードに関してです。

which is perfect.

というのは、完璧です。

However, my Y value is 2.827 for whatever reason.

しかし、私のY値はなぜか2.827です。

So I'll just change it to zero as well,

だから、これもゼロに変えておく。

and then press the Tab key.

と入力し、Tabキーを押してください。

And that goes ahead and moves the square

そして、それは先に進み、正方形を移動させる

into exactly the proper location.

を正確な位置に配置しました。

Now you may wonder, well, why didn't I just go ahead

さて、なぜ私は先に進まなかったのだろうと思うかもしれません。

and use my alignment functions right here

そして、私のアライメント機能をここで使ってください。

in order to, for example, switch this align icon

をクリックすると、この整列アイコンが切り替わります。

to align to artboard?

でアートボードに整列させるか？

And then I could click on vertical line top.

そして、縦線の上をクリックすることができました。

Problem is that's going to move all those objects independently

問題は、それがすべてのオブジェクトを独立して動かすことになることです

with the exception of the grouped objects in the center.

ただし、中央のグループ化されたオブジェクトは除く。

So I figured just dragging the objects

そこで、オブジェクトをドラッグするだけで良いと考えました

was the better solution.

がベターな解決策でした。

All right, I'll go ahead and press Control + Z

それでは、先にControl + Zを押してみます

or Command + Z on a Mac to undo that move.

またはMacの場合はCommand + Zで、その移動を元に戻すことができます。

And now what we need to do is scoot the squares

そして今、私たちがすべきことは、四角いものをすくい取ることです。

20 points down and 20 points to the right.

下に20ポイント、右に20ポイント。

And so with my black arrow tool selected,

そして、黒い矢印ツールを選択した状態です。

I'll just go ahead and press the enter key

そのまま、エンターキーを押してみる

or the return key on a Mac

Macの場合はリターンキー

and I'll change both the horizontal

と、横の両方を変えてみる。

and vertical values to 20 points,

と垂直方向の値を20ポイントに設定しました。

and I'll turn on the preview checkbox,

とプレビューのチェックボックスをONにします。

at which point, we'll see those guys

その時はその時で

scoot into the proper locations.

を適切な位置にスクートする。

All right, I'll go ahead and click okay

それでは、OKをクリックします。

in order to accept that change.

その変化を受け止めるために

Now, if you're really on the ball,

さて、本当に調子に乗っているのなら

you could tell me that I wasted a little time there.

そこで少し時間を無駄にしたと言えるかもしれません。

That wasn't the most efficient approach because after all,

それは、結局のところ、最も効率的な方法ではなかったからだ。

we were just looking at the transform panel

トランスフォームパネルを見ていたところ

and I could've just changed the X and Y values to 20 points.

で、XとYの値を20ポイントに変更すればよかったんです。

In which case, good for you for noticing that.

その場合、それに気づいたのは良いことです。

All right, now what I want to do

よし、今やりたいことは

is distribute these guys by a specific increment.

は、こいつらを特定の増分で分配する。

And I can do that by bringing up the full align panel.

そして、フルアラインパネルを出すことでそれが可能になるんです。

And to make that happen,

そして、それを実現するために

go to the window menu and choose the align command,

ウィンドウメニューから「整列」コマンドを選択します。

which appears in my case over here

私の場合はこちらに表示されます

on the right-hand side of the screen.

を画面右側に表示します。

And notice that we're seeing the six align icons

そして、6つの整列アイコンが表示されていることに注目してください。

along with the six distribute icons.

を、6つの配布用アイコンとともに表示します。

If you're not seeing anything more,

これ以上何も表示されないのであれば

then you need to click on this double arrow head

をクリックすると、この二重矢印の頭をクリックする必要があります。

right next to the word align,

の右隣にあるalignという文字。

and that'll bring up the distribute spacing option.

をクリックすると、スペーシングを分散させるオプションが表示されます。

Notice, however, that it's currently dimmed,

ただし、現在は薄暗くなっていることに注意してください。

and that's because to make it available,

というのも、それを利用できるようにするためです。

you have to select a key object.

は、キーオブジェクトを選択する必要があります。

And so I'll just go ahead and click on this top left square

そして、この左上の四角をクリックします。

in order to make it the key object, because after all,

をキーオブジェクトにするために、結局のところ、「？

it's the only one that's in the proper position.

のみで、適切な位置にあります。

And now, as you can see,

そして今、ご覧の通りです。

distribute spacing is available to me.

を配布することができます。

I'll go ahead and change this value here to 20 points

ここでこの値を20ポイントに変更してきます。

because that's the size of the gap,

というのは、それがギャップの大きさだからです。

and then I'll click horizontal distribute space.

をクリックし、水平方向のスペース配分をクリックします。

And that's going to make an absolute disaster of things,

そうなると絶対的な大惨事になる。

as you can see, I'll go ahead and zoom out here.

ご覧のように、ここでズームアウトしてみます。

And the reason that this is happening

そして、このような事態を招いている理由は

is because Illustrator is distributing

は、Illustratorが配布しているためです。

every single one of the squares

一升枡

20 points away from its neighbor,

隣と20ポイント離れている。

except for those four in the center,

中央の4人を除いては。

and that's because they're grouped together.

とグループ化されているからです。

What we need to do

私たちに必要なこと

is first group our squares in the columns,

は、まず、列の中のマスをグループ化します。

and I'm going to do that by zooming back in

をズームバックして行います。

and I'll of course undo this mess.

そしてもちろん、この混乱を元に戻す。

And in order to make things work,

そして、物事をうまく進めるためには

I'm going to have to ungroup these four squares in the center.

この中央の4つの正方形のグループ分けを解除して

That doesn't mean you have to select them

だからといって、必ず選ばなければならないわけではありません

independently of the other ones, by the way.

ちなみに、他のものは独立しています。

You can go up to the object menu

オブジェクトメニューに上がることができます

and choose the ungroup command

を選択し、ungroupコマンドを選択します。

or press Control + Shift + G

またはControl + Shift + G

or Command + Shift + G on the Mac

またはMacの場合、Command + Shift + G

and that'll ungroup any groups inside the selection.

をクリックすると、選択範囲内のすべてのグループが解除されます。

And so I'll go ahead and choose that command,

というわけで、そのコマンドを選んできます。

at which point I can now see the word rectangle

このとき、矩形という文字が見えるようになりました。

over here in the far left side of the control panel.

コントロールパネルの左端にあります。

And that tells me that I no longer have any groups

そしてそれは、私にはもう何のグループもないことを教えてくれる。

because previously it would've appeared as mixed objects.

というのも、以前はミックスされたオブジェクトとして表示されていたからです。

All right, now I'm just going to marquee

それでは、マーキーを使って

these four objects in the first row,

これら4つのオブジェクトは、最初の行にあります。

and I'll press Control + G

で、Control + Gを押します

or Command + G on the Mac to group 'em.

Macの場合はCommand + Gでグループ化できます。

And then I'll marquee this next column, press Control + G,

そして、この次の列をマーキーにして、Control + Gキーを押します。

the third column, press Control + G,

3列目でControl + Gを押します。

and the fourth one, and then press Control + G,

と4つ目を選択し、Control + Gを押します。

and of course, that's Command + G on the Mac.

で、もちろん、MacではCommand + Gです。

All right, now if I press Control + A

では、Control + Aを押してみましょう。

or Command + A on the Mac, to select everything,

またはMacの場合はCommand + Aで、すべてを選択します。

and by the way, that is the wrong keyboard shortcut,

で、ちなみにキーボードショートカットは間違っています。

because I selected all these letters

これらの文字をすべて選択したため

on the second artboard as well.

を2つ目のアートボードにも適用してください。

Don't want that.

そんなのいらないよ。

So what I need to do instead is go to the select menu

そのため、代わりにセレクトメニューから

and choose All on Active Artboard

を選択し、「アクティブアートボード上のすべて」を選択します。

or press Control + Alt + A

またはControl + Alt + A

or Command + Option + A on the Mac.

またはMacの場合はCommand + Option + Aです。

All right, now notice once again,

さて、今一度気づいてください。

distribute spacing is dimmed.

ディストリビュートスペーシングが薄暗くなります。

And so what I need to do is establish a key object

そこで必要なのは、キーオブジェクトを確立することです。

by clicking on that top left square,

をクリックすると、その左上の四角が表示されます。

which is going to select the entire first group.

で、これは最初のグループ全体を選択することになります。

And then if I click horizontal distributed space,

そして、水平分散空間をクリックすると。

I ended up getting the exact effect I'm looking for.

結局、私が求めている通りの効果を得ることができました。

All right, now we're going to want to

さて、次は、このような場合です。

vertically distribute the space,

を縦に配置する。

but that means first grouping the squares into rows.

が、それはつまり、まず正方形を列にしてしまうということです。

So I'll start off by going up to the object menu

では、まずオブジェクトメニューに上がってみます

and choosing ungroup, and that's going to ungroup

を選択し、ungroupを選択すると、グループ解除されます。

all four of the groups, by the way.

ちなみに4組とも。

Then I'll marquee these top squares,

そして、この上の四角をマーキーにします。

press Control + G or Command + G to group them.

Control + GまたはCommand + Gを押して、グループ化します。

The next row, group them.

次の列は、グループ化する。

The third row, group them.

3列目、グループ化する。

And finally, the fourth row, followed by Control + G

そして、最後に4列目、Control + Gと続きます。

or Command + G on a Mac to group them.

またはMacの場合はCommand + Gでグループ化します。

All right, now I'll just go ahead and marquee these guys

では、この人たちをマーキーにしてみましょう。

instead of selecting everything on the artboard.

アートボード上のすべてを選択するのではなく

And now notice, again,

そして今、改めて気づく。

this object is dimmed because we don't have a key object.

このオブジェクトは、キーオブジェクトがないため、淡色表示されています。

And in case that doesn't make sense, just think about it.

万が一、意味がわからない場合は、考えてみてください。

You have to tell Illustrator

イラストレーターに伝える必要があります

which of these rows is supposed to be fixed in place

どの列が固定されることになっているのか

so it knows that the other rows

であることがわかるので、他の行が

are the ones that are getting moved.

は、移動される方です。

Now notice we have this align to option right there,

ここで、align toのオプションがあることに注目してください。

and you can switch it to align to key object.

で、キーオブジェクトにアライメントするように切り替えられます。

In which case Illustrator is going to randomly

その場合、Illustratorはランダムに

select a key object for you.

は、キーオブジェクトを選択してくれます。

That's not the row I want, however.

しかし、私が欲しいのはその列ではありません。

So I'll just click on the top row,

そこで、一番上の行をクリックしてみます。

which will both deactivate the bottom row

で、いずれも最下段を非アクティブにします。

and set the top row as a key object, as you're seeing now.

を作成し、一番上の行をキーオブジェクトとして設定すると、今見ているような状態になります。

After which point, go ahead and click

この後、先に

on vertical distribute space in order to move those rows

を縦に並べて、その列を移動させることができます。

so that they're exactly 20 points apart.

ということで、ちょうど20ポイント差になります。

After which point, I'll just go ahead

その先にあるのは

and click off the objects to deselect them.

をクリックし、オブジェクトの選択を解除してください。

And that's how you distribute selected objects

そして、選択したオブジェクトを配布する方法です

by a specific amount of space

スペースが決まっているため

using the distribute spacing options

ディストリビュートスペーシングオプションを使用する

down here at the bottom of the align panel.

この下にある整列パネルの下にあります。

(lively music)

(軽快な音楽)