Макет сайта

Макет сайта

В этом уроке я покажу Вам, как создать макет сайта для салона красоты за 10 простых шагов.В этом уроке я покажу Вам, как создать макет сайта для салона красоты за 10 простых шагов. Для наглядности вы можете скачать PSD исходник (16.zip

Макет сайта

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

Макет сайта

Шаг 1
Для начала создадим новый документ с белым фоном, а также с размером 900×900 px (пикселей.)

Шаг 2
Откроем изображение девушки и разместим его на созданный документ.

Макет сайта

Шаг 3
Выберем Инструмент Перо (Р), при помощи него я буду создавать красивые изогнутые формы, как на рисунке ниже. Я буду использовать следующий цвет # ff9300

Макет сайта

Шаг 4
С этим же Инструментом Перо создаем другую форму поверх оранжевой, но уже серым цветом.

Макет сайта

Шаг 5
И наконец напоследок создаем последнюю форму, используя белый цвет.

Макет сайта

Шаг 6
Выбираем Инструмент Эллипс (U) и создаем простую форму в правой части макета.

Макет сайта

Шаг 7
Выбираем все слои с изогнутыми формами и нажимаем Ctrl+E, для того чтобы объединить их в один слой.

На форму Эллипс я добавил несколько строк текста

Макет сайта

Шаг 8
Затем, в середине макета я сделал еще одну колонку текста

Макет сайта

Шаг 9
В низу макета я добавил несколько изображений и текст к ним.

Макет сайта

Шаг 10
При помощи Инструмента Эллипс я добавил круги оранжевого цвета (#ff9300), возле колонки с текстом в середине макета.

Макет сайта

Поверх кругов оранжевого цвета, я добавил круги белого цвета меньшего размера

Макет сайта

Это мой окончательный результат. Я хотел показать вам, что вы можете создать свой сайт всего за 10 шагов…

Макет сайта

Урок переведен специально для сайта PsdTop.ru
Оригинал урока: grafpedia

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>