Tags: дизайн сайта | макет сайта | Уроки Photoshop | уроки web дизайна

В этом уроке вы узнаете как создать красивый макет сайта на основе неизвестной формы. Этот макет подойдет для сайтов торгующих косметикой, относящихся к системе здравохранения, медицины, также может быть использован для сайтов  СПА салонов, массажных кабинетов, сайтов для ухода за лицом и телом.

Начнем урок с того что зададим цвет основному документу   # ecece2 .
Возьмем инструмент Перо и создадим две формы как на изображении:

Для этих форм зададим стили слоя:

Вот что должно получится:

Далее я продублирую большую форму и изменю ей размер:

Я переверну форму горизонтально Редактирование - Трансофрмация-Отразить по горизонтали.

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

Создайте новый слой и изобразите на нем след от губной помады. Подберите для этого наиболее подходящую кисть.

Далее мы добавляем некоторые цветочные орнаменты. Вы можете использовать любые понравившиеся вам композиции.

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

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

Между текстом создадим несколько строк вы можете сделать это инструментом Линия.

В нижней части макета создадим несколько круглых кнопок с помошью инструмента Овал.

Используем те же стили слоя что и для больших форм. На эти круги добавляем иконки.

В правой стороне макета рисуем форму с помошью инструмента Перо.

В этом месте можно демонстрировать свои лучшие товары, это будет слайд -шоу.

Добавим в макет изображением предметов для макияжа и вот что получилось в итоге:

Источник.