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

Дизайн обкладинки в InDesign: створіть обкладинку компакт-диска в стилі гранж

by
Difficulty:BeginnerLength:LongLanguages:

Ukrainian (українська мова) translation by Григорий В (you can also view the original English article)

Final product image
What You'll Be Creating

Створення обкладинки компакт-диска може здатися на перший погляд трохи складним для початківців дизайнерів.  Візуалізація будь-якого предмета може бути розроблена в 3D форматі, однак це ускладнює створення плоских шаблонів, особливо, якщо у вас немає вдома промислового друкарського обладнання.  Маленький продукт, такий як бокс компакт-диска, - відмінне місце, щоб почати експериментувати з дизайном.  InDesign - ідеальне програмне забезпечення в цьому випадку, оскільки ви можете легко встановлювати і контролювати вимірювання протягом всього процесу проектування.

У цьому уроці ми створимо базовий шаблон для обкладинки диска в Adobe InDesign, а також з невеликою допомогою Adobe Illustrator, включивши в нього деякі прикольні векторні ілюстрації від Юлії Соколової. Готову роботу можна роздрукувати або самому доопрацювати в домашніх умовах, якщо у вас є доступ до принтера A3, щільний папір, ножиці і клей.  Шаблон для обкладинки розроблений для сторінки A3, але ви можете створювати макети, використовуючи 2 листа A4, склеєні разом, щоб отримати уявлення про продукт перед друком.  Я зробив саме так, і він все ще працює!

При розробці 3D-продукту з використанням плоского 2D-шаблону нам потрібно пам'ятати, як наша робота буде виглядати під різними кутами.  Чи буде зворотний бік обкладинки виглядати так само добре, як і лицьова?  Чи буде зображення на сторонах виглядати так добре, що потрібний диск можна буде без зусиль знайти серед інших?  Яким буде читатися текст і як він буде виглядати після склеювання обкладинки?  Чи буде внутрішня сторона обкладинки в розгорнутому вигляді мати додатковий колір або зображення?  Запам'ятайте ці питання і ви допустите помилок!

1. Створення нового документа в InDesign

Крок 1

Відкрийте InDesign і виберіть File > New Document. У вікні New Document встановіть для Intent Print і задайте кількість сторінок - 2.Сніміте галочку з Facing Pages.

У графі Page Size виберіть 'A3' and вкажіть Orientation - Landscape.

Відступи вкажіть за замовчуванням і задайте Bleed на 0 мм по всьому периметру.  Натисніть ОК.

Перша сторінка документа буде зовнішньої, а сторінка 2 - внутрішньої.

2. Визначення верств шаблону і графіки

Крок 1

Важливо, щоб шаблон обкладинки і графіка були відокремлені один від одного.  Це дозволяє легко вносити зміни в роботу, безпомилково переміщаючи кожну з частин шаблону.

Відкриття панелі Layers, перейшовши в Window > LayersДвічі клікніть на Layer 1 за замовчуванням і перейменуйте цей шар в Notes.  Зараз заблокуйте цей шар, клацнувши порожнє поле зліва від його назви.

Крок 2

Натисніть на значок Create New Layer в правому нижньому кутку панелі і двічі клацніть за замовчуванням на Layer 2.  Перейменуйте цей шар на Template.  Як і раніше, заблокуйте цей шар.

Крок 3

Повторіть процес, зазначений в кроці 2, щоб створити ще два шари над шарами Notes і Template.  Назвіть їх Artwork and Text.

Заблокуйте ці два шари і поверніться, щоб розблокувати шар Notes.

Для зручності перетягніть підзаголовок в верхньому лівому куті кожної сторінки за допомогою інструменту Type Tool (T).  Наберіть Outside of Sleeve на сторінці 1 і виберіть Edit > Copy > Paste in Place на сторінці 2, перейменувавши її - Inside of Sleeve.

3. Виміряйте свiй шаблон

Це може бути складно, якщо ви створюєте обкладинку з нуля.  Завжди дивіться на інші приклади того типу обкладинки, яку ви хочете створити, і відкрийте її, якщо ви зможете.  Відкрийте лінійку і зробіть замітки про ключові вимірах.  Іноді найпростіші шаблони працюють краще за все - я зрозумів, що кілька студійних альбомів використовували обкладинку, схожу на ту, яку ми будемо створювати.  Щоб ваш CD або інший предмет перебуваючи у вашій упаковці не був пошкоджений, не робіть її занадто маленькою або навпаки, занадто широкої, дозволяючи предмету "бовтатися" всередині.

