• Home
  • Over
  • Artikelen
  • Adverteren
  • Contacteer ons

: 91 11 9810018780 Mail naar: info@aceinfowayindia.com / Bel: 91 11 9810018780

  • Artikel geschreven
  • op 14-12-2009
  • om 05:17
  • door admin

How to Create Folder Icon in Photoshop

In deze tutorial gaan we eenvoudige folder icon maken. Dit is zeer eenvoudig en heel effectief tutorial, dus alles wat je nodig hebt, is Adobe Photoshop om het maken van dit effect. Ik hoop dat u deze tutorial genieten.



folder-icon-heading

Eindresultaat

Dit is wat we gaan doen vandaag

folder-icon-step111

Stap # 1

Open Photoshop en maak een nieuw document, is de mijne 550px × 550px met een witte achtergrond.

folder-icon-step1a

Stap # 2

Selecteer het gereedschap Pen Zorg ervoor dat u de geselecteerde opties gekregen.

folder-icon-step1b

Nu met behulp van het gereedschap Pen iets te trekken als dit

folder-icon-step1

Nu zullen we toepassen somesome laagstijlen

Gradient Effect

Styling de knop dubbel-klik op de Shape miniatuur in het deelvenster Lagen het openstellen van de Layer Styles dialoogvenster, zullen we het toepassen van een verticale gradiënt Gevolgen voor uw Shape. Klik vervolgens op het kleurverloop aan de rechterkant van de Gradient optie om de openstelling van de Color Gradient Editor.

Create Folder Icon in Photoshop

Dubbel-klik op links-kleur-stop en voer de kleurwaarde # FFD772, dubbelklik vervolgens op rechts-color-stop en voer de kleurwaarde # FFFF99.

folder-icon-step2a

Inner Glow

Volgende passen de Inner Glow laag stijl. Veranderen van de waarden van de Dekking, Choke en grootte. Ik kies om de Dekking op 75%, Choke op 100% en grootte op 1px.

Verander de Inner Glow kleur uit de standaard # FFFFFF

folder-icon-step2b

Slag

Tot slot zullen we de toepassing van de Stroke. Eerste veranderen van de waarden van de grootte. Ik kies ervoor om de grootte vastgesteld op 1px. Veranderen van de positie op Buiten

Wijzig de Stroke Kleur van de standaard naar # E6C15E6

folder-icon-step2c

Het moet er ongeveer zo uitzien nu

folder-icon-step2

Stap # 3

Nu Dupliceer de laag met de vorm. NowGo naar Edit -> Transform -> Perspective bewegen een van de rechterbovenhoek buiten tot je een vorm zoals hieronder zijn

folder-icon-step3

Ga naar -> Transform -> Scale bewerken en schaal een beetje zodat het lijkt geopend.

folder-icon-step4

Stap # 4

Nu gaan we het toevoegen van een stuk papier. Maak een nieuwe laag en teken een rechthoek zoals hieronder

folder-icon-step5

Nu zullen we toepassen somesome laagstijlen

Gradient Effect

Styling de Shape dubbel-klik op de Shape miniatuur in het deelvenster Lagen het openstellen van de Layer Styles dialoogvenster, zullen we het toepassen van een verticale Gradiënt Gevolgen voor uw Shape. Klik vervolgens op het kleurverloop aan de rechterkant van de Gradient optie om de openstelling van de Color Gradient Editor.

Create Folder Icon in Photoshop

Dubbel-klik op links-kleur-stop en voer de kleurwaarde # EDEDED, dubbelklik vervolgens op rechts-color-stop en voer de kleurwaarde # FFFFFF.

folder-icon-step5a

Slag

Vervolgens zullen we de toepassing van de Stroke. Eerste veranderen van de waarden van de grootte. Ik kies ervoor om de grootte vastgesteld op 1px. Veranderen van de positie op Buiten

Wijzig de Stroke Kleur van de standaard naar # DDDDDD

folder-icon-step5b

Ga nu naar -> Transform -> Scale Bewerken en het papier draaien.

Het moet er zo uitzien.

folder-icon-step6

Nu het stuk papier onder de map, en stel de Dekking op 65%.

Laten we nu "curve" de bovenhoek van het papier. Verwijderen van een klein deel van de bovenhoek.

Moet er zo uitzien.

folder-icon-step9

Selecteer nu de Pen Tool en teken de vorm (de een in het zwart)

folder-icon-step10

Nu zullen we Apply Some laagstijlen om de vorm.

Styling de Shape dubbel-klik op de Shape miniatuur in het deelvenster Lagen het openstellen van de Layer Styles dialoogvenster, zullen we het toepassen van een verticale Gradiënt Gevolgen voor uw Shape. Klik vervolgens op het kleurverloop aan de rechterkant van de Gradient optie om de openstelling van de Color Gradient Editor.

Create Folder Icon in Photoshop

Dubbel-klik op links-kleur-stop en voer de kleurwaarde # EDEDED, dubbelklik vervolgens op rechts-color-stop en voer de kleurwaarde # FFFFFF.

folder-icon-step5a

Slag

Vervolgens zullen we de toepassing van de Stroke. Eerste veranderen van de waarden van de grootte. Ik kies ervoor om de grootte vastgesteld op 1px. Veranderen van de positie op Buiten

Wijzig de Stroke Kleur van de standaard naar # DDDDDD

Eindresultaat

Dit is wat we gaan doen vandaag

folder-icon-step111

Als u wilt uw werk te controleren, kunt u downloaden van de PSD-bestand voor deze tutorial

[Download File: 30KB]

Als u meer wilt Tutorials van ons te ontvangen, kunt u overwegen een abonnement op onze feed met RSS of per e-mail.

Geplaatst onder: Photoshop, Tutorials door admin

Promoot ons

  • Add to Mixx!
Ace Hosting India

Tags: Photoshop, Tutorials

Verwante artikelen:

Als je genoten hebt van het lezen van dit artikel, kijk dan op andere aanverwante artikelen hieronder:

    • How to Create Nice Inset knop Tekst in Photoshop
    • Hoe maak je een eenvoudige groene knop in Photoshop
    • How to Create I-Phone Net Button in Photoshop
    • How to Create Boekdruk Typografie in Photoshop
    • How to Create Nice Easy 3D-effect tekst in Photoshop
Untitled Document

5 Reacties

  1. Shamima Sultana zegt op: 14 december 2009 om 7:12 Said:

    Mooie taak ... thanks

  2. Semmy @ minisite ontwerp zegt op: 14 december 2009 at 4:00 pm Said:

    Really nice tutorial! thanks man

    Semmy
    Minisite Design

  3. neeraj zegt op: 15 december 2009 om 5:20 Said:

    nice work pal ... keep it up.

  4. Rodman zegt op: 16 december 2009 om 8:50 pm Said:

    wow dit is zo een nuttige tutorial, bedankt voor het delen op je blog! Ik weet dat goede tutorials zijn niet makkelijk te vinden deze dagen, maar na dit was zo eenvoudig en het zal nuttig zijn op mijn website

  5. Shamima Sultana zegt op: 2 januari 2010 om 4:52 Said:

    Nice tutorial ...

Submit a Comment

