[ Photoshop ] Tworzenie buttonika

W tutorialu dowiemy się jak stworzyc malutki button promujący naszą stronę internetowa.

1) Pierwszym krokiem bedzie utowrzenie nowego pliku o rozmiarach 80 x 15 pikseli. Wypełniamy nasz obszar roboczy szarym kolorem o kodzie #444645. Powinniśmy otrzymac coś takiego:

 

 

2) Wybieramy z paska narzędzi zaznaczenie prostokątne i zaznaczamy srodek naszego obrazka zostawiając 1 piksel odstepu od brzegów. Wypełniamy nasze zaznaczenie kolorem białym.

 

 

3) Jeżeli wypełniliśmy już nasze zaznaczenie na kolor biały, to zabieramy się do stworzenia kolejnego zaznaczenia. Tym razem ograniczamy sie tylko do obszaru białego pozostawiając 1 piksel odstępu od krawędzi. Wypełniamy zaznaczenie kolorem czerwonym o kodzie #CC0204.

 

 

4) Obok naszego czerwonego prostokącika robimy prostokąt koloru szarego, takiego jak na początku. Zachowujemy 1 piksel odstępu. Powinniśmy otrzymac cos takiego.

 

 

5) Teraz możemy dodac tekst do naszego buttona. Ja użyłem czcionki Vrinda rozmiar 11 pikseli.

 

Efekt końcowy:

 

 

 

Pokażcie co wam wyszło

Będę próbował.