投稿日：2008年7月29日　　　レベル：初心者　　　　ソフトウェア：

---

このチュートリアルでは、フォトショップでウェブサイトのバナーを作ってみたいと思います。

• Step1 ： シェイプの作成
• Step2 ： ブレンド
• Step3 ： コピーと移動
• Step4 ： 余分なものを削除する
• Step5 ： グラデーションオーバーレイ
• Step6 ： 名前を書く
• Step7 ： 完成

角丸長方形ツールを選択してウェブサイトのバナーに使うシェイプを作ります。




レイヤー上で右クリックして、「ラスタライズ」をクリックします。再び右クリックして「ブレンドオプション」を選択します。グラデーションオーバーレイで次のように設定します。




「Ctrl」＋「J」キーを押してレイヤーを複製し、移動ツールを使って1ピクセル下、1ピクセル右に移動します。




長方形選択ツールを選択して、複製したレイヤーの半分を選択して「Delete」キーを押します。




複製したレイヤー上で右クリックして、ブレンドオプションを表示させます。グラデーションオーバーレイで次のように設定します。




「Chopin Script」など好みのフォントを選択して、ウェブサイトのタイトルをバナーに書きます。




バナーの完成です。ここではDeviant Artからカスタムブラシでバナーの下側にライトブラシを追加しました。またテキストには反射の技術を使いました。いろいろお試しください！

引用:Web Design Library 　著者:imgry.com　翻訳:菊池

スポンサードリンク