• Hem
  • Om
  • Artiklar
  • Annonsera
  • Kontakt

: 91 11 9810018780 Post till: info@aceinfowayindia.com / Ring: 91 11 9810018780

  • Artikel skriven
  • den 14.12.2009
  • at 05:17
  • av admin

How to Create Folder Icon i Photoshop

I den här guiden kommer vi att skapa enkla mappsymbolen. Detta är mycket enkel och mycket effektiv handledning, så allt du behöver är Adobe Photoshop för att skapa denna effekt. Jag hoppas att ni kommer att njuta av den här guiden.



folder-icon-heading

Slutresultat

Detta är vad vi gått gör idag

folder-icon-step111

Steg 1

Öppna Photoshop och skapa ett nytt dokument, är min 550px × 550px med en vit bakgrund.

folder-icon-step1a

Steg 2

Markera ritstiftet Kontrollera att du har de valda alternativ.

folder-icon-step1b

Nu använder Pen Tool göra något sådant

folder-icon-step1

Nu ska vi tillämpa somesome lagerstilar

Gradient Effect

Styling knappen dubbelklicka på formen miniatyrbild på panelen Lager att öppna lagerstilar dialogrutan kommer vi att tillämpa en vertikal Gradient effekt för din form. Klicka sedan på färggradienten till höger om lutningen möjlighet att öppna färggradienten Editor.

Create Folder Icon in Photoshop

Dubbelklicka på vänster-color-stop och ange färgvärde # FFD772, dubbelklicka sedan på höger-color-stop och ange färgvärde # FFFF99.

folder-icon-step2a

Inner Glow

Nästa tillämpa inre glöd lager stil. Ändra värdena Opacitet, Choke och storlek. Jag väljer att ställa Opacitet till 75%, Choke till 100% och storlek på 1px.

Ändra inre glöd färg från standard till # FFFFFF

folder-icon-step2b

Stroke

Slutligen kommer vi att tillämpa Stroke. Först ändra värdena storlek. Jag väljer att ställa in storlek på 1px. Ändra positionen till Outside

Ändra färgar från standard till # E6C15E6

folder-icon-step2c

Det borde se ut ungefär så här nu

folder-icon-step2

Steg 3

Nu Duplicera lagret med formen. NowGo till Redigera -> Omforma -> Perspective flytta en övre högra hörnet utanför tills du har en form som under

folder-icon-step3

Gå till Redigera -> Omforma -> Skala och skala ner det lite så det ser ut som öppnas.

folder-icon-step4

Steg 4

Nu ska vi lägga ett papper. Skapa ett nytt lager och rita en rektangel som nedan

folder-icon-step5

Nu ska vi tillämpa somesome lagerstilar

Gradient Effect

Styling Form dubbelklicka på formen miniatyrbild på panelen Lager att öppna lagerstilar dialogrutan kommer vi att tillämpa en vertikal Gradient effekt för din form. Klicka sedan på färggradienten till höger om lutningen möjlighet att öppna färggradienten Editor.

Create Folder Icon in Photoshop

Dubbelklicka på vänster-color-stop och ange färgvärde # EDEDED, dubbelklicka sedan på höger-color-stop och ange färg värdet # FFFFFF.

folder-icon-step5a

Stroke

Nästa vi kommer att tillämpa Stroke. Först ändra värdena storlek. Jag väljer att ställa in storlek på 1px. Ändra positionen till Outside

Ändra färgar från standard till # DDDDDD

folder-icon-step5b

Nu gå till Redigera -> Omforma -> Skala och rotera pappret.

Det ska se ut så här.

folder-icon-step6

Nu sätter papper under mappen, och ställ in genomskinligheten till 65%.

Låt oss nu "kurva" övre hörnet av papperet. Ta bort en liten del av övre hörnet.

Skulle se ut så här.

folder-icon-step9

Nu väljer Pen Tool och dra formen (den i svart)

folder-icon-step10

Nu kommer vi att tillämpa vissa lagerstilar till formen.

Styling Form dubbelklicka på formen miniatyrbild på panelen Lager att öppna lagerstilar dialogrutan kommer vi att tillämpa en vertikal Gradient effekt för din form. Klicka sedan på färggradienten till höger om lutningen möjlighet att öppna färggradienten Editor.

Create Folder Icon in Photoshop

Dubbelklicka på vänster-color-stop och ange färgvärde # EDEDED, dubbelklicka sedan på höger-color-stop och ange färg värdet # FFFFFF.

folder-icon-step5a

Stroke

Nästa vi kommer att tillämpa Stroke. Först ändra värdena storlek. Jag väljer att ställa in storlek på 1px. Ändra positionen till Outside

Ändra färgar från standard till # DDDDDD

Slutresultat

Detta är vad vi gått gör idag

folder-icon-step111

Om du vill kontrollera ditt arbete, kan du hämta PSD fil för den här läraren

[Download File: 30kb]

Om du vill få fler Tutorials från oss, vänligen överväga att prenumerera på vårt foder genom RSS eller e-post.

Filed under: Photoshop, Tutorials av admin

Främja oss

  • Add to Mixx!
Ace Hosting India

Taggar: Photoshop, Tutorials

Artiklar:

Om du gillade att läsa den här artikeln, kan du kolla in andra relaterade artiklarna nedan:

    • Hur du skapar Nice Inset Text Button i Photoshop
    • Hur Skapa en enkel gröna knappen i Photoshop
    • Hur du skapar I-Phone Like Button i Photoshop
    • Hur man skapar boktryck Typography i Photoshop
    • How to Create Web Button i Photoshop + Download Free PSD fil
