Урок Illustrator - Створюємо векторний логотип із рідких літер – rboom
У цьому уроці ми розглянемо техніку створення "рідких" векторних об'єктів за допомогою Dynamic Sketch Tool і Blend Tool. Урок містить докладні інструкції та цікаві трюки, що дозволить вам досягти успіху при створенні такого стилю.
Беремо Type Tool (T) та створюємо літери нашого логотипу.
Ці літери ми будемо використовувати як шаблон надалі, тому блокуємо їх на панелі Layers. Звичайно, ви можете в процесі цього уроку відтворювати свій логотип, техніки, описані нижче, придатні для будь-яких форм.
Тепер беремо Dynamic Sketch Tool і відкриваємо його панель (Window & Dynamic Sketch panel). Включаємо режим "Edit or continue existing paths" та встановлюємо значення Accuracy та Smoothness. Вибираємо довільний колір заливки та встановлюємо для неї 50% прозорості в панелі Transparency для того, щоб бачити шаблон логотипу в процесі малювання. Тепер створюємо зовнішній контур першої літери. повинні точно дотримуватися контуру шаблону, адже ми маємо справу з рідким логотипом, ви просто повинні передати основні пропорції літери.
Створюємо внутрішній контур літери.
Як заливка я вибрав інший колір для наочності. Виділяємо обидві створені форми і натискаємо кнопку Minus Front в панелі Pathfinder (Window & Pathfinder).
Внаслідок цих дій ми отримуємо складовий шлях.
Використовуючи Dynamic Sketch Tool, створимо зовнішній та внутрішній контур другої літери.
Виділяємо обидва шляхи, які представляють внутрішній контур літери "g" (у моєму випадку вони мають зелену заливку) і переходимо Object & Compact Path & Make. Виділяємо всі об'єкти літери"g" і натискаємо кнопку Minus Front i в панелі Pathfinder.
Хочу зауважити, що після набуття форми літери її шляхи втрачають динамічні властивості, проте можуть бути відредаговані за допомогою Dynamic Sketch Tool.
Встановлюємо для створених об'єктів 100% прозорість у панелі Transparency та заливаємо їх темно-сірим кольором.
Використовуючи техніки, описані вище, створимо дві нові форми із заливкою світло-сірого кольору. Ці форми будуть відповідати відблиску на поверхні рідини.
Ці об'єкти, як і контури літер, надалі редагуватимуться, тому не приділяйте їх формам особливої уваги. Єдине зауваження: шлях об'єктів не повинен перетинати сам себе.
Виділяємо об'єкти першої літери та натискаємо на комбінацію гарячих клавіш Cmd/Ctrl+Opt/Alt+B, створюючи змішаний об'єкт.
Ті ж дії робимо з другою буквою.
Як бачите, наш рідкий логотип далекий від досконалості. Тепер ми маємо творчу роботу з редагування отриманого результату.
Насамперед нам необхідно відредагувати ділянки контуру літер або контуру відблиску в місцях, де перехід виходить за контур логотипу.
Також нам слід позбутися різких меж відблиску та артефактів, показаних на малюнку нижче.
Виділяємо шлях за допомогою Direct Selection Tool (A) або в панелі Layers, беремо Dynamic Sketch Tool і змінюємо форму контуру, поки перераховані дефекти не зникнуть.
Під час цієї роботи зручно збільшувати редаговану ділянку, а для того, щоб бачити всю букву цілком під час динамічних перетворень, використовуйте панель Navigator (Window > Navigator)
У процесі цієї роботи я надав літерам більш «рідкий» вигляд, зробивши їх контур хвилястим у деяких місцях.
Якщо вид букв васзадовольняє, давайте приступимо до створення тіней. Копіюємо обидва бленд-об'єкти і вставляємо їх назад (Cmd/Ctrl+C; Cmd/Ctrl+B). Тепер переходимо Object & gt; Blend > Release (на малюнку нижче видимість верхніх бленд-об'єктів для наочності вимкнена)
Розгруповуємо ці об'єкти і видаляємо форми світло-сірих відблисків.
Заливаємо форми нейтральним сірим кольором, копіюємо їх і вставляємо назад (Cmd/Ctrl+C; Cmd/Ctrl+B). Тепер заливаємо нижні літери світло-сірим кольором і зміщуємо їх трохи вниз і праворуч.
Встановлюємо для світло-сірих форм 0% прозорості на панелі Transparency.
Виділяємо форми тіней однієї з літер і натискаємо на гарячі клавіші ілюстратора Cmd/Ctrl+Opt/Alt+B, створюючи Blend об'єкт.
Так само чинимо з формою іншої тіні.
Використовуючи Dynamic Sketch Tool і Blend Tool, створимо форми декількох крапель і тіні, що падають від них.
Тепер приступимо до створення відблисків. Увімкнемо режим Intelligent path joining на панелі Dynamic Sketch, виберемо колір заливки і створимо шлях за допомогою Dynamic Sketch Tool.
Тепер створимо новий шлях так, щоб його траєкторія перетинала траєкторію першого шляху.
В результаті ми отримали замкнутий шлях, показаний на малюнку нижче.
Саме режим Intelligent path joining дозволяє нам створювати такі форми. Заливаємо форми відблиску радіальним градієнтом, який складається з білого та світло-сірого кольору.
Створимо такі відблиски на інших частинах рідкого логотипу. Ви не повинні створювати відблиски у випадкових місцях. Коли ми створювали тіні в 9 кроці, ми визначили напрямок світла (зліва направо та зверху вниз). Саме відповідно до положення джерела світла нам необхідно розташувати відблиски.
Створимо бульбашки повітря. Беремо Ellipse Tool(L) і створюємо еліпс із заливкою радіальним градієнтом, який складається з білого та сірого кольору.
Тепер за допомогою Dynamic Sketch Tool створимо відблиск світла на бульбашці, використовуючи техніку, описану в 10 кроці.
Створимо кілька подібних бульбашок різної форми та помістимо їх у різних місцях нашого векторного логотипу.