Adobe XDをもっと使いこなすヒント！ 第6回 アートボードの選択と整列
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
いかがでしたか？
これは便利そうだ！という使い方はあったでしょうか？
次回をお楽しみに！