Рисуем книгу

Так уж сложилось, что когда-нибудь, но придется столкнуться с тем, что потребуется создание трехмерных книг в твердом переплете, или других “коробочноподобных” объектов. Конечно, вы можете смоделировать ее в трехмерной программе, но это может занять существенно большее количество времени чем в обычном двухмерном редакторе, таком как Photoshop. В этой статье мы постараемся изучить наиболее эффективные способы создания трехмерных объектов (книги и коробки)

Начнем с того, что нужно открыть изображение, используемое для обложки, я использовал недавно сделанную мной фотографию. В исходном виде ее лучше не оставлять, поскольку нужно соблюдать пропорции, использующиеся для книг, ну или хотя бы привести размер в соответствии с вашим представлением о пропорциях. Так данное фото имело разрешение 1024x768, я изменил его на 500x500 px (Image >Image size)

Теперь добавьте ваш фирменный текст на изображение. Особое внимание следует уделить цветовой гамме текста.

Есть два пути – либо установка цвета противоположного общей цветовой гамме, либо выбор цвета ей соответствующий, давайте остановимся на последнем варианте, как наиболее легком.

Выберите из панели инструментов Eyedropper и щелкните левой кнопкой мыши по необходимому оттенку. (Выбор будет лучше делать в зависимости от того, в светлой или темной части изображения вы будете размещать текст, для темной части нужно щелкать в светлой, и наоборот – для светлой в темной).

Добавим прямоугольники или квадратики, (это у кого уж как получится), с плавным переходом оттенка, в данном случае синего.

Выберите из панели инструментов Rectangular Marquee и создайте выделение таким образом, чтобы по высоте оно соответствовало размеру букв, вы можете даже сделать выделение прямо поверх текста. Получилось? Теперь создайте новый слой (Layer >New >Layer) и заполните его заданным вами цветом. Я использовал #75a8d9.

Осталось эти прямоугольники-квадраты, поделить и чделать симпатичный цветовой переход. Если у вас осталось активным выделение слоя, выполните команду Select >Transform Selection, если нет, то загрузите выделение слоя (щелчок левой кнопкой мыши, удерживая клавишу Ctrl) и выполните указанную выше команду.

Обратите внимание на верхнюю часть окна Photoshop – там доступны опции свободной трансформации. Нам интересен параметр “W:” не обращайте внимания на название, оно всем по началу кажется, мягко говоря, невнятным – это просто сокращение от английского Weight, что означает ширину – ее-то нам и нужно изменить.

Чтобы соблюсти пропорцию задайте ровное значение, например 25%. Переместите выделение в правую часть прямоугольника и выполните операцию вырезания через слой (Layer >New>Layer via Cut).

Загрузите выделение вновь созданного слоя, переместите его на край оставшегося прямоугольника, и снова повторите операцию нажатием клавиатурного сочетания Ctrl+Shift+J, измените Opacity данного слоя, задав его равным 86%.

Повторите эту операцию еще два раза, постоянно изменяя Opacity в меньшую сторону (я использовал значения 74%, 55%).

Сделайте активным фоновый слой и выполните команду Image >Canvas size и увеличьте размер холста, чтобы в дальнейшем было удобно работать при создании трехмерного объекта. Заполните фоновый слой любым градиентом (естественно цветовая гамма должна подходить по своему цветовому содержанию остальному изображению). В данном случае я использовал 25 cm на 25 cm.

Теперь пришло время заняться трансформацией нашей обложки и превращением ее в объемный объект. Растеризуйте все текстовые слои (щелкните в палитре Layers правой кнопкой мыши по необходимому слою и выберите из появившегося контекстного меню пункт Rasterize layer).

Сделайте активным слой стоящий выше фонового, и, удерживая клавишу Shift щелкните по самому верхнему слою, т.е. вам нужно выделить все слои, кроме фонового. Нужно нам это для того, чтобы «связать» их, для дальнейшей трансформации. Итак, нажмите кнопку , а затем выполните команду Edit >Transform >Skew.

Приведите ваше изображение в соответствии с рисунком

Создайте новый слой и расположите его ниже слоя с обложкой. Сделайте активным инструмент Pen. В его опциях установите режим контуров Paths. Создайте контур внешней части обложки (особое внимание следует обратить на углы), по завершении щелкните правой кнопкой мыши по нему и выберите пункт Make Selection. Заполните выделение черным цветом.

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

Как вы понимаете, их нужно сделать больше чем две :), дабы они не сливались в единую белую массу, предупредим этот момент заранее. Выполните команду Layer >Layer style >Drop Shadow и установите следующие параметры:

Blend.Mode – Multiply (Цвет черный);
Opacity – 16%;
Angle – 30%;
Distance – 0;
Spread – 0;
Size – 5;

Теперь сделайте копию данного слоя и разместите ее чуть ниже слоя с первой страницей. Самый простой способ дублирования в данном случае, на мой взгляд будет – перемещение слоя инструментом Move, удерживая клавишу Alt.

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

С помощью инструмента Rectangular Marquee создайте прямоугольное выделение вдоль обложки. Трансформируйте его как на рисунке

Выберите из панели инструментов Type, с его помощью напечатайте текст небольшого размера, так, если вы будете писать осмысленные фразы, то установите удобочитаемый размер шрифта. Я использовал произвольный набор букв.

По завершении выполните команду Edit >Transform >Rotate 90 CCW, и используя инструмент Move переместите текст на заднюю часть нашей книги

Все, осталось добавить страницы. Кстати, совсем необязательно размещать эти страницы максимально ровно, небольшие искажения все-таки должны быть, в конце концов, мы же хотим добиться реалистичности. В дополнение можно еще добавить тень от книги. Для этого отключите видимость фонового слоя и нажмите Ctrl+Shift+E и примените к получившемуся объединенному слою стиль Drop Shadow:

Blend Mode: Multiply (Цвет черный);
Opacity: 74%;
Angle: 146;
Distance: 18;
Spread: 0;
Size: 54.

Включите видимость фонового слоя и наслаждайтесь полученным результатом