»Hvordan Lage mappesymbolet i Photoshop
  • Hjem
  • Om
  • Artikler
  • Annonser
  • Kontakt oss

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

  • Artikkel Skriftlig
  • on 14.12.2009
  • kl 05:17
  • by admin

Hvordan Lage mappesymbolet i Photoshop

I denne opplæringen vi skal lage enkle folder icon. Dette er veldig enkel og ganske effektiv opplæringen, så alt du trenger er Adobe Photoshop for å skape denne effekten. Jeg håper du vil like denne opplæringen.



folder-icon-heading

Sluttresultatet

Dette er hva vi gjør i dag borte

folder-icon-step111

Step # 1

Åpne Photoshop og opprette et nytt dokument, er min 550px × 550px med en hvit bakgrunn.

folder-icon-step1a

Step # 2

Velg Pen Tool sørge for at du har disse alternativene valgt.

folder-icon-step1b

Nå bruker Pen Tool tegne noe som dette

folder-icon-step1

Nå vil vi bruke somesome lag stiler

Gradient Effect

Styling knappen dobbeltklikker på Shape bilde i Layers Panel å åpne opp lagstiler dialogboksen, vil vi bruke en Vertical Gradient effekt for Form. Deretter klikker du på Color Gradient på høyre side av Gradient muligheten til å åpne opp Color Gradient Editor.

Create Folder Icon in Photoshop

Dobbeltklikk på venstre-color-stopp og angi fargeverdi # FFD772, dobbeltklikk deretter på høyre-farge-stopp og angi fargeverdi # FFFF99.

folder-icon-step2a

Inner Glow

Neste anvende Inner Glow laget stil. Endring av verdier Opacity, Choke og størrelse. Jeg velger å sette Opacity til 75%, Choke på 100% og størrelse på 1px.

Endre Inner Glow farge fra standard til # FFFFFF

folder-icon-step2b

Slag

Til slutt vil vi bruke Stroke. Først skiftende verdier Size. Jeg velger å angi størrelsen på 1px. Endring av posisjon på Outside

Endre Stroke Color fra standard til # E6C15E6

folder-icon-step2c

Det skal se omtrent slik ut nå

folder-icon-step2

Step # 3

Nå Dupliser laget med figuren. NowGo til Edit -> Transform -> Perspective flytte en øverst i høyre hjørne utenfor til du har en form like nedenfor

folder-icon-step3

Gå til Edit -> Transform -> Skaler og skalere den ned litt, så det ser ut som åpnet.

folder-icon-step4

Step # 4

Nå skal vi legge til et stykke papir. Opprett et nytt lag og tegne et rectangule like nedenfor

folder-icon-step5

Nå vil vi bruke somesome lag stiler

Gradient Effect

Styling The Shape dobbeltklikker på Shape bilde i Layers Panel å åpne opp lagstiler dialogboksen, vil vi bruke en Vertical Gradient effekt for Form. Deretter klikker du på Color Gradient på høyre side av Gradient muligheten til å åpne opp Color Gradient Editor.

Create Folder Icon in Photoshop

Dobbeltklikk på venstre-color-stopp og angi fargeverdi # EDEDED, dobbeltklikk deretter på høyre-farge-stopp og angi fargeverdi # FFFFFF.

folder-icon-step5a

Slag

Neste vi vil bruke Stroke. Først skiftende verdier Size. Jeg velger å angi størrelsen på 1px. Endring av posisjon på Outside

Endre Stroke Color fra standard til # DDDDDD

folder-icon-step5b

Nå Gå til Edit -> Transform -> Scale og rotere papiret.

Det skal se slik ut.

folder-icon-step6

Nå setter stykke papir i mappen, og sette Opacity til 65%.

La oss nå "kurven" i øverste hjørnet av papiret. Slette en liten del av det øverste hjørnet.

Skal se slik ut.

folder-icon-step9

Nå velger Pen Tool og tegne figuren (den i sort)

folder-icon-step10

Nå vil vi bruke noen lag stiler til figuren.

Styling The Shape dobbeltklikker på Shape bilde i Layers Panel å åpne opp lagstiler dialogboksen, vil vi bruke en Vertical Gradient effekt for Form. Deretter klikker du på Color Gradient på høyre side av Gradient muligheten til å åpne opp Color Gradient Editor.

Create Folder Icon in Photoshop

Dobbeltklikk på venstre-color-stopp og angi fargeverdi # EDEDED, dobbeltklikk deretter på høyre-farge-stopp og angi fargeverdi # FFFFFF.

folder-icon-step5a

Slag

Neste vi vil bruke Stroke. Først skiftende verdier Size. Jeg velger å angi størrelsen på 1px. Endring av posisjon på Outside

Endre Stroke Color fra standard til # DDDDDD

Sluttresultatet

Dette er hva vi gjør i dag borte

folder-icon-step111

Hvis du vil kontrollere arbeidet ditt, kan du laste ned PSD-filen for denne opplæringen

[Last ned fil: 30KB]

Hvis du ønsker å motta mer Tutorials fra oss, kan du vurdere å abonnere på vårt feed via RSS eller via e-post.

Arkivert under: Photoshop, Tutorials av admin

Fremme oss

  • Legge til Mixx!
Ace Hosting India

Tags: Photoshop, Tutorials

Relaterte artikler:

