レベル3 · 構造

レイヤー、グループ、アートボード

頭の中に収まる絵に構造は要りません。木曜日にまた開く絵には要ります。Rayziaにはレイヤーツリー、グループ、ロックと非表示、重ね順のコントロール、そして1枚の無限キャンバスからページを切り出すアートボードがあります。

レイヤーとオブジェクトパネル

開くには レイヤー ▸ レイヤーとオブジェクト...を選ぶか、右ドックのタブをクリックします。ドックのタブはアイコンに折りたたまれるので、フルネームはホバー時か、タブストリップ末尾の ▾ すべてのパネルメニューにだけ表示されます。

ツリーの各行には、左から右へ同じコントロールが並びます。

  • A カラータグ。クリックするたびに色が切り替わります。
  • A キャレット 。グループとレイヤーにあり、中身を展開・折りたたみます。
  • An 目のアイコン。表示・非表示を切り替えます。Alt+クリックで、それ以外をすべて非表示にします。
  • A サムネイル のグリフと 名前。名前をダブルクリックすると、その場で名前を変更できます。
  • A ターゲット ドット。アピアランス用です。
  • A 選択スクエア 。選択を含む行に表示されます。このスクエアを別の行へドラッグすると選択中のアートがそこへ移動し、Alt+ドラッグでコピーされます。
  • A ロック。Alt+クリックで、それ以外をすべてロックします。

行をダブルクリックすると レイヤーオプションが開きます。名前、色、表示とロックの状態を1か所にまとめた小さなダイアログです。

ロックされたオブジェクトと非表示のオブジェクトは自動選択にスキップされます。仕上がった背景をロックするのが、うっかり選択してしまうのを防ぐ一番の近道です。

パネルフッター — 本当の作業が起きる場所

フッターの1段目には 新規レイヤー, グループ, 複製 そして 削除が並び、続いて重ね順の4ボタンがあります。 最前面へ, 前面へ, 背面へ そして 最背面へ。この4つは選択中のオブジェクトをスタック内で動かします。同じ4コマンドはオブジェクトメニューにもあります。

2段目は整理用のセットで、見落としがちです。

  • 統合 は、現在のレイヤーをすぐ下のレイヤーに折り込みます。
  • 画像を統合 は、すべてのレイヤーを1つにまとめます。
  • 集める は、現在の選択を新しいレイヤーへ移します。
  • 分配 は、現在のレイヤー内の各オブジェクトに、それぞれ専用のレイヤーを与えます。
  • 探す は、ツリーを選択中のオブジェクトの行までスクロールして点滅させます。

グループは通常の オブジェクト ▸ グループ そして オブジェクト ▸ グループ解除です。グループはツリーに、キャレットで開ける行として表示されます。レイヤーは粗い区分、グループは細かい区分。ほとんどのドキュメントに必要なのは、少数のレイヤーと多数のグループであって、その逆ではありません。

The レイヤー メニューが残りを担います。レイヤーを追加、レイヤー名を変更、現在のレイヤーの表示/非表示、現在のレイヤーのロック/ロック解除、上または下のレイヤーへ切り替え、選択を上または下のレイヤーへ移動、レイヤーの並べ替え、現在のレイヤーの複製と削除です。

アートボードは切り抜き枠であって、コンテナではない

これが押さえるべきただ1つの考え方です。Rayziaのキャンバスは1枚で無限です。アートボードは名前付きの長方形で、 この領域が1ページであると宣言するだけです。中にあるオブジェクトを所有しません。オブジェクトをアートボードの外へ動かしても何も壊れません。ドキュメントの中には残っていて、単にそのページの外にあるだけです。ボードの記録は、名前、位置、サイズ、裁ち落とし、プリセット、センターマーク、十字線です。

Press Shift+O を押すと アートボードツールになります。レールに専用ボタンもあります。その後は次のとおりです。

  1. 空のキャンバスをドラッグ 新しいアートボードを描きます。
  2. ボードの内側をドラッグ ボードを移動します。Alt+ドラッグでは代わりに複製されます。アートワークをアートボードと一緒に移動をオンにすると、アートワークもついてきます。
  3. 角や辺のハンドルをドラッグ ボードのサイズを変更します。
  4. ボードをクリック そのボードをアクティブにします。

