Advertisement
  1. Design & Illustration
  2. Adobe InDesign

Как создать эффективную электронную книгу с помощью Adobe InDesign

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called How to Create a Book Cover.
Design a Hardback Cover for a Young Adult Fiction Book in Adobe InDesign
Create a Cool Image-Inside-Image Effect in Adobe InDesign

Russian (Pусский) translation by Jenyia (you can also view the original English article)

Final product image
What You'll Be Creating

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

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

В этом уроке мы рассмотрим функцию Digital Publishing в Adobe InDesign и то, как вы можете создать эффективную обложку для электронной книги, которая одинаково хорошо работает с миниатюрами и большими размерами.

1. Важное примечание о размере

Обложки еBook бывают разных размеров (как с точки зрения размеров, так и размера файла), а размер зависит от сайта публикации еBook, будь то Amazon (Kindle), Kobo, Barnes & Noble, Apple iBooks, Lulu или Smashwords (среди прочих!).

Logos for digital publishers

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

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

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

В настоящее время Amazon рекомендует, что для максимального качества, обложка eBook должна оставлять 2500 пк вдоль самой длинной стороны. Это работает на шкале масштаба, так что, если самая длинная сторона не превышает 10,000 пк, что является пределом Amazon, вы можете создать обложку с соотношением ширины и высоты 8:5. Это создаст высокую, тонкую обложку.

Но гибкие требования к размерности Amazon означают, что вы также можете сделать обложку немного шире, что придаст дизайну вашей обложки немного больше свободного пространства по ширине. Соотношение 9:6 используется некоторыми авторами eBook на Amazon, и эти обложки часто выглядят более профессионально. В этом уроке мы создадим обложку 3200 пк на 4800 пк, которая по-прежнему будет вполне удовлетворять требованиям Amazon.

Это отсортированные размеры, но вам также необходимо сохранить окончательный файл обложки в формате JPEG или TIFF с разрешением 72 dpi (точек на дюйм), размер которого не превышает 50 МБ. Таким образом, если вы не хотите сжать ваш файл очень сильно, не поддавайтесь соблазну протолкнуть соотношение и пройти весь путь до предела в 10,000 пк.

2. Не менее важная заметка о дизайне

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

Просмотрите любую электронную библиотеку, и вы можете начать замечать некоторые общие элементы эффективных обложек:

Разборчивый и увеличенный текст

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

Обложки EBook совершенно разные. Вы просматриваете электронные книги в онлайн-библиотеке, состоящей из миниатюр, обычно размером не более 105 на 160 пк.

Итак, на перспективу, вот об этой большой:

thumbnail size

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

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

Ясность является приоритетом в деталях

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

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

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

Поэтому сохраняйте дизайн обложки сильным и простым.

Цветные фоны создают контрастность

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

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

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

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

3. Почему печатный дизайн не преуспеет

Мы собираемся пройти шаги по созданию обложки eBook для этого названия, The Star Queen. В предыдущем уроке я создал обложку для книги в мягком переплете. Теперь представьте себе, что автор The Star Queen хочет, чтобы обложка была переформатирована для формата eBook.

paperback print cover

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

thumbnail of cover

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

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

Откройте InDesign, и мы рассмотрим шаги по пересмотру обложки для The Star Queen и адаптации ее к цифровой среде.

4. Создайте документ для цифровой публикации

Шаг 1

В InDesign выберите New > Document в окне Welcome или перейдите в File > New > Document.

В разделе Intent в выпадающем меню выберите Digital Publishing.

digital publishing mode

Вы заметите, что единицы во всех параметрах окна New Document переключаются на пиксели. В разделе Page Size имеется ряд опций, адаптированных для цифровой публикации. Однако мы собираемся создать собственный размер страницы, поэтому выберите последний пункт в меню Custom..., чтобы открыть окно Custom Page Size.

custom size

Введите ‘Kindle eBook Cover’ в текстовую строку Name и установите ширину 3200 пк и высоту 4800 пк. Нажмите Add, чтобы добавить размер в список настраиваемых размеров страниц для будущего использования и нажмите ОК.

