スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

Homeフォトショップ講座 > Photoshopでデザインスタジオのヘッダーを作る方法

Photoshopでデザインスタジオのヘッダーを作る方法

投稿日:2009年03月17日   レベル:中級者    ソフトウェア:PhotoShop
このチュートリアルでは、デザインスタジオのヘッダーを作ってみたいと思います。


Step1:はじめに

まず新規ドキュメントを作成します。
サイズは1000ピクセル×216ピクセルです。

1000ピクセル×216ピクセルでドキュメントを作成する

次に背景レイヤーにグラデーションを加えます。
背景レイヤーを右クリックしたら次のようにブレンドオプションを入力します。

背景レイヤーにグラデーションを加える

ブレンドオプションを入力する


Step2:選択範囲を作って下部にバーを作成する

続いて長方形選択ツール長方形選択ツールで次のように選択範囲を作って「#FFFFFF」で色を塗ります。

選択範囲を作って「#FFFFFF」で色を塗る

次のようにブレンドオプションを入力します。

ブレンドオプションを入力する

ブレンドオプションを入力する2

ブレンドオプションを入力する3

次のようになるまで作業します。

次のようになるまで作業する


Step3:リンク用のテキストを作成する

作業を進めてリンク用のテキストを加えます。
ここでは大文字のヘルベチカにします。

リンク用のテキストを加える

リンクをマウスオーバーにしてアクティブにした際のデザインを作ります。
長方形選択ツール長方形選択ツールを使って次のように選択範囲を作ります。

マウスオーバーにしてアクティブにした際のデザインを作成する

「編集」−「消去」を選択すると次のようになります。

「編集」−「消去」を選択する


Step4:選択範囲を作って上部のバーを作成する

上部に細長いバーを加えます。
長方形選択ツール長方形選択ツールで次のように選択範囲を作って「#FFFFFF」で色を塗ります。

選択範囲を作って「#FFFFFF」で色を塗る

レイヤーに対して次のブレンドオプションを入力します。

ブレンドオプションを入力する

ブレンドオプションを入力する2

すると次のようになります。

適用後

テキストとPhotoshopのカスタムシェイプで作った簡単なロゴでここまで作れます。

テキストとPhotoshopのカスタムシェイプを追加する


Step5:完成

もう少し手を加えて円形のベクターシェイプを加えることもできます。
ここではGoMedia Arsenalパックからハーフトーンのパターンを使ってみました。

完成


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



スポンサードリンク

コメント

ランダム記事5件

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