ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

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