Stylowe okno

Autor: Michał Gawrysiak, dodano: 31-07-2003
Kategoria: Projektowanie WWW

Proste okienko na potrzeby grafiki WWW. Może posłużyć jako element menu czy innej nawigacji. Poziom trudności można określić jako łatwy.

Otwieramy nowy dokument (Ctrl+N) i ustawiamy ciemno szare tło (#212526).
Tworzymy nową warstwę (Shift+Ctrl+N)
Teraz narzędziem Rectangular Marquee Tool (M) (Feather=0 px) rysujemy prostokąt i wypełniamy go dowolnym kolorem.


 

Następnie wchodzimy w zakładkę Layer -> Layer Style -> Blending Options
W Drop Shadow ustawiamy:

 


 

Bevel and Emboss.

 


 

Gradient Overlay

 


 

Stroke


 

Możemy teraz nacisnąć OK.
Następnie otwieramy zakładkę Select -> Modify -> Contract i ustawiamy wartość 5px.
Teraz naciskamy Delate, aby usunąć wnętrze naszego okienka i naciskamy CTRL+D aby usunąć zaznaczenie.

 


Powinniśmy otrzymać taki efekt

 


 

Na tej samej warstwie używając Pencil Tool możemy dorysować coś w tym samym stylu który stworzyliśmy. My dorysujemy jedną belkę.

 


 

Teraz zaznaczamy wnętrze naszego okna.


 

Tworzymy nową warstwę (Shift+Ctrl+N) i wypełniamy zaznaczenie dowolnym kolorem.
Teraz ponownie wchodzimy do (Layer -> Layer Style -> Blending Options) i ustawiamy:


 

Powinniśmy otrzymać taki efekt:


 

Mając cały czas zaznaczony nasz obszar włączamy narzędzie Elliptical Marquee Tool i przytrzymując klawisz ALT wycinamy taki obszar:


 

Teraz tworzymy nową warstwę (Shift+Ctrl+N) i wypełniamy nasze zaznaczenie białym kolorem.
Zmieniamy layer mode na overlay oraz opacity na 25%
i naciskamy CTRL+D aby wyłączyć zaznaczenie.


 

Powinniśmy otrzymać:


 

Dodaj tekst oraz inne elementy i będziesz miał(a) okno np do nawigacji:


Ocena 2.8/5 (55.95%) (316 głosów)

Komentarze:

  • 4
    Dodał: Gość data: 2009-10-07
    ocena 4 bo nie zbyt przydatne
  • fff
    Dodał: Gość data: 2009-10-07
    wygląd niezły dlatego dałem 4


Dodaj komentarz:


Temat:
Twój nick:
Komentarz:
 

Prosimy o kulturę wypowiedzi. Komentarze zawierające niecenzuralne zwroty, bądź obrażające inne osoby będą usuwane. Kod HTML w wypowiedziach jest niedozwolony. Wydawca nie odpowiada za treść komentarzy.