Photoshopを使えば、写真の加工やバナー広告の製作、WEBサイトのデザインなど多岐にわたって制作をすることができます。
今回は、Photoshopを学ぶにあたり、重要な『レイヤーの概念』を一緒に学んでいこうと思います。
レイヤーとは?
レイヤーには「層」や「積み重ね」の意味があります。下の画像をご覧ください。

1枚のキャンバスに描かれたように見えますが、実は3層のレイヤーで構成されています。
Photoshopのレイヤーの仕組みとして「背景」と「レイヤー」の区別があります。通常、写真などの画像を開くと、「背景」のみの画像として展開されます。そしてその上にレイヤーを重ねていくことができます。
上の画像の場合、一番下が黄色い背景となります。

2番目は赤い帯状の画像が積み重なります。
この時のレイヤーの構造は
レイヤー1 赤い帯状
背景 黄色い画像
となります。

そしていちばん上にはテキストのレイヤーが重なります。
このようにこのレイヤーを重ねることで、デザインを仕上げることができます。
この時のレイヤー構造は
テキストレイヤー
レイヤー1 赤い帯状
背景 黄色い画像
となります。


上の画像は、レイヤー構造を表したレイヤーパネルです。背景の上に2つのレイヤーが重なっている状態です。
このようなデザインを作成する場合は、まず頭の中で順番を考え、レイヤーとして重ねていけばいいということになります。画像の合成などは、レイヤーの重ね方が重要になってきます。
コメント
[…] ※Photoshop基礎編①レイヤーとは? […]
お使いのphotoshop はphotoshop elementsではなく高価なCCの方ですか?
菊池様
コメントありがとうございます。今使用しているのはPhotoshop2020CCです。
ソフトは月額制のを使用しています。
[…] ※Photoshop基礎編①レイヤーとは? […]