• Domov
  • O
  • Články
  • Reklama
  • Kontaktujte nás

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

  • Článok Písomné
  • dňa 14.12.2009
  • v 05:17
  • by admin

Ako vytvoriť Folder Icon vo Photoshope

V tomto tutoriálu budeme vytvárať jednoduché ikonu zložky. To je veľmi jednoduché a veľmi účinné cvičenia, takže všetko, čo potrebujete, je Adobe Photoshop pre vytvorenie tohto efektu. Dúfam, že sa vám bude páčiť tento tutoriál.



folder-icon-heading

Konečný výsledok

To je to, čo máme robiť už dnes

folder-icon-step111

Krok # 1

Otvorte Photoshop a vytvoriť nový dokument, moje je 550px x 550px s bielym pozadím.

folder-icon-step1a

Krok # 2

Zvoľte nástroj Pen uistite sa, že máš tie vybrané možnosti.

folder-icon-step1b

Teraz pomocou nástroja Pen nakresliť niečo takého

folder-icon-step1

Teraz budeme aplikovať somesome vrstvu štýly

Gradient Effect

Styling Button double-kliknite na náhľad tvar v panelu Vrstvy na otvorenie dialógového okna Štýly vrstvy, budeme sa vertikálny gradient efekt pre tvar. Potom kliknite na farebné prechodu na pravej strane prechodu možnosť otvoriť Farba Gradient Editor.

Create Folder Icon in Photoshop

Double-kliknite na left-color-stop a zadajte hodnotu farby # FFD772, potom double-kliknite na pravej-color-stop a zadajte hodnotu farby # FFFF99.

folder-icon-step2a

Inner Glow

Ďalšie sa Glow Vnútorná vrstva štýlu. Zmena hodnoty Opacity, tlumivka a veľkosť. Ja si nastaviť Opacity na 75%, tlumivka na 100% a Veľkosť na 1px.

Inner Glow zmeniť farbu z východiskovej # FFFFFF

folder-icon-step2b

Úder

Nakoniec sme sa uplatňuje Ťah. Prvá zmenou hodnoty Size. Ja si nastaviť veľkosť na 1px. Zmena postoja k Outside

Zmena farby ťahu z východiskovej # E6C15E6

folder-icon-step2c

Malo by to vyzerať nejako takto teraz

folder-icon-step2

Krok # 3

Teraz Duplikovať vrstvu s tvar. NowGo na Úpravy -> Transformovať -> výhľadu presunúť jeden horný-pravý roh vonkajší kým máte tvar, ako je nižšia ako

folder-icon-step3

Prejsť na Úpravy -> Transformovať -> Mierka a rozsahu, ktoré sa tak trochu vyzerá ako otvorenie.

folder-icon-step4

Krok # 4

Teraz budeme pridávať kus papiera. Vytvorte novú vrstvu a nakreslite rectangule ako dole

folder-icon-step5

Teraz budeme aplikovať somesome vrstvu štýly

Gradient Effect

Styling Tvar double-kliknite na náhľad tvar v panelu Vrstvy na otvorenie dialógového okna Štýly vrstvy, budeme sa vertikálny gradient efekt pre tvar. Potom kliknite na farebné prechodu na pravej strane prechodu možnosť otvoriť Farba Gradient Editor.

Create Folder Icon in Photoshop

Double-kliknite na left-color-stop a zadajte hodnotu farby # EDEDED, potom double-kliknite na pravej-color-stop a zadajte hodnotu farby # FFFFFF.

folder-icon-step5a

Úder

Ďalej budú platiť Ťah. Prvá zmenou hodnoty Size. Ja si nastaviť veľkosť na 1px. Zmena postoja k Outside

Zmena farby ťahu z východiskovej # dddddd

folder-icon-step5b

Teraz Prejsť na Úpravy -> Transformovať -> Mierka a otočenie papiera.

Malo by to vyzerať takto.

folder-icon-step6

Teraz dal kus papiera v zložke, a nastavte Krytie na 65%.

Teraz je "krivka" hornom rohu papiera. Odstrániť malú časť horného rohu.

By mal vyzerať takto.

folder-icon-step9

Teraz vyberte nástroj pero a nakreslit tvar (jeden v čiernom)

folder-icon-step10

Teraz sa budeme uplatňovať niektoré vrstvy štýly tvare.

Styling Tvar double-kliknite na náhľad tvar v panelu Vrstvy na otvorenie dialógového okna Štýly vrstvy, budeme sa vertikálny gradient efekt pre tvar. Potom kliknite na farebné prechodu na pravej strane prechodu možnosť otvoriť Farba Gradient Editor.

Create Folder Icon in Photoshop

Double-kliknite na left-color-stop a zadajte hodnotu farby # EDEDED, potom double-kliknite na pravej-color-stop a zadajte hodnotu farby # FFFFFF.

folder-icon-step5a

Úder

Ďalej budú platiť Ťah. Prvá zmenou hodnoty Size. Ja si nastaviť veľkosť na 1px. Zmena postoja k Outside

Zmena farby ťahu z východiskovej # dddddd

Konečný výsledok

To je to, čo máme robiť už dnes

folder-icon-step111

Ak si chcete skontrolovať svoju prácu, môžete si stiahnuť súbor PSD pre tento tutorial

[Stiahnuť súbor: 30 kb]

Ak chcete získať viac Tutorials od nás, prosím, prihláste sa náš RSS s RSS alebo e-mailom.

Súbor pod: Photoshop, Tutorials admin

Propagujte nás

  • Pridať k Mixx!
Ace Hosting India

Tagy: Photoshop, Tutorials

Súvisiace články:

