Шаблон городского сайта
Нравится(+) 0 Не нравится(-)

Шаблон городского сайта - уроки фотошоп


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

навыки для «прокачки»:
- создание силуэта из фотографии
- работа с кистями
- создание композиции


Для повторения эффектов урока вам пригодятся эти кисти:

кисти концентрических кругов
кисти стрелок и линий
кисти потеков краски

И еще можете скачать любые растительные кисти.

Создадим новый документ размером  760x770 пикселей. Используйте белый фон для этого документа. Откроем изображение в Photoshop.

Шаблон городского сайта - уроки фотошоп

Затем дублируем слой, нажав  CTRL + J

После того как вы сделали копию, перейдите Фильтр->Эскиз->Ксерокопия=Filter-> Sketch-> Photocopy используя следующие настойки.
Шаблон городского сайта - уроки фотошоп

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

Шаблон городского сайта - уроки фотошоп

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

Шаблон городского сайта - уроки фотошоп

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

Шаблон городского сайта - уроки фотошоп

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

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

Шаблон городского сайта - уроки фотошоп

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

Шаблон городского сайта - уроки фотошоп

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

Шаблон городского сайта - уроки фотошоп

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

Шаблон городского сайта - уроки фотошоп

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

Шаблон городского сайта - уроки фотошоп

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

Шаблон городского сайта - уроки фотошоп

Сайт: designlessons.ru

Виджет на Яндексе: yandex.ru/?add=111794

Мы ВКонтакте:

И в Твиттере: twitter.com/DesignLessons

Информация
Автор / Разработчик
Автор не указан
Перевел
Артеменко Люба
Сложность
Легкая
Источник
Добавил
Yara
Дата
9-07-2019, 19:44
Метки:  еще статьи

Поделиться ссылкой

Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии (0)

Имя
Эл. почта
Комментарий
Вопрос: 5 * 9 =

Для активации данной функции необходимо зарегистрироваться и авторизоваться на сайте.

Ваш IP: 207.241.237.222
Последние уроки
Опубликовано 14-10-2019, 21:33
Опубликовано 13-10-2019, 20:50
Опубликовано 11-10-2019, 11:28
Опубликовано 7-10-2019, 20:00
Опубликовано 25-09-2019, 19:33
Опубликовано 24-09-2019, 18:42
Архив сайта
.