
В этом уроке вы узнаете, как создать городской макет сайта. Вы можете использовать эту идею для создания веб-дизайна любой компании, бизнес которой ориентирован на город.
навыки для «прокачки»:
- создание силуэта из фотографии
- работа с кистями
- создание композиции
Для повторения эффектов урока вам пригодятся эти кисти:
кисти концентрических круговкисти стрелок и линийкисти потеков краскиИ еще можете скачать любые растительные кисти.
Создадим новый документ размером 760x770 пикселей. Используйте белый фон для этого документа. Откроем изображение в Photoshop.

Затем дублируем слой, нажав CTRL + J
После того как вы сделали копию, перейдите Фильтр->Эскиз->Ксерокопия=Filter-> Sketch-> Photocopy используя следующие настойки.

Теперь нажмите CTRL + I (инвертировать). Вот что должно получиться.

Активиуйте инструмент Ластик=Eraser tool, и удалите все, в нижней части изображения.
Результат должен быть таким.

Выберите инструмент Прямоугольник=Rectangle Tool и создайте прямоугольную форму, черным цветом, как на картинке ниже.

Теперь, перейдите на и скачайте некоторые кисти, которые вы считаете необходимыми для вашего макета.
Далее нам нужно удалить некоторые части нашего прямоугольника, после того как растрируете форму.
Чтобы растрировать форму перейдите Слой-> Растировать-> Фигуру= Layer-> Rasterize-> Shape
Результат должен быть таким.

Еще вам понадобятся следующие наборы кистей.
Загрузите кисти в Photoshop, и добавьте некоторые детали.
Создавайте новый слой каждый раз, когда вы добавляете какое либо изображение.
Чтобы создать новый слой, нажмите клавиши CTRL + SHIFT + ALT + N.
Вы можете увидеть на следующем изображении, что можно сделать с изображениями простых стрелок.

После этого добавьте небольшие круги, кистью.
Если вы посмотрите внимательно вы можете заметить, что в уроке использовалось всего 2-3 кисти, но с различными размерами.

На следующем изображении вы можете увидеть такую же конструкцию для нижней части нашего макета. Кружки будут чередоваться. Один черный, один белый.
Просто используйте свое воображение и различные размеры кисти.

Используйте другой набор кистей для левой части макета.

Теперь добавим текст на левой стороне нашего макета.

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