実践Webデザインスキル - 第5章 Lesson7

第9回:写真を使ったバナーを作成する方法-3

   

テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクール
月額2500円で500以上のレッスンが受けられます

このスキルのデータをダウンロード: Windows Mac

前回のバナー作成の続きで、すでにあるレイヤーを複製して2つ目のバナーを作成していきましょう。



この動画で学べること

・写真を使ったバナーを作成する方法



レイヤー(フォルダ)を複製して、効率良く2つ目のバナーを作ろう

前回、1つ目のバナーが完成したので、今回は2つ目のバナーを作っていきましょう。
前回完成したバナーとほとんど同じなので、複製して画像やテキストを変更するという方法でやっていきたいと思います。
完成したバナーのレイヤーを、ショートカットキー

[Mac] command ⌘+クリック
[Windows] Ctrl +クリック

で選択し、ショートカットキー

[Mac] command ⌘+G
[Windows] Ctrl +G

で全て一つのフォルダにまとめます。
そして、フォルダーをAltを押しながらドラッグでコピーし、移動ツールで2つ目のバナーの位置に移動させます。




テキストを変更し、画像を配置します。
画像がはみ出しているので、クリッピングマスクマスクをかけ、
グラデーションのレイヤーマスクを画像の上に移動させれば、2つ目のバナーも完成です。