Tags: уроки веб дизайна | Графика для сайта | Уроки Photoshop | уроки web дизайна

В этом уроке мы рассмотрим создание простого и легкого дизайн макета блога в фотошоп. Вы можете использовать этот макет для Wordpress, корпоративного сайта, либо использовать как свой блог. Конструкция этого макета очень простая, но очень привлекательная. Если вы хотите привлечь серьезных людей в свой бизнес, то остановите свой выбор дизайна сайта на этом макете.

Для начала создадим новый документ размерами 960*900 пикселей, что касается цвета фона, то я использую # eeeeee. Можно использовать инструмент Заливка, чтобы окрасить фон в нужный цвет.

Далее возьмем инструмент Прямоугольная область и создадим форму:

Добавьте слою следующие стили:

Далее я добавлю изображения кустарников из своих старых запасов:

Следующим шагом берем инструмент Прямоугольное выделение и создаем формы следующего цвета # eeeeee в нижней части кустов:

С помощью инструмента Прямоугольник со скругленными углами создадим форму того же цвета что и прошлая:

Добавим к этому слою стили:

 

Вот что должно получится на данном этапе:

Теперь инструментом Эллипс создадим две формы, для этого я использую цвет :# 463d2e.

Применим к данным слоям фильтр-Размытие - Размытие по Гауссу:

Вот мой результат:

Далее я перетащу эти слои прямо под большую белую форму:

Инструментом Линия я буду создавать линии на панели навигации:

Далее добавим немного облаков на изображение:

В левую часть макета я добавлю изображение с ромашками

На правой стороне я размещу изображение с бабочкой:

Далее с помошью инструмента Горизонтальный текст я буду размещать текст в своем макете.

Между текстами кнопок я сделаю полоски инструментом Линия:

Далее растрируем все три полоски и объединяем их в один слой.
Инструментом Ластик с мягкими краями удаляем верхние и нижние части полос.

Дублируем слой с полосками и ставим между каждым текстом кнопок.

И вот что у меня получилось в итоге:

Источник.