• Hjem
  • Om
  • Artikler
  • Reklame
  • Kontakt os

: 91 11 9810018780 Mail til: info@aceinfowayindia.com / Call: 91 11 9810018780

  • Artikel Skriftlig
  • den 14.12.2009
  • kl 05:17
  • af admin

Sådan oprettes mappeikon i Photoshop

I denne tutorial skal vi skabe enkle mappeikon. Dette er meget simpelt og ganske effektiv tutorial, så alt hvad du behøver, er Adobe Photoshop til at skabe denne effekt. Jeg håber du vil nyde denne tutorial.



folder-icon-heading

Slutresultat

Det er, hvad vi gået gøre i dag

folder-icon-step111

Trin # 1

Åbne Photoshop og oprette et nyt dokument, mine er 550px × 550px med en hvid baggrund.

folder-icon-step1a

Trin # 2

Vælg Pen at du har fået de udvalgte muligheder.

folder-icon-step1b

Nu bruger Pen Tool gøre noget som dette

folder-icon-step1

Nu vil vi anvende somesome lagtyper

Gradient Effect

Styling det Button dobbelt-klik på Form miniature i Lag-panelet til at åbne dialogboksen Lagtype, vil vi anvende en Lodret overgang Effect til din form. Klik derefter på Color Gradient til højre på forløbet mulighed for at åbne op Color Gradient Editor.

Create Folder Icon in Photoshop

Dobbelt-klik på venstre-farve-stop og indtast farveværdi # FFD772, dobbeltklik derefter på højre-farve-stop og indtast farveværdi # FFFF99.

folder-icon-step2a

Inner Glow

Næste anvende Indvendig glød lag stil. Ændring af værdier Opacitet, Choke og størrelse. Jeg vælger at indstille Opacity til 75%, Choke på 100% og Størrelse på 1px.

Skift Inner Glow farve fra standard til # FFFFFF

folder-icon-step2b

Slag

Endelig vil vi anvende Stroke. Først at ændre værdierne af størrelse. Jeg vælger at indstille størrelsen på 1px. At ændre holdning på Udenfor

Skift Stregfarve fra standard til # E6C15E6

folder-icon-step2c

Det bør se nogenlunde sådan her ud nu

folder-icon-step2

Trin # 3

Nu Dubler lag med figuren. NowGo til Edit -> Transform -> overslag flytte en øverste højre hjørne udenfor indtil du har en form som under

folder-icon-step3

Gå til Edit -> Transform -> Skala og skalere det ned en smule, så det ligner åbnet.

folder-icon-step4

Trin # 4

Nu skal vi til at tilføje et stykke papir. Opret et nyt lag og tegne et rektangel som nedenfor

folder-icon-step5

Nu vil vi anvende somesome lagtyper

Gradient Effect

Styling Form dobbelt-klik på Form miniature i Lag-panelet til at åbne dialogboksen Lagtype, vil vi anvende en Lodret overgang Effect til din form. Klik derefter på Color Gradient til højre på forløbet mulighed for at åbne op Color Gradient Editor.

Create Folder Icon in Photoshop

Dobbelt-klik på venstre-farve-stop og indtast farveværdi # EDEDED, dobbeltklik derefter på højre-farve-stop og indtast farveværdi # FFFFFF.

folder-icon-step5a

Slag

Næste vi vil anvende Stroke. Først at ændre værdierne af størrelse. Jeg vælger at indstille størrelsen på 1px. At ændre holdning på Udenfor

Skift Stregfarve fra standard til # dddddd

folder-icon-step5b

Nu Gå til Edit -> Transform -> Scale og dreje papiret.

Det skal se sådan ud.

folder-icon-step6

Nu stak papir i mappen, og sæt Opacity til 65%.

Lad os nu "kurven" i øverste hjørne af papiret. Slet en lille del af det øverste hjørne.

Skal se sådan ud.

folder-icon-step9

Vælg nu Pen Tool og tegne formen (den ene i sort)

folder-icon-step10

Nu vil vi anvende nogle lagtyper til formen.

Styling Form dobbelt-klik på Form miniature i Lag-panelet til at åbne dialogboksen Lagtype, vil vi anvende en Lodret overgang Effect til din form. Klik derefter på Color Gradient til højre på forløbet mulighed for at åbne op Color Gradient Editor.

Create Folder Icon in Photoshop

Dobbelt-klik på venstre-farve-stop og indtast farveværdi # EDEDED, dobbeltklik derefter på højre-farve-stop og indtast farveværdi # FFFFFF.

folder-icon-step5a

Slag

Næste vi vil anvende Stroke. Først at ændre værdierne af størrelse. Jeg vælger at indstille størrelsen på 1px. At ændre holdning på Udenfor

Skift Stregfarve fra standard til # dddddd

Slutresultat

Det er, hvad vi gået gøre i dag

folder-icon-step111

Hvis du ønsker at kontrollere dit arbejde, kan du downloade de færdige filer til denne tutorial

[Download File: 30kb]

hvis du ønsker at modtage flere Tutorials fra os, kan du overveje at abonnere på vores feed ved RSS eller e-mail.

Filed under: Photoshop, Tutorials af admin

Markedsføre os

  • Tilføj til Mixx!
Ace Hosting Indien

Tags: Photoshop, Tutorials

Relaterede artikler:

