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

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

  • Artykuł napisany
  • w dniu 02.12.2009
  • at 06:45
  • przez admin

Jak stworzyć prosty zielonego przycisku w Photoshopie

Hey guys jeden Photoshop Tutorial. W tym kursie znajdę jak tworzyć proste zielonego przycisku w programie Photoshop. Jest to bardzo proste i dość skuteczne wychowawczy. Mam nadzieję, że korzystają z tego samouczka.

Ostateczny wynik

To właśnie poszedł do dziś

green-button-final1

Krok 1

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

Green-button-step1

Krok # 2

Wypełnij kolor warstwę tła, kolor mine is # 979696.

green-button-step13

Krok 3

Wybierz Rounded Rectangle Tool i przycisk Utwórz, kopalnia Radius jest 5px, width: 219px i height: 40px..

green-button-step24

Teraz zajmiemy się jakiś wpływ

Gradient Overlay

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

Green-Button

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

green-button-step4a

Drop Shadow

Następnie zastosować styl warstwy Drop Shadow. Keep kąt 120 °, nie zmieniając wartości zadymienia, na odległość i rozmiar. I ustawi Opacity na 20%, Odległość na 1px i Rozmiar na 5px.

green-button-step4b

Inner Shadow

Dalej stosuje wewnętrzny styl warstwy cienia. Keep kąt 120 °, nie zmieniając wartości zadymienia, Choke i Rozmiar. I ustawi Opacity na 27% i Choke na 100% i Rozmiar na 2px.

Next Change Mieszanie opcję Normalne.

green-button-step4c

Bevel Emboss

Dalej będziemy się Bevel Emboss, pierwsza zmiana stylu do Inner Bevel i Techniki w Gładkie, niż zmiana wartości głębokości, kierunku, wielkości i zmiękną. I wybrać ustawienie głębokości 100%, Kierunek w górę, Rozmiar na 1px i Rozmiękczanie na 0px

Keep kąt 120 °, wysokości, na 30o

Tryb Highlight: I ustawi Opacity na 0%.

Tryb Shadow: I ustawi Opacity 14%.

green-button-step4d

Udar

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

I ustawi Opacity na 50%.

Zmień kolor Skok z domyślnie # 529846

green-button-step4e

Powinien wyglądać.

green-button-step4

Krok 4

Wybierz Horizontal Type Tool i wpisywanie tekstu z przodu.

Będziemy stosować pewne efekty dla tekstu.

green-button-step5

Gradient Overlay

Kliknij dwukrotnie na warstwie tekstowej miniaturę w panelu Warstwy otworzyć okno dialogowe Layer Style. Najpierw stosuje Gradient Overlay, będziemy stosować Efekt Gradient pionowy do tekstu. Następnie kliknij przycisk Kolor Gradient na prawo Gradient możliwość otwarcia Kolor Gradient Editor ..

green-button-step5a

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

green-button-step5b

Drop Shadow

Wreszcie będziemy stosować styl warstwy Drop Shadow. Keep kąt 120 °, nie zmieniając wartości zadymienia, na odległość i rozmiar. I ustawi Opacity na 34%, Odległość na 1px i Rozmiar na 1px.

green-button-step5bc

Ostateczny wynik

green-button-final1

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

Pobierz plik [240KB]

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

Filed under: Photoshop, Tutorials przez admin

Promuj nas

  • Add to Mixx!

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
    • Tworzenie Druki Typografia w Photoshopie
    • Tworzenie Nice Easy 3D Efekty tekstowe w Photoshopie
    • Tworzenie I-Phone Jak przycisku w Photoshopie
    • Tworzenie Sleek Nice Dark przycisku w Photoshopie
Untitled Document

4 Komentarze

  1. designfollow mówi on: 2 grudnia 2009 at 12:52 Said:

    great tutorial, dziękuję.

  2. FAQPAL mówi na: 4 grudnia 2009 przy 224: jestem Said:

    Prosty, ale skuteczny efekt końcowy, dziękujemy za udział.
    Ostatnia blogu FAQPAL's .. HTTP Headers for Dummies Moje ComLuv profil

  3. Ben mówi na: 4 grudnia 2009 at 6:48 am Said:

    great tutorial, dziękuję.

  4. favSHARE mówi na: 4 grudnia 2009 at 11:10 pm Said:

    Ten artykuł został udostępniony na favSHARE.net. Idź i głosowanie to!
    Ostatnia blogu favSHARE's .. 14 Top kroju i czcionki Kombinacje Resources Moje ComLuv profil

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
"5 kroków do tworzenia lepszych CSS Część II
Developer's Paradise terenów Tydzień 4 grudnia 2009 »
Untitled Document

    Subskrypcja

  • Zapisz się do naszego kanału
  • Subskrybuj przez e-mail
  • Follow us on Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Szukać

      Untitled Document
  • Kalendarz

    Grudzień 2009
    M T W T F S S
    «Listopada
    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
      • Skontaktuj się z nami
    • Kategorie

    • CSS (22)
    • Design / Inspiracje (53)
    • Za Darmo (37)
    • Graphic Design (10)
    • Photoshop (18)
    • Zasoby (34)
    • Seo (1)
    • Narzędzia (9)
    • Poradniki (34)
    • Typografia (6)
    • Web development (6)
    • Wordpress (6)
    • Archiwum

    • 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
    • 5 kroków do tworzenia lepszych Css
    • Tworzenie Druki Typografia w Photoshopie
    • Tworzenie Beautiful Box ikona w programie Photoshop
    • 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

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