Читать

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

07.03.2020 / Уроки

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

Начнём с того, что перенесём в наше рабочее пространство обе стороны визитки, предварительно объединив слои каждой из сторон в смарт-объект. Если подробнее, то: выделяем все слои вашей визитки, кликаем правой кнопкой по одному из выделенных слоёв (в палитре слоёв) и выбираем «Преобразовать в смарт-объект»; называем получившийся слой «Сторона А»; переносим смарт-объект в другой (рабочий) файл.


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


Прежде чем трансформировать визитки, нужно определиться с фоном, чтобы затем исказить смарт-объекты в соответствующем ракурсе. Предположим, мы рисуем угол между двух поверхностей. Предлагаю рисовать эти поверхности «фигурами», чтобы легче было менять их цвет при необходимости.


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


Теперь выделяем оба смарт-объекта и трансформацией (Ctrl+T) искривляем их в одной плоскости таким образом, чтобы они как бы прислонились к стенке:


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


Чтобы визитки выглядели более объёмными добавляем небольшое утолщение одной из сторон — прямоугольником или пером рисуем узкую полосу:


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


Начинаем работу с тенями. Рисуем однопиксельную линию под нижней стороной визиток и слегка размываем:


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


Теперь «Пером» рисуем силуэт тени, падающей на пол и стену:


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


И на первом шаге размываем слой также, как однопиксельную полоску, а затем убираем прозрачность слоя, к примеру, на 50%.


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


На втором шаге нам нужно создать градиентное выделение. Для этого жмём клавишу "Q" при выделенном слое с тенью, затем выбираем градиент, уходящий в прозрачность, и проводим линию от края визитки до уголка тени.


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


Снова жмём "Q" и получаем выделение. Теперь размываем эту самую выделенную область, используя большой радиус размытия и не просто по Гауссу, а «Размытие при малой глубине резкости»:


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


Убираем выделение с помощью комбинации Ctrl+D и оцениваем результат. Если нужно сделать более сложную тень, то можно добавить её похожим образом, как описано выше, только размыть обычным «размытием по Гауссу» с большим радиусом размытия:


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

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


Дублируем эти 2 слоя с тенями и подгоняем их под второй смарт-объект. Собственно, всё!


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


Мокап готов! Теперь, чтобы оформить таким образом любую другую двустороннюю визитку, достаточно будет заменить заглушку, дважды кликнув по смарт-объекту и поместив в него свой вариант визитки.


Чуть более доработанный полноразмерный вариант этого мокапа доступен в виде бесплатной графики в разделе Скачать.





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




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

avatar


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

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


01.12.2014 / Уроки

Вдохновляющая подборка логотипов

Для черпания вдохновения и генерации новых идей для логотипов я заглянул на знакомый ресурс logopond.com. Там оказалось немало весьма любопытных новинок. Я отобрал двенадцать из них. Здесь и приятные цветовые решения ...


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

Существует множество дополнений для игры. Данные любительские обзоры я делаю на основании игры в дополнение "Wrath of the Lich King". С этим дополнением был добавлен континент Нордскол.


18.02.2016 / Игры

Сейчас вряд ли можно кого-то удивить наличием в фильме спец. эффектов, особенно в блокбастерах. И конечно апогеем экшен фильмов являются батальные сцены сражений. На какие только ухищрения не идут...


08.02.2015 / Кино



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