ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > フォトショップで虫メガネを描く方法

フォトショップで虫メガネを描く方法

投稿日:2008年6月20日   レベル:中級者    ソフトウェア:PhotoShop
このチュートリアルでは、フォトショップで虫メガネを描いてみたいと思います。


Step1:レンズの形を描く
これからペンツールpen_tool.gifを使った虫メガネの表現方法について紹介します。

524ピクセル×487ピクセル、解像度72dpiで新規ファイルを作成します。
色をグレーにして虫メガネの形を描きます。
色は「#E2E2E2」にしてください。

ps_14723_01.jpg


Step2:柄を描く
虫メガネの柄を作ります。
次の画像のようにブレンドオプションを設定します。

ps_14723_02.jpg

ps_14723_03.jpg

ps_14723_04.jpg


Step3:柄の光と影を表現する
柄の光と影を表現します。
影の色は「#464747」、光の色は「#929292」にします。

ps_14723_05.jpg


Step4:柄の金属部分を描く
柄の金属部分を作って柄のレイヤーの下に配置します。
グラデーションのパラメータは次の画像のとおりです。

ps_14723_06.jpg

ps_14723_07.jpg

ps_14723_08.jpg


Step5:フレームを描く
虫メガネのフレームをパスで描きます。
グラデーションのパラメータは次の画像のとおりです。

ps_14723_09.jpg

ps_14723_10.jpg

ps_14723_11.jpg


Step6:楕円を描く
楕円形ツールellipse_tool.gifを選択して次のような楕円を描きます。

ps_14723_12.jpg

ps_14723_13.jpg

ps_14723_14.jpg


Step7:光を入れる
このレイヤーをコピーして白い色を適用します。
最初の楕円の下に配置します。少しだけずらします。
少しだけずらします。

ps_14723_15.jpg


Step8:青い楕円を描く
「#304899」の色でもう一つ楕円を描いて挿入します。

ps_14723_16.jpg


Step9:青い楕円を更に描く
さらにもう一つ楕円を描きます。
グラデーションのパラメータは次の画像のとおりです。
ps_14723_17.jpg

ps_14723_18.jpg


Step10:完成
最後の要素としてレンズに光をつけます。
楕円を作って色を「#ACC8E0」にします。

ps_14723_19.jpg

これで完成です!


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



スポンサードリンク

コメント

ランダム記事5件

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