Попробуем сделать еще один шаблон для сайта.

Дизайн будет строгим, для какой нибудь компании консалтинговой подошло бы очень даже не плохо.

Шаг 1.
Создаем новый документ размерами 1024х800 с белым задним фоном.


Создаем новый слой (ctrl+N). При помощи инструмента выделения, выделяем
верхнюю часть - под шапку. и заливаем ее таким вот #009994 цветом




Шаг 2.
Дублируем слой, и кистью с мягкими краями и малой прозрачностью, примерно 15%, проводим в центе белую, еле заметную полосу.


Шаг 3.
Создаем новый слой, выделяем область под шапкой, и заливаем светло серым градиентом.

Шаг 4.
Продолжаем работать с шапкой. Рисуем будущее меню.

Создаем новый слой поверх синей шапки.

Рисуем прямоугольники как на образце. тот который больше - это открытая страница.

Пишем линки над каждым квадратом. Я применил к тексту еще и отбрасывание тенив blending mode, совсем немного, еле заметно.




Шаг 5.
Теперь нужно сделать отражение от кнопок.


Дублируем слой с кнопками цветными, переворачиваем вниз, и аккуратно,
стеркой с большим диаметром и мягкими краями стираем лишнее.


Шаг 6.
Пока оставим шапку. Начнем рисовать левое меню.

Создаем новый слой. выделяем область под меню. Идем в select---modify---smooth и выставляем радиус - 5px

Края скруглились, заметили? заливаем светло - серым, еле заметным. Не снимаем выделения, создаем новый слой. Удерживая alt
убираем выделение оставляя только верхнюю часть. которую потом будем
красить. Соответственно теперь заливаем ее зеленым цветом. К слою с
серым фоном применим stroke в blending mode


Шаг 7.
Вставляем какие - нибудь иконки, пишем краткую инфу и т.д. все что хотите разместить в этом блоге.

я реализовал это так:


Таких блоков можно сделать несколько.
Шаг 8.
Вставляем лого в шапку, текст в центральную часть, ну и внизу прописываем копирайты.



Автор урока - Azat Khairikenov

Tags: фотошоп