Читать

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

07.03.2020 / Уроки

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

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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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

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


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


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


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


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





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




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

avatar


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

В новой части обзора интерактивного проекта "Поттермор" я хотел бы рассказать об одном из дополнительных материалов авторства Дж. К. Роулинг, как Омут памяти. Пока готовятся интерактивные иллюстрации первых...


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

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


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

О сериале «Очень странные дела»

Внимание! Возможны спойлеры!
Продукт компании Netflix «Очень странные дела» разделён на 8 серий, продолжительностью в среднем 50 минут. А это значит, что зрителя ждёт почти 7 часов увлекательного просмотра!


19.10.2016 / Отзывы

В данном обзоре арта я бы хотел показать довольно интересные, на мой взгляд, работы очень юного (ему всего 21 год!) и талантливого художника, родом из США - Джоша Эйтена (Josh Eiten).


01.12.2014 / Арт



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