»Tworzenie ikon folderów w programie Photoshop
  • Dom
  • O
  • Artykuły
  • Reklama
  • Skontaktuj się z nami

: 91 11 9810018780 E-mail: info@aceinfowayindia.com / Call: 91 11 9810018780

  • Artykuł napisany
  • w dniu 14.12.2009
  • at 05:17
  • przez admin

Tworzenie ikon folderów w programie Photoshop

W tym kursie będziemy tworzyć proste ikonę folderu. Jest to bardzo proste i dość skuteczne wychowawczy, więc wszystko, czego potrzebujesz jest Adobe Photoshop do stworzenia tego efektu. Mam nadzieję, że korzystają z tego samouczka.



folder-icon-heading

Ostateczny wynik

To właśnie poszedł do dziś

folder-icon-step111

Krok 1

Open Photoshop i utworzyć nowy dokument, mine is 550px x 550px na białym tle.

folder-icon-step1a

Krok # 2

Wybierz Pen Tool upewnij się, że mam te opcje zaznaczone.

folder-icon-step1b

Teraz za pomocą Pen Tool wyciągnąć coś takiego

folder-icon-step1

Teraz zajmiemy się somesome stylów warstwy

Efekt Gradient

Styling przycisku dwukrotnie kliknąć na miniaturę Kształt w panelu Warstwy otworzyć okno dialogowe Layer Style, będziemy stosować Efekt Gradient pionowy na swój kształt. Następnie kliknij przycisk Kolor Gradient na prawo Gradient możliwość otwarcia Kolor Gradient Editor.

Create Folder Icon in Photoshop

Kliknij dwukrotnie left-color-stop i wpisz wartość koloru # FFD772, a następnie kliknij dwukrotnie right-color-stop i wpisz wartość koloru # FFFF99.

folder-icon-step2a

Inner Glow

Dalej stosuje wewnętrzny styl warstwy Glow. Zmiana wartości zadymienia, Choke i Rozmiar. I ustawi Opacity na 75%, Choke na 100% i Rozmiar na 1px.

Zmień kolor Inner Glow z domyślnie # FFFFFF

folder-icon-step2b

Udar

Wreszcie będziemy stosować Stroke. Pierwsza zmiana wartości wielkości. Wybrać, aby ustawić rozmiar na 1px. Zmiana stanowiska na zewnątrz

Zmiana Stroke Color z domyślnie # E6C15E6

folder-icon-step2c

Powinien on wyglądać mniej więcej tak teraz

folder-icon-step2

Krok 3

Teraz Powiel warstwę z kształtem. NowGo do Edit -> Transform -> przenieść perspektywy jednym z prawym górnym rogu na zewnątrz, dopóki nie mają kształt podobny poniżej

folder-icon-step3

Przejdź do Edit -> Transform -> Skala i zakres go trochę tak wygląda otwarte.

folder-icon-step4

Krok 4

Teraz mamy zamiar dodać kawałek papieru. Stwórz nową warstwę i narysuj prostokąta jak poniżej

folder-icon-step5

Teraz zajmiemy się somesome stylów warstwy

Efekt Gradient

Styling Kształt dwukrotnie kliknąć na miniaturę Kształt w panelu Warstwy otworzyć okno dialogowe Layer Style, będziemy stosować Efekt Gradient pionowy na swój kształt. Następnie kliknij przycisk Kolor Gradient na prawo Gradient możliwość otwarcia Kolor Gradient Editor.

Create Folder Icon in Photoshop

Kliknij dwukrotnie left-color-stop i wpisz wartość koloru # EDEDED, a następnie kliknij dwukrotnie right-color-stop i wpisz wartość koloru # FFFFFF.

folder-icon-step5a

Udar

Dalej będziemy się Stroke. Pierwsza zmiana wartości wielkości. Wybrać, aby ustawić rozmiar na 1px. Zmiana stanowiska na zewnątrz

Zmiana Stroke Color z domyślnie # DDDDDD

folder-icon-step5b

Teraz przejdź do Edycja -> Transform -> Scale i obracać papieru.

Powinno to wyglądać tak.

folder-icon-step6

Włóż teraz kawałek papieru pod folderów i ustaw Opacity na 65%.

Now let's "krzywej" górnym rogu dokumentu. Usuń niewielką część górnym rogu.

Powinna wyglądać.

folder-icon-step9

Teraz wybierz narzędzie pióro i narysuj kształt (jeden w czerni)

folder-icon-step10

Teraz zajmiemy się kilka stylów warstwy do kształtu.

Styling Kształt dwukrotnie kliknąć na miniaturę Kształt w panelu Warstwy otworzyć okno dialogowe Layer Style, będziemy stosować Efekt Gradient pionowy na swój kształt. Następnie kliknij przycisk Kolor Gradient na prawo Gradient możliwość otwarcia Kolor Gradient Editor.

Create Folder Icon in Photoshop

Kliknij dwukrotnie left-color-stop i wpisz wartość koloru # EDEDED, a następnie kliknij dwukrotnie right-color-stop i wpisz wartość koloru # FFFFFF.

folder-icon-step5a

Udar

Dalej będziemy się Stroke. Pierwsza zmiana wartości wielkości. Wybrać, aby ustawić rozmiar na 1px. Zmiana stanowiska na zewnątrz

Zmiana Stroke Color z domyślnie # DDDDDD

Ostateczny wynik

To właśnie poszedł do dziś

folder-icon-step111

Jeśli chcesz sprawdzić swoją pracę, możesz pobrać plik PSD dla tego kursu

[Pobierz plik: 30kb]

jeśli chcieliby Państwo uzyskać więcej Tutorials od nas, proszę zapisać się do naszego kanału przez RSS lub poprzez e-mail.

Filed under: Photoshop, Tutorials przez admin

Promuj nas

  • Add to Mixx!
Ace Hosting Indie

Tagi: Photoshop, Tutorials

Pokrewne artykuły:

Jeśli korzystają przeczytaniu tego artykułu, proszę sprawdzić inne powiązanych artykułów poniżej:

    • Tworzenie kominkowe ładny napis na przycisku w Photoshopie
    • Jak stworzyć prosty zielonego przycisku w Photoshopie
    • Tworzenie I-Phone Jak przycisku w Photoshopie
    • Tworzenie Druki Typografia w Photoshopie
    • Tworzenie Nice Easy 3D Efekty tekstowe w Photoshopie
Untitled Document

5 Komentarze

  1. Shamima Sultana mówi on: 14 grudnia 2009 r. 7:12 am Said:

    Zadaniem Nice ... thanks

  2. Semmy @ zrealizowany projekt mówi o: 14 grudnia 2009 at 4:00 pm Said:

    Really nice tutorial! thanks man

    Semmy
    Minisite Design

  3. neeraj mówi on: 15 grudnia 2009 at 5:20 am Said:

    nice pal pracy ... keep it up.

  4. Rodman powiedział on: 16 grudnia 2009 at 8:50 pm Said:

    wow to jest tak przydatny artykuł, dzięki pod kątem dzielenie na swoim blogu! Wiem, że dobre tutoriale nie są łatwe do zdobycia tych dni, ale po to było takie proste i to będzie przydatne w mojej stronie

  5. Shamima Sultana mówi on: 2 stycznia 2010 przy 452: jestem Said:

    Nice tutorial ...

Prześlij komentarz

XHTML: Możesz używać tych skuwki: href="" title=""> <abbr title=""> <acronym <b> <blockquote zacytować=""> <cite> <code> < del datetime = ""> <em> <<q zacytować=""> <strike> <strong>


CommentLuv Enabled Pokaż więcej
«Developer's Paradise terenów Tydzień 12 grudnia 2009
36 Exmaples prostych Skuteczne szarości Logos for your Inspiration »
Untitled Document

    Subskrypcja

  • Zapisz się do naszego kanału
  • Subskrybuj przez e-mail
  • Follow us on Twitter
  • WooThemes - Gdzie jest Woo, nie sposób!
  • DreamTemplate - Web Templates

    • Szukać

      Untitled Document
  • Kalendarz

    Grudzień 2009
    M T W T F S S
    «Listopada 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
    • Strony

      • Dom
      • O
      • Artykuły
      • Reklama
      • Skontaktuj się z nami
    • Kategorie

    • CSS (23)
    • Design / Inspiracje (60)
    • Za Darmo (41)
    • Graphic Design (12)
    • Photoshop (23)
    • Zasoby (37)
    • Seo (1)
    • Narzędzia (9)
    • Poradniki (38)
    • Typografia (6)
    • Web development (6)
    • Wordpress (6)
    • Archiwum

    • Styczeń 2010
    • Grudzień 2009
    • Listopad 2009
    • Październik 2009
    • Wrzesień 2009
    • Sierpień 2009
    • Lipiec 2009
    • Czerwiec 2009
    • Maj 2009
    • Recent Posts

    • Css
    • Design / Inspiration
    • Za Darmo
    • Graphic Design
    • Photoshop
    • Popularne posty

    • Tworzenie Nice Scalable CSS Na Breadcrumbs
    • 5 kroków do tworzenia lepszych CSS Część II
    • Jak stworzyć dobry patrząc formie bez tabeli
    • 30 witryn o maksymalnej Orange
    • 21 Big, Bold Typografia Projektowanie stron internetowych
    • 20 wspaniałych Przykład Infografika For Your Inspiration
    • 33 "Hello" Example Pages For Your Inspiration
    • Tag cloud

    CSS Design Czcionki Darmo Graphic Design Projektowanie graficzne ikony Inspiration Inspitation Photoshop Zasoby Narzędzia Samouczki Typografia rozwoju Web Wordpress

    • Znajomi

      • Abduzeedo
      • Oprócz alist
      • BittBox
      • CrazyLeaf Design
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Paliwo Your Creativity
      • Pomoc deweloperów
      • Instant Shift
      • Line25
      • Mirificampress
      • Tusz My Blog
      • Noupe
      • PSDFan
      • PSDTUTS
      • Poleć Brain
      • Sześć Rewizje
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Działamy
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • Jesteś Designer
    • Community News

        • Google informacje, aby uzyskać Makeover

          "Kto chce stałej powodzenia musi ciągle się zmieniają" i jest coraz bardziej oczywiste, że Google przychyla się do tej szkoły myślenia. Online Marketing Blog zgłasza ...

          11 grudnia 2009
        • Jak stworzyć prosty zielonego przycisku w Photoshopie

          jego jest bardzo proste i dość skuteczne wychowawczy. Mam nadzieję, że korzystają z tego samouczka.

          9 grudnia 2009
        • 11 Free Grunge Czcionki dla projektantów

          W tym poście znajdziesz 11 Free Grunge Czcionki dla projektantów. Te wolne czcionki są idealne dla niepokojących projektów. Mam nadzieję, że korzystają z tego.

          9 grudnia 2009
        • 21 Big, Bold Typografia Projektowanie stron internetowych

          nie patrzeć na te 21 Piękny duży, Bold Typografia Projektowanie stron internetowych i daj nam znać swoje myśli w komentarzu.

          9 grudnia 2009
    • Dodaj News

      Możesz podać linki poniżej na formularzu i na ogół będą one zostać zatwierdzone w ciągu kilku godzin.






      Ładowanie ...

    • Tłumacz

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

    Sprawdź UPrinting na YouTheDesigner.


    Wizytówki online

    Web Design Blog Directory

.
Untitled Document
Powrót do góry

Ogólne

Te być może z pewnym zainteresowaniem
  • O naszej firmie
  • Referencje
  • Contact Details
  • Blog
  • Społeczny - Twitter, Flickr

Works

Przykłady z ostatnich projektów
  • O naszej firmie
  • Referencje
  • Contact Details
  • Blog
  • Społeczny - Twitter, Flickr

Usługi

To, co w przypadku gdy sprzedaż dziś
  • O naszej firmie
  • Referencje
  • Contact Details
  • Blog
  • Społeczny - Twitter, Flickr

Contact Details

Chcesz wynająć nas? zacząć tutaj ...
  • Darmowe Project Assesment
  • Email - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Indie Wynajem Ace Infoway Indii do następnego projektu konstrukcji. Zobacz nasze portfolio.