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
Aqua pastylka
Autor: Łukasz Pabian, dodano: 12-08-2009
Kategoria: Projektowanie WWW
1
Za pomocą kształtów formujemy przycisk - wybieramy Rounded Rectangle Tool [U] i ustawiamy radiu na 15px.

2
Klikamy prawym przyciskiem myszy na warstwę z przyciskiem i wybieramy Blending Options. W sekcji Drop shadow ustawiamy Opacity na 50% i Size na 10px. W sekcji Inner Shadow ustawiamy kolor na RGB:[21,49,99] i Opacity na 100%, wyłączamy opcje Use Global light, ustawiamy kąt nachylenia światła na 90 stopni, Distance ustawiamy na 8px, Choke: 20%, Size: 20px.

3
W sekcji Inner Glow ustawiamy kolor na biały, Blending Mode na Color Dodge, Opacity na 30%, Choke: 22%, Size: 21px. W sekcji Quality Krzywą kontury nalezy ułożyc tak jak na obrazku.

4
W sekcji Bevel and Emboss ustawiamy Depth na 80%, Size na 9px, Soften na 1px, Angle na 90 stopni, Altitude na 75 stopni. W shadow mode zmieniamy kolor czarny na niebieski taki jak jest na dole naszego przycisku, oba suwaki Opacity ustawiamy na 100%.

5
W sekcji Bevel and Emboss : Contour ustawiamy krzywa jak na obrazku i suwak Range ustawiamy na 70%

6
Ostatnim krokiem będzie uzyskanie niebieskiej poświaty,dlatego zaznaczamy warstwę z przyciskiem przez kliknięcie na warstwę z przytrzymanym Ctrl, następnie z menu Edit wybieramy Copy Merged - do schowka zostaną skopiowane warstwa oraz nałożone style. Następnie na nowej warstwie poniżej przycisku wklejamy zawartość schowka Edit -> Paste. Z menu Filter wybieramy Blur -> Gaussian blur (5px) i przesuwamy warstwe odrobine niżej

7
Oto rezultat:


