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: