スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

Homeフォトショップ講座 > Photoshopで光沢のあるフォルダアイコンを作成する方法

Photoshopで光沢のあるフォルダアイコンを作成する方法

投稿日:2011年8月19日   レベル:初心者    ソフトウェア:PhotoShop

このチュートリアルではPhotoshopで光沢のあるフォルダアイコンを作成する方法を紹介します。

Step1.はじめに

今回は光沢のあるフォルダアイコンを作る方法を説明します。

完成図



Step2.フォルダの形を作る

Adobe Photoshopを開いて、新規ファイルを作成します。
サイズは600px×500pxで、背景色は白(#ffffff)です。

新規ドキュメントの作成

新規レイヤーを作成して「フォルダ」と名付けます。
多角形選択ツール多角形選択ツールで下記のようなシェイプを描きます。

シェイプをフォルダの形に描く

フォルダのシェイプが出来たら、ブラシツールブラシツールを選び、好きな色で「フォルダ」レイヤーのシェイプを塗りつぶします。

フォルダ形状のシェイプを塗りつぶす



Step3.「フォルダ」レイヤーにレイヤー効果を適用する

次に「レイヤー」-「レイヤースタイル」-「レイヤー効果」効果を選択して、下記の効果を適用します。

グラデーションオーバーレイの設定

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

光彩(内側)の設定

光彩(内側)を設定する

境界線の設定

境界線を設定する

これらのレイヤー効果を適用すると、下記のような効果が得られます。

Step3での状態



Step4.フォルダの後ろ側の形状を作る

新規レイヤーを作成し、「後ろ側」と名前を付けます。
長方形選択ツール長方形選択ツールで下記のように長方形を描いてください。

長方形のシェイプを描く

ブラシツールブラシツールを使って長方形の選択範囲を塗りつぶします。
それから「後ろ側」レイヤーを「フォルダ」レイヤーの下に移動します。



Step5.「後ろ側」レイヤーにレイヤー効果を適用する

次に「レイヤー」-「レイヤースタイル」-「レイヤー効果」効果を選択して、「後ろ側」レイヤーに下記の効果を適用します。

光彩(内側)の設定

光彩(内側)を設定する

グラデーションオーバーレイの設定

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

境界線の設定

境界線を設定する



Step6.完成

完成です。

完成図



引用:Web Design Library 著者:tutorialchip.com 翻訳:幕澤



スポンサードリンク

コメント

ランダム記事5件

2012年4月の人気記事ランキング