У цьому прикладі ми пристосовуючи для стандартного компакт-диска, з діаметром 120 мм. Для диска повинно бути достатньо місця, він повинен легко розташовуватися, і також вам знадобитися додатковий простір для розміщення невеликої брошури.  У шаблоні, який ми будемо створювати, ми надамо додаткові 3 мм з усіх боків компакт-диска, щоб його можна було легко вставляти та діставати.

Крок 1

Перейдіть на сторінку 1 вашого документа.  Заблокуйте шар Notes на панелі шарів, щоб розблокувати шар Template. Перейдіть в меню View > Rulers, якщо лінійки ще не видно.

Перетягніть вертикальну направляючу лінійки з лівого боку на 120 мм. Перетягніть другу вертикальну направляючу на 246 мм.

Перетягніть горизонтальну напрямну зверху вниз на 86 мм. Перетягніть другу горизонтальну напрямну на 212 мм.

Це акуратно позначить квадрат 126 мм на 126 мм між напрямними, які утворюють центральну частину обкладинки. Можна шляхом перетягування на сторінку, щоб вибрати всі чотири направляючі і натисніть на Edit > Copy; перейдіть на сторінку 2 і виберіть Edit > Paste in Place.

Крок 2

Ми можемо додати невеликі краю обкладинці, щоб дати їй всередині додатковий простір, а також залишити невеликий простір для вставки додаткового тексту, як і на корінці компакт-диска.

Поверніться на сторінку 1. Перетягніть покажчик з лівого боку лінійки на значення 250 мм. Перетягніть другий вертикальний покажчик на 116 мм. Перетягніть горизонтальний покажчик зверху лінійки на 82 мм, а потім ще один такий же горизонтальний покажчик на 216 мм.

4. Створення шаблону

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

Крок 1

Залишаючись на шарі Template, візьміть інструмент Rectangle Tool (M), щоб створити квадрат діаметром 126 мм (утримуйте Shift, щоб створити ідеальний квадрат). Встановіть Stroke на [Black], Type на Dashed і Weight на 0.5 mm. Ви можете встановити ці значення на верхній панелі управління або на Stroke Panel (Window > Stroke).

Розмістіть цей кадр в центрі покажчиків.

Крок 2

Повертаємося до покажчиків!  Перетягніть вертикальний покажчик з лівого боку лінійки на 376 мм.  Це дає нам 4 міліметри при додаванні обкладинки, плюс ще 126 мм, щоб створити повний згин CD - диска.

Використовуйте інструмент Line Tool (\) і утримуйте Shift, щоб створити ідеальну горизонтальну лінію довжиною 130 мм, що проходить від верхнього правого кута пунктирного квадрата до нового вказівником.  Встановіть Колір обведення на C = 0, M = 100, Y = 0, K = 0, щоб можна було відрізнити цю лінію від пунктирних ліній згину. Встановіть товщину на 0,35 мм.

Виберіть рядок, створену в кроці 2, і виберіть Edit > Copy.  Вставте в положення нижче, при цьому лівий край спиратиметься на нижній правий кут пунктирного квадрата.

Виберіть другий рядок і виберіть Edit > Copy > Paste.  Коли лінія обрана, двічі клацніть (на ПК) або натисніть Ctrl-Click (Mac) і Transform > Rotate на 90 градусів CW.  Зменшіть довжину до 126 мм і з'єднайте кожен кінець лінії з двома іншими суцільними лініями, щоб сформувати другу квадратну форму.

Крок 3

Виберіть інструмент Ellipse Tool (L).  Утримуйте Shift і перетягніть, щоб створити коло діаметром 23 мм.  Встановіть колір обведення на C = 0, M = 100, Y = 0, K = 0, як і раніше, і товщину - на 0,35 мм.  Розмістіть коло по центру, вздовж правої суцільної лінії на значенні покажчика 376 мм.

Крок 4

