Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Adobe InDesign
Design

Как да създадете ефектна корица за електронна книга, като използвате 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

Bulgarian (Български) translation by Radostena Lozeva (you can also view the original English article)

Final product image
What You'll Be Creating

Публикациите на дигитални издания са една непрекъснато развиваща се индустрия.  Както професионалните автори, така и авторите, които сами публикуват книгите си, се възползват от предимствата на електронните книги, за да достигнат до повече читатели и да предложат произведенията си на по-конкурентни цени.

Негативната страна при тази експлозия при дигиталното публикуване е фактът, че пазарът вече е доста наситен и може да се окаже трудно книгата ви да се пребори с конкуренцията. Да грабнете вниманието на потенциалния читател, докато той разглежда Kindle Book Store е първата стъпка към увеличаване на продажбите. Създаването на ефектна корица за електронна книга е огромен фактор за приковаване на вниманието на читателя.

В този урок ще обърнем внимание на функцията за дигитално публикуване на Adobe InDesign и как може да създадете ефектна корица, която дa изглежда еднакво добре както в умален, така и в цял размер.

1. Важна забележка за размерите на кориците

Кориците на електронните книги могат да бъдат в различни размери (като големина на файла и размер на документа) и може да варират в зависимост от изискванията на сайта за публикуване, дали ще е за Amazon (Kindle), Kobo, Barnes&Noble, Apple iBooks, Lulu или Smashwords (между многото други!).

Logos for digital publishers

Не помага особено и фактът, че тези сайтове често променят изискванията си за размери, когато на пазара излязат нови електронни четци или технологията на публикуване се развие.

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

В този урок ще създадем корица за Amazon (Kindle), следвайки техните изисквания за размери. Но може да направите промени на размерите на ваши проекти, ако планирате да публикувате книгата в различен издателски сайт.

Настоящите препоръки на Amazon, за максимално качество, е корицата на книгата да е 2500 px по най-дългата страна. Можете да създадете корица в съотношение 8:5 широчина към дължина, при положение, че най-дългата й страна не надвишава 10,000 px, което е и ограничението на Amazon. Така ще създадете изящна и елегантна корица.

Но гъвкавите изисвания на Amazon означават, че може да създадете корицата и малко по-широка, което ще позволи на дизайна да има повече място отстрани. Някои автори на електронни книги, използват отношението 9:6, което прави кориците им да изглеждат по-професионално. В този урок ще зададем размери на корицата 3200 px на 4800 px, които също покриват изискванията на Amazon.

След като изяснихме размерите на корицата, трябва да запазите крайния вариaнт на файла във формат JPEG или TIFF, при 72 dpi (точки на инч), което прави файла не по-голям от 50 MB. Освен ако не искате да компресирате файла си още повече, не се изкушавайте да увеличите съотношенията на размерите и да достигнете до максималните 10,000 px.

2. Също толкова важна забележка, отнасяща се до дизайна

Оставяйки техническите изисквания настрана, няма да има особено голяма полза, ако корицата ви изглежда ясна и с точните съотношения, но заради лошо подбран дизайн не се забелязва лесно от потенциалния читател.

Поровете се в някоя електронна библиотека и ще започнете да забелязвате основните елементи на ефектните корици:

Заглавието и името на автора са достатъчно големи и четливи

В книжарницата вие виждате кориците в реалните им размери. Можете да ги вземете и да ги огледате по-отблизо. Върху корицата на реалната книга, размерите на заглавието и името на автора може да не са основните акценти - може да са балансирани или да са доминирани от изображение. Типографията може да е декоративна, с орнаменти или като елемент към илюстрацията.

Кориците на електронните книги са нещо съвсем различно. Хората разглеждат книги в електронните библиотеки, пълни с миниатюрни изображения, които не надвишават повече от 105 на 106 px.

Нагледно показано, това е горе-долу толкова голямо:

thumbnail size

Не е много, нали? В този малък квадрат трябва да поберете името на автора и заглавието, и същевременно да го направите достатъчно четливо, хващащо окото и атрактивно.

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

Яснотата е преоритет пред детайлите

Електронната книга трябва веднага да привлече вниманието и правилно да предаде жанра и настроението на книгата. Ще ви направи впечатление, че на кориците на електронните книги често им липсва детайлността на хартиените издания. Дизайните им са по-опростени и единичните снимки или векторни изображения стоят много по-добре върху дигиталния преносител, отколкото някой по-завъртян колаж или илюстрован формат.

Разгледайте няколко корици на бестселъри на електронни издания и ги анализирайте. Много по-често ще видите, че те използват прости комбинации на елементи - вероятно някоя снимка заедно с контрастиращ текст с изчистен и четлив шрифт. Дори може и въобще да не включат някакво изображение - понякога използват единствено изчистен шрифт за заглавието и името на автора.

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

