З Днем захисників і захисниць України! 🇺🇦
Всі блоги

Як зробити гарну обкладинку (поради)

Віталій Дуленко
09.03.2023
⋯
  • Поскаржитися
  • Антинаціональний контент
  • Диверсійна діяльність
  • Спам
  • Іншомовний контент
  • Порнографія
  • Порушення авторського права
  • Інше
  • Ви не просили, а я прийшов з порадами. Так вже вийшло, що за фахом я дизайнер і ця навичка стала в пригоді, коли треба було зробити обкладинку чи картинку для соцмереж. Не те щоб мої обкладинки були сильно унікальними чи креативними, але вони таки непогано виглядають. То ж я вирішив поділитися власним досвідом, раптом комусь буде корисним.

    Як створити обкладинку?

    Правильний розмір

    Спершу треба створити робочу область правильного розміру. Аркуш рекомендує розмір 512x800px. Я збільшую його вдвічі, щоб на різних екранах картинка виглядала чіткою і якісною, та й працювати з більшим розміром зручніше. То ж мій фінальний розмір 1024x1600px.




    Я використовую для цього програму Figma, і вам рекомендую, хоча так само можна взяти Photoshop чи Canva. У Figma є безплатний акаунт, його можливостей вам вистачить з головою, до того ж можна працювати в ній прям в браузері.

    Вибір ілюстрації

    Тут все залежить від вашого смаку та теми твору (покинутий будинок в темному лісі навряд чи асоціюватиметься в читачів з любовною тематикою). Найпростіший спосіб це звантажити з інтернету готову фотографію чи ілюстрацію і розташувати на робочій області. Важливий момент — кожне зображення має автора та підпадає під дію авторських прав. Тому будь-яку картинку з інтернету не можна використовувати, може прилетіти. Краще брати на сайтах, де зображення викладені у вільний доступ: unsplash.com, pixabay.com, pexel.com. Там повно чудових фотографій великого розміру (це важливо для якісної обкладинки), які можна спокійно використовувати для особистих та комерційних проєктів.

    Якщо скачана картинка менша за робочу область 1024x1600px, її доведеться розтягувати, а через це вона стане розмитою і неякісною. Тому варто брати зображення розміром як робоча область або більше, на щастя на тих сервісах, що я виклав вище, проблем з цим немає.




    Якщо є знайомі ілюстратори, можна замовити їм картинку, а то й всю обкладинку. Тоді ви отримаєте унікальну авторську ілюстрацію, якої більше ні в кого не буде. Якщо добре володієте фотошопом, можна зробити чудовий колаж. Але якщо ні, краще не робіть цього, скористайтеся простішими методами. Гарні уміння фотошопа практикуються місцями та роками, щоб отримати якісний результат, тому краще не ризикуйте.

    Вибір шрифту

    На обкладинці має бути два важливих текстових елементи: ваше ім’я чи творчий псевдонім та назва твору. Шрифт відіграє надзвичайну роль в передачі тематики твору і формуванні першого враження. Важливо, щоб шрифт відповідав жанру та щоб був читабельним, особливо коли обкладинка буде невеликого розміру, як на сайті. Є шрифти з засічками, без засічок, декоративні й рукописні (це я дещо спростив, але в цьому випадку це неважливо).




    Шрифти з засічками більш класичні, вони підходять для історичних, романтичних, драматичних творів, фентезі тощо. Шрифти без засічок більш модерні, вони підійдуть для нон-фікшина, трилерів, детективів, фантастики. Це дві найпопулярніші категорії шрифтів, які чудово працюватимуть в 99% випадків.

    Рукописні шрифти гарні та витончені, але треба стежити, щоб вони добре читалися. Пам'ятайте, що читач витратить на сприйняття обкладинки долі секунди, він не має вчитуватися, що там написано.

    Декоративні шрифти дуже різноманітні. Серед них є шрифти у формі кривавих патьоків, які пасуватимуть жахам, футуристичні, які чудово підійдуть до фантастики тощо.




    Шрифти можна комбінувати між собою — з засічками для імені і без засічок чи декоративний для назви; брати для трилерів рукописний і без засічок для Любовних романів тощо. Тут правил немає, але пам’ятайте, що шрифти мають власний стиль, який має підкреслювати (на схожості чи протиставлені) стиль вашого твору. Для початку я б радив використати один шрифт і бути впевненим у гарантованому результаті. Звісно, це стандартні практики і ви можете робити по-іншому, тут ніхто до вас не прийде і не насварить. Але варто почати з класичних варіантів і, здобувши практику, експериментувати.

    Я обираю шрифти на fonts.google.com, тільки треба спочатку відфільтрувати їх по мові Cyrillic, щоб шрифти підтримували українську мову. Там можна вписати для прикладу назву вашого твору і подивитися на результати: що вам резонує, що подобається, що впадає в око. Так само можна відфільтрувати шрифти за типом — з засічками, декоративні тощо. Шрифт з Google Fonts можна спокійно завантажити й використовувати у ваших проєктах, вони доступні для всіх. На інших сайтах скоріш за все будуть викладені вкрадені шрифти, але пам’ятайте, що у шрифтів теж є автори та копірайт. Якщо працюєте у Figma, то гугл шрифти качати не треба, вони вже там доступні. Просто знаходите потрібний і готово.




    Якщо текст поверх ілюстрації погано видно, можна трохи затемнити зображення або додати дуже акуратної темної тіні до тексту. Якщо текст вгори чи знизу обкладинки, можна додати підложку з напівпрозорим темним градієнтом.




    Розмістіть текст

    Текст має поєднуватися з картинкою, не затуляти важливу частину зображення та добре читатися. Класичний варіант: ім’я автора вгорі, назва книги внизу або посередині. Можна зробити навпаки, головне, щоб читач міг миттю побачити, чия це книжка і як називається. Тому тут важливо дотримуватися простоти, щоб не перетворити обкладинку на ребус. Є такий чудовий дизайнерський вислів щодо потреб користувачів: “Не змушуйте мене думати”, тримайте його в голові, поки створюватимете обкладинку.




    Перевірте обкладинку

    Мій особистий лайфхак, щоб перевірити результат. Я роблю скріншот головної сторінки Аркуша, закидаю у Figma, поверх чиєїсь книжки накладаю власну обкладинку, роблю масштаб 100% і дивлюся. Наскільки читабельний текст? Наскільки зрозуміло, що зображено на картинці? Наскільки виділяється обкладинка серед інших, чи впадає в око? Можна відразу допрацювати обкладинку і перевірити ще раз, поки результат вас почне влаштовувати.

    Надихайтеся

    Якщо немає ідей щодо обкладинки, я заходжу на Goodreads, фільтрую книги за потрібним жанром і дивлюся, які зараз є тренди, цікаві підходи, поєднання шрифтів, розташування тексту. Не обов’язково копіювати один в один, але можна добре надихнутися. Зараз є купа талановитих українських книжкових ілюстраторів, на твори яких теж рекомендую звернути увагу, наприклад Олі Гнатс.




    І остання порада — не примножуйте сутності. Гарний дизайн це не коли всього багато, а коли всього достатньо. Якщо не впевнені в чомусь, підіть простішим шляхом, викиньте зайве, залишивши найголовніше. На цьому начебто все, творіть, та діліться власними лайфхаками.

    33

    Коментарі

    Щоб залишити коментар, необхідно зареєструватись на сайті або увійти, якщо ви вже зареєстровані.
    Latimeria
    22.01.2024 14:16
    Дякую за блог та за поради! Завдяки Вам знайшла figma, трошки розібралася та навчилася робити прості обкладинки.
    ⋯
  • Поскаржитися
  • Антинаціональний контент
  • Диверсійна діяльність
  • Спам
  • Іншомовний контент
  • Порнографія
  • Порушення авторського права
  • Інше
  • Олександра Буревій
    12.03.2023 19:06
    І ще одна порада: заради всіх богів, відступайте текстом від країв обкладинки, слідкуйте, аби текст не прилипав до самісінького краю. Також слідкуйте за балансом тексту відносно загальної картинки: чи не завеликі літери? Чи не замалі? Можливо, картинка надто агресивно нависає над текстом чи текст надто агресивно накидається на читача? Дозвольте собі пробувати нові й нові варіанти, поки не побачите: о, це ідеально. Гарна обкладинка зазвичай бере на себе певний час, тож якщо хочеться якісно - дозвольте собі пограти з варіантами, поки дійсно не сподобається (варіанти "ну і так ніби ок" відкладаємо, але не беремо за фінальний :) )
    ⋯
  • Поскаржитися
  • Антинаціональний контент
  • Диверсійна діяльність
  • Спам
  • Іншомовний контент
  • Порнографія
  • Порушення авторського права
  • Інше
  • (користувача видалено)
    09.03.2023 18:45
    До речі, непоганий спосіб. Писати експертні статті на тему "Як зробити (...)" від імені письменника чи навіть героя твору. І в них вставляти посилання на приклади того, про що йде мова. Причому на цьому сайті це може (звичайно, результат не 100%) підвищити читальність. А на зовнішніх ресурсах – залучити нових читачів і навіть (якщо викладаються уривки) допомогти у продажу книги. Тут он учора запитували, як книжки рекламувати - зокрема й такими способами.
    ⋯
  • Поскаржитися
  • Антинаціональний контент
  • Диверсійна діяльність
  • Спам
  • Іншомовний контент
  • Порнографія
  • Порушення авторського права
  • Інше
  • Світлана Патра
    09.03.2023 15:50
    Зберегла собі блог! Дякую, дуже корисні поради, про Гугл шрифти і програму-сайт дізналася оце щойно. У мене питання - як Ви робите тексти-посилання у блозі?
    ⋯
  • Поскаржитися
  • Антинаціональний контент
  • Диверсійна діяльність
  • Спам
  • Іншомовний контент
  • Порнографія
  • Порушення авторського права
  • Інше
  • Віталій Дуленко
    09.03.2023 17:19
    Радий, що поради були корисними) Посилання можна зробити так - [АРКУШ](https://arkush.net) - те, що в квадратних дужках, то ваш текст, а в круглих посилання https://arkush.net/blogs/2
    ⋯
  • Поскаржитися
  • Антинаціональний контент
  • Диверсійна діяльність
  • Спам
  • Іншомовний контент
  • Порнографія
  • Порушення авторського права
  • Інше
  • Катерина Скрипка
    09.03.2023 11:32
    Чудовий блог👏👏👏 Я раніше робила обкладинки в Canva, зараз малюю в Procreate. Там можна з нуля зробити, або створити колаж - такий собі міні-фотошоп, дуже зручно😊 Дякую за точні розміри, тепер буду їх використовувати🤗
    ⋯
  • Поскаржитися
  • Антинаціональний контент
  • Диверсійна діяльність
  • Спам
  • Іншомовний контент
  • Порнографія
  • Порушення авторського права
  • Інше
  • Ірина Ярошенко
    09.03.2023 11:18
    Дякую за гарні поради! Я користуюся Canva, але іноді важко на стоках знайти потрібну картинку, доводиться витрачати на пошуки купу часу.
    ⋯
  • Поскаржитися
  • Антинаціональний контент
  • Диверсійна діяльність
  • Спам
  • Іншомовний контент
  • Порнографія
  • Порушення авторського права
  • Інше
  • Віталій Дуленко
    09.03.2023 11:21
    Знайомий біль пошуку підхожого зображення)) поки сотні фото не прогортаєш, аж зморишся)
    ⋯
  • Поскаржитися
  • Антинаціональний контент
  • Диверсійна діяльність
  • Спам
  • Іншомовний контент
  • Порнографія
  • Порушення авторського права
  • Інше
  • Увага!
    Сайт працює у режимі альфа-тесту. Про помилки пишіть Аркушу або на support@arkush.net!
    Новини
    З Днем захисників і захисниць України! 🇺🇦
    01.10.2026

    Слава захисникам і захисницям України! ✊🇺🇦

    Щира шана всім, хто невтомно боронить нашу землю від ворога, зупиняючи його на всіх напрямках і вкладаючи всі сили у нашу перемогу.
    У найскладніший час ви єдиний надійний гарант нашої безпеки і нічне жахіття для ворога.
    Дякуємо за вашу звитяжну працю! Повертайтесь додому живими та неушкодженими 💙💛

    ... Детальніше
    Блоги
    Опитування стосовно читання на АркушіТаліана
    13.10.2026
    Вітання спільното! Від осені 22, тобто чотири роки з перемінними успіхами пишу книгу. Моментально не ... Детальніше
    Вся справа в хеппі енді?Нетелі Кошеон
    13.10.2026
    Пишу книгу і от в планах було одне, але думка завела геть в інше. І зараз борються в мені ці дв ... Детальніше
    Кров Торговлі, друга книгаMaxim Ball
    13.10.2026
    Сиджу ось читаю та редагую другу книгу з Історій Атірама. Що сказати, це трохи вже набридло, але роб ... Детальніше
    Продаж власних книжок на АмазоніTetiana Bila
    10.11.2024
    Вітаю! На Амазоні знов з'явилася можливість розміщати книжки українською. Можна лише паперові, як м' ... Детальніше
    Марафон читання квірних творівЛіга Слешу ім. Нешановних Панів
    25.09.2026
    Немає сечі писати? То хоча б читаймо. Щось багато квір-авторів останнім часом впали якщо не у творчу ... Детальніше
    Про важливе❤️Кері Брайт
    13.10.2026
    Новий розділ вже доступний для читання! Сьогодні ми побачимо, наскільки важко тримати свою магію під ... Детальніше
    На Аркуші вже:
    22414читачів
    350534коментарів
    Щиро вдячні всім, хто підтримав нас переказами на рахунок!
    А також всім, хто приєднався до нас на Патреоні!
    Наші патрони
    Всі кошти підуть на розробку та розвиток Аркуша! А підтримати нас можна тут: