ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

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月の人気記事ランキング