Создание 3D макетов обложек книг с нуля

Вы очень часто видите 3D-макеты книг, которые выглядят достаточно реалистично, чтобы с первого взгляда сойти за фотографию книги. Это отличный способ оживить плоскую первую полосу, и неудивительно, что они часто используются в маркетинге. Я имею в виду что-то вроде этого (взято из CoverVault):

Макет книги

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

Поиск в Google учебных пособий о том, как создавать эти вещи, оказывается на удивление сложным: многие люди явно хотят их, поэтому существует миллион и один веб-сайт с бесплатными и платными готовыми к использованию шаблонами и плагинами Photoshop. Большой. За исключением того, что все они полностью и совершенно негибкие. Вы не можете настроить размер книги или угол обзора книги или что-то еще, что делает их практически бесполезными для меня. Я также могу найти множество реальных руководств, но шаг 1 во всех из них, кажется, «загрузить макет обложки книги в Photoshop из Интернета», что также не очень мне помогает, так как создание самого макета это то, для чего я пытаюсь найти учебник.

Я бы скорее научился создавать гибкую форму, которую я мог бы обернуть или исказить, чтобы создать 3D-макет, но, будучи относительным новичком в Photoshop (я обычно работаю больше с текстом, чем с графикой), я даже не знаю с чего начать это делать.

Кто-нибудь знает какие-либо ресурсы для выяснения того, как перейти от простого изображения обложки книги к 3D-преобразованию во что-то, что выглядит реалистично?

(У меня нет доступа к полноценным программам 3D-моделирования, таким как 3D Studio Max или Blender, и у меня нет особого желания [пере-] изучать их. Это слишком много усилий для одной вещи.)

актуальна и попытка дать общий ответ: как сделать макет логотипа в реалистичной среде?

Ответы (3)

Я всегда рекомендую использовать прямое 3D-приложение с фотореалистичным движком рендеринга.

Используйте блендер. https://www.blender.org/ Я почти уверен, что вы можете научиться делать книгу и разворачивать ее за пару часов.

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

Настоящее 3D — это то, что нужно.

Я прошел курс по 3DS Max около десяти лет назад, но должен признать, что он показался мне довольно сложным. Кажется, я припоминаю, что потребовалось несколько недель, чтобы дойти до того, что я смог отрендерить что- либо , что выглядело бы даже смутно реалистичным. Выбор между сложными и непонятными рендерерами освещения и массой других вещей, которые я уже не помню, скорее отпугнул меня от этого. Кроме того, тот факт, что рендеринг изображения в полном разрешении занимал около 15 часов (надеюсь, это не тот случай с Blender в наши дни), делал его использование немного болезненным…
@JanusBahsJacquet 3D сложнее, чем 2D, но научиться делать фотореалистичную книгу — задача за 1 день. Теперь рендеринг изображений размера печати может занять некоторое время, но, эй, современный компьютер имеет внутри по существу 4-8 (несколько лет назад) компьютеров. Но если вы знаете, что делаете, вы можете визуализировать изображение этой книги менее чем за секунду.

Я считаю, что вы хотите что-то среднее между готовым макетом и изучением Blender (или его эквивалента). Вы можете получить что-то в Illustrator и Photoshop, хотя я допускаю, что результат, вероятно, далек от фотографии высокого качества, и вы теряете все микродетали правильно отрендеренных 3D-текстур. Качество все еще может быть достаточно для веб-страниц.

Illustrator позволяет создавать 3D-экструзии. С его помощью вы можете выдавливать детали по отдельности или вместе. Вот одна серая бумага:

введите описание изображения здесь

В Illustrator можно добавить тени и блики, перспективу (здесь = нет, только изометрический вид), раскраску, текст и даже изображения.

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

Пребывание в Illustrator дает преимущество: размеры книги и проекцию просмотра легко изменить. Если вы хотите остаться в Illustrator, убедитесь, что те области, которые получат сопоставленное изображение, выдавлены из прямых линий или очень простых кривых без привязок в области изображения. Здесь крышка довольно изогнутая.

Простое тело:

введите описание изображения здесь

Все детали группируются перед экструзией. К сожалению, все части в Illustrator получают одинаковую глубину экструзии, если они экструдированы как группа. Внутренние листы книги должны быть короче обложки. Это можно обойти, экструдируя листы по отдельности и затем объединяя их в Illustrator или Photoshop. Здесь пропущено. Также пропускается сложная привязка.

В Photoshop можно добавлять изображения и тексты. Искажайте их только в одной проекции с помощью Edit > Transform > Scale/Rotate/Skew/Distort.

Также возможны световые эффекты. Здесь добавляется только элементарная тень.

введите описание изображения здесь

КСТАТИ. В этой книге всего 50 страниц, но они достаточно толстые. Они представляют собой набор горизонтальных линий, разделенных довольно произвольными изгибами на концах.

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

Имитация фотореалистичного изображения обложки книги

ДОБАВИТЬ: Чтобы показать, что страницы книги могут иметь разную длину, чем длина обложки, я вставил этот скриншот из Illustrator:

введите описание изображения здесь

Страницы и обложка выдавлены отдельно с разной глубиной (=сделана одна выдавливание, продублировано, с одной копии страницы удалены в режиме изоляции, с другой удалена обложка и укорочена выдавливание)

Страницы поднимались наверх и перетаскивались в нужное место. Была сделана еще одна копия обложки, поднята вверх и вставлена ​​маска непрозрачности (или обтравочная маска), чтобы скрыть лишние части копии обложки, осталась только передняя обложка.

Это выглядит очень многообещающе! Ваш окончательный результат здесь (с некоторыми изменениями здесь и там) прекрасно подходит для моих нужд (в основном небольшие иллюстративные картинки высотой не более 4 см, используемые в различных папках и листовках). Как вы делали страницы? Это просто набор тонких линий, наложенных друг на друга?
Верно! Страницы прямые. Я добавил это к ответу.

Что касается меня, хотя я использую Blender и люблю его , мои предпочтения, набор инструментов и база ресурсов сосредоточены вокруг modo . Лично меня рабочие процессы, удобные для художника, покорили меня много лет назад, и каждое усовершенствование приносит новую мощность и скорость.

Иногда я создаю предварительные версии проектов документации, чтобы помочь клиентам моего клиента визуализировать, как могут выглядеть готовые руководства — вот один из текущего текущего проекта клиента:

введите описание изображения здесь

Я сохранил файл проекта modo, который я создал для этого, и теперь могу использовать его для любых изображений на основе переплета (я уже делал книги в твердом переплете довольно давно), поэтому все, что мне нужно сделать для повторного использования в другом клиентском контексте, это заменить карту изображения используется в диффузном канале (это не PBR, поэтому не канал металлических спецификаций), а обложка и корешок меняются. Поскольку это 3D-сцена с 3D-моделями (ну, одна модель — один экземпляр) и камерой для рендеринга с 3-точечной настройкой освещения, я могу переставить ее по своему усмотрению, я могу продолжать использовать установленную мной установку для фотографического освещения, или переключиться на рабочий процесс освещения на основе изображения HDRI, если я хочу — все зависит от меня.

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

введите описание изображения здесь

Так что я согласен с @Rafael - преимущества и гибкость намного перевешивают первоначальные инвестиции и усилия: разработайте 3D-ресурс и набор инструментов - вы будете удивлены, как часто они могут помочь неожиданным образом.