Metalowe menu ze szkłem
Tutorial nauczy się jak krok po kroku zrobić efektowny element, który można wykorzystać np. w menu. Metal i szkło świetnie razem się prezentują [img]style_emoticons/<#EMO_DIR#>/wink.gif[/img]

Łukasz \'insane\' Pabian

Tutorial pozwoli Ci uzyskać taki efekt:

Za pomocą kształtów formujemy prostokąt z zaokrąglonymi rogami - wybieramy Rounded Rectangle Tool [U] i ustawiamy radiu na 3px. ustawiamy kolor narzędzia na RGB:[52,131,0] a kolor tła na RGB:[116,243,30]


Klikamy prawym przyciskiem myszy na warstwę z przyciskiem i wybieramy Blending Options. Przechodzimy do sekcji Gradient Overlay, wybieramy z gradientów kolory, które przed chwilą wybraliśmy, zaznaczamy Reverse oraz ustawiamy Scale na 120%


Teraz przechodzimy do sekcji Bevel and Emboss i zmieniamy Depth na 1000%, Size na 6px, Soften na 3px, kąty zostawiamy bez zmian, jedynie zmieniamy Hilight mode na Linear Dodge oraz Opacity odbicia ustawiamy na 87%, a Opacity cienia ustawiamy na 0%

Za pomocą kształtów formujemy prostokąt z zaokrąglonymi rogami - wybieramy Rounded Rectangle Tool [U] i ustawiamy radiu na 3px. ustawiamy kolor narzędzia na RGB:[120,120,120] a kolor tła na RGB:[199,199,199]. Klikamy prawym przyciskiem myszy na warstwę i wybieramy Rasterize Layer. Klikamy lewym przyciskiem myszy razem z Ctrl na warstwę zieloną
i wycinamy z szarej warstwy powstałe zaznaczenie - [Ctrl + X]. Klikamy prawym przyciskiem myszy na warstwę z przyciskiem i wybieramy Blending Options. Przechodzimy do sekcji Gradient Overlay, wybieramy z gradientów kolory, które przed chwilą wybraliśmy - szare, ustawiamy Angle na 92 stopnie.
W sekcji Bevel and Emboss zmieniamy Depth na 1000%, Size na 1px, Soften na 2px, Angle zmieniamy na 113 stopni, Altitude na 45 stopni, jedynie zmieniamy Hilight mode na Color Dodge oraz Opacity odbicia ustawiamy na 100%, a Opacity cienia ustawiamy na 45%.

Z prawej strony tworzymy zaznaczenie z okręgu o średnicy równej wysokości szarego prostokąta. Odwracamy zaznaczenie [Ctrl+shift+I] i gumką usuwamy prawą strone okręgu.




Menu - styl korporacyjny
Ciekawy element dla strony WWW, może posłużyć jako tło dla nagłówka czy butona.

Krzysztof Sziwa

1.

Stwórz dokument [Ctrl+N] o dowolnej wielkości. Dodaj nową warstwę [Layer/New/Layer][Shift+Ctrl+N]. Wybierz narzędzie zaznaczenia [M] i stwórz nim prostokąt. Wybierz wypełnienie gradientowe [G], przejdź do jego ustawień:

2.

Pociągnij linie gradientu od dołu do góry by wypełnić zaznaczenie.


3.

Dodaj warstwę oraz użyj narzędzia linie [U], stwórz trzy 1px w kolorze np. #B6CBD7 - z dołu, z lewej i z prawej




4.

Przejdź do opcji mieszania - prawym guzikiem myszy na warstwie i użyj poniższych ustawień:


5.

Wybierz narzędzie zaznaczenia wielokątnego [L] i zaznacz trójkąt w lewym górnym rogu. Następnie stwórz nową warstwę i wypełnij kolorem zielonym np. #79B916.

6.

Przejdź do opcji mieszania obecnej warstwy i ustaw:

7.

Ponownie dodaj warstwę i użyj narzędzia linie, tym razem o wielkości 2px w prawym rogu. Powiel warstwę i przesuń ją, następnie z grupuj z poprzednią [Ctrl+E]. Zmień jeszcze krycie na 75% i gotowe: