Unikalny przycisk

16 sierpnia, 2012 w kategoriach: Grafika 2D, Web design, Adobe Photoshop

3,639 0
Dane:
  • Czas pracy: 15min
  • Poziom: Średnio zaawansowany
Opis:

Chciałbym pokazać jak zrobić unikalny tag, można go wykorzystać jako przycisk czy co tam chcecie. Tutorial na podstawie tutoriala ze strony http://www.sanjaykhemlani.com

Pokaż/Ukryj wszystko

Otwieramy nowy dokument w photoshopie 500px na 300px. . Włączmy narzędzie Prostokąt (Rectangle Tool U) i namalujmy sobie prostokącik. Warstwę z tym prostokątem nazwijmy „body”.

Alt 2-rectangle-tool


Wydawnictwo Strefa Kursów

Teraz pokolorujmy trochę nasz prostokącik przez kliknięcie PPM na naszą warstwę z protokątek czyli ‚body’ i wybierzmy Opcje Mieszania (Blending Option). Dalej widzimy na screenach co zrobić, wszystko tak jak na nich, dacie sobie rade;)

Alt 3-inner-shadow

Alt 4-gradient-color-setting

Dla gradientu kolory są pokazane wyżej:)

Alt 5-gradient-settings

Alt 6-stroke

Teraz włączamy Prowadnice czyli Widok/Miarki (Preview/Guides) i powinna włączyć nam się na boku i u góry skala. Teraz klikając na tą skale o przesuwając poniżej lub w bok wysuną nam się prowadnicę. Ustawmy je tak jak na screenie poniżej.

Alt 7-guides

Teraz dla bezpieczeństwa zróbmy kopię naszej warstwy „body” i na oryginalną warstwę kliknijmy PPM i Rasteryzuj warstwę (Rasterize Layer).

Następnie włączamy narzędzie Pióro (Pen tool P) i zróbmy tak jak poniżej.

Alt 11-important-points

Następnie klikamy na naszą linię zrobioną Piórem PPM i wybieramy Utwórz zaznaczenie (Make Selection) w tym momencie kliknijmy DELETE na klawiaturze i powinniśmy uzyskać coś takiego:

Alt 12-clipping-complete

Teraz dodajmy jakiś tekst by wykończyć przycisk. Ja użyłem czcionki League Gothic w kolorze #a0610e i rozmiarze 26pt.

Alt text-on-tags

Teraz jeszcze dodajmy trochę bajerów w Opcjach Mieszania (Blending Option) do tekstu.

Alt 13-text-drop-shadow

Alt 14-text-inner-glow

Alt 15-dropshadow

Podziękowania dla strony http://www.sanjaykhemlani.com/ z której pochdozi ten tutorial, a to efekt końcowy, gdzie zostało dodane jeszcze trochę inne tło i jeszcze jeden przycisk dla lepszego efektu.

Alt wordpress-tags

Pokaż/Ukryj wszystko

Tutorial się podobał? Podziel się z innymi:

Dodaj komentarz