Така че не отежнявайте ненужно дизайна на вашата корица.

Цветните фонове създават контраст

Когато потенциалният читател разглежда електронните библиотеки, почти винаги изображенията на кориците са поставени върху бял или блед фон.

Кориците на електронните книги обикновено имат цветен фон, за да се създаде констраст с белия фон на браузъра.

Ако наистина искате вашата корица да има блед фон, създаването на по-тъмни граници ще помогне краищата на корицата да изпъкнат на белия фон, но една по-бледа корица пак може да не хваща окото.

Старайте се винаги да предадете на своята корица тъмен или ярък нюанс, за да създадете контраст.

3. Защо дизайна за печат не е подходящ

Ще преминем през стъпките за създаването на корица за електронна книга със заглавие The Star Queen. В предишен урок ви показах как да създадете корица на книгата за хартиен носител. Представете си, че авторът на The Star Queen иска да преработи корицата и да я направи в електронен вариант.

paperback print cover

Защо просто не вземем дизайна на книгата, малко променим размерите и да я използваме за нашата електронна книга? Нека погледнем корицата в малък формат, както ще я види потенциалният читател в електронната библиотека.

thumbnail of cover

Хм, вече не изглежда толкова добре. Заглавието все още се вижда, но другите части от текста изобщо не се четат. Сега орнаментите горе и долу на корицата изглеждат много бледи, както и краищата й. А и изображението не изглежда толкова ясно.

Трябва напълно да преосмислим оформлението на корицата и да преработим дизайна, за да привлече читателите на електронното издание.

Отворете програмата InDesign и ще преминем през стъпките, които ще преработят корицата на книгата The Star Queen и ще я пригодят за електронно издание.

4. Създаване на документ за дигитално публикуване (Digital Publishing)

Стъпка 1

В InDesign, изберете New > Document от прозореца Welcome или отидете на File > New > Document.

Под Intent, от падащото меню, изберете Digital Publishing.

digital publishing mode

Ще забележите, че мерните единици на създадения нов документ (New Document) се променят на пиксели. В полето Page Size има различни опции, от които може да избирате за дигитална публикация.  Ние ще изберем размерите на страницата, затова селектирайте последната опция от менюто, Custom..., за да отворите прозореца Custom Page Size.

custom size

 В мястото до Name, напишете "Kindle eBook cover" и задайте ширина 3200 px и височина 4800 px. Натиснете Add, за да прибавите новите размери към персонализирането на размерите на страницата за бъдещо използване, и натиснете OK

new custom page size

Върнете се отново на прозореца на новия документ (New Document) и задайте отстояние (Margins) на листа от всички страни по 50 px. Задайте за Bleed (обрязване) от всички страни също по 50 px. Въпреки че технически нямате нужда от обрязване на документа за дигиталното издание, е добра практика да се удължат цветните елементи във вашия дизайн до границите на обрязването (bleed) извън краищата на страницата. Това ще помогне да се избегнат всякакви нежелани бели линии около краищата на корицата.

new document

Натиснете ОК, за да създадете документа. 

new document

Стъпка 2

Създаването на вашия дизайн чрез много слоеве прави работата ви по-лесна за селектиране, променяне и заключване. Нека направим първо това.

Отворете панела Layers (по дефениция се намира от дясната страна на работното поле, или отидете на Windows > Layers). Натиснете два пъти върху Layer 1, за да отворите прозореца с опциите на слоевете (Layer Options). Задайте име на слоя Background Color и натиснете ОК.

layer options

Натиснете иконката за създаване на нов слой (Create New Layer) в долната дясна част на панела на слоевете или изберете New Layer от падащото меню на панела. Натиснете два пъти върху новия слой и му задайте името Island Image.  Натиснете ОК

Повторете процеса, за да създадете още три слоя: Color Overlay, Starry Sky Image, и най-накрая, най-отгоре, Typography

layers panel

Когато създадете всичките пет слоя, заключете (Lock) всичките слоеве, освен последния, Background Color, като натиснете върху празното поле от лявата страна на имената на слоевете. Натиснете върху Background Color, за да го активирате.

locked layers

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

Стъпка 1

Останете на слоя Background Color и изберете инструмента Rectangle Tool (M). Създайте правоъгълник с размери около 2140 px височина (Height) и го издърпайте на широчина до границите на bleed от двете страни на листа. Правоъгълника позиционирайте в горната част на листа.  От панела Control, който се намира в горната част на работното поле, задайте Stroke Color на (None) и Fill Color на (Black).

black rectangle

Докато правоъгълникът е селектиран, отидете на Object > Effects > Gradient Feather, за да отворите прозореца Effects.

