Menu
- Aktualności
- Mój startup Nowy odcinek
- Blogi ekspertów
- Projektowanie WWW
- Planowanie
- Hosting i domeny
- Organizacja i nawigacja
- Webdesign i grafika
- Warsztat - programy
- Tutoriale Photoshop
- Programowanie i tworzenie
- XHTML, HTML i CSS
- JavaScript, DOM i AJAX
- jQuery
- PHP i SQL
- Flash i ActionScript
- Dostępność i WAI
- Promowanie stron
- Pozycjonowanie
- Reklama i marketing
- Monitoring i statystyki
- Publicystyka
- Artykuły ogólne
- Społeczności
- Praca i zarabianie
- Wywiady
- Standardy sieciowe
- Zasoby
- Kursy
- Recenzje książek
- Linki
Dla webmastera
Trójwymiarowy przycisk
Autor: Łukasz Pabian, dodano: 12-08-2009
Kategoria: Projektowanie WWW
1
Tworzymy zaznaczenie takie jak na obrazku z połączonych zaznaczeń kwadratowych i owalnych.

2
W zaznaczeniu rysujemy gradient pionowy z koloru RGB:[29,87,123] do koloru białego.

3
Zmniejszamy Opacity do 80%, dodajemy wewnętrzną poświatę [Inner Glow] poprzez kliknięcie prawym przyciskiem myszny na warstwie i wybraniem opcji Blending Options. Następnie w opcji Inner Glow ustawiamy parametry: Blend Mode - Multiply, Color - RGB:[38,84,116], Size - 10 px.

4
W tym samym oknie (Blending Options) dodamy jeszcze cień by efekt był realistyczny, Następnie zaznaczamy warstwę przez kliknięcie na warstwę z klawiszem Ctrl, powstało nam zaznaczenie, wybieramy narzędzie Rectangular Marquee [M] i z Alt-em zaznaczamy obszar od dołu do okolo 1/3 wysokości zaznaczenia (przy wcisniętym Alt odejmujemy nowe zaznaczenie od starego).

5
Zmniejszamy zaznaczenie wybierając z menu Select -> Modify -> Contract (2px), następnie z menu Select wybieramy Feather (3px) by wygładzić zaznaczenie. Na nowej warstwie wypełniamy zaznaczenie białym kolorem i przesuwamy warstwę o 1-2px w dół.

6
Dodajemy stosowny tekst i podziwiamy efekt :-).


