ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopで3DのTwitterアイコンを作成する方法

Photoshopで3DのTwitterアイコンを作成する方法

投稿日:2012年7月24日   レベル:初心者    ソフトウェア:Photoshop
このチュートリアルでは、3DのTwitterアイコンを作成する方法を紹介します。
Step1:はじめに

1280x1024ピクセルで新規プロジェクトを作成し、#EBEBEBの色で下記のとおり塗りつぶしてください。

新規作成



Step2:ペンツールでシェイプを描く

ペンツールペンツール(P)を選んで、下記のようなシェイプを描き、#0A486Fの色で塗ります。

シェイプ


ペンツールペンツール(P)を選んで、下記のようなシェイプを描き、#0A486Fの色で塗ります

シェイプ2


ペンツールペンツール(P)を選んで、下記のような側面のシェイプを描き、#031F36の色で塗ります。

シェイプ3





Step3:グラデーションオーバーレイを設定

側面のレイヤースタイルを開いて、グラデーションオーバーレイを選び、下記のとおり設定してください。

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


平面のレイヤースタイルを開いて、グラデーションオーバーレイを選び、下記のとおり設定してください。

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



Step4:ツイッターバードのシェイプを描く

ペンツールペンツール(P)を選んで、下記のようにツイッターバードのシェイプを描いてください。

ツイッターバード



Step5:完成

完成です。

3Dアイコン完成

このチュートリアルをお楽しみいただければ幸いです。これらのテクニックがあなたの次の作品のアイデアのヒントとなればと思います。

引用:Web Design Library 著者:Build Tutorial 翻訳:幕澤



スポンサードリンク

コメント

ランダム記事5件

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