このツールのオプションバーには、プリセットのドロップダウン(A4、レター、IG投稿、IGストーリー、YouTube、フルHD、正方形)、縦向き・横向きボタン、アートワークをアートボードと一緒に移動のトグル、そして新規、複製、削除、フィット、オプション…、書き出しの各ボタンが並びます。ボードの作成、移動、サイズ変更、削除はすべて取り消せます。

アートボードパネル

The アートボード のドックタブでセット全体を管理します。各行には番号、名前、サイズ、向きが表示されます。シングルクリックでボードをアクティブに、ダブルクリックでビューをそのボードにフィット、名前のダブルクリックでインライン名前変更ができます。下部バーには上へ移動、下へ移動、複製、新規、削除があり、ボードが1枚しかない間は削除が無効になります。

ヘッダーの ☰ メニューが残りを担います。新規、複製、削除、 空のアートボードを削除, 選択をアートボードに変換、アートボードオプション…、 すべてのアートボードを再配置…、アートワークをアートボードと一緒に移動のトグル、そして現在またはすべてのアートボードを書き出しです。

選択をアートボードに変換は、選択した各オブジェクトのバウンディングボックスごとにボードを1枚作り、その過程で単純な長方形は消費されます。これはIllustratorと同じ挙動です。空のアートボードを削除は、トップレベルのオブジェクトのバウンディングボックス中心が1つも内側に入っていないボードを空とみなし、必ず1枚は残します。書き出しはボードごとに、ボード名を付けた1つのSVGを書き出します。この経路はSVG専用です。

アートボードの書き出しは、出力のviewBoxをボードの長方形に設定するだけで切り抜きます。コンテンツはワールド座標を保ち、ボード外のものは削除されるのではなく、レンダリング時にクリップされます。

シンボル

同じオブジェクトが何度も登場するなら、昇格させましょう。 オブジェクト ▸ シンボル ▸ シンボルを作成 は選択をシンボル定義に変換し、 シンボル ドックパネルが定義のライブラリと配置済みインスタンス(インスタンスごとのオーバーライドを含む)を保持します。同じサブメニューには、シンボルへのリンクを解除、インスタンスを複製、変形をリセット、選択から再定義があります。最後のものは、変更したインスタンスを定義に反映して、他のすべてのインスタンスを追従させます。

ここで覚えておきたいキー

キー動作
Shift+Oアートボードツール
V選択ツール
Ctrl+Aすべて選択
Ctrl+Shift+A選択解除
矢印キー選択を少し移動
Shift + 矢印キー10倍の距離を移動
削除選択を削除
Ctrl+Z取り消し
Ctrl+Yやり直し

メニュー項目の横に表示されるキーボードヒントは飾りで、いくつかは間違っています。メニューのラベルではなく、この表と他のレッスンの表を信頼してください。メニュー項目のクリックは常に機能します。

よくある質問

オブジェクトをアートボードの外へ動かしたら書き出しから消えました。どこへ行ったのですか?

どこへも行っていません。アートボードはコンテナではなく切り抜き枠で、書き出しは出力のviewBoxをボードの長方形に設定します。オブジェクトは同じ座標のままドキュメント内にあり、単に切り抜きの外にあるだけです。ボードの内側へ戻すか、ボードのサイズを変えてください。

レイヤーとグループの違いは何ですか?

レイヤーはドキュメントのトップレベルの区分で、独自の表示・ロック・カラータグを持ち、レイヤーパネルとレイヤーメニューから管理します。グループはツリー内のオブジェクトの束で、オブジェクト ▸ グループで作り、キャレットで開けます。大きな構造の分割にはレイヤーを、それ以外にはグループを使いましょう。

選択を別のレイヤーへ移動するには?

方法は2つ。レイヤーパネルで、元の行の選択スクエアを移動先の行へドラッグします。移動ではなくコピーしたいときはAltを押しながらドラッグします。またはレイヤー ▸ 選択を上または下のレイヤーへ移動を使います。パネルの集めるボタンでも、選択をまったく新しいレイヤーへ移せます。

すべてのアートボードを一度に書き出せますか?

はい。アートボードパネルの ☰ メニューにあるすべてのアートボードを書き出しは、ボードごとにボード名を付けた1つのSVGファイルを書き出します。この経路はSVG専用です。PNG、JPG、WebP、あるいはマルチスケールの一括書き出しには、代わりにファイル ▸ スクリーン用に書き出しを使ってください。2x以上とPDFはPro向けです。