Lecture 9:

レイヤーの概要と活用方法

Lecture Content


これからレイヤーの概要と活用方法について、解説を進めます。

まずレイヤーとは何なのだろう、と思う方もいらっしゃるかと思います。ですがあまり難しく考えずに「透明のシート」というふうに考えていただければオッケーです。

例えばレイヤー1・レイヤー2というように複数のレイヤーを活用して、それぞれのレイヤーに別の画像を貼り付け、

レイヤー1の画像は不透明度を80に。レイヤー2の画像は不透明度を100に、という感じで画像を透かして表示することも可能です。その他にも様々な活用方法がありますので、これから行う解説を参考にしてください。

それではまず、このようにレイヤーの部分に複数の画像を用意しました。そしてレイヤーの中にはこちらの目のアイコンがあります。こちらをクリックすることによって、それぞれのレイヤーを表示させたり非表示にさせたりすることができます。

次に各レイヤーの大きさを変更するには、大きさを変更したいレイヤーをクリックしてこのように青く反転させた状態で右クリックします。

レイヤーの拡大縮小というのが出てきますので、こちらをクリックします。そうするとこのような画面が出てきますので、好みの幅と高さに指定して拡大縮小をクリックします。そうするとこのようにサイズが変更されます。

これで指定したレイヤーの画像のサイズを変更することができました。

なお、レイヤーの下にあるこちらの矢印をクリックすることによって、レイヤーの表示の順番を入れ替えることができます。


他には不透明度。こちらも透明度を調整しますと、このように画像が透けて表示されます。ですので、複数の画像を表示させていたとしても画像を使うことによってこのように表示させることができるようになります。

以上でレイヤーの解説が終了となるのですが、実際に手を動かすと理解が深まりますので是非色々と試してみてほしいと思います。


Related Courses

未経験から始める Illustrator CS6
PRO COURSE

未経験から始める Illustrator CS6

3h 2m Video Course
Instructor: Attain Corp.
2
$21.99
未経験から始める Photoshop CS6
PRO COURSE

未経験から始める Photoshop CS6

3h 33m Video Course
Instructor: Attain Corp.
3
$21.99
基礎から学んでクリエイターを目指そう Photoshop CC 2015
PRO COURSE

基礎から学んでクリエイターを目指そう Photoshop CC 2015

3h 7m Video Course
Instructor: Attain Corp.
3
$32.99
なぞって学ぶプロのデザイン講座 簡単!10分で美しいバナーを作ろう!
PRO COURSE

なぞって学ぶプロのデザイン講座 簡単!10分で美しいバナーを作ろう!

1h 45m Video Course
Instructor: 西田 隆美
13
$44.99
未経験からプロのWebデザイナーに! 450レッスン完全マスターコース
PRO COURSE

未経験からプロのWebデザイナーに! 450レッスン完全マスターコース

42h 17m Video Course
Instructor: NESTonline
139
$212.99
The Ultimate Web Designing Course in Photoshop
PRO COURSE

The Ultimate Web Designing Course in Photoshop

7h 16m Video Course
Instructor: Supriyo Kundu
$199.99
はじめてのIllustrator入門講座 フルセット版
PRO COURSE

はじめてのIllustrator入門講座 フルセット版

4h 34m Video Course
Instructor: Takafumi Kawai
22
$44.99
実践で身につく!DTPデザインプロ養成コース
PRO COURSE

実践で身につく!DTPデザインプロ養成コース

6h 4m Video Course
Instructor: Attain Corp.
1
$49.99
DTPデザイナーを目指す人の必須アプリ基礎完全マスター 3コースセット
PRO COURSE

DTPデザイナーを目指す人の必須アプリ基礎完全マスター 3コースセット

9h 5m Video Course
Instructor: Attain Corp.
4
$52.99
誰でもわかる!Adobe Photoshop CC 2018
PRO COURSE

誰でもわかる!Adobe Photoshop CC 2018

3h 28m Video Course
Instructor: Attain Corp.
1
$32.99
Photoshopを使った実践Webデザイン講座
PRO COURSE

Photoshopを使った実践Webデザイン講座

11h 13m Video Course
Instructor: NESTonline
9
$80.99
Photoshop Project : Long Shadow Effect (5 Projects Included)
PRO COURSE

Photoshop Project : Long Shadow Effect (5 Projects Included)

44m Video Course
Instructor: Supriyo Kundu
$49.99