Hvis du likte å lese denne artikkelen, kan du sjekke ut andre relaterte artiklene nedenfor:

    • Hvordan Lage Nice innfelte Tekst Knapp i Photoshop
    • Hvordan lage en enkel grønn knapp i Photoshop
    • Hvordan oppretter jeg-Telefon Like knapp i Photoshop
    • Hvordan Lage Letterpress typografi i Photoshop
    • Hvordan Lage Nice Easy 3D Tekst effekt i Photoshop
Untitled Document

4 Kommentarer

  1. Shamima Sultana sier den: 14 desember 2009 kl 7:12 Said:

    Nice oppgave ... takk

  2. Semmy @ minisite design sier den: 14 desember 2009 for 400: pm Said:

    Really nice tutorial! takk mann

    Semmy
    Minisite Design

  3. neeraj sier den: 15 desember 2009 kl 5:20 Said:

    nice work pal ... keep it up.

  4. Rodman sier den: 16 desember 2009 for 850: pm Said:

    wow dette er en så nyttig tutorial, takk for deling på bloggen din! Jeg vet det er gode tutorials ikke lett å få tak i disse dager, men etter dette var så lett og det vil være nyttig på mitt nettsted

Send en kommentar

XHTML: Du kan bruke disse kodene: href="" title="Og <abbr title="Og <acronym title="Og <b> <blockquote anføre=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled Vis mer
«Developer's Paradise Nettsteder av uken for den 12 desember 2009
36 Exmaples av enkle, effektive gråskala Logoer For Your Inspirasjon »
Untitled Document

    Abonner

  • Abonner på vårt feed
  • Abonner på e-post
  • Følg oss på Twitter

    • Søke

  • Kalender

    Desember 2009
    M T W T F S S
    «Nov
    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

      • Hjem
      • Om
      • Artikler
      • Annonser
      • Kontakt oss
    • Kategorier

    • Css (23)
    • Design / Inspirasjon (59)
    • Freebies (39)
    • Grafisk design (12)
    • Photoshop (21)
    • Ressurser (35)
    • Seo (1)
    • Tools (9)
    • Tutorials (37)
    • Typografi (6)
    • Web utvikling (6)
    • Wordpress (6)
    • Archives

    • Desember 2009
    • November 2009
    • Oktober 2009
    • September 2009
    • August 2009
    • Juli 2009
    • Juni 2009
    • Mai 2009
    • Recent Posts

    • Css
    • Design / Inspirasjon
    • Freebies
    • Grafisk design
    • Photoshop
    • Populære innlegg

    • Hvordan Lage Nice Scalable CSS Basert Brødsmuler
    • 5 trinn til å skrive bedre CSS Del II
    • Hvordan skape gode jakt form uten tabell
    • 30 Websites med Maksimal Orange
    • 21 Big, Fet Typography Website Design
    • 20 Stunning Eksempel på Infografikk Til inspirasjon
    • 5 trinn til å skrive bedre Css
    • Tag cloud

    CSS Design Skrifter Freebies Grafisk Design Grafisk design ikoner Inspirasjon Inspitation Photoshop Resources Verktøy Guider typografi webutvikling Wordpress

    • Venner

      • Abduzeedo
      • Alist Apart
      • Bittbox
      • CrazyLeaf Design
      • Css triks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Hjelp Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • Min Ink Blogg
      • Noupe
      • PSDFan
      • PSDTUTS
      • Del Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Vi fungerer
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • Du The Designer
    • Community News

        • Google om å få en Makeover

          "Den som ønsker konstant suksess må endre hele tiden", og det blir mer og mer åpenbart at Google abonnerer på denne skolen trodde. Online Marketing Blog er rapporten om et ...

          11 desember 2009
        • Hvordan lage en enkel grønn knapp i Photoshop

          hans er svært enkel og svært effektiv opplæringen. Jeg håper du vil like denne opplæringen.

          9 desember 2009
        • 11 gratis Grunge-fonter for Designers

          I dette innlegget finner du 11 gratis Grunge-fonter for designere. Disse gratis fonter er perfekt for sørgelig din design. Jeg håper du vil du like denne.

          9 desember 2009
        • 21 Big, Fet Typography Website Design

          ta en titt på disse 21 Beautiful Big, Fet Typografi Website Design og fortelle oss dine synspunkter i kommentaren.

          9 desember 2009
    • Legg Nyheter

      Du kan sende inn linkene nedenfor ved hjelp av skjemaet og de vil som regel bli godkjent i løpet av få timer.






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

    Sjekk ut UPrinting på YouTheDesigner.


    Visittkort Online

    Web Design Blog Directory

.
Untitled Document
Tilbake til toppen

Generelt

Disse kanskje en viss interesse
  • Om Vårt Selskap
  • Uttalelser
  • Contact Details
  • Blogg
  • Sosial - Twitter, Flickr

Works

Eksempler på tidligere prosjekter
  • Om Vårt Selskap
  • Uttalelser
  • Contact Details
  • Blogg
  • Sosial - Twitter, Flickr

Tjenester

Dette er hva der selger i dag
  • Om Vårt Selskap
  • Uttalelser
  • Contact Details
  • Blogg
  • Sosial - Twitter, Flickr

Contact Details

Vil du leie oss? komme i gang her ...
  • Gratis Project Assesment
  • Email - info@aceinfowayindia.com
  • Tlf: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway India Hire Ace Infoway India for neste design prosjekt. Se vår portefølje.