ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > PhotoshopでOnline Chatのロゴマークを作る方法

PhotoshopでOnline Chatのロゴマークを作る方法

投稿日:2009年06月05日   レベル:初心者    ソフトウェア:PhotoShop
このチュートリアルでは、PhotoshopでOnline Chatのロゴマークを作ってみたいと思います。


Step1:はじめに

ドキュメントのサイズを600ピクセル×600ピクセルにし、シェイプツールで作業対象のシェイプを描きます。

シェイプを描く


Step2:ふきだしを作る

「編集」−「パスを変形」−「ゆがみ」を選択して次のように変形させます。

シェイプを変形させる

レイヤーオプションのグラデーションオーバーレイを使います。
デフォルトの色(黒)を「Pantone Orange 021C」に変更します。

グラデーションオーバーレイを設定する

二番目のデフォルトの色(白)を「Pantone Warm Red C」に変更します。

グラデーションオーバーレイを設定する

新規レイヤーを作成して最初のレイヤーの中にシェイプを作ります。
二番目のレイヤーを前列に移します。

最初のレイヤーの中にシェイプを作る

グラデーションオプションでグラデーション名を「描画色から透明に」に設定して色を白に変更します。

グラデーションを設定する

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

結果

レイヤーの不透明度を60%にします。

レイヤーの不透明度を60%にする

最初に作業したレイヤーでベベルとエンボスを次のように設定します。

ベベルとエンボスを設定する


Step3:ふきだしに効果をつける

作業したレイヤーを複製して色を黒にします。

複製したレイヤーを黒にする

二つのレイヤーを次の画像のように配置します。

レイヤーを配置する

最初に作業したレイヤーを次のように選択します。

レイヤーを選択する

選択範囲が表示された状態のまま2番目のレイヤーを選択します。

2番目のレイヤーを選択する

「Delete」キーを押しますが、シェイプは移動させません。
次の画像は作業したレイヤーのでき具合を確認するためのものです。

レイヤーの一部を削除する

グラデーションオーバーレイで黒とグレーを設定します。
グレーは暗めのものを使います。
黒との違いは10%−20%程度にします。

グラデーションオーバーレイを設定する

レイヤーを複製します。
複製されたレイヤーを確認します。
次のように移動させて色を「Pantone Warm Red」に変更します。

レイヤーを複製する


Step4:テキストを入力する

うまくいきました。「Arial Rounded」フォントを使ってテキストを入力します。
色は黒にします。

テキストを入力する

二番目に入力するテキストの色を「Pantone Orange 021C」にします。

テキストの色を「Pantone Orange 021C」にする

テキストの作業が終わったら、新規レイヤーを開いてテキストの下に線を引きます。

テキストの下に線を引く

「フィルタ」−「ぼかし」−「ぼかし(ガウス)」を選択して次のように設定します。

ぼかし(ガウス)を設定する

どのウェブデザインコンセプトにも感じのよいプロフェッショナルなロゴが完成しました。
次のステップではもう少し発展させてみます。

完成


Step5:完成

これで完成です。

完成


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



スポンサードリンク

コメント

ランダム記事5件

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