Оставете Type на опция Linear и задайте стойности на Angle 0 градуса. Преместете двата плъзгача на позицията, която е показана по-долу, така че долната част на правоъгълника да се изсветли.

effects window

Когато сте удовлетворени от резултата, натиснете ОК.

gradient feather

Стъпка 2

Върнете се на панела със слоевете (Layers) и заключете (Lock) слоя Background Color. Отключете (Unlock) следващия слой - Island Image.

unlocked layer

Изберете инструмента Rectangle Frame (F) и издърпайте с мишката, за да създадете рамка, която да достигне широчината на листа. Задайте около 3420 px за височина (Height). Позиционирайте така, че долните краища на рамката да съвпаднат с долните краища на bleed.

Ще използваме същите изображения, които използвахме в урока за корицата за хартиен носител - изображението с мистериозния остров със замъка. Отворих след това изображението във 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. Променете ъгъла (Angle) на градиента на 90 градуса и поставете стрелката на Gradient Stops, както е показано по-долу. 

gradient feather

Натиснете ОК.

gradient applied to image

Стъпка 4

Върнете се отново на панела със слоевете (Layers) и заключете (Lock) слоя Island Image. Отключете (Unlock) следващия слой - Color Overlay

layers panel

Отворете палитрата (Swatches) като отидете на Window > Color > Swatches.  Натиснете New Swatch в долната дясна част на панела или изберете New Color Swatch... от падащото меню на панела. 

Създайте нов CMYK Swatch, като зададете следните стойности: C=45 M=47 Y=0 K=0, за да получите бледoлилав цвят. Натиснете Add, за да прибавите новия цвят към панела с мострите (Swatches) и натиснете ОК.

new color swatch

Създайте още един нов цвят в палитрата (CMYK Swatch), като зададете стойности: C=19 M=14 Y=0 K=0, създавайки бледосив цвят. Натиснете Add и ОК след това.

swatches panel

Стъпка 5

Изберете Rectangle Tool (M) от панела с инструментите (Tools) и издърпайте, докато създадете форма, която да покрие цялата страница до края на bleed от всички страни.

Задайте за цвят на линиите (Stroke Color) [None] и запълнете (Fill Color) със създадения от вас нов лилав цвят от палитрата, C=45 M=47 Y=0 K=0.

colored rectangle

Със все още селектиран правоъгълник, отидете на Object > Effects > Transparency и задайте Multiply за Mode.

multiply transparency

Натиснете ОК.

transparency applied to colored shape

Стъпка 6

От панела със слоевете, заключете слоя Color Overlay и отключете Starry Sky Image.

layers panel

Изберете инструмента Rectangle Frame (F) и издърпайте, за да създадете рамка, която да покрие цялата ширина на листа, до лявата, дясната и горната граници на bleed. Издърпайте рамката надолу, докато стигне до долната част на острова (където сушата и водата се срещат).

Отидете на File > Place и селктирайте второто изображение. Това изображение на съзвездия е страхотен избор за придаване на допълнителен интерес и текстура към дизайна на корицата. Натиснете Open

От горния control panel, изберете иконата за Fill Frame Proportionally, за да пасне изображението добре в рамката.

star image

Оставете рамката селектирана и отидете на Object > Effects > Transparency и задайте Mode в Soft Light

effects panel

В Effects, от менюто от лявата страна, изберете Gradient Feather. Задайте в Angle градиент от -90 градуса и преместете курсорите в крайната дясна част на скалата, както е показано по-долу.

gradient feather

Натиснете ОК

gradient applied to starry image

6. Уголемяване на заглавието за по-голямо въздействие

Придадохте на вашата корицa мрачно, мистично настроение, само с помощта на две изображения и едноцветно покритие. Страхотна работа!

Така подготвихте основата за вашето заглавие на корицата. Заглавието и името на автора трабва да са големи и да контрастират силно. Хайде да ги направим заедно...

Стъпка 1

Заключете слоя на Starry Sky Image и отключете този на Typography

layers panel

Използвайте Zoom Tool (Z), за да увеличите горната част от страницата. Изберете Type Tool (T) и създайте дълга и тясна рамка за текста, чиито граници да достигат до левият и десен марж на страницата. Позиционирайте рамката, така че позицията Y да е 200 px (можете да видите това от лявата страна на панела Controls, който се намира в горната част от работното поле.)