Untitled Document

6 Kommentarer

  1. Shamima Sultana säger den: December 14, 2009 at 7:12 Said:

    Nice uppgift ... tack

  2. Semmy @ Minisite design säger den: December 14, 2009 at 4:00 Said:

    Really nice tutorial! thanks man

    Semmy
    Minisite Design

  3. neeraj säger den: 15 december, 2009 at 5:20 Said:

    Nice work pal ... keep it up.

  4. Rodman säger den: 16 december 2009 at 8:50 pm Said:

    wow detta är en så bra tutorial, tack för att dela på din blogg! Jag vet bra tutorials är inte lätt att få tag i dessa dagar, men efter det var så lätt och det blir bra på min hemsida

  5. Shamima Sultana säger den: 2 januari 2010 at 4:52 Said:

    Nice tutorial ...

  6. tanjila jesmeen säger den: 17 januari 2010 at 9:01 Said:

    god job.keep upp.

Skicka en kommentar

XHTML: Du kan använda dessa taggar: href="" titel=""> <abbr titel=""> <b> <blockquote anföra=""> <kodifiera> < del datetime = ""> <em> <jag <slag> <starkt>


CommentLuv Enabled Visa mer
«Developer's Paradise webbplatser i veckan under 12 december 2009
36 Exmaples av enkla, effektiva Gråskala logos för din inspiration »
Untitled Document

    Prenumerera

  • Prenumerera på vårt foder
  • Prenumerera via e-post
  • Följ med oss på Twitter
  • WooThemes - Om det finns en Woo, det finns ett sätt!
  • DreamTemplate - Web Templates

    • Söka

      Untitled Document
  • Kalender

    December 2009
    M T W T F S S
    «November 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
    • Pages

      • Hem
      • Om
      • Artiklar
      • Annonsera
      • Kontakt
    • Kategorier

    • Css (23)
    • Design / Inspiration (62)
    • Freebies (47)
    • Grafisk Design (12)
    • Photoshop (28)
    • Resurser (40)
    • Seo (1)
    • Verktyg (9)
    • Handledningar (40)
    • Typografi (6)
    • Webbutveckling (6)
    • Wordpress (6)
    • Arkiv

    • Januari 2010
    • December 2009
    • November 2009
    • Oktober 2009
    • September 2009
    • Augusti 2009
    • Juli 2009
    • Juni 2009
    • Maj 2009
    • Recent Posts

    • Css
    • Design / Inspiration
    • Freebies
    • Grafisk Design
    • Photoshop
    • Populära inlägg

    • 5 steg för att skriva bättre CSS Del II
    • Hur du skapar Nice Scalable CSS Baserat Breadcrumbs
    • 21 Big, Bold Typografi Website Design
    • Hur skapar snygg form utan bord
    • 30 Webbplatser med maximal Orange
    • 20 Stunning Exempel på Infographics För din inspiration
    • 33 "Hello" Sidor exempel för din inspiration
    • Taggmoln

    CSS Design Fonts Freebies Graphic Design Graphics Design Ikoner Inspiration Inspitation Photoshop Resources Tools Tutorials Typografi Webbutveckling Wordpress

    • Vänner

      • Abduzeedo
      • En lista Apart
      • Bittbox
      • CrazyLeaf Design
      • CSS-Tricks
      • David Walsh
      • Fudgegraphics
      • Bränsle Your Creativity
      • Hjälp Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Dela Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Vi funktion
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • Du Designer
    • Gemenskapsnyheter

        • Google om att få en makeover

          "Den som önskar konstant framgång måste förändras hela tiden" och det blir mer och mer uppenbart att Google instämmer i denna skola. Online Marketing Blog redovisar en ...

          December 11, 2009
        • Hur Skapa en enkel gröna knappen i Photoshop

          han är mycket enkel och mycket effektiv handledning. Jag hoppas att ni kommer att njuta av den här guiden.

          December 9, 2009
        • 11 Fri Grunge Fonts för Designers

          I det här inlägget hittar du 11 Fri Grunge Typsnitt för designers. Dessa gratis typsnitt är perfekta för påfrestande din design. Jag hoppas att ni kommer du njuta av denna.

          December 9, 2009
        • 21 Big, Bold Typografi Website Design

          ta en titt på dessa 21 Beautiful Big, Bold Typografi Webbdesign och låt oss veta dina tankar i kommentaren.

          December 9, 2009
    • Lägg till nyheter

      Du kan skicka in dina länkar nedan med hjälp av formuläret och de kommer oftast att godkännas inom några timmar.






      Laddar ...

    • Översättare

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

    Kolla UPrinting på YouTheDesigner.


    Visitkort Online

    Web Design Blog Directory

.
Untitled Document
Tillbaka till toppen

General

Dessa kanske av visst intresse
  • Om vårt företag
  • Testimonials
  • Kontaktuppgifter
  • Blogg
  • Social - Twitter, Flickr

Works

Exempel på tidigare projekt
  • Om vårt företag
  • Testimonials
  • Kontaktuppgifter
  • Blogg
  • Social - Twitter, Flickr

Tjänster

Detta är vad där säljer idag
  • Om vårt företag
  • Testimonials
  • Kontaktuppgifter
  • Blogg
  • Social - Twitter, Flickr

Kontaktuppgifter

Vill du anlita oss? komma igång här ...
  • Free Project Assessment
  • Email - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Indien Hyra Ace Infoway Indien för ditt nästa konstruktionsprojekt. Se vår portfölj.