Використовуйте інструмент Scissors Tool (C), щоб зрізати верх і низ кола, щоб одна сторона стала прямою. Видаліть праву частину кола. Видаліть праву частину круга.

Використовуйте інструмент Scissors Tool (C) і натисніть один раз по вертикальній лінії зверху і один раз знизу, де краю півкола відповідають прямій лінії. Видаліть вертикальну лінію, розташовану всередині кола.

Крок 5

Використовуйте інструмент Line Tool (\) для створення вертикальної лінії довжиною 25 мм. Встановіть колір на C = 0, M = 100, Y = 0, K = 0, як і раніше, і Weight на 0.6 mm. Розмістіть його по осі X 313 мм і по осі Y на 136 мм.

Крок 6

Створіть новий покажчик з лівого боку лінійки зі значенням 53 мм.

Перетягніть, щоб вибрати лінії розрізу, розміщені праворуч, без короткого рядка, створеної в кроці 6, і Edit > Copy і Edit > Paste in Place. Подвійне натискання (на ПК) або натискання, утримуючи Ctrl (на Mac) і Transform > Flip Horizontal.

Виберете інструмент Free Transform (E), щоб об'єднати всі лінії і щоб вони знаходилися в положення зліва від пунктирного квадрата. Розмістіть лівий край на покажчик зі значенням 53 мм.

Налаштуйте довжину верхньої та нижньої прямих ліній до 67 мм, щоб вони відповідали верхнім лівим і нижніх краях квадрата.

Крок 7

Залиште трохи вільного місця. яке допоможе нам склеїти краю обкладинки.  Ми встановимо висоту на 16 мм, що дасть нам трохи вільного простору і допоможе створити міцну обкладинку.

Потягніть горизонтальний покажчик зверху вниз до значення 66 мм.  Використовуйте Line Tool (\), утримуючи Shift, щоб створити горизонтальну лінію довжиною 114 мм.  Встановіть Weight і колір обведення на ті ж значення ліній відрізу, що і в попередніх кроках.

Помістіть лінію уздовж покажчика зі значенням 66 мм і розмістіть по центру над пунктирним квадратом.  Потім використовуйте інструмент Line Tool (\) для з'єднання країв нового рядка з кутами пунктирного квадрата.

При бажанні, одночасно вибираючи два рядки і переходячи в Object > Paths > Join, ви можете створювати більш керовані і гладкі ліній.

Крок 8

Виберіть групу з трьох рядків, створених вище за крок 8, і виберіть Edit > Copy > PasteДвічі клікніть (на ПК) або клікніть, утримуючи Ctrl (на Mac) і Transform > Flip Vertical. Додайте фігуру в протилежній частині, внизу шаблону.

Крок 9

Поверніться назад в ліву частину шаблону.  Виберіть півколо і подвійним клацанням (на ПК) або клацанням, при утриманні Ctrl (на Mac), натисніть Transform > Flip Horizontal.  Помістіть фігуру в крайній лівій частині шаблону.

Крок 10

В якості заключного кроку при створення шаблону візьміть інструмент Line Tool (\), щоб розмістити лінії згину, що йдуть уздовж покажчиків, і знаходяться за пунктирним квадратом. Утримуючи Shift, встановіть колір на [Чорний], Type на Dashed і Weight на 0,5 мм.

Крок 11

Перейдіть на сторінку 2, прокрутивши сторінку вниз або натиснувши Page 2 на панелі Pages (Window > Pages).

На більш ранньому етапі ми скопіювали і вставили лінії-покажчики зі сторінки 1 на сторінку 2. Ви можете продовжувати так, як є і, натиснувши Edit > Copy > Paste in Place, помістіть шаблон зі сторінки 1 на сторінку 2, якщо ви плануєте роздрукувати обкладинку.

Однак, якщо ви хочете роздрукувати обкладинку будинку і плануєте зробити її у вигляді двостороннього одиночного листа, вам потрібно перевернути шаблон в відповідне положення. Залишаючись на сторінці 2, перетягніть вертикальний покажчик з лівого боку лінійки на значення 53 мм. Ви також можете видалити два центральних вертикальних покажчика, які ви додали на більш ранньому етапі. Залиште горизонтальні покажчики такими в тому положенні, в якому вони є.