hvis du har nydt at læse denne artikel, kan du se andre relaterede artikler under:

    • Sådan oprettes Nice Indsatser knappen Tekst i Photoshop
    • Sådan oprettes en simpel grønne knap i Photoshop
    • Sådan oprettes I-Phone Like knap i Photoshop
    • Sådan oprettes bogtryk typografi i Photoshop
    • Sådan oprettes Nice Easy 3D Tekst Effect i Photoshop
Untitled Document

4 Kommentarer

  1. Shamima Sultana siger den: 14 december 2009 kl 7:12 Said:

    Nice opgave ... tak

  2. semmy @ MINIsite design siger den: 14 december 2009 kl 4:00 Said:

    Really nice tutorial! tak mand

    Semmy
    MINIsite Design

  3. Neeraj siger den: 15 december 2009 kl 5:20 Said:

    nice work kammerat ... keep it up.

  4. Rodman siger den: 16 december 2009 kl 8:50 Said:

    wow det er sådan en god tutorial, tak for deling på din blog! Jeg ved godt tutorials er ikke nemt at komme i disse dage, men efter det var så let, og det vil være nyttigt på min hjemmeside

Indsend en kommentar

XHTML: Du kan bruge disse tags: href="" titel=""> <abbr titel=""> <acronym titel=""> <b> <blockquote citere=""> <cite> <code> < del datetime = ""> <em> <jeg cite=""> <strike> <strong>


CommentLuv Enabled vis mere
«Developer's Paradise Sites of the Week for 12 december 2009
36 Exmaples af enkle, effektive gråtone logoer til din inspiration »

    Abonner

  • Abonnér på vores feed
  • Abonner via email
  • Følg os på kvidre

    • Søgning

      Untitled Document
  • Kalender

    December 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
    • Sider

      • Hjem
      • Om
      • Artikler
      • Reklame
      • Kontakt os
    • Kategorier

    • CSS (23)
    • Design / Inspiration (59)
    • Freebies (40)
    • Grafisk Design (12)
    • Photoshop (22)
    • Ressourcer (36)
    • SEO (1)
    • Værktøj (9)
    • Tutorials (37)
    • Typography (6)
    • Web udvikling (6)
    • Wordpress (6)
    • Arkiv

    • December 2009
    • November 2009
    • Oktober 2009
    • September 2009
    • August 2009
    • Juli 2009
    • Juni 2009
    • Maj 2009
    • Recent Posts

    • Css
    • Design / Inspiration
    • Freebies
    • Grafisk Design
    • Photoshop
    • Populære Stillinger

    • Sådan oprettes Nice Scalable CSS Baseret Breadcrumbs
    • 5 trin til at skrive bedre CSS del II
    • Hvordan opretter flot form uden skema
    • 30 Websites med maksimal Orange
    • 21 Big, Bold Typography Website Design
    • 20 Bedøvelse Eksempel Af Infographics For Your Inspiration
    • 5 trin til at skrive bedre Css
    • Tag cloud

    CSS design Fonts Freebies Grafisk Design Grafisk Design Ikoner Inspiration Inspitation Photoshop Ressourcer Værktøjer Tutorials typografi Web udvikling Wordpress

    • Venner

      • Abduzeedo
      • Alist Apart
      • Bittbox
      • CrazyLeaf Design
      • Css tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Hjælp Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • Min Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Aktie Brain
      • Seks Revisioner
      • Spoon Grafik
      • Toxel
      • Vandelay Design
      • Vi funktion
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • You The Designer
    • Community News

        • Google om at få en Makeover

          "Enhver, ønsker konstant succes skal ændres hele tiden", og det bliver mere og mere tydeligt, at Google tilslutter sig denne tankegang. The Online Marketing Blog er rapporteret et ...

          December 11, 2009
        • Sådan oprettes en simpel grønne knap i Photoshop

          han er meget enkel og ganske effektiv tutorial. Jeg håber du vil nyde denne tutorial.

          December 9, 2009
        • 11 Gratis Grunge Fonts for designere

          I dette indlæg vil du finde 11 Gratis Grunge Fonts for designere. Disse gratis skrifttyper er perfekt til rystende dine designs. Jeg håber du vil du nyde denne.

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

          have et kig på disse 21 Beautiful Big, Bold Typografi Website Design og lad os høre dine tanker i en kommentar.

          December 9, 2009
    • Tilføj Nyheder

      Du kan indsende dine links nedenfor ved hjælp af skemaet, og de vil normalt blive godkendt inden for et par 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

    Check out UPrinting på YouTheDesigner.


    Visitkort Online

    Web Design Blog Directory

.
Untitled Document
Tilbage til toppen

General

Disse måske af en vis interesse
  • Om Vores Firma
  • Testimonials
  • Kontaktdetaljer
  • Blog
  • Social - Twitter, Flickr

Works

Eksempler på tidligere projekter
  • Om Vores Firma
  • Testimonials
  • Kontaktdetaljer
  • Blog
  • Social - Twitter, Flickr

Services

Det er det, hvor sælger i dag
  • Om Vores Firma
  • Testimonials
  • Kontaktdetaljer
  • Blog
  • Social - Twitter, Flickr

Kontaktdetaljer

Ønsker at leje os? komme i gang her ...
  • Gratis Project Assesment
  • Email - info@aceinfowayindia.com
  • Tlf: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Indien Leje Ace Infoway Indien for din næste forundersøgelse. Se vores portefølje.