Photoshopで見出し画像を作る #2

2007/02/07  Comment(0)  Trackback(0)   

うかブログ »

ウェブデザイン »

Photoshopで見出し画像を作る #2 »

Photoshopで見出し画像を作る #1では見出し画像のアウトラインを作成しましたが、今回はその続きです。

• Photoshopで見出し画像を作る #1
• Photoshopで見出し画像を作る #2

見出し用背景画像作成 ベタ塗り編

これがアウトライン用のシェイプです。とりあえず、色はベタ塗りでもいいよねーなんて場合は、このシェイプの色を変更してあげるだけで、それっぽいものができちゃったりします。

チャンネルウインドウにこんな感じで表示されてる現在の色の部分をダブルクリック。するとカラーピッカーが開くので適当な色を変更します。これだけで、こんな感じの見出し用背景画像ができあがり。

見出し用背景画像作成 グラデーション編

でもやっぱベタ塗りだけではセンスないよねーなんて場合は、グラデーションをつけてあげるだけで小ジャレた感じになります。

チャンネルウインドウの一番下にアイコンがいくつかならんでますが、その中の一番左、「レイヤスタイルを追加」のアイコンをクリックします。

すると、こんな感じで追加するレイヤースタイルを選択できますんで、この中から「グラデーションオーバーレイ」を選択します。

グラデーションの設定ウインドウが開いたら、「グラデーション」欄の色の部分をクリックし、グラデーションエディタを開きます。

グラデーションエディタの「プリセット」の中から適当な色を選択、OKボタンを押せば簡単にグラデーションのついた画像ができあがります。

任意の色でグラデーションをつけたい場合は、グラデーションエディタの下側にある「グラデーションタイプ」の色を調整します。

で、出来上がりはどんな感じかとゆーとこんな感じ。

グラデーションをつけるだけで大分イメージが変わりますね＾＾

「Photoshopで見出し画像を作る」関連記事

• Photoshopで見出し画像を作る #1
• Photoshopで見出し画像を作る #2

△ページトップに戻る

ブログ／ホームページ運営   ウェブデザイン   Movable Type（MT）   サイト作成／運営便利ツール   レンタルサーバー   HTML／スタイルシート（css）   プログラム（PHP／Javascript他）   モノポータル（MONO-PORTAL）   アフィリエイト   サイト運営記（うか運営サイト）   その他 ホームページ作成／運営