Tutorial zrobiony na bazie
http://www.grafpedia.com/tutorials/create-stylish-business-layout-photoshop

Tworzymy nowy obraz o rozmiarze 960×900. Wypełniamy tło kolorem #f5f5f5 i dodajemy szum 1% ( Filtr/Szum/Dodaj szum )

Nasz szablon wyglada tak:

W zasobników kolorów wybieramy kolory #060606 i #4e4e4e. Na nowej warstwie rysujemy prostokąt i wybierając gradient lustrzany

wypełniamy prostokąt aby otrzymac efekt jak ponizej:

Tworzymy nowa warstwe i prostokąt o szerokosci paska wykonanego wyzej (kolor wypełnienia na tym etapie jest niewazny ):

do warstwy dodajem opcje mieszania ( Warstwa/Styl warstwy/Opcje mieszania…)

Nałożenie gradientu

gradient o kolorach #319bd6 i #416fb6

Obrys

Kolor obrysu #d5d5d5

Powininsmy otrzymać taki efekt

Tworzymy nowa warstwe i rysujemy zaokraglone prostokaty  o  aby otrzymac efekt jak ponizej:

Do warstywy dodajemy opcje mieszania

Cien ( kolor czarny #000000 )

Cień wewnetrzny ( kolor bialy #ffffff )

Blask wewnetrzny ( kolor bialy #ffffff )

Nalozenie gradientu

Kolor gradientu od bialego do #efefef.

Obrys

Otrzymany efekt:

Do nowej warstwy wklejamy obrazek blue-ink_white-bg_01.jpg (obrazek moze byc inny, wazna jest forma przyciecia i nalozone efekty) odpowiednio kadrujac obrazek nakladamy go na prawy gorny kwadrat

i dodajemy efekty:

Blask zewnetrzny ( kolor #d5d5d5 )

Obrys ( kolor #d5d5d5 )

Otrzymany efekt:

Tworzymy nowa warstę która “wkladamy: pod warstwe z prostokątami. Używajac narzedzia pioro tworzymy trapez i wypelniamy go kolorem czarnym

Do prostokąta dodajemy Filtr/Rozmycie/Rozmycie gausowskie aby otrzymac efekt

Layout powinien wygladac tak:

Na nowej warstwie tworzymy prostokoąty przyciski nawigacyjne pod warstwa z wykonanymi juz prostokatami i obrazkiem i dodajemy efekty jak w zaokraglonych prostokatach

otrzymujac:

Narzędziem tekstowym dodajemy strzałki “<” i “>” ( dodajemy osobno ) o kolorze #3297d3 aby otrzymac efekt

Narzedziem tekstowym dodajemy menu “HOME | USŁUGI | PORTFOLIO | KONTAKT” Czcionka Georgia 10px

Dodajemy nagłowek strony

i na tekst nakladamy efekty

Cien wewnetrzny

Blask wewnetrzny ( kolor #b6b6b6 )

Otrzymany efekt:

Dodajemy tekst ( kolor #00175a ) do działów, kadrujac aby otrzymac efekt:

Wstawiamy obrazek odpowiednio skalujac

i dodajemy efekty

Cien

Obrys ( kolor #d5d5d5 )

otrzymany efekt:

powielamy warstwe dwukrotnie ustawiajac obrazki poziomo obok siebie i do nowych obrazkow dodajemy efekt nałożenia koloru ( kolory dowolne )

Efekt

Dodajemy tekstowy odnosnik do portfolio ( kolor napisu jest bez znaczenia na tym etapie )

i dodajemy efekty

Cien wewnetrzny ( kolor #0059c6 )

Blask wewnetrzny ( kolor #004497 )

Nalozenie koloru ( kolor #2486ff )

Gotowe!