new custom page size

Вернитесь в окно New Document, установите Margins со всех сторон на 50 пк. Установите Bleed со всех сторон на 50 пк. Несмотря на то, что вам не требуется технический выпуск под обрез для цифровых дизайнов, хорошей практикой является распространение любых цветных элементов в вашем дизайне в выпуске под обрез и за края страницы, поскольку это поможет избежать любых неудачных белых линий по краям вашей обложки.

new document

Нажмите OK, чтобы создать документ.

new document

Шаг 2

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

Откройте панель Layers (найдите ее прикрепленной по умолчанию к правой части рабочей области или перейдите в Window > Layers чтобы открыть). Дважды щелкните по имени Layer 1, чтобы открыть окно Layer Options. Переименуйте слой в Background Color и нажмите ОК.

layer options

Нажмите значок Create New Layer в нижней правой части панели Layers или выберите New Layer в выпадающем меню панели. Дважды щелкните по имени слоя по умолчанию, чтобы переименовать его в Island Image. Нажмите ОК.

Повторите этот процесс, чтобы создать еще три слоя: Color Overlay, Starry Sky Image и, наконец, наверху, Typography.

layers panel

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

locked layers

5. Создайте цвет и изображения для контраста

Шаг 1

Оставаясь на слое Background Color, выберите инструмент Rectangle Tool (M) и перетащите, чтобы создать фигуру размером около 2140 пк по высоте и которая простирается по ширине страницы, вплоть до выпуска под обрез с обеих сторон. Поместите на верхнюю часть страницы. На панели Controls, расположенной вверху рабочей области, установите Stroke Color на [None], а Fill Color на [Black]

black rectangle

С выбранной формой перейдите в Object > Effects > Gradient Feather, чтобы открыть окно Effects.

Сохраните Type как Linear и установите угол на 0 градусов. Переместите ползунки поперек примерно в указанные позиции, чтобы градиент стал светлее в нижней части фигуры.

effects window

Когда вы будете довольны результатом, нажмите ОК.

gradient feather

Шаг 2

Вернитесь на панель Layers и заблокируйте слой Background Color. Разблокируйте следующий слой сверху, Island Image.

unlocked layer

Выберите инструмент Rectangle Frame Tool (F) и перетащите его, чтобы создать рамку, которая простирается по ширине страницы и составляет около 3420  пк по высоте. Разместите нижний край так, чтобы он располагался на нижнем краю выпуска под обрез.

Мы собираемся разместить те же изображения, что и в учебнике в мягкой обложке - этот изображение загадочного острова с замком. Затем я открыл изображение в Photoshop для небольшого элементарного редактирования.

original photo of castle

Я применил Channel Mixer Adjustment Layer к изображению, установил его на Monochrome, чтобы освободить фотографию от цвета. Затем я сохранил изображение.

channel mixer in photoshop

Вернитесь в InDesign, выберите только созданный кадр изображения и перейдите в меню File > Place. Выберите сохраненное черно-белое изображение. Нажмите Open.

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

placed image

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

Шаг 3

С выбранной рамкой изображения перейдите в Object > Effects > Gradient Feather. Отрегулируйте Угол градиента до 90 градусов и сдвиньте Gradient Stops в положение, показанное ниже.

gradient feather

Нажмите Ок

gradient applied to image

Шаг 4

Вернитесь на панель Layers и заблокируйте слой Island Image. Разблокируйте следующий слой вверху, Color Overlay.

layers panel

Откройте панель Swatches, перейдите в Window > Color > Swatches. Нажмите значок New Swatch в правом нижнем углу панели или выберите New Color Swatch... в выпадающем меню панели.

Создайте New CMYK Swatch, установите следующие значения: C=45 M=47 Y=0 K=0, чтобы создать бледно-фиолетовый цвет. Нажмите Add, чтобы отбросить его на панель Swatches, затем нажмите ОК.

new color swatch

Создайте второй новый CMYK Swatch, установите значения: C=19 M=14 Y=0 K=0, создавая бледно-серый цвет. Нажмите Add и ОК, как и раньше.

swatches panel

Шаг 5

Выберите инструмент Rectangle Tool (M) на панели Tools и перетащите, чтобы создать фигуру, которая простирается по всей странице, вплоть до выпуска под обрез со всех сторон.

Установите Stroke Color на [None] и Fill Color на ваш новый фиолетовый образец, C=45 M=47 Y=0 K=0.

colored rectangle

Выбрав прямоугольник, перейдите в Object> Effects> Transparency и установите Режим Multiply.

multiply transparency

Нажмите ОК.

transparency applied to colored shape

Шаг 6

Вернитесь на панель Layers, заблокируйте слой Color Overlay и разблокируйте слой Starry Sky Image.

layers panel

Выберите инструмент Rectangle Frame Tool (F) и перетащите его, чтобы создать рамку, которая простирается по ширине всей страницы, вплоть до выпуска под обрез в верхнем, левом и правом краях. Протяните его до тех пор, пока он не дойдет до низа острова (где земля встречает море).

Перейдите в меню File > Place и выберите второе изображение. Это изображение созвездия - отличный выбор для придания интереса и текстуры дизайну обложки. Нажмите Open.

Выберите значок Fill Frame Proportionally с верхней панели управления, чтобы хорошенько упорядочить изображение в рамке.

star image

Выбрав рамку, перейдите в Object > Effects > Transparency и установите Mode на Soft Light.

effects panel

Оставаясь в окне Effects, перейдите к Gradient Feather в меню слева. Установите Угол градиента на -90 градусов и маневрируйте, чтобы градиент остановился в позиции в дальнем правом квартале шкалы, как показано.

gradient feather

Нажмите ОК.

gradient applied to starry image

6. Увеличьте ваш текст для воздействия

Вы придали вашей eBook мрачный, мистический фон, используя только два изображения и наложение цвета. Отличная работа!

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

Шаг 1

Все еще в InDesign, заблокируйте слой Starry Sky Image и разблокируйте верхний слой Typography.

layers panel

Используйте Zoom Tool (Z) для увеличения в верхней части страницы. Выберите Type Tool (T) и перетащите, чтобы создать длинную узкую текстовую рамку, которая растянется по всей странице, устанавливая ее между левым и правым полями. Расположите ее примерно в позиции Y 200 пк (посмотрите на нее с левой стороны панели Controls, расположенной в верхней части рабочей области).

Введите 'Имя автора' в текстовую рамку и установите шрифт на Adobe Caslon Pro, Обычный, Размер 350 pt, All Caps, Выровнять по центру и увеличьте Tracking до 100 (или до тех пор, пока первый и последний символы не коснутся поля с левой и с правой части страницы). Установите цвет шрифта на [Paper].

caslon text frame

Шаг 2

Прокрутите вниз до центра страницы и снова выберите Type Tool (T).

Перетащите, чтобы создать рамку в ширину страницы и 1250 пк в высоту. Введите ‘Queen’ в текстовую рамку и установите Шрифт на бесплатный для скачивания Almendra, который является великолепным шрифтом, вдохновленным стилями средневекового и каллиграфического типа.

Установите размер шрифта на 1260 пунктов, Выровняйте по центру и уменьшите Tracking до -60, чтобы сблизить буквы. Установите Цвет шрифта на [Paper].

Разместите текстовую рамку около Y позиции 1830 пк.

Almendra font

Шаг 3

Снова выберите Type Tool (T) и перетащите его, чтобы создать текстовую рамку. Расположите ее чуть выше текстовой рамки ‘Queen’ и слегка сдвиньтесь вправо. Введите ‘Star’ в рамку и установите Шрифт на Almendra, Размер 1195 pt, Tracking на -30 и Цвет шрифта на ранее выполненный бледно-серый образец, C=19 M=14 Y=0 K=0.

