І ось результат. Отже, досить ходити навколо куща. Давайте перейдемо безпосередньо до справи ...
Крок 1: Створення базової фігури
Перш ніж ми зможемо приступити до безпосередньої роботи, потрібно створити нову робочу область в Illustrator. Для цього перейдіть до меню File>New, а потім виберіть альбомний формат з розмірами DIN A3.
Використовуйте комбінацію клавіш Command+R, щоб відобразити лінійки і створити дві напрямні, які повинні перетинатися приблизно в центрі робочої області. Щоб створити напрямну, просто перетягніть її з лінійок.
Після цього все повинно виглядати приблизно так. (Малюнок 03):
Всі наступні кроки роботи тепер починаються з цієї центральної точки.
Потім візьміть інструмент "Еліпс" і клацніть на центральній точці, утримуючи клавішу Alt. У вікні, що з'явиться, виберіть розмір 130х130 мм і підтвердіть вибір кнопкою OK.
Інформація збоку:
Оскільки ви натиснули клавішу Alt, клацнувши центральну точку, еліпс буде створено безпосередньо з центру.
Щоб створити рівні криві по краях таблички, потрібно застосувати до неї ефект Зигзаг (Zigzag ). Для цього виберіть Ефект>Фільтр спотворення і трансформації>Зигзаг.
У наступному діалоговому вікні ви можете керувати тонкими налаштуваннями зигзагоподібного фільтра. Для розміру виберіть значення 1 мм і встановіть точку виділення Абсолютна. Ви можете встановити значення 15 для хвиль на сегмент. Перш ніж натиснути кнопку ОК, важливо вибрати Перехід у нижній частині цього вікна, щоб не створювати гострих кутів і країв. (Зображення 06).
Потім ви маєте перетворити цей ефект на об'єкт, щоб він фактично перетворився на контур. Для цього виберіть Об'єкт>Перетворити вигляд... (Якщо ви забудете зробити це перетворення, у вас виникнуть проблеми, коли ви захочете масштабувати бейдж. Значення ефектів завжди залишаються незмінними, доки вони не були перетворені. Це означає, що якщо згодом ви захочете збільшити масштаб бейджа, хвилі стануть дуже маленькими).
Після того, як ви перетворили об'єкт на контур, вам знову знадобиться інструмент еліпс. Утримуючи клавішу Alt, знову клацніть центральну точку, виберіть розмір 118x118 мм і підтвердіть вибір натисканням OK. (Див. Зображення 08).
Деактивуйте колір області і створіть контур товщиною 5 пт. Оскільки ми редагуватимемо контур за допомогою Pathfinder, колір контуру в цьому випадку не має значення.
Виділіть коло, яке ви щойно створили, і виберіть Об'єкт>Конвертувати. У вікні, що з'явиться, ви можете просто підтвердити команду натисканням кнопки OK. Ця команда перетворює наш контур на поверхню. Це дуже важливо для наступних кроків у програмі Pathfinder. (Зображення 09).
Як уже згадувалося, тепер вам потрібен шукач шляхів. Якщо у вас його ще не показано, ви можете знайти його за допомогою меню Вікно>Блукач. (Мал. 10).
Інформація побіжно:
З мого досвіду, я рекомендую вам завжди тримати інструмент "Шукач шляхів " у робочій області Illustrator, оскільки він знадобиться вам майже для всіх дизайнерських робіт, які ви виконуєте в Illustrator.
Тепер виділіть все, натиснувши комбінацію клавіш Command+A (на ПК - Ctrl+A ), і клацніть на Remove front object (Видалити передній об'єкт ) у палітрі Pathfinder(див. рис. 11). (Див. Рисунок 11). Це зробить нашу бляшку прозорою в тому місці, де був наш другий еліпс.
Далі вам знову знадобиться інструмент еліпс. Як завжди, утримуючи клавішу Alt, клацніть у центральній точці і створіть невеликий еліпс розміром 3,5x3,5 мм. (Див. малюнок 12). Виберіть пурпурний колір для контуру.
Двічі клацніть на інструменті виділення (чорна вказівка миші), щоб відкрити діалоговевікно переміщення. Встановіть горизонтальний зсув на 0 мм і введіть значення -63 мм для вертикального зсуву.
Після цього все має виглядати приблизно так. (Див. Малюнок 14):
Маленький еліпс, який ми щойно перемістили, тепер потрібно повернути так, щоб у кожній хвилі бляшки був еліпс.
Виділіть зміщений еліпс і виберіть інструмент обертання з палітри інструментів. Утримуючи клавішу Alt, клацніть у центральній точці.
У вікні, що з'явиться, введіть кут повороту. Якщо ви порахуєте, скільки хвиль має наша бляшка, то побачите, що їх рівно 32. Оскільки Illustrator досить розумний у цьому питанні, ви можете просто ввести 360°/32 і підтвердити, натиснувши " Копіювати ". (Малюнок 15).
Щоб не повторювати цей процес обертання 30 разів, ви можете зробити все набагато простіше, використовуючи комбінацію клавіш Command+D (на ПК - Ctrl+D ).
Інформація побіжно:
Комбінація клавіш Command+D або Ctrl+D в Illustrator завжди повторює останню виконану дію. У цьому випадку - обертання.
Після того, як ви закінчили обертання, все повинно виглядати приблизно так. (Див. Малюнок 16):
Оскільки обернені кола також мають бути вирізані за допомогою шукача шляхів, має сенс спочатку згрупувати їх разом, щоб вони не лежали в палітрі шарів порізно.
Клацніть на одному з цих маленьких кружечків, а потім виберіть команду Виділення>Зовнішній вигляд>Таке саме. За допомогою цієї команди ви виділили всі маленькі кола, і тепер вам не доведеться намагатися виділити їх окремо. (Див. Малюнок 17).
Потім згрупуйте всі кола за допомогою комбінації клавіш Command+G (на ПК - Ctrl+G) .
Після цього ваша палітра шарів знову має виглядати відносно охайно. (Див. рисунок 18).
Перед тим, як ви зможете вирізати маленькі кружечки, вам потрібно звернути увагу на дві речі. Перш за все, виберіть групу, яку ви щойно створили, а потім клацніть на маленьку стрілку у верхньому правому куті Pathfinder, щоб відкрити спадне меню. Клацніть на пункті " Створити складову фігуру " (Зображення 19).
Невдовзі після цього у вас з'явиться можливість натиснути кнопку " Перетворити ". (див. зображення 20).
Після цього група зникне з палітри шарів і існуватиме лише як окремий об'єкт.
Тепер вам потрібно виконати ту ж саму процедуру з самим значком.
Після цього, окрім двох напрямних, у палітрі шарів має залишитися лише два об'єкти. (Див. рисунок 21).
Виділіть їх за допомогою комбінації клавіш Command+A або Ctrl+A і клацніть " Відняти передній об'єкт" (Subtract front object) у Finder (Шукач шляхів ).
Основна форма вашої бляшки готова.
Крок 2: Вступає в гру колір
Ми дійшли до того моменту в цьому уроці, коли ми нарешті вводимо в гру колір. Точніше, більше, ніж один колір, оскільки ми будемо працювати з градієнтом кольору.
Виберіть свій значок, а потім клацніть на стандартному чорно-білому градієнті в палітрі градієнтів. (Малюнок 23).
Маленька підказка:
Якщо палітра градієнтів ще не відкрита, ви можете знайти її через Вікно>Градієнт.
Перш за все, потрібно перетворити лінійний градієнт на круговий. (Див. рисунок 24).
Далі вам знадобляться два різних відтінки синього. Для цього уроку я вибрав наступні два значення CMYK.
- світло-блакитний: CMYK - 90/31/4/9
- темно-синій: CMYK - 93/49/28/63
Ви можете призначити ці два кольори, двічі клацнувши на одному з полів градієнта. (Див. Малюнок 25).
Крок 3: Текст на доріжці та логотип
Основна форма бейджа завершена, і ми також створили відповідний колірний градієнт. Чого не вистачає?
Звичайно ж, правильних написів і логотипу.
Візьміть інструмент "Еліпс" і знову утримуйте клавішу Alt, щоб створити еліпс у центральній точці. Тепер введіть розмір 113x113 мм і підтвердіть вибір кнопкою OK.
Тепер за допомогою інструмента "Ножиці " розріжте цей еліпс по горизонталі так, щоб вийшло два окремих півкола. (Інструмент " Ножиці" прихований під інструментом "Гумка"). (Зображення 27).
Потім візьміть інструмент "Текстовий контур " і клацніть на верхньому півколі. Напишіть на ньому слова "PSD tutorials". (Малюнок 28).
(Для шрифту ви можете вибрати Helvetica Neue зі стилем шрифту Bold і розміром шрифту 25pt).
Щоб відрегулювати положення і вирівнювання тексту, ви можете скористатися цими трьома ручками. (див. Зображення 29).
Оскільки наразі текст все ще знаходиться над доріжкою, перейдіть до пункту Шрифт>Доріжка>Параметри тексту доріжки... У наступному вікні встановіть вирівнювання за висхідною лінією і підтвердьте вибір натисканням кнопки OK.
Після цього все має виглядати приблизно так. (Малюнок 31):
Напишіть "Adobe Illustrator" у нижньому півколі. Знову ж таки, за допомогою інструмента "Текст контуру".
Оскільки ваш текст, швидше за все, буде перевернутий, вам потрібно схопити мишею центральну ручку і потягнути її вгору. І пуф ... текст стане правильним чином.
У робочих файлах, що додаються, ви знайдете файл під назвою "PSD-Logo.ai".
Помістіть цей файл в центр вашого бейджа.
Після цього все повинно виглядати приблизно так. (Малюнок 33):
Крок 4: Створення хвоста бейджа
Останній крок - це створення хвоста бейджа, щоб завершити наш проект.
Візьміть інструмент "Перо" і просто намалюйте своєрідний хвіст бейджа з п'ятьма кутовими точками. (Див. Рисунок 34).
Продублюйте цей контур один раз і розташуйте два хвости так, щоб вони були закручені під різними кутами. Важливо, щоб обидва контури були на задньому плані, щоб вони частково зникали за бляшкою. (Див. Малюнок 35).
Надайте хвостикам червоний колір поверхні. (Малюнок 36).
Щоб все це не виглядало таким статичним, ви можете виділити по одному хвосту, а потім за допомогою Об'єкт>Оболонка спотворення>Створити з сіткою. .. деформувати їх так, щоб все це виглядало трохи динамічніше. (Зображення 37 і 38).
Ви можете дати волю своїй творчості під час спотворення. Після того, як ви будете задоволені своїм викривленням, ваша табличка буде готова. Той факт, що пробиті елементи дозволяють просвічуватися хвостику бейджа, робить його ще більш футуристичним і незвичним. Якщо вам не подобається така прозорість, ви, звичайно, можете просто розмістити ще одну білу область між бейджем і хвостиком бейджа.
Останні слова:
І знову ми підійшли до кінця уроку. Як завжди, я сподіваюся, що він вам сподобався і ви навчилися чомусь новому. Якщо у вас залишилися питання, будь ласка, не соромтеся писати їх у коментарях під цим уроком. Я постараюся відповісти на них якомога швидше.
Маючи це на увазі ...
Залишайтеся креативними
Ваш Джуліан
