スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

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月の人気記事ランキング