【Photoshopバナー制作動画レッスン】②

Lesson02_part①カンバスの設定と文字入れ

無料レッスン後半戦です。今回から実際にバナーを作っていきますよ☆まずはじめに、カンバスの設定をして、文字を入れていきましょう。文字は、横書き文字ツールを使って入れていきます。よく使うツールなので、慣れていきましょうね。

Lesson02_part②文字を入れたら文字詰め

ここで大事なことをお伝えします!!!プロのWEBデザイナーなら絶対に抑えていること、「文字詰め」です!
そう、文字は打ったままではだめなんです。文字と文字との間のスキマをバランスよく調整する、これだけで見栄えが2倍くらいきれいに見えます。
「文字を打ったら、文字詰め!」と覚えてくださいね。

Lesson02_part③グラデーション背景

文字ができたら、次は背景を作りましょう!ここで使うのが、出ましたっ!レイヤースタイルです。これも本当によく使うメニューですので、早めに覚えておきましょう。グラデーションを作るのは、超簡単です。大事なのは、色ですね。あまりどぎつい色でグラデーションを作るとダサくなるので、同系色を使うと落ち着きが出やすくなります。きれいなグラデーションを作ってみましょう。

Lesson02_part④文字を見やすくアレンジ

作ってみたら、「あら?文字が見にくいっ!」ということで、文字を見やすくする工夫をしましょう。文字は色のギャップがあるほど見やすくなります。例えば、背景が薄い色だったら、文字は濃く。背景が濃い色だったら文字は薄く。というように対比をつけると見やすくなるのです。ここでは下に白い背景をひいて文字を引き立てています。

Lesson02_part⑤バランスを取って綺麗に見せる

背景・文字が入ったら、もう一度全体を見てみましょう。バランスをチェックするのです。これをしないと、バナーにイマイチ感が出てしまいます。大事なのは、スキマの空き具合のバランスです。上下左右、調整してみましょう。これは今後のバナー制作において、とても大事なポイントなので、覚えておいてくださいね。バナーを作ったら毎回チェックしましょう!

Lesson02_part⑥バナーが完成!保存しよう

おめでとうっ!バナーの完成です。ここで覚えないといけないのが、「保存方法」ですね。保存しないとデータが消えてしまいますので、気をつけてください。PSDとJPEGという2つの保存形式で保存しましょう。これはあなたがはじめて自分で作ったバナーです。記念に取っておいてくださいね。^^
ここまでよくがんばりましたね。

Lesson02_part⑦実践あるのみ!さぁ自分でやってみよう

最後に私からメッセージと課題の発表です☆課題ができたら、ぜひ私に送ってくださいね。
久保:school@japan-design.jp
ここまでがんばったあなたに拍手です☆この先デザインをレベルアップしたい方は、ぜひゼロイチWEBデザイン入門編へご入学ください。

入門編では他のスクールでは教えてもらえない、超超実践的な内容を
約5万円という破格で教えています。

内容としては…

○ 他のスクールでは20万円相当のソフトに関する知識を習得できる

これはもちろん、当たり前ですが、

◎ 他のスクールでは最後まで身に付かないで終わる、
「デザイン力・応用力・効率化」までを
実践と改善アドバイスの繰り返しで身につけることができます。
(つまり、本当に自分で作れるようになるということです
↑あたり前ですが、これを教えられないスクールばかりなのです…)

この価値を分かる方は、他のスクールに通ったことがある方。
他のデザインスクール、オンラインスクールを受けた後(または在学中)に、この講座に通い直す方が続出中です。

転職希望の方のみならず、実は色々な方に役立ちます。^^