www.xklonos.xu.pl
Adobe Photoshop to zaawansowany program graficzny. Pokażę wam jak zrobić
ciekawe przyciski na nasze strony.
Na początek zrobimy najprostszy button, taki jak poniżej:
Na początku tworzymy
nowy dokument o wymiarach dowolnych wymiarach (w naszym przypadku: 100x40 pikseli).
Tło wypełniamy kolorem strony wybieramy narzędzie Text (można użyć skrótu - przycisk T
na pasku z prawej strony). Maj±c
wybrane narzędzie Text wpisujemy dowolny wyraz (np. kolec). Po zaznaczeniu całego wyrazu (lub przed jego wpisaniem) możemy zmienić
czcionkę i kolorek.
Kiedy mamy już ustalony tekst, w prawym dolnym rogu pojawiła się nowa
warstwa, o nazwie którą wpisaliśmy na buttonie. Klikamy prawym przyciskiem na
literce T i wybieramy Opcje mieszania (dolny róg). Otwiera się nowe okno, które
oferuje nam mnóstwo opcji. Kiedy już ustalicie żądany efekt wystarczy tylko
zapisać obrazek wybierając Plik => Zapisz jako => nazwa obrazka. Poniżej
wybieramy format zapisu - najlepiej .gif albo .jpg.
Tworzymy
nowy dokument. Zaznaczamy prostokąt. Przy użyciu funkcji Zaznacz =>
Wtapianie zaokrąglamy rogi (np. 6px). Następnie używając opcji Zaznacz
=> Zmień => Brzeg ustalamy grubość krawędzi (np. 5px). Potem wybieramy
Gradient
(np. pierwszy z pięciu) ustalając kolory ramki (na rysunku niebieski i czerwony).
Odznaczamy wszystko i używając funkcji T wpisujemy tekst. Kiedy wyśrodkujemy
napis znów zaznaczamy prostokąt, ale tym razem w środku obwódki. Włączamy narzędzie Gradient
i ustalamy kolory jakie są w środku buttona (zielony i żółty). Dodatkowo można
na tekst nałożyć funkcje jak w buttonie powyżej.
Nie zwracajcie uwagi na kolorystykę, jest ona kontrastowa dla lepszego
zrozumienia kolejności.
autor: Łukasz Gołędowski
e-mail: gol_lukas@poczta.onet.pl
www: www.xklonos.xu.pl
|