ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

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件

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