Читать

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

05.02.2020 / Уроки

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

Предположим, мы хотим изобразить тиснение на какой-либо поверхности. Возьмём для примера текстуру дерева. Перенесём её в наше рабочее пространство, а затем перейдём к созданию сетки: просто нарисуем инструментом «Линия» вертикальные и горизонтальные полосы, как в тетради в клетку:


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


Выделяем слои с текстурой и «клеткой», после чего трансформацией (Ctrl+T) искривляем их под одним углом:


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


«Клетка» нам понадобится для того, чтобы мы могли расположить наш логотип в той же плоскости и под тем же углом, что и текстуру. Собственно, займёмся логотипом. Переносим логотип в наше рабочее пространство, жмём по слою с ним правой кнопкой и выбираем «Преобразовать в смарт-объект».


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


Теперь трансформацией искривляем логотип, ориентируясь на сетку:


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


Скрываем слой с «клеткой» и переходим в стили слоя с логотипом. Для начала убираем уровень заливки слоя на ноль:


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


Далее переходим на вкладку «Наложение цвета» и подбираем тёмно-коричневый цвет. Режим наложения меняем на Умножение», а прозрачность выставляем на 50-60%


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


Далее настраиваем «Внутреннюю тень»:


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


И ещё добавляем похожим образом «Тень»:


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

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


Немного промахнулся с текстурой дерева. Если мы делаем углублённое (затемнённое) тиснение, то текстура должна быть светлее, а если бы мы делали светлое выдавливание, то текстуру стоило бы взять потемнее. Но проблемы никакой нет, просто выбрал другую текстуру и поместил её, ориентируясь на «клетку».


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


Осталось сделать поверхность менее однородной в плане освещённости. Создадим новый слой (Shift+Ctrl+N) поверх всех остальных и размытой кистью сделаем большое светлое пятно в левом верхнем углу. Поменяем режим наложения слоя на «Перекрытие» и немного убавим прозрачность слоя:


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


По такому же принципу добавим ещё одно пятно, на этот раз тёмное, в правом нижнем углу:


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


Можно ещё немного поэкспериментировать с фоном, но в целом затею мы реализовали:


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


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


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




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




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

avatar


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

Внимание! Спойлеры!
Чаппи — вундеркинд. Как и любой другой ребенок, он попадает под влияние своего окружения, и только его сердце и душа помогут ему найти свой путь.


15.07.2015 / Отзывы

Внимание! Возможны спойлеры!
Действие происходит в 2135 году. Человечество пережило два вторжения инопланетной расы «жукеров», лишь чудом уцелев, и готовится к очередному вторжению.


20.06.2016 / Отзывы

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


19.12.2015 / Уроки

Очень ждал выхода продолжения сказочной платформенной головоломки Trine и, наконец, дождался! Третий Trine вышел почти месяц назад - 20 августа 2015-го.


19.09.2015 / Игры



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