Tworzenie buttona
czwartek, 17 września 2009 21:36 Poprawiony: sobota, 19 września 2009 14:47
W tutorialu dowiemy się jak stworzyc malutki button promujący naszą stronę internetowa.
1) Pierwszym krokiem bedzie utowrzenie nowego pliku o rozmiarach 80/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.
(na obrazku zaznaczenie - tak ma wyglądac)
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:
| « poprzednia | następna » |
|---|