Логотип є одним з найбільш репрезентативних візуальних елементів бренду, він здатний передавати публіці, в чому полягає його суть, і це дуже потужний символ. У цьому підручнику я покажу вам основні інструменти, які Illustrator пропонує для дизайну логотипів, і навчу, як отримати від них максимум користі. Якщо ви хочете знати, як створити логотип за допомогою Adobe Illustrator, ви не можете пропустити цю публікацію!
Логотип, ізотип чи імаготип
Зазвичай ми використовуємо слово логотип для позначення символу, що представляє бренд. Однак цей термін використовується не зовсім добре. Перш ніж розпочати проектування, давайте прояснимо це.
- El логотип є символом, який представляє бренд і складається з зображення та текст (або типографіка).
- Коли символ складається лише з зображення, без тексту, правильніше вживати цей термін ізотип.
- Є бренди, які іноді використовують різні частини свого логотипу самостійно. Наприклад, Nike багато разів представлена виключно компанією галочка Коли зображення логотипу асоціюється з брендом без необхідності супроводжувати типографіку, ми можемо позначати це як імаготип.
Створіть новий документ в Illustrator і спостерігайте за моделлю
Давайте створимо новий документ. Ми дамо робочий стіл a Розмір A4, таким чином нам не буде бракувати місця для роботи. Я змінив кольоровий режим до RGB.
Ми почнемо з простого логотипу, який я раніше розробляв. Подивившись на цю модель, ми побачимо крок за кроком, як я його створив і за допомогою яких інструментів. Їх полягає в тому, що ви отримуєте уявлення про те, як можна отримати максимум від того, що пропонує Illustrator. Розбивши логотип, ми це бачимо Він складається з набору поєднаних фігур та тексту.
Створіть усі необхідні фігури в Adobe Illustrator
Тіло сови
Зупинимось спочатку на фігурах. На панелі інструментів ви знайдете інструмент фігури. Натискаючи на нього, він дає нам можливість створювати прямокутники, еліпси, зірки, багатокутники або відрізки ліній. У цьому випадку нам потрібно створити прямокутник. Виберіть інструмент і перетягування миші створіть прямокутник, приблизно такий розмір, який ви бачите на зображенні вище.
Як ми можемо дістатись від цього прямокутника до форми, з якої складається тіло сови? Нам потрібно його викривити, і для цього ми маємо інструмент прямого відбору на панелі інструментів. Вибравши його, ви побачите, що по кутах прямокутника вид обробники (кружечки). Якщо натиснути на будь-який з них, ви побачите, що кути повертаються. Щоб викривити один кут, просто клацніть один раз, а потім потягніть. Ви побачите, що цей кут рухається, а решта залишається як було.
Ми почнемо з лівого нижнього кута, доведемо ручку до межі. Ми продовжимо вгорі ліворуч і нарешті обійдемо верхній правий. Таким чином ви отримаєте бажану форму.
Око сови
Широко придивитися до моделі. Очі складаються з тієї ж форми, що і тіло і для двох кіл, всередині іншого. Ми створимо менший прямокутник, і ми перекосимо йогоЦе як у попередньому кроці. Тепер ми створимо кола. Виберіть інструмент еліпс. Щоб створити ідеальне коло, нам потрібно натиснути клавішу зміщення під час перетягування, інакше він може деформуватися і бути більше еліпсом, ніж колом.
Коли у нас є всі елементи ока, настав час його зібрати. Для будь-якого дизайнерського завдання, яке ви виконуєте в Illustrator інструмент вирівнювання є основним. Ви можете не мати його видимим, ви завжди можете отримати до нього доступ вікно>вишикуватися. Це автоматично допоможе вам вирівняти різні елементи. Ви можете посилатися на монтажну область, виділення або ключовий об’єкт. Для вирівнювання потрібно лише вибрати кілька об’єктів та eвиберіть варіант вирівнювання. Якщо ви хочете вибрати контрольний об'єкт, зробіть виділення та клацніть на об'єкт, який ви хочете перетворити на ключовий об'єкт, не натискаючи жодної клавіші. Ми центруємо зіницю всередині зовнішньої частини ока.
Дублюйте та гортайте, щоб створити інше око
Якщо ви помітите, інше око точно таке ж, але в протилежному положенні. Щоб не повторювати весь процес, ми будемо робити це duplicar вже створений. Ви можете зробити це за допомогою команди + c (копіювати), а потім команди + v (вставити), або ви можете вибрати натисніть клавішу опцій і перетягніть. Щоб інвертувати його, натисніть на нього та на панелі властивостей, у розділі "перетворення", в символах, вказаних на зображенні вище, ви можете перевернути фігуру, у цьому випадку нам потрібно, щоб він був горизонтальним.
Створіть крило за допомогою інструмента для пошуку шляхів або пера
Повернемось до великої форми, ви побачите, що вона має своєрідне крило. Це фактично та сама форма, яку ми використовуємо для тіла, розміщену ззаду та повернуту. Скористаюся цією можливістю, щоб пояснити два надзвичайно корисні інструменти для створення логотипів: інструмент «ручка» та «шукач».
La ручка інструмент У вас він є на панелі інструментів, і його можна використовувати для створення крила. Використовувати його дуже просто. Просто натисніть, щоб створити вершини, і лінії будуть автоматично намальовані для приєднання до них.
Інший спосіб побудови крила - це використання шукача шляхів. Якщо у вас його немає, ви знайдете його на вкладці вікна> pathfinder. За допомогою цього інструменту ви можете комбінувати або віднімати деталі. У цьому випадку ми повинні вибрати варіант: менше спереду. Дублюйте форму тіла, помістіть його ззаду, формуючи крило, і повторіть, повторіть, менше натискайте спереду і стирайте надлишки. Ми вже мали б своє крило. Як тільки всі фігури будуть створені, ви зможете зібрати логотип.
Колір та градієнт вашого логотипу в Illustrator
Поки що ми не торкалися питання кольору. Важливо, щоб при розробці логотипу ви звертали увагу на колір, вибирали тони, які гармоніюють і відображають дух бренду. Я вибрав рожевий, я залишу кольоровий код вище, якщо він вам підходить. Очі не заповнені, вони являють собою білу лінію товщиною 0,25.
Рожева частина тіла не має плоского кольору, вона має деградований. Існують суперечливі думки щодо логотипів із градієнтом або без нього. До їх використання був ризик, оскільки градієнт може бути втрачений під час завантаження його в Інтернет. Однак це проблема подолана. Багато брендів використовують градієнти у своїх логотипах, бренди настільки ж впізнавані, як Instagram. Мені вони особисто подобаються, оскільки, якщо їх добре використовувати, вони додають об’єм логотипу.
Щоб застосувати градієнти, ми повинні вибрати інструмент градієнта та двічі клацнути на об’єкті. Ми можемо натискати ярлик, натискаючи G на клавіатурі та двічі клацаючи. На панелі властивостей, у градієнті, ви можете вибрати тип градієнта та відобразити меню, щоб змінити його у трьох точках. У цьому випадку ми вибрали градієнт, який переходить від чорного до білого, і ми змінили чорний на рожевий і білий, який ми збираємось замінити, на дуже дуже світло-рожевий, майже білий. Переміщуючи смужку, яка відображається у формі та точках, ви можете змінити положення та структуру градієнта.
Друкарня в логотипі
Текст не має жодних ускладнень, він написаний шрифтом Oswlad Medium, який ви можете безкоштовно завантажити в Google Fonts. Ми дали йому розмір 17 балів, і ми вибрали той самий рожевий тон. Ось як би це виглядало!
Як налаштувати шрифти в Adobe Illustrator
Давайте поговоримо більше про типографіку! Шрифти можна перетворити на штрихи, ламаються, деформуються, і ми можемо з ними грати. Я дуже неохоче це роблю, але привіт, створення логотипів - це хороший ресурс, і ви повинні це знати. Подивимось приклад:
Давайте виберемо шрифт File Black, і я збираюся написати це ім’я. Як зараз, ми з цим мало що можемо зробити. Ми маємо перетворити типографіку на штрих. Для того, ми виділяємо його за допомогою інструменту виділення і переходимо на вкладку тексту> створюємо контури. Перш ніж це зробити, переконайтеся, що текст добре написаний, тому що ви більше не зможете редагувати його!
Створюючи контури, ви можете ставитись до свого тексту, як до будь-якого іншого обведення Illustrator. Як ми це зробили з фігурами, за допомогою інструмента прямого виділення ми збираємося зігнути кінці i та точки другого "i", ми перетворимо його на своєрідний лист, якому я збираюся надати це бірюзовий тон. Цікаво те, що ціле слово можна використовувати як логотип або “i” як самостійний тип зображення.
Перевірте свої логотипи за допомогою макетів у Photoshop
Хороша ідея перевірити, чи працює ваш логотип, - це створити макети за допомогою Photoshop. Це найкращий спосіб швидко побачити, як це виглядатиме насправді і як його можна реалізувати. Що ви думаєте?