Читать

Урок 39. Рисуем мокап для обложки книги

22.05.2019 / Уроки

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

Начнём с основы. Пусть это будет деревянная поверхность. Возьмём текстуру из интернета. Желательно, чтобы она не была слишком активной, т.е. не перетягивала на себя всё внимание, так что подойдёт и чёрно-белая текстура. И сразу наметим линейками центр рабочей области:


Рисуем мокап для обложки книги


Фигурой «Прямоугольник со скруглёнными углами» рисуем форму книги, с небольшим радиусом скругления углов:


Рисуем мокап для обложки книги


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


Рисуем мокап для обложки книги


Предлагаю сделать заготовку чуть более интересной и слегка повернуть книгу, чтобы она не лежала на деревянной поверхности так ровно: трансформацией (Ctrl+T) поворачиваем фигуру на определённый градус (в данном примере это "-8").


Рисуем мокап для обложки книги


Создаём новый слой (Shift+Ctrl+N) под смарт-объектом и «Пером» рисуем контур будущей тени:


Рисуем мокап для обложки книги


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


Рисуем мокап для обложки книги


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


Рисуем мокап для обложки книги


Нам нужно инвертировать выделение. Для этого просто зажмём сочетание клавиш Shift+Ctrl+I.


Рисуем мокап для обложки книги


Теперь размоем выделенную область. Для этого перейдём в меню «Фильтр - Размытие - Размытие при малой глубине резкости». Радиус размытия подберите в соответствии с масштабом вашего изображения. Снимаем выделение - Ctrl+D.


Рисуем мокап для обложки книги


Изменяем прозрачность слоя где-то на 30-40%.


Рисуем мокап для обложки книги


Тень получилась недостаточно реалистичной, но мы с ней и не закончили ещё. Дублируем слой (Ctrl+J) и создаём маску слоя.


Рисуем мокап для обложки книги


Теперь градиентом, уходящим в прозрачность, проводим линии, перпендикулярные сторонам самой верхней фигуры:


Рисуем мокап для обложки книги


На этом можно остановиться и перейти непосредственно к обложке. Дважды кликаем на смарт-объект и оказываемся в новом рабочем пространстве. Именно сюда мы и копируем иллюстрацию. Моя иллюстрация оказалась чуть большей по высоте, чем заготовка, но в этом нет ничего страшного — можно либо заготовку под иллюстрацию немного подогнать, либо, наоборот, иллюстрацию под заготовку. Жмём «Сохранить» (Ctrl+S) и в нашем основном файле обложка предстаёт в соответствующем виде:


Рисуем мокап для обложки книги


Придадим обложке более натуральный вид. Вновь переходим в смарт-объект и создаём новый слой поверх остальных. На нём мелкой кистью рисуем несколько линий: чёрных и белых. Изменяем прозрачность этого слоя на 10%.


Рисуем мокап для обложки книги

Рисуем мокап для обложки книги


Предлагаю добавить ещё один штрих — световой перелив. Создаём новый слой поверх остальных и заливаем его чёрным цветом. Затем выбираем инструмент «Кисть» (размер побольше) и белым цветом ставим большое пятно.


Рисуем мокап для обложки книги


Получился радиальный градиент. Изменяем тип наложения слоя на «Перекрытие», а прозрачность слоя где-то на 40%


Рисуем мокап для обложки книги


Можно ещё добавить похожим образом блик на саму обложку, а также поэкспериментировать с аксессуарами на деревянной поверхности, но это уже дело вкуса. А наша книга готова!


Рисуем мокап для обложки книги


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


И по обыкновению, выкладываю исходник урока — zip-архив (2,2 Мб)

Скачать архив




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





Просмотров: 47 / Теги: книга, обложка, мокап, урок, фотошоп

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

avatar


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


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