• 家
  • 〜 について
  • 関連記事
  • 広告
  • お問い合わせ

: 91 11 9810018780 メールに :info@aceinfowayindia.com / 電話 :91 11 9810018780

  • 論文執筆
  • 2009年12月14日に
  • 05:17午前
  • 管理者による

どのようにPhotoshopの場合 、 フォルダのアイコンを作成する

これは、簡単なフォルダのアイコンを作成するつもりですチュートリアルでは。 これは非常に、非常にチュートリアルで効果的なので、すべての必要な単純であり、Adobe Photoshopのは、この効果を作成することです。 私はこのチュートリアルをお楽しみ下さい。



folder-icon-heading

最終的な結果

これは私たちが行って今日は

folder-icon-step111

ステップ#1

オープンPhotoshopおよび新しいドキュメントを作成し、鉱山550px × 550px背景は白です。

folder-icon-step1a

ステップ#2

選択して、 ペンツールを使うと、これらのオプションを選択持っていることを確認します。

folder-icon-step1b

現在のペンツールは、このような何かを描画を使用して

folder-icon-step1

今somesome層のスタイルを適用されます。

勾配の影響

レイヤスタイル]ダイアログボックスを開くための[レイヤ]パネルの[ 図形のサムネイル上のボタンをダブルクリックしてスタイリングは、お客様の図形の垂直方向のグラデーション効果を適用します。 グラデーションのオプションは、カラーグラデーションエディタを開くための右側にある色のグラデーションをクリックします。

Create Folder Icon in Photoshop

をダブルクリックして左の色を停止し、色の値は#FFD772を入力し、をダブルクリックし右上の色を停止し、色の値を入力します#FFFF99。

folder-icon-step2a

内側のグロー

次の内側グロー層のスタイルを適用する。 不透明度、チョークとサイズの値を変更する。 私は75%、チョーク100%サイズで1pxでの不透明度を設定するを選択します。

デフォルトから#000000への内側の光彩の色を変更

folder-icon-step2b

打撃

最後に、我々は脳卒中適用されます。 最初のサイズの値を変更します。 私は1pxでのサイズ設定を選択します。 外側に位置を変更する

デフォルトからE6C15E6へのストロークの色を変更する

folder-icon-step2c

これはこれは現在のようなものになります。

folder-icon-step2

ステップ#3

現在の図形のレイヤーを複製します 。 NowGoを編集する- "変換- "の視点の動きは 、 右上隅の外まで 、 下記のような形をして

folder-icon-step3

- "変換- "スケールを編集すると、ビットなので開いたように見えますが縮小移動します。

folder-icon-step4

ステップ#4

今は一枚の紙を追加するつもりだ。 新規レイヤーを作成し、以下のようなrectanguleを描く

folder-icon-step5

今somesome層のスタイルを適用されます。

勾配の影響

レイヤスタイル]ダイアログボックスを開くための[レイヤ]パネルの[ 図形のサムネイル上の図形をダブルクリックしてスタイリングは、お客様の図形の垂直方向のグラデーション効果を適用します。 グラデーションのオプションは、カラーグラデーションエディタを開くための右側にある色のグラデーションをクリックします。

Create Folder Icon in Photoshop

をダブルクリックして左の色を停止し、色の値#EDEDEDを入力し、をダブルクリックし右上の色を停止し、色の値を入力します。#000000。

folder-icon-step5a

打撃

次に、 ストロークが適用されます。 最初のサイズの値を変更します。 私は1pxでのサイズ設定を選択します。 外側に位置を変更する

デフォルトから#DDDDDDへのストロークの色を変更する

folder-icon-step5b

今- "変換- "スケールを編集すると、用紙を回転移動します。

このようになります。

folder-icon-step6

現在のフォルダの下に紙の断片を入れ、65%の不透明度を設定します。

それでは、" 曲線"は、用紙の右上隅。 上隅の小さな部分を削除します。

このようになります。

folder-icon-step9

今は、ペンツールを選択し、図形を黒で(1)を描く

folder-icon-step10

今の形にいくつかの層のスタイルが適用されます。

レイヤスタイル]ダイアログボックスを開くための[レイヤ]パネルの[ 図形のサムネイル上の図形をダブルクリックしてスタイリングは、お客様の図形の垂直方向のグラデーション効果を適用します。 グラデーションのオプションは、カラーグラデーションエディタを開くための右側にある色のグラデーションをクリックします。

Create Folder Icon in Photoshop

をダブルクリックして左の色を停止し、色の値#EDEDEDを入力し、をダブルクリックし右上の色を停止し、色の値を入力します。#000000。

folder-icon-step5a

打撃

次に、 ストロークが適用されます。 最初のサイズの値を変更します。 私は1pxでのサイズ設定を選択します。 外側に位置を変更する

デフォルトから#DDDDDDへのストロークの色を変更する

最終的な結果

これは私たちが行って今日は

folder-icon-step111

あなたの作業を確認したいのですが、このチュートリアルでは、PSDファイルをダウンロードすることが

[ダウンロードファイル:約30KB]

もし私たちからより多くのチュートリアルを受信するようにと、してくださいRSSフィードや電子メールでの我々のフィードを購読する考え。

報告Filed under:Photoshopの 、 チュートリアル adminによって

を促進する会社

  • Mixxに追加!
エースホスティングインド

タグ:Photoshopの 、 チュートリアル

関連記事:

場合は、この資料には、以下の関連記事をチェックアウトしてください。読書を楽しんだ:

    • どのようにPhotoshopでニースの左上のテキストボタンを作成する
    • どのようにPhotoshopでシンプルグリーンボタンを作成する
    • どうすれば、電話ボタンPhotoshopの場合と同様に作成する方法
    • どのようにPhotoshopで活版活字を作成する
    • どのようにPhotoshopでニース簡単に3Dテキスト効果を作成する
無題ドキュメント

5コメント

  1. Shamimaスルタナ 書かれています:2009年12月7時12分で14サイード午前 :

    ニースのタスク...おかげで

  2. セーム@ minisite設計 上での意見:2009年12月の午後4時14サイード:

    本当に素晴らしいチュートリアル! おかげで男

    セーム
    Minisiteデザイン

  3. neeraj 書かれています:2009年12月5時20月15日のサイード午前 :

    いい仕事仲間...それを維持する。

  4. ロッドマン は言う:2009年12月8:50 pmに16サイード:

    うわー、このブログで共有するため、このような便利なチュートリアルでは、感謝です! いいチュートリアル、これらの間で来るのは容易ではないが、知っているが、これは簡単で、それは私のウェブサイト上で役に立ちますされた次の

  5. Shamimaスルタナ 書かれています:2010年1月2日の午前4時52サイード午前 :

    ニースチュートリアル...

提出コメント

XHTML:これらのタグ:<aのhref=の""のtitle=の""を使用することができます><abbrのtitle=の""><acronymのtitle=の""title=""> <b>ダウンロード<blockquote cite="">の<code>"デル日時="""の<em> <i>の<qのcite=の""<strike>の<strong>


CommentLuv Enabled 詳細を見る
« 開発のパラダイスサイトは 、 今週の12月、2009年第12回
シンプルなの36 Exmaples、効果的な白黒のロゴあなたのインスピレーション » について
無題ドキュメント

    チャンネル登録

  • フィードを購読
  • チャンネル登録電子メールで
  • Twitterでフォロー
  • WooThemes -どこにあるウあるの方法だ!
  • DreamTemplate - Webテンプレート

    • 探す

      無題ドキュメント
  • カレンダー

    2009年12月
    メートル 商品 幅 商品 F S通常 S通常
    « 11月 09年01月»
    1 2 3 4 5 6
    7 8 9 10 11 12 13
    14 15 16 17 18 19 20
    21 22 23 24 25 26 27
    28 29 30 31
    • ページ

      • 家
      • 〜 について
      • 関連記事
      • 広告
      • お問い合わせ
    • カテゴリ

    • CSSの (23)
    • デザイン/インスピレーション (61)
    • 試供品 (45)
    • グラフィックデザイン (12)
    • Photoshopの (27)
    • 資源 (39)
    • 徐在応 (1)
    • ツール (9)
    • チュートリアル (39)
    • タイポグラフィ (6)
    • Web開発 (6)
    • Wordpressの (6)
    • アーカイブ

    • 2010年1月
    • 2009年12月
    • 2009年11月
    • 2009年10月
    • 2009年9月
    • 2009年8月
    • 2009年7月
    • 2009年6月
    • 2009年5月
    • 最近の投稿

    • CSSの
    • デザイン/インスピレーション
    • 試供品
    • グラフィックデザイン
    • Photoshopの
    • 人気の投稿

    • お書きベターCSSのパーツに5つのステップ2
    • どのようにニースのスケーラブルなCSSを作成するにパンくずリストに基づく
    • 21ビッグ、太字のタイポグラフィウェブサイトの設計
    • を作成する方法良いですテーブルなしのフォーム
    • 最大のオレンジ、30のウェブサイト
    • あなたのインスピレーションはインフォグラフィックの20見事な例
    • あなたのインスピレーションは33に"Hello"ページの例
    • タグクラウド

    CSSの デザイン フォント 無料配布 グラフィックデザイン グラフィックデザイン アイコン インスピレーション Inspitation Photoshopの 資源 ツール のチュートリアル タイポグラフィ のWeb開発 のWordpress

    • 友人

      • Abduzeedo
      • alistのアパート
      • Bittbox
      • CrazyLeafデザイン
      • CSSトリック
      • デヴィッドウォルシュ
      • Fudgegraphics
      • 燃料あなたの創造性
      • Developerヘルプ
      • インスタントシフト
      • Line25
      • Mirificampress
      • 私のインクのブログ
      • Noupe
      • PSDFan
      • PSDtuts
      • 共有脳
      • 6つのリビジョン
      • スプーングラフィックス
      • Toxel
      • Vandelay Designは 、
      • 我々は関数
      • Webデザイナデポ
      • Webデザイナ元帳
      • Webデザイナーの壁
      • 現在デザイナ
    • コミュニティのニュース

        • Googleについてはお化粧を取得する

          "誰でも欲望を一定の成功を頻繁に変更しなければならない"と、ますますGoogleの思想は、この学校にサブスクライブ明らかになっている。 オンラインマーケティングのブログ報告している...

          2009年12月11日
        • どのようにPhotoshopでシンプルグリーンボタンを作成する

          彼は非常に、非常にチュートリアルを効果的に簡単です。 私はこのチュートリアルをお楽しみ下さい。

          2009年12月9日
        • 11無料グランジフォントデザイナーのための

          この記事では、デザイナーのための11日無料グランジフォントが見つかります。 これらのフリーフォントのデザインの苦痛に最適です。 私は希望する場合は、このお楽しみいただけます。

          2009年12月9日
        • 21ビッグ、太字のタイポグラフィウェブサイトの設計

          これら21の美しいビッグ、太字のタイポグラフィのウェブサイトのデザインを見て、私たちのコメントで自分の考えを知ることができます。

          2009年12月9日
    • ニュースを追加

      使用すると、フォームを使用して、以下のリンクを送信することができますが、通常数時間以内に承認されます。






      読み込んでいます...

    • 翻訳

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • スポンサー

    チェックアウトUPrinting YouTheDesignerている。


    名刺オンライン

    Web Design Blog Directory

。
無題ドキュメント
トップへ戻る

一般的な

これらのいくつかの関心のかもしれないの
  • について私達の会社
  • お客様の声
  • 連絡先詳細
  • ブログ
  • 社会的な-はTwitter、Flickr

作品

過去のプロジェクトの例
  • について私達の会社
  • お客様の声
  • 連絡先詳細
  • ブログ
  • 社会的な-はTwitter、Flickr

サービス

これはここで、本日販売している
  • について私達の会社
  • お客様の声
  • 連絡先詳細
  • ブログ
  • 社会的な-はTwitter、Flickr

連絡先詳細

私たちを雇うか? ここを始める...
  • 無料プロジェクトAssesment
  • メール- info@aceinfowayindia.com
  • 電話番号:91 11 9810018780

著作権© 2009、全ての右貸切、 エースInfowayインド賃貸しエースInfowayインドの次のデザインプロジェクト。 プロフィール当社のポートフォリオ 。