Ta strona nie jest już aktualizowana.

strona glownaartykulydownloadszukajreklamakontaktavataryregulamin

Witaj na szabloniki.com!
Na naszej stronie znajdziesz: dodatki na bloga, darmowe szablony stron, szablony na bloga, PHP-Fusion Themes (szablony do PHP-Fusion), generator bannerów, wskaznik PageRank strony, skrypty, avatary, tutoriale do Photoshopa, tla pod bannery, tanie szablony za SMS.

Najnowsze artykuły:
Grafika i zdjęcia do projektów
Okrągły button
Usuwamy zmarszczki
Skróty klawiszowe
Miniaturkowy świat
Zdjęcia

Webmaster i grafik
dodatki, skrypty, generatory

avatarytutoriale do photoshopa

Szablony za SMS

+ Wszystkie (89)
+ 1 kolumna (33)
+ 2 kolumny (35)
+ Czarne (8)
+ Czerwone (16)
+ Niebieskie (16)
+ Opisy gg (5)

+ PHP-Fusion 6 (9)
+ PHP-Fusion 7 (4)
+ Pomara&#324czowe (4)
+ Portale (58)
+ Radio internetowe (4)
+ Zielone (10)
Polecamy
Guziki na stronę
Dziś zajmiemy się tworzeniem prostych, ale ładnych buttonów na stronę. Jako, że moim zdaniem ładniej prezentują się one na ciemnym tle, to stwórzmy dokument, który będzie wypełniony tłem #303030.

Teraz tworzymy nową warstwę (Ctrl+Shift+N lub Layer -> New -> Layer...). Czas na zarysowanie kształtu buttona. W tym celu wybieramy opcję zaokrąglonego prostokąta (Rounded Rectangle Tool). Następnie ustawiamy Radius (promień) na 7px. Teraz wybieramy jaki kolor ma mieć nasz buttonik, przyjmijmy, że będzie to #82A84C.

Przechodzimy teraz do Blending Options (opcji mieszania):

Kolorowe buttony na stronę

Kolorowe buttony na stronę


Tworzymy ponownie nową warstwę. Po stworzeniu klikamy na wcześniej stworzoną warstwę (tę pierwszą) i równocześnie przytrzymujemy Ctrl. Nasz zaokrąglony prostokąt powinien być teraz zaznaczony. Następnie wracamy do nowo utworzonej warstwy, wybieramy prostokąt, kolor biały i rysujemy go tak, aby zajmował połowę prostokąta od góry (jak na rysunku).

Kolorowe buttony na stronę


Odznaczamy zaznaczony obszar za pomocą klawiszy Ctrl+D. Teraz zmieniamy Opacity (przezroczystość) tego prostokąta na ok. 10%. Wybieramy następnie Move Tool i klikamy dwa razy dolną strzałkę na klawiaturze w celu obniżenia prostokąta o 2 piksele w dół.

Jedyne co nam pozostało to dodać tekst. Ja wybrałam czcionkę Delicious, dodałam cień i oto przykładowe efekty:

Kolorowe buttony na stronę


Pobierz PSD
Dodane przez polak dnia December 16 2008 21:19:45 18478 Czytań · Drukuj