Поверніться на сторінку 1, а потім весь шаблон, перетягнувши курсор миші на сторінку. Перейдіть в меню Edit > Copy, виберіть сторінку 2 і натисніть Edit > Paste in Place. Подвійне натискання (на ПК) або натискання, утримуючи Ctrl (на Mac) і Transform > Flip Horizontal; потім залиште лівий край шаблону навпаки покажчика зі значенням 53 мм.

5. Друкуємо макет шаблону будинку

Перш ніж додати зображення або текст в свій шаблон, не забудьте роздрукувати копію макета на принтері вдома. Ви можете оформити її, так як вам подобається, використовуючи один двосторонній А3 лист або два або більше аркуша формату A4 скріплених або склеєних разом.  На даному етапі питання естетики не важливий, важливо те як він буде з'єднуватися!

Це також допоможе вам зрозуміти, де краще розмістити зображення і текст на остаточному дизайн.  Ось приклад, який я зібрав удома використовуючи принтер А4 і цілу купу скріпок!

6. Додаємо ілюстрації в стилі гранж

Після того як ви порадієте, що ваш макет виконаний правильно, ви можете додавати художнє оформлення.  У цьому уроці ми використовуємо ілюстрації для передньої частини обкладинки CD, створені Юлією Соколовою.  Ви можете подивитися наш перший урок або створити свій власний дизайн в Illustrator, а потім повернутися сюди, щоб додати його в ваш дизайн обкладинки.

Крок 1

Відкрийте векторний файл в Illustrator. Переконайтеся, що всі лінії шаблону (ліній відрізу, лінії згину і т.д.) не видно, відключивши видимість відповідних шарів.

Перейдіть до File > Save As і назвіть файл 'Artwork for Front'.  Виберіть EPS Illustrator (eps) у спадному меню.  У вікні EPS Options виберіть [High Resolution] у спадному меню Transparency Preset.  Натисніть ОК.

Крок 2

Повернемося в InDesign до файлу шаблону.  Перейдіть до Layers Panel (Window > Layers) і заблокуйте шар 'Template'.  Розблокуйте шар 'Artwork'.

Перейдіть на сторінку 1 документа.  Перейдіть в File > Place і виберіть файл формату EPS.  Натисніть Відкрити.  Файл буде відкрито в реальному розмірі.

Вам може знадобитися трохи налаштувати розмір зображення (двічі клацніть мишкою всередині полотна, безпосередньо виберіть ілюстрацію і утримуйте Shift під час перетягування, щоб зберегти пропорції), перетягніть ілюстрацію до самого краю шаблону.

З панелі Layers перетягніть шар 'Template' і розташуйте його вище шару 'Artwork', так, щоб залишилися видно лінії відрізу і згину. Не хвилюйтеся, якщо об'єкт вийде за краї, це буде виправлено після друку і обрізки.

7. Додаємо колір на обкладинку

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

Крок 1

Залишаючись на Сторінці 1, виберіть Eyedropper Tool (I) з панелі Tools і утримуйте покажчик над зображенням слона.  Натисніть, щоб зібрати зразок синього кольору RGB з зображення. В панелі Tools, двічі клацніть на значку 'Stroke' в нижній частині панелі, щоб відкрити вікно вибору кольору.

Клацніть один раз на значеннях полів C, M, Y або K і виберіть пункт Add CMYK Swatch.  Натисніть ОК.

Крок 2

Перейдіть на сторінку 2 документа і використовуючи мишу виберіть все за лініями відрізу, але не лініями згину. Перейдіть до Edit > Copy.

Поверніться в Illustrator і перейдіть в File > New Document. Перейдіть в Edit > Paste.

Приберіть все обтравочні маски (подвійне натискання (PC) або натискання утримуючи Ctrl (Mac) > Release Clipping Mask) так, щоб залишилися тільки лінії. Виберіть всі лінії і двічі натисніть (PC) або натисніть утримуючи Ctrl (Mac) > Join. З щойно зведеної фігурою переходимо в Edit > Copy.

Повертаємося в InDesign на сторінці 2 документа. Переходимо в Edit > Paste, щоб видалити фігуру в шарі 'Artwork'. Переміщаємо фігуру за шаблон.

У верхній панелі змініть колір обведення на [None] і колір заливки на ваш новий синій зразок. У цьому прикладі, C = 93, M = 58, Y = 18, K = 2.

