ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座ドロー > PhotoshopでクールなFacebookのアイコンを作る方法

PhotoshopでクールなFacebookのアイコンを作る方法

投稿日:2012年1月27日   レベル:初心者    ソフトウェア:Photoshop

このチュートリアルはデザインに合ったクールでスタイリッシュなアイコンの作り方を紹介します。

Step1:新規ドキュメントを作成する

Photoshopを開いて新規ドキュメントを作成します。サイズは125ピクセル×115ピクセルにします。
楕円形ツールでキャンバスに円を描きます。
色についてはあとでグラデーションを設定するので今のところは気にする必要はありません。今の段階では次のように仕上がります。

新規ドキュメントを作成



Step2:レイヤースタイルを設定する

円形のシェイプのレイヤーパレットをダブルクリックするか右クリックしてブレンドオプションを表示させます。その後次のように設定します。

レイヤースタイル[光彩(内側)]

レイヤースタイル[グラデーションオーバーレイ]

レイヤースタイル[グラデーションオーバーレイ(色設定)]

レイヤースタイル[境界線]

レイヤースタイル[境界線(色設定)]

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

レイヤースタイル適用





Step3:アイコンを入れる

ソーシャルメディアのアイコンを円の内側に配置します。
すると次のようになります。

アイコン配置

その後、次のように設定します。

レイヤースタイル[ドロップシャドウ]

レイヤースタイル[光彩(外側)]

レイヤースタイル[光彩(内側)]

レイヤースタイル[へベルとエンボス]

レイヤースタイル[サテン]

レイヤースタイル[グラデーションオーバーレイ]

レイヤースタイル[グラデーションオーバーレイ(色設定)]


Step4:完成

完成です。

完成

同様に作ってみた物を紹介します。

応用


引用:Web Design Library 著者: Maya Creations 翻訳:菊池



スポンサードリンク

コメント

ランダム記事5件

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