В рамката напишете "Името на автора" със шрифт Adobe Caslon Pro, със стойностти Regular, размер 350 pt, с големи букви (All Caps), центрирано (Align Center). Увеличете Tracking на 100 (или докато първата и последната буква от името докоснат границите на маржа. Задайте цвета на шрифта (Font Color) да е {Paper}.

caslon text frame

Стъпка 2

Навигирайте до центъра на страницата и отново изберете инструмента Type (T).

Създайте рамка с ширина колкото ширината на страницата и височина 1250 px.  В рамката напишете "Queen" и задайте шрифт Almendra, който можете да свалите безплатно. Това е страхотен шрифт, вдъхновен от средновековието и калиграфията.

Задайте за големина на шрифта 1260 pt и го центрирайте (Align Center). Намалете Tracking до -60, за да намалите разстоянието между буквите. Отново задайте цвета на шрифта да е [Paper].

Позиционирайте рамката за позиция Y 1830 px

Almendra font

Стъпка 3

Отново изберете инструмента Type (T) и създайте рамка. Позиционирайте я точно над рамката на текста "Queen" и леко я преместете надясно. В рамката напишете "Star" и използвайте същия шрифт Almendra, но с размери 1195 pt и Tracking -30. Изберете бледосивия цвят от палитрата, които създадохме в началото, C=19 M=14 Y=0 K=0.

second text frame

Позиционирайте рамката така, че буквата "S" да се намира точно между буквите "Q" и "U" от думата "Queen", както е показано по-долу.

Със селектирана рамка, отидете на Object > Effects > Outer Glow, за да отворите прозореца Effects.  Изберете Mode да е в режим Screen и намалете прозрачността (Opacity) до 60%.  Задайте за Technique да е в режим Softer, размер (Size) 60 px и Noise и Spread да са по 12%.  Натиснете ОК.

effects panel outer glow

Този ефект придава на думата "Star" истински звезден блясък!

outer glow applied to text

Стъпка 4

Създайте още една по-малка текстова рамка с инструмента Type (T) и я поставете от лявата страна на думата "Star". 

Напишете "the" и изберете шрифт Henry Morgan Hand, който е в курсив и е в ръкописен стил. Направете размера на шрифта на 850 pt и променете цвета на [Paper].

scripted font

Стъпка 5

Свалете шрифта със символи IM Fell Flowers 2, в който се съдържат красиви декоративни елементи в стар стил. Върнете се в InDesign.

Създайте друга, много по-малка, текстова рамка и я позиционирайте над буквата "Q". Отидете на Window > Type & Tables > Glyphs, за да отворите панела Glyphs (Очертание, глиф).  Поставете курсора на мишката в текстовата рамка, която току-що създадохте и изберете шрифта IM Fell Flowers 2, за да зададете символите на шрифта в панела на Glyphs

glyphs panel

Изберете малък, семпъл глиф на цвете и го натиснете два пъти в панела, за да се покаже в рамката. Променете размера на шрифта на 550 pt и изберете бледолилав цвят от палитрата, C=45 M=47 Y=0 K=0.

glyph inserted

7. Експортиране на завършената корица

Страхотна работа - вашата корица за електронна книга е готова! Всичко, от което се нуждаем сега, е да експортираме файла като TIFF или JPEG, за да е готов за публикация в Kindle Direct Publishing.

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

Но естествено можете да подготвите корицата за експортиране директно и от InDesign. В InDesign, първо проверете работата си за правописа или дали текстът и изображенията стоят добре на страницата. След това отидете на File и изберете Export

От прозореца Export, изберете JPEG от падащото меню Format. Натиснете Save.

export as JPEG

В прозореца Export JPEG, задайте 72 ppi за Quality High и Resolution, каквито са изисванията на Kindle. Проверете дали в Color Space е зададено RGB (тази опция по принцип трябва да е зададена по подразбиране, ако работите в режим за Дигитално публикуване (Digital Publishing). Натиснете ОК.

export JPEG options

И това е всичко. Приключихте! Вашата корица за електронна книга е готова да бъде качена в интернет.

final eBook cover

Заключение

Страхотна работа!  Вашата корица хваща окото и изглежда драматично, а също така ще се отваря еднакво добре на електронен четец както на малък, така и на голям формат. 

cover on tablet

А сега нека набързо да направим обобщение на това, което научихме от този урок:

  • Кориците за електронни книги идват в различни размери на документа и файлови размери: винаги проверявайте изискванията на издателите.
  • Подготвянето на дизайна на корицата за електронна книга е много по-различно от това за хартиен носител: тъй като кориците за електронните книги ще се гледат в много по-малки размери, оформлението им трябва да е семпло и въздействащо.
  • Следете елементите по оформлението на корицата да са минимален брой и да се открояват: добре е да има едно ключово изображение и да го поставите върху открояващ се фон, който ще констрастира добре върху бледия фон на браузъра.
  • Наблегнете на текста: напишете заглавието на книгата и името на автора с големи букви в контрастиращи цветове и с четливи шрифтове.
  • Поддържайте дизайна на корицата комерсиален: привлечете читателя със силно усещане за място и настроение в дизайна си.
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.