8. Додаємо текст в ваш дизайн

Крок 1

Тут ми виберемо два шрифта для їх використання на обкладинці компакт-диска. Обидва шрифту повинні бути потертими, з сучасним духом векторного мистецтва. Я вибрав чистий і дизайнерський Tracks Type і потертий Destroy.

Крок 2

Перейдіть на сторінку 1 документа в InDesign. Заблокуйте шар 'Artwork', щоб розблокувати шар 'Text'.

Виберіть Type Tool (T) і перетягніть, щоб створити текстове поле на 9 мм у висоту і 110 мм в ширину.  Розмістіть його під зображенням слона, в межах пунктирного квадрата, залиште невеликий відступ, 3,5 мм, між краєм текстового поля і лінією згину.

Напишіть 'Album Name' і виберіть шрифт Tracks Type Regular.  В панелі Character Formatting Controls, що йде уздовж верхньої частини екрану, встановіть розмір шрифту на 30 pt, Tracking на 30, колір змініть на нову палітру, C = 71, M = 0, Y = 7, K = 0 (Window > Swatches > New Swatch, в режимі CMYK), і Orientation на Align Left.

Крок 3

Знову використовуйте Type Tool (T) для створення другого текстового поля на 30 мм в ширину і 15 мм у висоту.  Напишіть 'Artist Name' і задайте шрифт Destroy Regular.  Встановіть розмір шрифту на 22 pt, Leading на 30 pt, Tracking на 30, Orientation на Align Left, і колір на темно-синій відтінок, щоб імітувати тіні на слоні, в цьому прикладі встановлені значення C = 100, M = 87, Y = 33 , K = 23.

Розмістіть поле в лівому нижньому кутку від голови слона, трохи вище Album Name.

Крок 4

Додалася третя текстове поле на сторінці 1, використовуючи Type Tool (T) 29 мм у висоту і 50 мм в ширину.  Розмістіть його в правій частині шаблону в лівому нижньому кутку, за лініями згину, як зазначено на малюнку.

Тут ви можете розмістити імена доріжок на компакт-диску.  Встановіть шрифт на Tracks Type Regular, розмір на 10 pt, Leading на 12 pt, Tracking на 30, Orientation на Align Left і колір на альтернативний синьому зразком, C = 71, M = 0, Y = 7, K = 0 і C = 93, M = 58, Y = 18, K = 2.

Крок 5

Ви також можете розмістити текст вздовж лінії обкладинки, як зазначено нижче.  Виділивши текстову область, двічі натисніть (PC) або натисніть, утримуючи Ctrl (Mac) > Transform > Rotate 90 degrees CW.

Встановіть розмір шрифту на 7 pt, Tracking на 30, вирівнювання по центру і використовуйте Destroy і Tracks Type, а також два різних Color Swatches, щоб позначити Artist Name і Album Name.

Додайте Drop Shadow, як зазначено в кроці 3, але змініть рівень непрозорості до 100% для поліпшення сприйняття і читання.

Крок 6

Ваша обкладинка для CD готова - хороша робота!  Перед друком, перемістіть шар 'Template' на задній план ілюстрації, щоб зменшити видимість згину і ліній обріза в остаточній варіанті.

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

Тепер ви можете вибрати варіант для друку будинку на папері формату A3 товщиною 350 gsm або експортувати в PDF (File > Export, вибравши Adobe PDF (Print)) для відправки на професійний принтер.

Якщо ви вибрали останній варіант, не забудьте перевірити вимоги до друку на принтері щодо їх розташування шарів і ліній згину для файлу PDF, і то як вони повинні бути зафарбовані і позначені.

Все готово

Приголомшлива робота!  Ваша обкладинка для CD закінчена і готова до друку.  Вона виглядає приголомшливо!

Я сподіваюся, що це урок надихне вас на створення власного дизайну упаковки, за допомогою InDesign.  Прості, виконані з стилі орігамі, фігури відмінно підійдуть для початку.  Чому б не спробувати створити дизайн коробки із зображенням пляшки пива або парфумерії?  Або як щодо обкладинки для паспорта або блокнота?  Діліться вашими ідеями зі спільнотою Tuts+ в коментарях нижче!

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.