Adobe XDをもっと使いこなすヒント! 第6回 アートボードの選択と整列

by akihiro kamijo

Posted on 08-09-2018

連載

Adobe XDをもっと使いこなすヒント!

この連載では、Adobe XDを便利に使うための様々なテクニックを、Adobe XDチームのツイートからピックアップしてご紹介します。今回は、アートボードの操作に関連する機能をテーマに、6のツイートを取り上げます。

Tip 1. アートボードを選択する

#adobexd #protip Click on the artboard’s title to select it for resize or a change in its location. @adobexd pic.twitter.com/1HBBIWoNPa

— Elaine Chao (@elainecchao) June 6, 2018

上のビデオのように、アートボードのタイトルをクリックすると、そのアートボードを選択できます。選択されたアートボードのタイトルと枠線は青に変わります。そのままタイトルをドラッグして位置を変えることもできます。

もうひとつの方法は、アートボードの背景(つまり、上に要素がない場所)を、下のビデオのようにダブルクリックすることです。
アートボードに何も要素が置かれていない状態では、シングルクリックで選択できます。

#adobexd #protip You can also quickly select an artboard by double clicking anywhere on the artboard’s background (if there are objects on the artboard) or single clicking (if there aren’t). @adobexd pic.twitter.com/blpJz6naUb

— Elaine Chao (@elainecchao) June 7, 2018

アートボードが小さくて、上の2つの方法だと選びづらい場合は、レイヤーパネルを開き、目的のアートボード名をダブルクリックします。すると、そのアートボードを選択するのと同時に拡大表示できます。下のビデオをご覧ください。

#adobexd #protip Double click on an artboard in the layers panel to quickly zoom into the artboard on the canvas and show its contents. @adobexd pic.twitter.com/hYHjzJwo6e

— Elaine Chao (@elainecchao) December 28, 2017

Tip 2. コピー先としてアートボードを選択する

#adobexd #protip Select an artboard as a copy target by only single clicking on it. The artboard’s border will turn a darker gray to show that it’s the copy target. @adobexd pic.twitter.com/tzMQBldNw9

— Elaine Chao (@elainecchao) June 8, 2018

何らかの要素をコピーするターゲットとしてアートボードを選択する場合は、背景領域をシングルクリックします。アートボードの周囲の線が濃いグレーに代わり、コピー先として選択されたことを示します。

Tip 3. アートボードの整列

#adobexd #protip Having problems with your PDF exports being in order? Your artboards might be vertically misaligned. Marquee select and align your artboards using the existing alignment tools. @adobexd pic.twitter.com/ZJEILZAsJL

— Elaine Chao (@elainecchao) July 19, 2018

PDF出力時などに、アートボードの順番が入れ替わってしまうような場合は、アートボードの位置がずれているかもしれません。ドラッグ操作で対象のアートボードを選び、整列ツールを使って位置を揃えましょう。

間隔を均一にしたい場合も、下のビデオのようにツールを使って揃えられます。

#adobexd #protip The distribute button also works for artboards. Quickly even out your artboards by multiselecting them and applying a distribute to them. @adobexd pic.twitter.com/YzKdVzD0dy

— Elaine Chao (@elainecchao) July 20, 2018

いかがでしたか?
これは便利そうだ!という使い方はあったでしょうか?

次回をお楽しみに!

Topics: クリエイティブ, UI/UX & Web

Products: