1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Как создать обложку и внутренние страницы детской книги

Scroll to top
Read Time: 19 min
This post is part of a series called Book Templates.
Create a Cool Image-Inside-Image Effect in Adobe InDesign
Design a Hardback Cover for a Young Adult Fiction Book in Adobe InDesign

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Здравствуйте и добро пожаловать в моё руководство по созданию моей первой опубликованной детской книги – «Руан, маленькая рыжая белка» автора Rachel McGaw. 

В этом руководство будет раскрыт процесс создания обложки и двухстраничного разворота при помощи Adobe InDesign CS6 и Adobe Photoshop CS6. Здесь будет больше теории создания книги и работы с издательством или автором, чем обучения рисованию.  

В этом руководстве будет рассказано, что произошло, когда мне дали задание создать книгу «Руан, маленькая рыжая белка». Каждая работа другая, но в основе большинства работ лежат похожие процессы – в этом руководстве представлен мой опыт, а ваш может отличаться.  

В этом руководстве я расскажу: 

  1. Чего ожидать от издательства или автора 
  2. Как создать обложку книги в InDesign CS6, в частности условия и настройки, которые вам нужно иметь в виду при создании документа.  
  3. Приблизительная раскладка: чтобы у клиента было представление о ваших намерениях и чтобы убедиться, что все важные элементы находятся на своих местах. 
  4. Как я совмещаю раскладку
  5. Перемещение раскладки в Photoshop для начала зарисовки  
  6. Приблизительная цветная композиция – почему это важно: чтобы убедиться, что иллюстрация будет сбалансированной и цеплять взгляд, а правильные элементы привлекают внимание зрителей. 
  7. Финальная раскладка обложки в InDesign, включая штрихкод, международный стандартный книжный номер, финальный рекламный текст на обложке, заголовок, ссылки на автора и иллюстрацию и текст на корешке, включая название книги, имя автора, иллюстратора и издательства.   
  8. Изменение рекламного цвета
  9. Изменение цвета заголовка
  10. Как создать разворот книги
  11. Сохранение книжной раскладки и планирования во всей книге
  12. Создание приблизительной цветной палитры 
  13. Добавление готового рисунка в InDesign
  14. Экспорт книги в формате PDF

В этом руководстве я буду использовать Adobe Photoshop CS6 для рисования и эскизов и Adobe InDesign CS6 – для создания раскладки. 

1. Чего ожидать от издательства или автора

  1. Копию рукописи, которая может быть финальной или черновой копией, с которой можно начать работу. 
  2. Список иллюстраций, необходимых для каждой страницы. Некоторые издатели предоставят вам часть текста на иллюстрацию, другие предоставят вам детали, которые должны быть в иллюстрации или развороте.  В моём случае иллюстратор любезно предоставил мне заметки о том, что Руан должен делать в каждом кадре. Рисунок на обложку был открыт рядом с моей интерпретацией.  Если обложка не должна быть готова сразу для рекламы, мне нравится оставлять её на потом, т.к. я лучше чувствую персонажей и историю. 
  3. Контракт! Каждый уважающий себя издатель предоставит вам контракт, устанавливающий правила оплаты (очень важно!),  распространения, сроков сдачи, отмены и всего того, что от вас ожидается, например, количество иллюстраций и размер: цвет, градации серого или чёрно-белый. Информацию о контрактах можно найти в Сообществе на сайте Иллюстраторов. 
  4. Параметры рисунка. Вам нужно знать, насколько большой (или маленькой!) должна быть создаваемая работа! 

Книга «Руан, маленькая рыжая белка» опубликована издательством Forth Books; распространение Lomond Books. 

Впервые опубликована в 2016 году издательством Forth Books.

Авторское право на рисунок  Rowena Aitken 2016; авторское право на текст Rachel McGaw 2016.

Никакая часть публикации не может быть воспроизведена без предварительного разрешения издательства Forth Books.

2. Как я настроила обложку книги в InDesign CS6

Шаг 1

Создайте Новый документ в InDesign. Вы можете сделать это, перейдя в Файл > Новый > Документ или Control-N.

InDesign можно использовать для Печати, Веб-проектов и интерактивных проектов, но в этом руководстве мы коснёмся только печати.  

Для примера я хочу создать квадратную книгу 210 х 210 мм с отступом 10 мм и краем страницы 10 мм. 

InDesign Document Setup WindowInDesign Document Setup WindowInDesign Document Setup Window

Совет: Если нажать на иконку с цепью, чтобы получилось одинаковое значение во всех краевых колонках, один раз нажмите на клавишу Tab. Таким образом заполнятся все значения! 

Количество страниц

Это количество страниц в вашем документе. Не беспокойтесь, если не знаете сейчас, т.к. дополнительные страницы можно добавить позже. 

Номер стартовой страницы

Очевидно, что это номер страницы, с которого вы хотите начать нумерацию. Например, если у вас книга из десяти страниц, но первые две страницы пустые, вы можете настроить так, что страница 3 будет на первой странице.  Это третья страница в книге, но она является первой страницей с содержанием. Это можно изменить позже. В книге «Руан, маленькая рыжая белка» я не использовала эту функцию, но о ней полезно знать. 

Титульные листы

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

Ширина и высота

Это Ширина и Высота вашего документа, указанная здесь в Миллиметрах (мм). Вы можете изменить единицы измерения, перейдя в Редактировать > Пользовательские настройки > Единицы измерения и надбавки. 

Ориентация

Портретная или альбомная ориентация. 

Колонки

Не нужны в нашем руководстве, но всегда лучше обладать полной информацией!

Количество: сколько колонок вы хотите иметь в документе. Это для газетных статей, в которых содержится несколько колонок на странице.  

Канава: промежуток между колонками текста.  

Поля

Поле – это пространство вокруг внутреннего края документа, чтобы рисунок или текст не были обрезаны. 

Выпуск за обрез и служебное поле

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

Служебное поле отличается от выпуска за обрез. Если вы представите себе лист бумаги А4 с рисунком А5 в середине, и есть бумага, которую можно обрезать – это то место, где можно оставить заметки клиенту, печатнику или редактору. 

По моему опыту, оно обычно не пригождается. 

Slug Bleed Document Boundary and Margin DiagramSlug Bleed Document Boundary and Margin DiagramSlug Bleed Document Boundary and Margin Diagram

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

Шаг 2

Вот наш документ с титульными страницами. Для этого примера я создала квадратную книгу 210 х 210 мм. 

Square Facing PagesSquare Facing PagesSquare Facing Pages

В нижней части панели Страниц есть вкладка «Редактировать страницы». Кликните на ней и увидите список опций. Кликните на «Произвольный». 

Custom Pages SelectionCustom Pages SelectionCustom Pages Selection

Шаг 3

Появится диалоговое окно. Здесь измените Ширину на 425 мм. Это Ширина (210 мм) + Корешок (5 мм) + Ширина (210 мм). Затем нажмите ОК

Custom Page Size Dimensions ChangeCustom Page Size Dimensions ChangeCustom Page Size Dimensions Change

Шаг 4

Чтобы использовать Направляющие, вам понадобятся видимые Линейки (Control-R). Перетащите Вертикальную линейку для вертикальной направляющей, либо Горизонтальную линейку для горизонтальной направляющей, либо все вручную, введя  Направляющую точку. 

Мне нравится перетаскивать Линейку и помещать направляющую в дальнем углу документа. 

Custom Page Inside An InDesign DocumentCustom Page Inside An InDesign DocumentCustom Page Inside An InDesign Document

Затем я перехожу в положение Х на панели инструментов и ввожу /2. Направляющая размещается точно в центральной точки монтажной области. Вы также можете ввести /4,  чтобы поместить направляющую на четвёртой части или использовать * (например, *2) для удваивания значения. 

InDesign Spine Guide Setup - Guide 1InDesign Spine Guide Setup - Guide 1InDesign Spine Guide Setup - Guide 1

Шаг 5

Расположите следующую направляющую на расстоянии 5 мм от первой. 

InDesign Spine Guide Setup - Guide 2InDesign Spine Guide Setup - Guide 2InDesign Spine Guide Setup - Guide 2

Шаг 6

Файлы PDF можно легко экспортировать из InDesign, перейдя в Файл > Настройки Adobe PDF > Печать в высоком разрешении. 

В Общих настройках установите Диапазон на то количество страниц, которое вы хотите экспортировать (в данном случае 1-2) и установите Страницы на Развороты.  

InDesign PDF Export Settings - General InDesign PDF Export Settings - General InDesign PDF Export Settings - General

Затем в Метках и выпуске за обрез выберите Все метки принтера. 

InDesign PDF Export Settings - Marks and BleedInDesign PDF Export Settings - Marks and BleedInDesign PDF Export Settings - Marks and Bleed

Здесь у меня показано изображение настоящего файла PDF, который я экспортировала из InDesign. Это упрощённая версия того, что я использую для создания композиции моего эскиза в Photoshop.

Обратите внимание, как я добавила прямоугольник на области корешка в InDesign. Я сделала это, взяв Инструмент «Прямоугольник» (М) и перетащив прямоугольник на направляющие, в то время как Привязка к направляющим является активной.  

Basic Cover Layout SampleBasic Cover Layout SampleBasic Cover Layout Sample

Для этого вы можете экспортировать файлы PDF или JPG. Я предпочитаю PDF, т.к. эти направляющие прозрачные, пока не установлена бумага в качестве основы*. 

*Бумага белая по умолчанию, но это может быть полезно, если вы собираетесь, к примеру, печатать на бледно-голубой копировальной бумаге, чтобы посмотреть, как выглядит рисунок. InDesign создаёт свои файлы на прозрачном слое.  

Cover Layout PDF in PhotoshopCover Layout PDF in PhotoshopCover Layout PDF in Photoshop

Чтобы Открыть PDF в Photoshop, перейдите в Файл > Открыть и выберите свой .pdf. Появятся параметры, похожие на эти. Если это многостраничный файл PDF, можете выбрать для открытия больше одной страницы.  

Open A PDF in Photoshop DialogueOpen A PDF in Photoshop DialogueOpen A PDF in Photoshop Dialogue

Ширина корешка

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

Ссылки и обновление внешнего рисунка 

InDesign – потрясающая программа. Как другие продукты Adobe, например, After Effects и Premiere InDesign, она создаёт связь с внешними ресурсами вместо того, чтобы хранить их в программе.  

Это значит, что если у вас есть файл .psd, связанный с корешком книги, и вам приходит мысль «О, я хочу немного сдвинуть это дерево влево», вы просто можете кликнуть правой кнопкой на файле.psd на панели Ссылок в InDesign и выбрать «Редактировать оригинал».  Файл .psd откроется в Photoshop, вы можете внести изменения и затем нажать Control-S, чтобы Сохранить. Вернитесь в InDesign, и рисунок автоматически обновится.  

Если этого не происходит, перейдите на панель Ссылок и кликните на «Связать заново», а затем выберите файл там, где он хранится.  

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

Adobe InDesign работает со следующими ссылками: 

  • .eps (инкапсулированный PostScript)
  • .ai (векторный файл Adobe Illustrator)
  • .jpeg или .jpg (Объединённая экспертная группа по фотографии)
  • .psd (документ Photoshop)
  • .tiff или .tif (Теговый формат файла изображения)
  • .pdf (Формат переносимых документов)

Выбор шрифта

Очень важно обдумывать шрифты для детских книг. Текст должен быть чётким, ясным и не слишком маленьким. Дети учатся читать, поэтому вам нужно сделать этот процесс как можно более простым и приятным. 

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

Ruan Mermaid BoldRuan Mermaid BoldRuan Mermaid Bold

Ruan Mermaid Swash Caps BoldRuan Mermaid Swash Caps BoldRuan Mermaid Swash Caps Bold

Я применила шрифт, т.к. «взмах» буквы S в слове «белка» напомнил мне о беличьем хвосте. Важно узнать лицензионные правила шрифтов перед их использованием. В данном случае я и издатель обратились к создателю шрифта за разрешением.  

Оба этих шрифта понятные и читаемые без излишних украшений.

Условия для обложки

Стандартная обложка книги должна содержать: 

  • Текст на корешке: с автором, иллюстратором, названием и логотипом издателя 
  • Задняя сторона: штрих-код с ISBN, аннотацию, логотип издателя и сайт  
  • Передняя сторона: название, имена главного персонажа, автора и иллюстратора 

Условие от издателя: обложка должна быть яркой, цепляющей взгляд, читаемой, интересной и отображать историю. Далее я перейду к тому, как сделать приблизительную раскладку обложки и перейду от InDesign к Photoshop.

3. Приблизительная раскладка обложки

Вот актуальные параметры книги «Руан, маленькая рыжая белка». В целом, обложка бумажной детской книги будет такого же размера, как страницы, плюс дополнительная ширина корешка.  Она зависит от вида скрепления и толщины обложки. Если книга в твёрдом переплёте, есть разные размеры. 

Jacket DimensionsJacket DimensionsJacket Dimensions

Вот обложка с доступной основной информацией. 

Ruan Lorem IpsumRuan Lorem IpsumRuan Lorem Ipsum

4. Как я собираю всю композицию вместе

Добавим знак корешка

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

Spine Marker - InDesignSpine Marker - InDesignSpine Marker - InDesign

Выбрав Привязку к направляющим, нарисуйте прямоугольник Инструментом «Прямоугольник» (М) и выберите любой цвет. 

Добавляем заголовок

Заголовок – один из самых важных элементов обложки книги. Вот как я его создала.  

Шаг 1

Затем я перетащила текстовое окно Инструментом «Текст» (Т) и напечатала «Руан, маленькая рыжая белка».  

Ruan Title BasicRuan Title BasicRuan Title Basic

Шаг 2

Далее выделите только нижнюю линию и нажмите на «Выключить все строки» в окне Параграфа, которое можно вызвать нажатием Alt-Control-T.

Paragraph Panel InDesignParagraph Panel InDesignParagraph Panel InDesign
Ruan Title Justify All LinesRuan Title Justify All LinesRuan Title Justify All Lines

Шаг 3

Чувствую, что нужно сделать больше акцента на «Руане», поэтому добавляю его на отдельную линию и увеличиваю размер точки до 63 точек, а «Маленькую рыжую белку» - до 42 точек.  

Finished Ruan TitleFinished Ruan TitleFinished Ruan Title

Добавляем имена автора и иллюстратора

Далее я создаю следующее текстовое окно при помощи Инструмента «Текст» (Т) и с выбранный шрифтом Mermaid я печатаю «Написано Рэйчел МакГо» на верхней линии и «Иллюстрация Роуэны Аиткен» - на нижней линии.  

Author and Illustrator NamesAuthor and Illustrator NamesAuthor and Illustrator Names

Поле для вставки штрих-кода и ISBN

Иногда может занять не очень много времени для того, чтобы достать штрих-код и ISBN для книги, поэтому поле для вставки должно быть на месте. Нарисуйте прямоугольник приблизительного размера Инструментом «Прямоугольник» (М) и заполните его чёрным цветом.  

Barcode PlaceholderBarcode PlaceholderBarcode Placeholder

Поле для вставки аннотации

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

Drag Out A Text BoxDrag Out A Text BoxDrag Out A Text Box

Шаг 4

На панели инструментов перейдите в Тип, затем внизу выберите «Заполнить замещающим текстом». 

Type Fill With Placeholder TextType Fill With Placeholder TextType Fill With Placeholder Text

Область заполнится текстом, пока вы ждёте финальную копию от своего издателя или автора. 

Placeholder TextPlaceholder TextPlaceholder Text

Отсылаем приблизительную компоновку издателю 

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

Эта версия отправляется издателю, чтобы проверить, всё ли хорошо. И всё хорошо! 

Ruan With Actual BlurbRuan With Actual BlurbRuan With Actual Blurb

5. Открываем компоновку в Photoshop, чтобы начать зарисовку!

Я экспортировала эту раскладку в Photoshop как файл pdf и открыла, как раньше. Слой с книжной раскладкой установлен на Умножение в Стилях слоя, поэтому я могу рисовать под ним.   

Обратите внимание на то, как я распределила информацию, которая должна быть на обложке. 

  • Заголовок – на чистой области неба и не перекрывается облаками или листьями. 
  • Ветка ведёт взгляд читателя вдоль книги на заднюю обложку, где содержится аннотация. 
  • Есть интересные слои: небо, облака, деревья на расстоянии, белка Руан на ветке, гусеница и листья на переднем фоне. 

Когда дизайн будет готов, я отправляю его издателю для оценки. 

Ruan Rough Sketch Ruan Rough Sketch Ruan Rough Sketch

Поправки

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

Ruan Amended Rough SketchRuan Amended Rough SketchRuan Amended Rough Sketch

Далее перейдём к композиции цветов. 

6. Приблизительная композиция цветов: почему это важно 

Шаг 1

В Photoshop на Новом слое (Control-Shift-N), я набрасываю все цвета, начиная с тех, которые я знаю, например: белка – оранжевая, листья – зелёные, небо – голубое. Это важно по ряду причин. 

  1. Это позволяет клиенту увидеть вашу идею перед началом раскрашивания. 
  2. Не нужно гадать, когда вы начинаете раскрашивать.
  3. Вы можете увидеть любые конфликты, которые появятся сразу, и изменить палитру соответственно. 
  4. Вы можете поиграть с настроением и освещением. 

Ruan Rough ColoursRuan Rough ColoursRuan Rough Colours

Шаг 2

Ниже представлен отличный пример того, почему мы создаём приблизительные цвета. Здесь я думаю, что в композиции не достаточно красного цвета.  Красный – хороший цвет, т.к. привлекает взгляд, поэтому я решила, что бабочка будет хорошим отличительным признаком для переднего плана. Если хотите, чтобы ваша книга просилась в руки с полок, лучше использовать сочетание красного и зелёного! 

Ruan Rough Colours ButterflyRuan Rough Colours ButterflyRuan Rough Colours Butterfly

Шаг 3

Чтобы сделать раскрашивание легче, я создала «плоскости». Это большие области цвета на отдельных слоях. Мне нравится отсылать клиенту их и палитру, т.к. получается немного чище.   

Ruan Flat ColoursRuan Flat ColoursRuan Flat Colours

Взгляните на мои руководство по процессу рисования: «Создаём пиратскую иллюстрацию с несколькими персонажами для маленьких детей в Adobe Photoshop» и «Создаём цифровой рисунок зомби с нуля в Adobe Photoshop»

7. Финальная раскладка обложки в InDesign

Текст на корешке

Шаг 1

Т.к. текст на корешке расположен под углом 90 градусов, лучше повернуть разворот. Вы можете сделать это, перейдя в Вид > Повернуть разворот > 90 градусов против часовой стрелки.  

Ruan Cover Rotated 90 CCWRuan Cover Rotated 90 CCWRuan Cover Rotated 90 CCW

Шаг 2

Затем напечатайте текст, в данном случае такой: 

Руан, маленькая рыжая белка Автор Рэйчел МагГо Иллюстратор Роуэна Аиткен 

Затем выберите шрифт, в данном случае BlairITC TT, и установите 10 точек для заголовка и 7.5 точек для имён автора и иллюстратора.  

Ruan Spine TextRuan Spine TextRuan Spine Text

Шаг 3

Добавим логотип Forth Books logo, нажав Control-D, выбрав файл, который нам нужен  (Forth.ai), и поместив его на корешок.  

Ruan Completed SpineRuan Completed SpineRuan Completed Spine

Далее сделаем так, чтобы текст выделялся на фоне. 

8. Изменяем цвет аннотации

Здесь мы можем увидеть, что аннотацию сложновато читать, поэтому давайте сделаем её белой. 

Ruan Blurb BlackRuan Blurb BlackRuan Blurb Black

Шаг 1

Выделите текст при помощи Инструмента «Текст» (Т). 

Ruan Blurb SelectedRuan Blurb SelectedRuan Blurb Selected

Шаг 2

Перейдите к цвету текста на панели инструментов и выберите Бумагу

Ruan Blurb Change To PaperRuan Blurb Change To PaperRuan Blurb Change To Paper

Шаг 3

Нажмите Shift-Control-A, чтобы Снять выделение вуаля

Ruan Blurb White PaperRuan Blurb White PaperRuan Blurb White Paper

Размещение штрих-кода

Штрих-код важен для продавцов, чтобы они могли просканировать книгу. Он должен быть высококонтрастным, в идеале – чёрным на белом. Издатель выслал ISBN в шрифте  .TIF.

Далее добавлю логотип издателя, Forth.ai, сайт и цену.

Ruan Barcode ISBN and PriceRuan Barcode ISBN and PriceRuan Barcode ISBN and Price

9. Изменяем цвет заголовка

Далее нам нужно посмотреть на заголовок. Чёрный не очень смотрится на голубом небе, поэтому нам нужно изменить его на белый – это очень просто. 

Black Ruan Title in InDesignBlack Ruan Title in InDesignBlack Ruan Title in InDesign

Шаг 1

Выделите текст Инструментом «Текст» (Т). 

Ruan Title Selection in InDesignRuan Title Selection in InDesignRuan Title Selection in InDesign

Шаг 2

Далее на панели инструментов кликните на треугольнике на стороне верхнего квадрата (Заливка), когда наведёте на него курсор. Появится выпадающее меню, где вы можете выбрать образец цвета. Здесь нам нужен белый, поэтому выберем Бумагу. 

Ruan Title Paper Fill in InDesignRuan Title Paper Fill in InDesignRuan Title Paper Fill in InDesign

Шаг 3

Белый уже выглядит намного лучше, но чувствую, что нужен контур, чтобы выделить букву на фоне.  Нажмите на треугольник на стороне квадрата ниже Заливки с блуждающей Т и диагональной красной линией сквозь неё. Он отвечает за цвет Обводки. Выберите чёрную. 

Ruan Add Stroke To Titles in InDesignRuan Add Stroke To Titles in InDesignRuan Add Stroke To Titles in InDesign

Шаг 4

Выглядит отлично, но я чувствую, что обводка должна быть немного тоньше. Чтобы вызвать диалоговое окно Обводки, нажмите F10 на клавиатуре.  Здесь вы можете установить любые параметры обводки или вручную впечатать номер. Я ввела значение Обводки 0.89 точек. 

Ruan Stroke Adjustment in InDesignRuan Stroke Adjustment in InDesignRuan Stroke Adjustment in InDesign

Шаг 5

Чтобы снять выделение с текста, нажмите Shift-Control-A.

Ruan Finished Titles in InDesignRuan Finished Titles in InDesignRuan Finished Titles in InDesign

Шаг 6

Вот наша законченная обложка! Выглядит прекрасно. 

Ruan Finished InDesign LayoutRuan Finished InDesign LayoutRuan Finished InDesign Layout

10. Как создать разворот книги 

Шаг 1

Анализируем сводку

Вот копия сводки, которую выслал издатель. 

Publishers briefPublishers briefPublishers brief

Для разворота нам понадобится:

  • Высокие деревья 
  • Лесной парт 
  • Знак входа
  •  Руан и друзья 
  • Птицы и бабочки

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

Шаг 2

Я зарисовала на бумаге возможную композицию. Она не должна быть аккуратной. На самом деле, чем более беспорядочной, спонтанной и текучей она будет, тем лучше! Да, это основа начала каждой книги. 

Обратите внимание на включение «белок», «бабочки», «паркового знака» и «контура деревьев». 

Ruan Opening Spread ThumbnailRuan Opening Spread ThumbnailRuan Opening Spread Thumbnail

Я создаю всю книгу вот так. Некоторым людям нравятся зарисовки на бумаге, чтобы видеть композицию, но мне нравится комбинировать их Photoshop, особенно, если я могу внести некоторые правки.  Смотрите сами, какой процесс вам нравится больше: традиционный, цифровой или оба! 

Далее поговорим о движении рисунка на протяжении всей книги. 

11. Раскладка книги и планирование: сохранение движения на протяжении всей книги 

Чтобы детям (и взрослым!) было интересно смотреть на картинки во всей книге, важно создать движение. Также очень важно внести разнообразие композиций, поз и расположения героев. 

Зарисовки помогут вам прийти к неожиданным композициям без особых усилий. Освободите свою креативность! 

Ruan Book Thumbnails Image 1Ruan Book Thumbnails Image 1Ruan Book Thumbnails Image 1

Некоторые кадры сделаны через беличье плечо, чтобы показать его точку обзора, другие сделаны с близкого ракурса, а некоторые (например, 23), сделаны с далёкого ракурса, чтобы показать размер Руана в сравнении с двумя людскими персонажами. Проработав всю книгу в уме, у вас не получатся в итоге одинаковые композиции, повторяющие друг друга. 

Ruan Book Thumbnails Image 2Ruan Book Thumbnails Image 2Ruan Book Thumbnails Image 2

12. Создаём приблизительную цифровую палитру

Шаг 1

Я импортировала файл .pdf из InDesign в Photoshop. Я создала белый слой за текстом, т.к. файлы pdf становятся прозрачными в Photoshop, если нет фоновых картинок.  

Ruan InDesign Layout In Photoshop - SpreadRuan InDesign Layout In Photoshop - SpreadRuan InDesign Layout In Photoshop - Spread

На Новом слое (Control-Shift-N) я беру любую кисть и начинаю зарисовывать, опираясь на свои заметки. Помните, что вам нужно сохранять пространство вокруг текста.

Ruan Rough SpreadRuan Rough SpreadRuan Rough Spread

Далее я могу перейти к приблизительным цветам. 

Шаг 2

В Photoshop я создала Новый слой (Control-Shift-N) под приблизительным эскизом, взяла случайную кисть и начала работать от больших областей к маленьким и от известных к неизвестным.  

На Новом слое (Control-Shift-N) я нарисовала василёк.  

Ruan Sky - Rough ColourRuan Sky - Rough ColourRuan Sky - Rough Colour

Шаг 3

При помощи большой мягкой кисти я добавила источник света на правой стороне страницы. 

Ruan Sun - Rough ColourRuan Sun - Rough ColourRuan Sun - Rough Colour

Шаг 4

Затем я создала Новый слой (Control-Shift-N) и внесла немного оттенков зелёного для деревьев и травы.  

Ruan Greenery - Rough ColourRuan Greenery - Rough ColourRuan Greenery - Rough Colour

Шаг 5

Мне показалось, что композиции нужно что-то ещё, поэтому добавила ещё один Новый слой (Control-Shift-N) с несколькими оленями.  

Ruan Deer - Rough COlourRuan Deer - Rough COlourRuan Deer - Rough COlour

Шаг 6

Затем на Новом слое (Control-Shift-N) я добавила ржаво-оранжевый для белок.   

Ruan - Squirrels Rough ColourRuan - Squirrels Rough ColourRuan - Squirrels Rough Colour

Шаг 7

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

Ruan Grass Colour BrightenRuan Grass Colour BrightenRuan Grass Colour Brighten

Шаг 8

Далее я добавила несколько маргариток и серо-оранжевую бабочку. 

Ruan Butterfly Rough ColoursRuan Butterfly Rough ColoursRuan Butterfly Rough Colours

Шаг 9

Затем я нарисовала несколько цветов, чтобы разбавить область травы. 

Ruan Rough Colours FlowersRuan Rough Colours FlowersRuan Rough Colours Flowers

Шаг 10

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

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

Ruan Layout With TextRuan Layout With TextRuan Layout With Text

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

Ruan Colour ThumbnailsRuan Colour ThumbnailsRuan Colour Thumbnails

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

Ruan Clean Line Art and FlatsRuan Clean Line Art and FlatsRuan Clean Line Art and Flats

Готовый рисунок для разворота!

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

Я также удалила заднюю лапу Руана, т.к. издатель посчитал, что её могут воспринять как что-то, чего не должно быть в детской книге! 

Ruan Opening Spread CompleteRuan Opening Spread CompleteRuan Opening Spread Complete

Далее мы добавим законченный рисунок в InDesign

13. Добавляем законченный рисунок в InDesign

Шаг 1

Чтобы открыть ваш рисунок в InDesign, я рекомендую создать Новый слой для рисунка. Нажмите F7 для открытия панели Слоёв.  

InDesign Layers PanelInDesign Layers PanelInDesign Layers Panel

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

Вот пустая раскладка в InDesign. Для вставки рисунка нужно Control-D, поместить файл (в данном случае это Ruan_DS_2-3.psd) и выделить его. 

InDesign Spead BaseInDesign Spead BaseInDesign Spead Base

Рядом с вашим курсором появится миниатюра файла, который вы хотите вставить. Нажмите на него в верхнем левом углу, и рисунок появится. 

InDesign Drop Spread Into InDesignInDesign Drop Spread Into InDesignInDesign Drop Spread Into InDesign

Ruan Spread PSD in InDesignRuan Spread PSD in InDesignRuan Spread PSD in InDesign

Шаг 2

Изменяем цвет шрифта разворота

Измените цвет текста с чёрного на белый. Для этого выделите текст Инструментом «Текст» (Т), затем нажмите F5, чтобы открыть панель Образцов и выберите Бумагу. Текст станет белым. 

InDesign Font Colour PanelInDesign Font Colour PanelInDesign Font Colour Panel

Я вернулась обратно в InDesign и обновила ссылку. Текст внизу страницы немного нечёткий в чёрном цвете, поэтому я изменила его на белый, и теперь он выглядит намного лучше.  

Ruan Spread In InDesign With Text Colour ChangeRuan Spread In InDesign With Text Colour ChangeRuan Spread In InDesign With Text Colour Change

14. Экспортируем книгу как файл PDF

Шаг 1

Когда вся книга будет готова в едином стиле и рисунок – одобрен издателем, я экспортирую PDF в Высоком разрешении в InDesign, перейдя в Файл > Настройки Adobe PDF > Высококачественная печать, и напечатаю имя файла, который я хочу дать файлу  pdf, в данном случае - Rowena_Aitken_Ruan.pdf.

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

Export PDF - InDesign - General SettingsExport PDF - InDesign - General SettingsExport PDF - InDesign - General Settings

Шаг 2

Здесь я выбрала все параметры Меток и выпуска за обрез, но оставила Служебное поле, т.к. в этой области нет информации. 

Export PDF - InDesign - Marks BleedsExport PDF - InDesign - Marks BleedsExport PDF - InDesign - Marks Bleeds

Затем Экспортируйте .pdf, проверьте его и отправьте издателю. Дождитесь отзыва, и если он хороший, поаплодируйте себе. Отличная работа! 

Заключение

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

Мне понравилось создавать Руана, маленькую рыжую белку, а работа с издательством Forth Publishing была мечтой! Если у вас есть какие-нибудь вопросы или предложения, оставляйте комментарии ниже.  

Книгу «Руан, маленькая рыжая белка» автора Rachel McGaw можно купить на британском Amazon и во всех хороших книжных магазинах. 

Ruan The Little Red Squirrel WaveRuan The Little Red Squirrel WaveRuan The Little Red Squirrel Wave

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads