Plastic and Chrome.docx

(123 KB) Pobierz

Plastic and Chrome


Plastic and Chrome
Tworzymy button Plastic and Chrome

autor: Michał Gawrysiak (Siwy_PO)

Otwieramy nowy dokument (Ctrl+N) i ustawiamy białe tło.

Tworzymy nową warstwę (Shift+Ctrl+N)
Narzędziem Rectangular Marquee Tool (M) http://www.webinside.pl/img/tutoriale/marquee.gif(Feather=0 px) robimy prostokąt i wypełniamy go takim gradientem:
http://www.webinside.pl/img/tutoriale/plasticgradient1.gif
http://www.webinside.pl/img/tutoriale/plastic1.gif
Teraz ponownie narzędziem Rectangular Marquee Tool tworzymy mniejszy prostokąt
http://www.webinside.pl/img/tutoriale/plastic2.gif
Następnie przechodzimy do zakładki Channels i tworzymy nowy kanał (Create new channel)
Utworzy się nam w ten sposób kanał o nazwie Alpha 1.
Wypełniamy nasz prostokąt białym kolorem.
http://www.webinside.pl/img/tutoriale/plastic3.gif
Następnie Filter - Blur - Gaussian Blur - (6,0px)
http://www.webinside.pl/img/tutoriale/plastic4.gif
Teraz Image - Adjust - Leves
http://www.webinside.pl/img/tutoriale/plastic5.gif
CTRL+D i powinno wyjść nam coś takiego:
http://www.webinside.pl/img/tutoriale/plastic6.gif
Teraz przechodzimy ponownie na warstwy "Layer".
Następnie Select - Load Selection i wybieramy Alpha 1
W ten sposób załadowaliśmy nasz wcześniej zrobiony kanał.
Teraz wypełniamy naszą selekcje Gradientem:
http://www.webinside.pl/img/tutoriale/plastic7.gif
Tworzymy nową warstwę i:
Select - Modify - Contract - 2px.
Wybieramy ponownie narzędzie Linear Gradient Tool i ustawiamy kolory:
Pierwszy: #0069B3
Drugi: Biały
I wypełniamy naszą selekcję:
http://www.webinside.pl/img/tutoriale/plastic8.gif
Teraz
Edit - stroke - 1 pixel - inside - opacity=100% - Mode=Normal Color: Czarny
Następnie przytrzymując klikamy na naszą warstwę (Layer 2) - spowoduje to zaznaczenie naszego obiektu.
Teraz tworzymy nową warstwę;
Przytrzymując klawisz ALT narzędziem Rectangular Marquee Tool wycinamy niepotrzebną dolną część
http://www.webinside.pl/img/tutoriale/plastic9.gif
Teraz:
Select - Modify - Contract - 3 pixels.
Select - Modify - Smooth - 2 pixels.
i wypełniamy naszą selekcję narzędziem Linear Gradient Tool z kolorami
Pierwszy: #0069B3
Drugi: Biały
http://www.webinside.pl/img/tutoriale/plastic10.gif
Teraz CTRL+D
Tworzymy nową warstwę;
Powiększamy nasz obraz do 300% i narzędziem Pencil Tool malujemy dwie pionowe linie po bokach naszego buttona; jedną czarną druga białą
http://www.webinside.pl/img/tutoriale/plastic11.gif
Teraz wybieramy narzędzie Singel Row Marquee Tool
http://www.webinside.pl/img/tutoriale/plastic12.gif
Tworzymy nową warstwę
Tworzymy zaznaczenie:
http://www.webinside.pl/img/tutoriale/plastic18.gif
Teraz
Edit - stroke - 1 pixel - outside - opacity=100% - Mode=Normal Color: Czarny
Powielamy tą warstwę (CTRL+J) i nasze linie opuszczamy niżej.
Powtarzamy tą czynność, aż nasz button wypełni się całkowicie liniami.
Teraz niepotrzebne części usuwamy gumką.
http://www.webinside.pl/img/tutoriale/plastic14.gif

Teraz pozostało nam tylko dodać tekst:
http://www.webinside.pl/img/tutoriale/plastic15.gif 

Zgłoś jeśli naruszono regulamin