• Domů
  • O
  • Články
  • Reklama
  • Kontaktujte nás

: 91 11 9810018780 Mailem na adresu: info@aceinfowayindia.com / výzvy: 91 11 9810018780

  • Článek Písemné
  • dne 14.12.2009
  • v 05:17
  • by admin

Jak vytvořit Folder Icon ve Photoshopu

V tomto tutoriálu budeme vytvářet jednoduché ikonu složky. To je velmi jednoduché a velmi účinné cvičení, takže vše, co potřebujete, je Adobe Photoshop pro vytvoření tohoto efektu. Doufám, že se vám bude líbit tento tutoriál.



folder-icon-heading

Konečný výsledek

To je to, co máme dělat už dnes

folder-icon-step111

Krok # 1

Otevřete Photoshop a vytvořit nový dokument, moje je 550px × 550px s bílým pozadím.

folder-icon-step1a

Krok # 2

Zvolte nástroj Pen ujistěte se, že máš ty vybrané možnosti.

folder-icon-step1b

Nyní pomocí nástroje Pen nakreslit něco takového

folder-icon-step1

Nyní budeme aplikovat somesome vrstvu styly

Gradient Effect

Styling Button double-klikněte na náhled tvar v panelu Vrstvy na otevření dialogového okna Styly vrstvy, budeme se vertikální gradient efekt pro tvar. Pak klikněte na barevné přechodu na pravé straně přechodu možnost otevřít Barva Gradient Editor.

Create Folder Icon in Photoshop

Double-klikněte na left-color-stop a zadejte hodnotu barvy # FFD772, potom double-klikněte na pravé-color-stop a zadejte hodnotu barvy # FFFF99.

folder-icon-step2a

Inner Glow

Další se Glow Vnitřní vrstva stylu. Změna hodnoty Opacity, tlumivka a velikost. Já si nastavit Opacity na 75%, tlumivka na 100% a Velikost na 1px.

Inner Glow změnit barvu z výchozí # FFFFFF

folder-icon-step2b

Úder

Nakonec jsme se použije Tah. První změnou hodnoty Size. Já si nastavit velikost na 1px. Změna postoje k Outside

Změna barvy tahu z výchozí # E6C15E6

folder-icon-step2c

Mělo by to vypadat nějak takto nyní

folder-icon-step2

Krok # 3

Nyní Duplikovat vrstvu s tvar. NowGo na Úpravy -> Transformovat -> výhledu přesunout jeden horní-pravý roh vnější dokud máte tvar, jako je nižší než

folder-icon-step3

Přejít na Úpravy -> Transformovat -> Měřítko a rozsahu, které se tak trochu vypadá jako otevření.

folder-icon-step4

Krok # 4

Nyní budeme přidávat kus papíru. Vytvořte novou vrstvu a nakreslete rectangule jako dole

folder-icon-step5

Nyní budeme aplikovat somesome vrstvu styly

Gradient Effect

Styling Tvar double-klikněte na náhled tvar v panelu Vrstvy na otevření dialogového okna Styly vrstvy, budeme se vertikální gradient efekt pro tvar. Pak klikněte na barevné přechodu na pravé straně přechodu možnost otevřít Barva Gradient Editor.

Create Folder Icon in Photoshop

Double-klikněte na left-color-stop a zadejte hodnotu barvy # EDEDED, potom double-klikněte na pravé-color-stop a zadejte hodnotu barvy # FFFFFF.

folder-icon-step5a

Úder

Dále budou platit Tah. První změnou hodnoty Size. Já si nastavit velikost na 1px. Změna postoje k Outside

Změna barvy tahu z výchozí # dddddd

folder-icon-step5b

Nyní Přejít na Úpravy -> Transformovat -> Měřítko a otočení papíru.

Mělo by to vypadat takhle.

folder-icon-step6

Nyní dal kus papíru ve složce, a nastavte Krytí na 65%.

Nyní je "křivka" horním rohu papíru. Odstranit malou část horního rohu.

By měl vypadat takto.

folder-icon-step9

Nyní vyberte nástroj pero a nakreslit tvar (jeden v černém)

folder-icon-step10

Nyní se budeme uplatňovat některé vrstvy styly tvaru.

Styling Tvar double-klikněte na náhled tvar v panelu Vrstvy na otevření dialogového okna Styly vrstvy, budeme se vertikální gradient efekt pro tvar. Pak klikněte na barevné přechodu na pravé straně přechodu možnost otevřít Barva Gradient Editor.

Create Folder Icon in Photoshop

Double-klikněte na left-color-stop a zadejte hodnotu barvy # EDEDED, potom double-klikněte na pravé-color-stop a zadejte hodnotu barvy # FFFFFF.

folder-icon-step5a

Úder

Dále budou platit Tah. První změnou hodnoty Size. Já si nastavit velikost na 1px. Změna postoje k Outside

Změna barvy tahu z výchozí # dddddd

Konečný výsledek

To je to, co máme dělat už dnes

folder-icon-step111

Pokud si chcete zkontrolovat svou práci, můžete si stáhnout soubor PSD pro tento tutorial

[Stáhnout soubor: 30 kb]

Pokud chcete získat více Tutorials od nás, prosím, přihlašte se náš RSS s RSS nebo e-mailem.

Soubor pod: Photoshop, Tutorials admin

Propagujte nás

  • Přidat k Mixx!
Ace Hosting Indie

Tagy: Photoshop, Tutorials

Související články:

Pokud se vám to líbilo čtení tohoto článku, podívejte se na další související články níže:

    • Jak vytvořit Nice vložka Text tlačítka ve Photoshopu
    • Jak vytvořit jednoduchý zelené tlačítko ve Photoshopu
    • Jak vytvořit I-Phone Stejně jako tlačítka ve Photoshopu
    • Jak vytvořit Knihtisk Typografie ve Photoshopu
    • Jak vytvořit pěkná 3D Text efekt ve Photoshopu
Untitled Document

5 Komentáře

  1. Shamima Sultana říká dne: 14.prosince 2009 v 712: am Said:

    Nice úkol ... díky

  2. Semmy @ minisite design říká na: 14.prosince 2009 v 4:00 pm Said:

    Really nice tutorial! být zavázán man

    Semmy
    Minisite Design

  3. vicky říká dne: 15.prosince 2009 v 5:20 am Said:

    nice work pal ... keep it up.

  4. Rodman říká dne: 16.prosince 2009 v 8:50 pm Said:

    wow to je taková užitečná tutorial, díky za sdílení ve svém blogu! Vím, že dobré cvičení není snadné přijít v těchto dnech, ale po to bylo tak snadné, a to bude užitečné, na mých webových stránkách

  5. Shamima Sultana říká dne: 2.ledna 2010 v 4:52 am Said:

    Nice tutorial ...

Odeslat komentář

XHTML: Můžete použít tyto značky: href="" <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled zobrazit více
«Developerské ráj Stránky týdne na 12 prosince 2009
36 Exmaples jednoduché, efektivní Odstíny Logos Pro vaši inspiraci »
Untitled Document

    Odebírat

  • Přihlásit se k naší krmné
  • Odebírat e-mailem
  • Za námi na cvrlikání
  • WooThemes - Kde je Woo, tam je cesta!
  • DreamTemplate - Web Templates

    • Hledat

      Untitled Document
  • Kalendář

    Prosinec 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
    • Stránky

      • Domů
      • O
      • Články
      • Reklama
      • Kontaktujte nás
    • Kategorie

    • Css (23)
    • Design / Inspirace (60)
    • Freebies (41)
    • Grafický design (12)
    • Photoshop (23)
    • Zdroje (37)
    • Seo (1)
    • Nářadí (9)
    • Návody (38)
    • Typografie (6)
    • Web development (6)
    • Wordpress (6)
    • Archives

    • Leden 2010
    • Prosinec 2009
    • Listopad 2009
    • Říjen 2009
    • Září 2009
    • Srpen 2009
    • Červenec 2009
    • Červen 2009
    • Květen 2009
    • Poslední příspěvky

    • Css
    • Design / Inspiration
    • Volňásek
    • Grafický design
    • Photoshop
    • Populární příspěvky

    • Jak vytvořit Nice Scalable CSS Based Strouhanka
    • 5 kroků pro lepší napsat CSS Část II
    • Jak vytvořit dobře vypadající formě bez tabulky
    • 30 Webové stránky s maximální Orange
    • 21 Big, Bold Typografie webových stránek Design
    • 20 Ohromující Příklad Infographics Pro vaši inspiraci
    • 5 kroků pro lepší napsat Css
    • Tag cloud

    Css design Písma Volňásek Grafický design Grafický design Ikony Inspiration Inspitation Photoshop zdroje Nástroje Tutoriály Typografie webových rozvoj Wordpress

    • Kamarádi

      • Abduzeedo
      • Kromě Alist
      • BittBox
      • CrazyLeaf Design
      • Css triky
      • David Walsh
      • Fudgegraphics
      • Palivo Your Creativity
      • Nápověda Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Share Brain
      • Šest Revize
      • Lžička Grafika
      • Toxel
      • Vandelay Design
      • Naším úkolem
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • You Designer
    • Společenství Novinky

        • Google chystá získat Makeover

          "Každý, kdo si přeje stálý úspěch, musí se však neustále mění" a je to čím dál tím více zřejmé, že Google přihlásil na tento myšlenkový směr. Online Marketing Blog hlásí ...

          11.prosince 2009
        • Jak vytvořit jednoduchý zelené tlačítko ve Photoshopu

          mu je velmi jednoduchá a poměrně účinná výuka. Doufám, že se vám bude líbit tento tutoriál.

          9.prosince 2009
        • 11 Free Grunge Font Designers

          V tento příspěvek najdete 11 Free Grunge Font Designers. Tyto volné písma jsou ideální pro nepříjemné vašich designů. Doufám, že vás baví to.

          9.prosince 2009
        • 21 Big, Bold Typografie webových stránek Design

          podívejte se na těchto 21 Krásné Big, Bold Typografie webových stránek Design a dejte nám vědět o své názory na komentář.

          9.prosince 2009
    • Přidat Novinky

      Můžete odeslat níže uvedené odkazy na předepsaném formuláři a oni budou obvykle být schválena během několika hodin.






      Loading ...

    • Překladatel

      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
  • SPONZOŘI

    Podívejte se na UPrinting na YouTheDesigner.


    Vizitky online

    Web Design Blog Directory

.
Zpět na začátek

Obecné

Tyto možná nějakého zájmu
  • O společnosti
  • Ohlasy
  • Contact Details
  • Blog
  • Sociální - Twitter, Flickr

Díla

Příklady z dřívějších projektů
  • O společnosti
  • Ohlasy
  • Contact Details
  • Blog
  • Sociální - Twitter, Flickr

Služby

To je to, co, kde prodává dnes
  • O společnosti
  • Ohlasy
  • Contact Details
  • Blog
  • Sociální - Twitter, Flickr

Contact Details

Chcete najmout nás? Začněte zde ...
  • Volný Projekt Hodnotící
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Všechna práva vyhrazena, Ace Infoway Indie Nájem Ace Infoway Indie pro váš další návrh projektu. Podívejte se na naše portfolio.