ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopで電気のスウィッチを作成する方法

Photoshopで電気のスウィッチを作成する方法

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

このチュートリアルでは、シンプルな電気のスウィッチをPhotoshopで作成する方法を紹介します。
まず背景を作り、たくさんのレイヤーを重ね、レイヤーマスクなど今回のチュートリアルに役立つテクニックを使います。
このチュートリアルはとても簡単なので、みなさま是非お試しになってください。

Step1:はじめに

1280x1024ピクセルの新規ドキュメントを作成します。

新規ドキュメント



Step2:台を描く

角丸長方形ツール角丸長方形ツール(U)を選択して、丸みを30ピクセルに設定して下記のようにシェイプを描いてください。

レイヤースタイルを開いて、シャドウ(内側)をクリックして選び、下記のとおりシャドウを設定してください。





Step3:スイッチを描く

角丸長方形ツール角丸長方形ツール(U)をもう一度選択し、丸みを5ピクセルに設定して、下記のとおりシェイプを描いてください。

レイヤースタイルを再度開いて、シャドウ(内側)をクリックして選択し、下記のとおりシャドウを設定してください。

レイヤースタイルを開いて境界線をクリックして選択し、下記のとおり境界線の設定をしてください。

長方形選択ツール長方形選択ツール(M)を選択して、新規レイヤーに下記のとおり#7D7D7Dの色でシェイプを描いてください。

下記のような結果が得られます。


Step4:ビスを描く

楕円形選択ツール楕円形選択ツール(M)を選択し、新規レイヤーを作成して、角の部分に丸いシェイプを描いてください。

レイヤースタイルを開いて、シャドウ(内側)を選択し、下記のとおり、シャドウを設定してください。

レイヤースタイルを開き、べベルとエンボスを選択し、べベルを下記のとおり設定します。

そのレイヤーを選択してコピーし、ほかの角にも配置してください。



Step5:完成

完成です。

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


引用:Web Design Library 著者:Shahzad Amin 翻訳:幕澤



スポンサードリンク

コメント

ランダム記事5件

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