Wortal Webmastera - źródło informacji dla tworzących strony www |  e-marketing / programowanie / webdesign / narzędzia          powered by CubeMatic.com

 

  WEBMASTERS    SKRYPTY

Strona glówna
HTML
JavaScript
PHP
CGI
MYSQL
CSS
SSI
WML
SGML
Offline
Photoshop
PHP
CGI
ASP
JavaScript

Artykuly

FORUM

  NARZEDZIA      SYSTEM

Grafika
Szablony
Czcionki
Porady

Download

  e-BIZNES

Artykuly
Linki
Profesjonalna strona
Nasza oferta
E-booki
Tanie strony www Warszawa

  NIEZBEDNIK

Za darmo
Kasa
Rejestrator www
Aktualności
Domeny
Konwerter ISO

  INNE

DOS
O stronie
Ksiega gości
Kontakt

Zgloś bląd!

 Polecamy:
 śmieszne zdjecia


Szukaj pliku



 SERWIS  

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:

prosty button 2D

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.


button2
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.

Zapraszam na moją stronę

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

R E K L A M A

^top^