Читать

Урок 47. Создаём мокап для демонстрации логотипа

12.04.2020 / Уроки

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

Начнём с картона. Рисуем прямоугольник того цвета, который нам нужен. В моём примере это: #252a2e, но т.к. мы используем векторную фигуру, мы всегда сможем легко изменить её цвет на любом этапе работы.


Урок фотошопа. Создаём мокап для демонстрации логотипа


Создаём новый слой (Ctrl+Shift+N) и заливаем его серым цветом #808080. Затем переходим к Фильтрам и добавляем Шум:


Урок фотошопа. Создаём мокап для демонстрации логотипа


Для большей реалистичности песчинки шума должны быть мягче и крупнее, поэтому трансформацией (Ctrl+T) увеличиваем слой с шумом процентов на 150 или даже 200. А режим наложения слоя меняем на «Мягкий свет».


Урок фотошопа. Создаём мокап для демонстрации логотипа


Теперь нам нужно усилить эффект шероховатости. Дублируем слой с шумом, двигаем его вправо и влево на одинаковое число шагов (не больше двух-трёх). Затем инвертируем его цвета (Ctrl+I) и убираем прозрачность слоя до 20-30%.


Урок фотошопа. Создаём мокап для демонстрации логотипа


Подобным же образом рисуем второй лист картона (можно нарисовать его «Пером»), с той лишь разницей, что два слоя с шумом поверх листа не должны выходить за его границы, поэтому создаём обтравочную маску (при выделенных слоях с шумом жмём Ctrl+Alt+G).


Урок фотошопа. Создаём мокап для демонстрации логотипа


Самую малось осветляем оттенок верхнего листа картона и добавляем этому слою «Тень». Она может быть рассяеной или более резкой, выбирать вам. Чтобы показать толщину картона, можно нарисовать небольшую едва заметную (с прозрачностью слоя в 5-10%) светлую полосу по левому краю.


Урок фотошопа. Создаём мокап для демонстрации логотипа


Основа готова! Переходим к работе над логотипом. Прежде чем перенести его в наш рабочий файл, предварительно выделяем все слои, из которых он состоит, и создаём смарт-объект. Этот вот смарт-объект и переносим в наш файл, а затем располагаем так. как нам нужно:


Урок фотошопа. Создаём мокап для демонстрации логотипа


Теперь настраиваем эффекты слоя. Для начала поработаем с цветом:


Урок фотошопа. Создаём мокап для демонстрации логотипа

Урок фотошопа. Создаём мокап для демонстрации логотипа

Урок фотошопа. Создаём мокап для демонстрации логотипа

Урок фотошопа. Создаём мокап для демонстрации логотипа


Теперь придадим объём, добавив тени и подсветку. В зависимости от размера вашего рабочего файла и логотипа, в частности, некоторые параметры могут быть увеличены/уменьшены.


Урок фотошопа. Создаём мокап для демонстрации логотипа

Урок фотошопа. Создаём мокап для демонстрации логотипа

Урок фотошопа. Создаём мокап для демонстрации логотипа

Урок фотошопа. Создаём мокап для демонстрации логотипа


Чуточку доработав этот вариант, выкладываю его в виде мокапа для бесплатного скачивания

Скачать мокап


Урок фотошопа. Создаём мокап для демонстрации логотипа




Самые первые уроки, рассчитанные для начинающих, смотрите здесь.




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

avatar


НЕКОТОРЫЕ АРХИВНЫЕ ПУБЛИКАЦИИ

Просто не получается "проходить мимо" работ графического дизайнера Mike из Праги! Уже посвящал ему отдельный пост, но не смог отказать себе в удовольствии, собрать новую подборку его потрясающе красивых работ.


07.05.2016 / Арт

Пришла пора очередной главы экскурса в интерактивный проект Поттермор. Предыдущая закончилась на том, как завершился первый год обучения Гарри Поттера в Хогвартсе. Итак, начался второй курс!


01.12.2014 / Любопытное

полезные уроки фотошопа

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


06.10.2016 / Уроки

В век цифровых технологий всё рисуется на планшетах и в программах. И лишь не многие, к примеру делая рекламный постер или живую витрину для магазина, используют настоящие материалы и в качестве...


28.12.2014 / Арт



ПОДПИШИТЕСЬ НА ОБНОВЛЕНИЯ