button.doc

(251 KB) Pobierz
W tutorialu dowiemy się jak stworzyc malutki button promujący naszą stronę internetowa

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:

 

...
Zgłoś jeśli naruszono regulamin