スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

Homeフォトショップ講座 > Photoshopで暗い感じのボリュームコントロールのベクター画像を作る方法

Photoshopで暗い感じのボリュームコントロールのベクター画像を作る方法

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

このチュートリアルでは、Photoshopで暗い感じのボリュームコントロールのベクター画像を作る方法を紹介します。
まず背景を作ってから、レイヤーを重ね、レイヤーマスクや他のテクニックを使います。

Step1:はじめに

1280ピクセル×1024ピクセルの新規プロジェクトを作成し、次のように「#111111」で塗ります。

新規プロジェクト



Step2:円形のシェイプを作る

楕円形ツール楕円形選択ツールで次のように円形のシェイプを作ります。

円形シェイプ

楕円形ツール楕円形選択ツールで次のように円形のシェイプを作ります。

円形シェイプ





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

レイヤースタイルで「グラデーションオーバーレイ」を次のように設定します。

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



Step4:円形のシェイプを作る

楕円形ツール楕円形選択ツールで次のように円形のシェイプを作ります。

円形シェイプ



Step5:円形のシェイプを作り色を塗る

楕円形ツール楕円形選択ツールで次のように円形のシェイプを作り、「#E0E0E2」で塗ります。

円形シェイプ



Step6:半径20ピクセルの円形のシェイプを作る

20ピクセルシェイプ楕円形選択ツールで次のように半径20ピクセルで円形のシェイプを作ります。

楕円形ツール



Step7:円形のシェイプを作り色を塗る

楕円形ツール楕円形選択ツールで次のように円形のシェイプを作り、「#0585D7」で塗ります。

円形シェイプ色塗り



Step8:光沢(外側)を設定する

レイヤースタイルで「光彩(外側)」を次のように設定します。

光沢設定



Step9:コピーしてペーストする

レイヤーをコピーして次のようにペーストします。

コピー,ペースト



Step10:完成

これで完成です!

完成



引用:Web Design Library 著者:Shahzad Amin 翻訳:菊池



スポンサードリンク

コメント

ランダム記事5件

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