スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

Homeフォトショップ講座 > Photoshopでウェブサイトのバナーを作る方法

Photoshopでウェブサイトのバナーを作る方法

投稿日:2008年7月29日   レベル:初心者    ソフトウェア:PhotoShop
このチュートリアルでは、フォトショップでウェブサイトのバナーを作ってみたいと思います。


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

シェイプの作成


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

グラデーションオーバーレイ


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

コピーと移動


Step4:余分なものを削除する
長方形選択ツールを選択して、複製したレイヤーの半分を選択して「Delete」キーを押します。

余分なものを削除する


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

グラデーションオーバーレイ


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

名前を書く


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

完成


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



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング