[動画あり] 美容系バナー[1] │ PhotoShopでつくってみよう:チュートリアル WEBデザイン・イラスト

動画

内容

いろいろ画像素材を組み合わせたバナーの簡単な作り方。
だいたい美容系であればこのような感じでよいのでは!

グラデーションをもうちょっと工夫して更にピカッとさせたり、キラキラパーツをもっとキラキラさせたりしてゴージャスにしてもよいです。

文字を入れたらお花が見えなくなっているんですが、まあそのあたりはご愛敬で…

イメージがつかめたらご自分でよいものを作っていってください!

※文字詰め忘れました

手順

背景に画像を敷く

美容系であれば雰囲気のいいお花とか、キラキラしたものがいいです。
コミカルなものを敷くと全く違う雰囲気になるというか、とっつきやすくはなるんですが、悪く言うとちょっと安っぽくなります。
場合に合わせて選ぶのがいいです。

人物写真を組み合わせる

動画内の画像は切り抜いていませんが、場合により切り抜いてください。
美容系バナーは「ぼかし」を入れると雰囲気がよくなるので、時短という意味だけでなく、今回はぼかしも効果として使いました…w

コスメの画像を組み合わせる

こちらの素材は事前に切り抜きました。
商品は際立たせる必要があるので、ぼかしでなく切り抜きに。
少し傾けると動きが出ていいです。
本体画像に光彩(外側)をかけると、商品が際立ってふんわりするので入れます。

キラキラパーツを追加

お好きな画像素材を使っていただいてよいです。
画像内のよいところに、キラキラを配置していきます。
今回は白のまま使いましたけど、場合により金色っぽい色にしてもいい感じになります。
あんまり目立たないんですが…パッと見の印象が全然変わります。

文字入れ

今回は美容系なので、高級そうな感じを出すためにゴシックでなく明朝系を使います。

文字装飾

色、光彩、などはお好きにしてもらってOKですが、全体と馴染む感じにするといいです。突然緑とか青とかは…場合により、何かの効果を狙ってならいいですが、変なことをするとおかしくなります。

インパクトを与えたい文字だけを、動画のような感じで更に目立たせてアピールする作戦も良いです。

PhotoShopカテゴリの最新記事