ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopでスタイリッシュなスピーカーを作る方法

Photoshopでスタイリッシュなスピーカーを作る方法

投稿日:2009年11月06日   レベル:初心者    ソフトウェア:PhotoShop

このチュートリアルでは、Photoshopでシンプルでスタイリッシュなスピーカーを作ってみたいと思います。

Step1:はじめに

200×300ピクセルの新しいドキュメントを作成してください。



Step2:背景レイヤーを塗りつぶす

次に、塗りつぶしツール塗りつぶしツールを使って、背景レイヤーを#b0b0b0で塗りつぶしてください。

背景レイヤー




Step3:ぼかし(ガウス)を追加

楕円形選択ツール楕円形選択ツールを使って、キャンバスの中央に円の選択範囲を作成し、
それを黒で塗りつぶしてください。

「フィルタ」-「ぼかし」-「ぼかし(ガウス)」に行き、半径0.5ピクセルでぼかしてください。

ぼかし(ガウス)



Step4:グラデーションオーバーレイを追加

「レイヤー」-「レイヤースタイル」-「レイヤー効果」に行き、
グラデーションオーバーレイを適用してください。次のように設定してください。

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



Step5:円を作る(1)

新しいレイヤーを作り、楕円形選択ツール楕円形選択ツールを使って、
先ほど作った円より小さい円になるように選択範囲を作ってください。
この円を色で塗りつぶしてください。レイヤースタイルを適用するので何色でも構いません。

今、このようになっているはずです。この円にはぼかしを加える必要はありません。

結果



Step6:レイヤー効果を繰り返す
「レイヤー」-「レイヤースタイル」-「レイヤー効果」に行き、
これらの設定をすべてコピーしてください。
このプロセスを何度か繰り返した後、さらに2つの円を作る必要があります。

シャドウ(内側)

カラーオーバーレイ

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

境界線



Step7:結果

それでは、これまでの結果を見てみましょう。

レイヤースタイル適用後



Step8:円を作る(2)

新しくレイヤーを作り、先ほどの円の中に、同じテクニックを使ってより小さい円を作ってください。
新たに作った円を、塗りつぶしツール塗りつぶしツールで塗りつぶしてください。

現在、下の画像のようになっているはずです。

塗りつぶし効果



Step9:レイヤースタイルを追加

「レイヤー」-「レイヤースタイル」-「レイヤー効果」に行き、次の画像のように設定してください。

シャドウ(内側)

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



Step10:円を作る(3)

最後の円を作ります。
これまでと同様に、新しいレイヤーへ、より小さい円を作成してください。
塗りつぶしツール塗りつぶしツールを使って、それを塗りつぶしてください。

塗りつぶし



Step11:レイヤー効果

「レイヤー」-「レイヤースタイル」-「レイヤー効果」に行き、次のように設定してください。

シャドウ(内側)

光彩(外側)

光彩(内側)

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



Step12:完成

スタイリッシュなスピーカーが完成しました。

完成



引用:Web Design Library 著者:phonuts.org 翻訳:日下部



スポンサードリンク

コメント

ランダム記事5件

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