MENU
お役立ち記事
【近日公開】AIが物件資料からSUUMO・at homeの入稿文を作成「入稿メイト」|先行登録受付中(無料)

・イラストレーターのレイヤーって?

目次

イラストレーターで必ず出てくる、レイヤーとは?

今回はレイヤーについて解説していきます。
↑↑の画像が完成予想図です☆このチラシサンプルにも、たくさんのレイヤーが含まれています。
↓画像の右側に縦に並んでるのが、レイヤーです。

ギョッとなるかもしれないけど大丈夫☺!
慣れればこれぐらいのレイヤー数は少なく感じられるのでがんばろう!!

前回作った背景用の四角形を使って作業していきます!

ここにもう一つ、四角形を作ってみます。

わかりやすいように、青色に変えてみます。
色の変更は前回blogで確認できます☆

画面右側にある【レイヤーパネル】に注目してください。

黄色の四角形の上に青い四角形の【レイヤー】が出現しました。
これが【レイヤー】です。

※レイヤーパネルの一番右の青ポチは、今選択しているレイヤーのサインです。

この【レイヤー】は、図形や文字を加える度、追加されていきます。
イメージとしては、透明の紙をどんどん重ねていくかんじです。
↓↓このレイヤーを駆使してチラシなどのデザインが出来上がっていきます。

今、どのレイヤーを選んでいるかは、レイヤーパネルの一番右のポチ。
さっきは青ポチでしたが、レイヤーのグループによってポチの色も変わります☆
※レイヤーパネルのグループ化の仕方は別blogで解説します☆
↓↓

この透明の紙にの順番によって、描いた図形や文字が【前面】にあるか【背面】にあるかが変わります。紙の順番によって見え方が変わりますね。
例えばさっきは黄色の四角形の上に青の四角形がありました。レイヤーパネルの順番に注目☆

この青の四角形を、黄色の四角形の下側【背面】に移動させると↓↓

黄色の四角形に隠れて見えなくなりました。
見えなくなったけど、ちゃんと黄色の後ろに存在することが、レイヤーパネルから確認できますね。

レイヤーの順番を変える方法は
・レイヤーパネルをマウスクリックしたまま移動させたい場所までドラッグ もしくは
・ショートカット【ctrl+[ 】で背面へ、【ctrl+]】で前面へ移動できます。
※【shift+ctrl+[or]】で一番背面、一番前面へいっきに移動させることができます。

レイヤーのイメージをもう少し解説!

黄色の四角形、青の四角形に赤いお花を追加してみました。
右のレイヤーパネルに注目!一番上に赤いお花のレイヤーが出現しました。

赤いお花を、青い四角形の後ろ【背面】に移動させてみます。
↓↓

青い四角形に重ねっている部分が隠れてチラ見えになりました☆
さらに、黄色の四角形の後ろに移動させます。

完全に隠れました!が、レイヤーパネルでは赤いお花はちゃんと存在することが確認できます。

このようにしてデザインを変えていくことが自由自在にできちゃいます(‘◇’)ゞ
レイヤーパネルを見ながら、一番前に持ってきたい画像やイラストを調整してみてください☆

ここまでの作業動画を無音(;’∀’)ですが載せておきます☆
動きのイメージになれば、、、なるのか??

次回は画像を配置していきます☺☺☺

SeeYou

独学で「なぜこの作り方なのか」が埋まらないとき

操作の手順は調べれば出てきますが、どの場面でどの機能を選ぶのかは、記事を1本読むだけではつながりにくい部分です。デジタルハリウッドの通信講座はIllustrator・Photoshopを課題を作りながら進める形式で、つまずいた箇所を質問できます。講座内容と料金は無料で確認でき、個別相談会だけの参加もできます。

デジハリ・オンラインスクールの講座内容を見る

ソフトの契約がこれからなら、講座とAdobe Creative Cloud 1年分がセットになったコースもあります。
Adobe CC付きの講座を見る(アドバンスクールオンライン)

※ 上記リンクは広告(アフィリエイト)を含みます。

次にやると早いこと

操作を1つずつ検索していると、どうしても抜けが残ります。ここから先に進むのに効くものを、安い順に挙げます。

◯△▢でつくる Illustrator描き方講座
◯△▢でつくる Illustrator描き方講座

丸と三角と四角の組み合わせだけで形を作っていく本です。ここで扱っている花や月と同じ考え方なので、1つ作れた人がそのまま次に進めます。

デザインの学校 これからはじめる Illustratorの本(2026年対応・改訂第10版)
デザインの学校 これからはじめる Illustratorの本(2026年対応・改訂第10版)

操作を1つずつ調べるのに疲れたら、一度通しでやるほうが早いです。10版まで続いている定番で、画面が今のバージョンに合っています。

Wacom Intuos Small ベーシック(ペンタブレット)
Wacom Intuos Small ベーシック(ペンタブレット)

マウスで描くのに限界を感じたら最初の1台。小さいサイズでも、線の入り抜きが筆圧で変わるので文字ロゴや吹き出しが描きやすくなります。

※ 本記事には広告(アフィリエイトリンク)が含まれます。紹介している商品は、記事の内容に関連するものを編集方針にもとづいて選んでいます。Amazonのアソシエイトとして、おかあさんのおうちは適格販売により収入を得ています。

Googleで「おかあさんのおうち」の新着を優先表示する

災害・道路・住まいの新しい記事がGoogleのトップニュースに出やすくなります。ボタン1回で登録できます。

このページについて聞いてみる・教える

この街のことを知っている人が答えてくれるかもしれません。ニックネームだけで書けます。

投稿内容必須
0 / 2000
画像任意・2枚まで

位置情報(EXIF)は保存時に自動で削除します。表札・ナンバー・人の顔が写っていないか確認してください。

投稿すると利用上の注意に同意したものとみなします。

    まだ書き込みはありません。最初のひとことを書いてみませんか。

    個人が特定される内容(氏名・住所の番地・車のナンバー・電話番号)は書かないでください。 見つけた場合は各投稿の「通報」からお知らせください。 削除のご依頼はこちら

    よかったらシェアしてね!
    • URLをコピーしました!
    • URLをコピーしました!

    この記事を書いた人

    ハウスメーカー2社で営業職を経験し、不動産・建築の基礎を習得。
    その後、地域密着型の不動産会社にて営業事務として勤務し、
    契約書作成、ポータルサイト管理、物件情報の入力・更新など、
    実務全般に携わってきました。

    特に、ポータルサイトを「より魅力的に見せる工夫」や、
    反響につながる「分かりやすい間取り図作成」を得意としています。
    自分が関わった物件に反響があった時の喜びが、今の原動力です。

    現在は子育てのため一線を退いていますが、
    これまでの実務経験を活かし、
    フリーランスとして不動産会社様向けの
    バックオフィスサポート業務を開始しました。

    現場目線を大切にしながら、
    「早く・正確に・伝わる」業務サポートを心がけています。

    コメント

    コメントする

    目次