Ak sa vám to páčilo čítanie tohto článku, pozrite sa na ďalšie súvisiace články nižšie:

    • Ako vytvoriť Nice vložka Text tlačidla vo Photoshope
    • Ako vytvoriť jednoduchý zelené tlačidlo vo Photoshope
    • Ako vytvoriť I-Phone Rovnako ako tlačidlá vo Photoshope
    • Ako vytvoriť Kníhtlač Typografia vo Photoshope
    • Ako vytvoriť pekná 3D Text efekt vo Photoshope
Untitled Document

4 Komentáre

  1. Shamima Sultana hovorí dňa: 14.prosince 2009 v 712: am Said:

    Nice úlohu ... vďaka

  2. Semmi @ minisite dizajn hovorí na: 14.prosince 2009 v 4:00 pm Said:

    Really nice tutorial! byť zaviazaný man

    Semmi
    Minisite Design

  3. vicky hovorí dňa: 15.decembra 2009 v 5:20 am Said:

    nice work pal ... keep it up.

  4. Rodman hovorí dňa: 16.prosince 2009 v 8:50 pm Said:

    wow to je taká užitočná tutorial, vďaka za zdieľanie vo svojom blogu! Viem, že dobré cvičenie nie je ľahké prísť v týchto dňoch, ale po to bolo tak jednoduché, a to bude užitočné, na mojich webových stránkach

Odoslať komentár

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


CommentLuv Enabled zobraziť viac
«Developérske raj Stránky týždňa na 12 decembra 2009
36 Exmaples jednoduché, efektívne Odtiene Logos Pre vašu inšpiráciu »
Untitled Document

    Odoberať

  • Prihlásiť sa k našej kŕmne
  • Odoberať e-mailom
  • Za nami na cvrlikání

    • Hľadať

      Untitled Document
  • Kalendár

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

      • Domov
      • O
      • Články
      • Reklama
      • Kontaktujte nás
    • Kategória

    • Css (23)
    • Design / Inšpirácia (59)
    • Freebies (39)
    • Grafický design (12)
    • Photoshop (21)
    • Zdroje (35)
    • Seo (1)
    • Náradie (9)
    • Návody (37)
    • Typografia (6)
    • Web development (6)
    • Wordpress (6)
    • Archives

    • December 2009
    • November 2009
    • Október 2009
    • September 2009
    • August 2009
    • Júl 2009
    • Jún 2009
    • Máj 2009
    • Posledné príspevky

    • Css
    • Design / Inspiration
    • Volňásek
    • Grafický dizajn
    • Photoshop
    • Populárne príspevky

    • Ako vytvoriť Nice Scalable CSS Based Strúhanka
    • 5 krokov pre lepšie napísať CSS Časť II
    • Ako vytvoriť dobre vyzerajúce forme bez tabuľky
    • 30 Webové stránky s maximálnou Orange
    • 21 Big, Bold Typografia webových stránok Design
    • 20 Ohromujúca Príklad infographics Pre vašu inšpiráciu
    • 5 krokov pre lepšie napísať Css
    • Tag cloud

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

    • Kamaráti

      • Abduzeedo
      • Okrem Alist
      • BittBox
      • CrazyLeaf Design
      • Css triky
      • David Walsh
      • Fudgegraphics
      • Palivo Your Creativity
      • Pomoc Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noup
      • PSDFan
      • PSDtuts
      • Share Brain
      • Šesť Revízia
      • Lyžička Grafika
      • Toxel
      • Vandelay Design
      • Našou úlohou
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • You Designer
    • Spoločenstva Novinky

        • Google chystá získať Makeover

          "Každý, kto si praje stály úspech, musia sa však neustále mení" a je to čím ďalej tým viac zrejmé, že Google prihlásil na tento myšlienkový smer. Online Marketing Blog hlási ...

          11.prosince 2009
        • Ako vytvoriť jednoduchý zelené tlačidlo vo Photoshope

          mu je veľmi jednoduchá a pomerne efektívna výučba. Dúfam, že sa vám bude páčiť tento tutoriál.

          9.prosince 2009
        • 11 Free Grunge Font Designers

          V tento príspevok nájdete 11 Free Grunge Font Designers. Tieto voľné písma sú ideálne pre nepríjemné vašich designov. Dúfam, že vás baví to.

          9.prosince 2009
        • 21 Big, Bold Typografia webových stránok Design

          pozrite sa na týchto 21 Krásne Big, Bold Typografia webových stránok Design a dajte nám vedieť o svoje názory na komentár.

          9.prosince 2009
    • Pridať Novinky

      Môžete odoslať nižšie uvedené odkazy na predpísanom formulári a oni budú zvyčajne byť schválená v priebehu niekoľkých hodín.






      Loading ...

    • Prekladateľ

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

    Pozrite sa na UPrinting na YouTheDesigner.


    Vizitky online

    Web Design Blog Directory

.
Untitled Document
Späť na začiatok

Všeobecné

Tieto možno nejakého záujmu
  • O spoločnosti
  • Ohlasy
  • Contact Details
  • Blog
  • Sociálna - Twitter, Flickr

Diela

Príklady z predchádzajúcich projektov
  • O spoločnosti
  • Ohlasy
  • Contact Details
  • Blog
  • Sociálna - Twitter, Flickr

Služby

To je to, čo, kde predáva dnes
  • O spoločnosti
  • Ohlasy
  • Contact Details
  • Blog
  • Sociálna - Twitter, Flickr

Contact Details

Chcete najať nás? Začnite tu ...
  • Voľný Projekt Hodnotiaca
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Všetky práva vyhradené, Ace Infoway India Nájom Ace Infoway India pre váš ďalší návrh projektu. Pozrite sa na naše portfólio.