Читать

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

12.04.2020 / Уроки

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

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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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

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

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

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


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


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

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

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

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


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

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


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




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




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

avatar


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

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


25.02.2015 / Веб-дизайн

Внимание! Спойлеры!
Я выбрал самые ожидаемые (на мой взгляд) премьеры 2016 года. В подборке преимущественно фэнтези и фантастика, но также имеется пара-тройка картин...


28.12.2015 / Кино

Фанарт по «Гарри Поттеру»

Следующая подборка арта с проекта deviantart.com посвящена самой волшебной киносаге начала XXI века - «Гарри Поттеру». В ноябре исполнится 15 лет со дня премьеры самого первого фильма «Гарри Поттер и философский камень».


23.10.2016 / Арт


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


01.12.2014 / Уроки



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