XHTML: U kunt deze tags: href="" titel=""> <abbr title= <acronym title= <b> <blockquote noemen=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled toon meer
«Developer's Paradise Sites van de Week voor 12 december 2009
36 Exmaples van eenvoudige, effectieve Grijswaarden logo's voor uw inspiratie »
Untitled Document

    Abonneren

  • Abonneer u op onze feed
  • Abonneren via e-mail
  • Volg ons op Twitter
  • WooThemes - Waar een Woo, is een weg!
  • DreamTemplate - Web Templates

    • Zoeken

      Untitled Document
  • Kalender

    December 2009
    M T W T F S S
    «Nov Jan »
    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
    • Pagina

      • Home
      • Over
      • Artikelen
      • Adverteren
      • Contacteer ons
    • Categorieën

    • Css (23)
    • Design / Inspiration (60)
    • Freebies (41)
    • Graphic Design (12)
    • Photoshop (23)
    • Resources (37)
    • Seo (1)
    • Tools (9)
    • Tutorials (38)
    • Typografie (6)
    • Web development (6)
    • Wordpress (6)
    • Archief

    • Januari 2010
    • December 2009
    • November 2009
    • Oktober 2009
    • September 2009
    • Augustus 2009
    • Juli 2009
    • Juni 2009
    • Mei 2009
    • Recente berichten

    • Css
    • Design / Inspiration
    • Freebies
    • Graphic Design
    • Photoshop
    • Populaire Posten

    • Hoe Nice Scalable CSS Maak Gebaseerd Breadcrumbs
    • 5 Stappen het schrijven van betere CSS-Deel II
    • Hoe creëren good looking vorm zonder tafel
    • 30 Websites met Maximaal Oranje
    • 21 Big, Bold Typografie Website Design
    • 20 prachtig voorbeeld van Infographics For Your Inspiration
    • 33 "Hallo" Pagina Voorbeeld For Your Inspiration
    • Tag cloud

    Css Design Fonts Freebies Grafisch Ontwerp Grafisch ontwerp Icons Inspiratie Inspitation Photoshop Resources Tools Tutorials Typografie Web ontwikkeling Wordpress

    • Vrienden

      • Abduzeedo
      • ALIST Apart
      • BittBox
      • CrazyLeaf Design
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Help ontwikkelaars
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDTUTS
      • Deel Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Wij functie
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • You The Designer
    • Community News

        • Google over om een Makeover

          "Wie verlangens constante succes moeten voortdurend veranderen" en het wordt steeds meer en meer duidelijk dat Google onderschrijft deze school van het denken. De Online Marketing Blog is de rapportage van een ...

          11 december 2009
        • Hoe maak je een eenvoudige groene knop in Photoshop

          hij is erg simpel en heel effectief tutorial. Ik hoop dat u deze tutorial genieten.

          9 december 2009
        • 11 Vrij Grunge Fonts voor Ontwerpers

          In dit bericht vindt u 11 Vrij Grunge Fonts voor ontwerpers. Deze gratis lettertypen zijn perfect voor schrijnende uw ontwerpen. Ik hoop dat u zult u genieten van dit.

          9 december 2009
        • 21 Big, Bold Typografie Website Design

          eens een kijkje op deze 21 Beautiful Big, Bold Typografie Website Design en laat ons weten wat uw gedachten in commentaar.

          9 december 2009
    • Nieuws toevoegen

      U kunt uw links hieronder met behulp van het formulier en ze zullen gewoonlijk worden goedgekeurd binnen een paar uur.






      Loading ...

    • Translator

      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
  • SPONSORS

    Check out UPrinting op YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Terug naar boven

Algemeen

Deze misschien van enig belang
  • Over Ons Bedrijf
  • Getuigenissen
  • Contactgegevens
  • Blog
  • Sociaal - Twitter, Flickr

Werken

Voorbeelden van projecten uit het verleden
  • Over Ons Bedrijf
  • Getuigenissen
  • Contactgegevens
  • Blog
  • Sociaal - Twitter, Flickr

Diensten

Dit is wat vandaag waar de verkoop
  • Over Ons Bedrijf
  • Getuigenissen
  • Contactgegevens
  • Blog
  • Sociaal - Twitter, Flickr

Contactgegevens

Wilt u ons inhuren? je hier begonnen ...
  • Gratis Project Assesment
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway India Huur Ace Infoway India voor uw volgende ontwerp project. Bekijk onze portfolio.