ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopで斬新なウェブロゴを作る方法

Photoshopで斬新なウェブロゴを作る方法

投稿日:2009年08月07日   レベル:初心者    ソフトウェア:PhotoShop

このチュートリアルでは、Photoshopで斬新なウェブロゴを作ってみたいと思います。

Step1:はじめに

新規ファイルを作成します。
サイズを400ピクセル×300ピクセル、解像度を72dpiにして、背景を白く塗ります。
また新規レイヤーのセットを作成して、好きな名前をつけます。


Step2:ロゴのベースを作る

新規レイヤーを作成したら、「#F4F4F4」のライトグレーで99ピクセル×99ピクセルの円を描きます。
横書き文字ツールで90ポイントの「Webdings」フォント、「#F4F4F4」の色でアンチエイリアスを「強く」に設定します。
テキストレイヤーに「5」と入力すると上向きの三角形に変わるので、三角形を円の上に移動させます。

新規レイヤーを作成する

ライトグレーのシェイプのレイヤーに対して、レイヤースタイル(「レイヤー」−「レイヤースタイル」)で「シャドウ(内側)」、「光彩(内側)」、「サテン」、「グラデーションオーバーレイ」をそれぞれ設定します。

シャドウ(内側)を設定する

光彩(内側)を設定する

サテンを設定する

グラデーションオーバーレイ

結果:
結果



Step3:輝きを加える

新規レイヤーを作成して、「Futuristic Logo」と名前をつけて、グレーの円のレイヤーを新規レイヤーの内側に配置します。
作成したら、「#1295D7」の色で円を描いてサイズを73ピクセル×77ピクセルにします。

新規レイヤーを作成する

ブルーのシェイプのレイヤーに対して、レイヤースタイル(「レイヤー」−「レイヤースタイル」)で「シャドウ(内側)」、「光彩(内側)」、「グラデーションオーバーレイ」、「境界線」をそれぞれ設定します。

シャドウ(内側)を設定する

光彩(内側)を設定する

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

境界線

結果:
結果



Step4:影をつける

白くて小さい円のレイヤーに対して、レイヤースタイル(「レイヤー」−「レイヤースタイル」)で「シャドウ(内側)」、「境界線」をそれぞれ設定します。

シャドウ(内側)を設定する

境界線を設定する

結果:
結果

新規レイヤーを作成して、ロゴデザインの中央に82ピクセル×82ピクセルの黒い円を描きます。

黒い円を描く

黒い円のレイヤーに対して、レイヤースタイル(「レイヤー」−「レイヤースタイル」)で「シャドウ(内側)」、「グラデーションオーバーレイ」をそれぞれ設定します。レイヤーのブレンドモードを「ソフトライト」に変更します。

シャドウ(内側)を設定する

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

結果:
結果

「Futuristic Logo」レイヤーを複製してから結合して標準のレイヤーにします。
それから「編集」−「変形」で複製したレイヤーを時計回りに90度回転させます。
作業したレイヤーを「Futuristic Logo」レイヤーの下に配置します。

同様のデザインを仕上げる

残りについても同様に作業を行いデザインを仕上げます。

結果



Step5:完成

結果:

斬新なウェブロゴの完成です。

完成


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



スポンサードリンク

コメント

ランダム記事5件

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