second text frame

Расположите рамку так, чтобы кривая ‘S’ располагалась поверх ‘Q’ в ‘Queen’, расположив ее между ‘Q’ и ‘U’, как показано.

Выбрав текстовую рамку, перейдите в Object > Effects > Outer Glow, чтобы открыть окно Effects. Установите Mode на Screen и уменьшите Opacity до 60%. Установите Technique на Softer, Размер на 60 пк и Noise и Spread на 12%. Нажмите ОК.

effects panel outer glow

Это придало ‘Star’ подходящее звездное свечение!

outer glow applied to text

Шаг 4

Создайте еще одну меньшую текстовую рамку с помощью Type Tool (T) и установите его в левой части ‘Star’.

Напечатайте 'the' и установите Шрифт на Henry Morgan Hand, выделенный курсивом шрифт. Увеличьте Размер шрифта до 850 пт и настройте Цвет шрифта на [Paper].

scripted font

Шаг 5

Загрузите символ шрифта IM Fell Flowers 2, в котором много красивых декоративных элементов старого стиля, а затем вернитесь в InDesign.

Создайте еще одну, гораздо меньшую текстовую рамку и расположите ее над ‘Q’. Перейдите в Window > Type & Tables > Glyphs, чтобы открыть панель Glyphs. Поместите курсор вашей печати в только что созданной текстовой рамке и установите Шрифт на IM Fell Flowers 2, чтобы отобразить символы шрифта на панели Glyphs.

glyphs panel

Выберите небольшой простой символ цветка и дважды щелкните по нему на панели, чтобы вставить его в текстовую рамку. Отрегулируйте Размер Шрифта до 550 пт и Цвет Шрифта до бледно-фиолетового образца, C=45 M=47 Y=0 K=0.

glyph inserted

7. Экспортируйте вашу завершенную обложку eBook

Фантастическая работа - ваша обложка для eBook завершена! Теперь все, что нам нужно сделать, это экспортировать его как файл TIFF или JPEG, готовый для загрузки в Kindle Direct Publishing.

Если вы хотите больше контролировать размер файла обложки, я бы рекомендовал вам экспортировать обложку в формате PDF (File > Export > выберите Adobe PDF в выпадающем меню). Откройте изображение в Photoshop и используйте функцию Save for Web, выбрав параметр JPEG в меню.

Но также вы можете подготовить вашу готовую к загрузке обложку прямо из InDesign. В InDesign сначала проверьте свои иллюстрации на наличие орфографических ошибок или несогласованных изображений или текста. Затем перейдите в меню File и выберите Export.

Выберите JPEG в окне Export из выпадающего меню Format. Нажмите Save.

export as JPEG

В окне Export JPEG установите Quality на High и установите Resolution на Kindle-recommended 72 ppi. Убедитесь, что в Color Space установлено значение RGB (этот параметр следует выбрать по умолчанию, если вы работаете в режиме Digital Publishing). Нажмите ОК.

export JPEG options

И вы закончили! Ваша обложка для eBook готова к загрузке.

final eBook cover

Заключение

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

cover on tablet

Теперь давайте кратко расскажем о том, что мы узнали в этом уроке:

  • Обложки еBook выпускаются в различных размерах и размерах файлов: всегда проверяйте вашего назначенного издателя на соответствие современным требованиям.
  • Разработка обложки для eBook очень отличается от дизайна обложки для печати: поскольку обложки электронных книг будут первоначально рассматриваться в меньшем масштабе, макеты обложки должны быть простыми и эффективными.
  • Разместите минимум элементов на макете вашей обложки и сделайте их сильными: назначьте приоритет одному ключевому изображению и придайте обложке насыщенный цвет фона, который будет хорошо контрастировать с бледным фоном браузера.
  • Увеличение текста: установите название и имя автора  большого размера, контрастных цветах и разборчивых шрифтах.
  • Сделайте дизайн обложки доходным: завлеките читателя глубоким смыслом места и настроения в вашем дизайне.
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.