レイヤーの名前変更／並び替え／グループ化 - Adobe XDのチュートリアル

このレッスンでは レイヤーの名前変更、並び替え、 グループ化について説明します。 教材としてエクササイズファイルの フォルダーにある 07 フォルダーの中の 07_02.xd を使います。 ツールバーのレイヤーアイコンを クリックして レイヤーパネルを表示し、 アートボード Practice の アイコンをダブルクリックして レイヤーパネルを表示します。 この Practice という アートボードには、 すでに「楕円形１」「多角形１」 というレイヤーが用意されています。 アートボードの上の方に 空いているスペースに 長方形を追加しましょう。 長方形ツールを選択し、 ドラッグして長方形を描画します。 レイヤーパネルを確認すると、 「長方形１」という 新しいレイヤーが追加されています。 選択ツールに持ち換えて、 この長方形の塗りの色を 赤色系に変更しておきます。 レイヤー名を変更するには、 レイヤーパネルの「長方形１」の上で ダブルクリックします。 ダブルクリックして、ここでは red と入力して Mac の人は return キー、 Windows の人は Enter キーを押して 確定します。 「楕円形１」の名前を 変更していきましょう。 ダブルクリックして blue と入力しますが、 この時 return キーや Enter キーを 押さずに Tab キーを押してみましょう。 Tab キーを押すと、 続いて次のレイヤーの名前を 編集することができます。 「多角形１」の名前を yellow と変更し、 return キー、Enter キーで 確定します。 このレイヤーの並び順は 上にあるものが 画面上の手前にあり、 下にあるものが一番奥にある という状況です。 ３つのオブジェクトを このように重ね合わせてみると、 重なり順とレイヤーの順番が 一致しているのがわかります。 レイヤーパネル上のレイヤーを ドラッグすることで 重ね順を変更できます。 red のレイヤーを選択して ドラッグし、 blue の下に移動します。 そうすると、 赤い長方形は 青い丸と 黄色い星の間に 入っていることがわかります。 それぞれのレイヤーに マウスカーソルを合わせると、 一番右に この目ん玉マーク、 表示、非表示のアイコンが表示されます。 blue のレイヤーに…