Photoshopのアートボードはとても便利で、特にモバイルアプリのデザインやレスポンシブデザインに力を発揮します。複数の画面サイズのデザインを作成し すべてコンテンツやレイアウトを1つのドキュメント内で確認できます
アートボードは、特殊なレイヤーグループのような働きをするコンテナです中に配置されたレイヤーは、レイヤーパネルのアートボードの下にグループ化され カンバス上のアートボード境界線で切り取られますアートボードを使用すると、様々なデザインを1つのドキュメントに表示できますしたがって、アートボード間でコンテンツを簡単にコピーできるほか、すべてを一度に確認でき
また、デザインが整理された状態に保たれます。Photoshopで新規ドキュメントを作成する際に ドキュメントの種類を「アートボード」に指定し、アートボードサイズを選択しますこの例では、iPhone 5を選択します。アートボードを持たないPhotoshopドキュメントにも後で簡単にアートボードを追加できます
コンテンツを持つドキュメントに切り替えて アートボードのプロパティを変更するには、レイヤーパネルでアートボードを選択し サイズ、方向、整列などのプロパティを ツールオプションバーや属性パネルで編集します アートボードのハンドルを使用して、サイズを手動で変えることもできます
定規を表示しましょう。このように、ガイドはアートボードと連動します。ガイドレイアウトを使用してデザインの要素を整列するには、ガイドを目的のアートボードまたはドキュメントに割り当てます。アートボード固有のグリッドを使用してオブジェクトを整列することもできます表示／表示・非表示／グリッドを選択して、グリッドをオンにしましょうガイドと同様、グリッドもアートボードと連動しますグリッドをオフに戻しましょう。
アートボードの追加と編集には様々な方法があります。アートボードを選択した状態でカンバス上のコントロールを使用すれば、アートボードをドキュメントに簡単に追加できますAltまたはOptionキーを押しながらプラス記号をクリックすれば、アートボードを簡単に複製できますまた、アートボードツールを使って、様々なサイズのアートボードを作成することもできます
アートボードごとに固有の名前があり、カンバス上に名前ラベルとして示されます。アートボード名を変えたい場合はレイヤーパネルで名前をダブルクリックすれば編集できますアートボード名の表示・非表示を切り替えることもできます 表示／表示・非表示／アートボード名を選択しますアートボード名を再表示しましょう
レイヤーパネルでは、各アートボードのレイヤーを並べ替えることができます多数のコンテンツがある場合、アートボードでレイヤーを フィルタリングできます。自動選択オプションをオンにし、アートボードまたはアートボード上のコンテンツを選択すると、選択したアートボードのコンテンツだけがレイヤーパネルに表示されます。
アートボード間でのコンテンツの共有や アートボード内外へのコンテンツの移動も簡単ですアートボードに関連付けられたコンテンツをアートボード外にドラッグするとそのコンテンツのネストは解除されます。アートボード外のレイヤーはどのアートボードにもクリップされません。アートボード内のアートワークは そのアートボード内のコンテンツを自動的にネスト化しますレイヤーパネルで自動ネスト化を回避するオプションを選択しておけば アートボード内外どちらのレイヤーコンテンツも自動的にネスト化されることはありません
アートボードとそのコンテンツの位置をカンバス上にロックし 1か所に固定することもできます最適化されたコンテンツの書き出しも簡単です。アートボード内のコンテンツを右クリックし 「書き出し形式...」を選択してレイヤーだけを書き出すことや ファイル／書き出し形式...を選択して、各アートボードを 統合・最適化されたPNGまたはJPEGファイルとして書き出すことができます各アートボードを単一のPSDファイルとして書き出すこともできますまた、デザインをPDFとして保存するか、各アートボードを独自のページとして保存すれば デザイン全体を簡単に送信して、レビューやその他の目的に使用できます
Photoshopでは、これまで以上に自由かつ柔軟に レスポンシブwebデザインやモバイルアプリデザインなどを作成できるようになりましたさあ、アートボードを使ってみましょう！