Урок по створенню векторної ілюстрації скляної пляшки в adobe illustrator - rboom

У цьому уроці ми навчимося створювати векторну скляну пляшку пива в Adobe Illustrator. Багато дизайнери-початківці відчувають деякі труднощі при створенні скляних об'єктів. На мій погляд, в цьому немає нічого складного, так як скляні об'єкти мають відблиски і тіні з різкими межами, які дуже легко створити, використовуючи Illustrator. Для створення форми пляшки ми будемо використовувати 3D моделювання та інші нескладні векторні техніки.

Знайдіть фотографію пляшки, де вона розташована у фронтальній площині (або зробіть фотографію самі). Вставимо фотографію в поточний документ (File> Place ...). Тепер за допомогою інструменту ілюстратора Pen Tool (P) створимо контур половини пляшки.

Беремо Scissors Tool (C) і розрізаємо шлях в точці A для того щоб відокремити кришку від скляної пляшки.

Забарвимо шлях в різні кольори.

Групуємо створені об'єкти (Ctrl / Cmd + G).

Виділяємо групу, потім переходимо Effect> 3D> Revolve ... і встановлюємо параметри, зазначені на малюнку нижче.

В процесі 3D моделювання ви можете моделювати освітлення об'єкту одним або декількома джерелами світла. Для цього натисніть на кнопку More Options в діалоговому вікні та поекспериментуйте з джерелами світла.

Ви також можете змінювати положення пляшки в просторі, встановивши інші параметри або повернувши куб.

Закінчивши з експериментами, продублюємо отриманий 3D об'єкт. Ви цілком можете його використовувати як наочний посібник у подальшій роботі.

Перед фарбуванням об'єктів я завжди створюю фон. Це допомагає правильно підбирати кольори. Створюємо прямокутник за допомогою Rectangle Tool (M) і заливаємо його радіальним градієнтом, який містить різні відтінки синього кольору.

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

Багато новачків терплять невдачі, тому що вони намагаються передати гру світла на поверхнях об'єкта однієї заливкою. Насправді ви повинні спочатку задати загальні тони об'єкта, а потім переходити до частковостей. На цьому засновано все візуальне мистецтво, в тому числі, і векторна графіка. Копіюємо форму пляшки і вставляємо її вперед (Cmd / Ctrl + C; Cmd / Ctrl + F). Заливаємо форму лінійним градієнтом від червоного до білого кольору.

Застосуємо до цієї форми режим змішування Multiply.

Дивіться, наша векторна пляшка починає набувати обсяг. А ми просто затемнили її ліву частину. Білий колір градієнта став прозорим, а червоний зробив ліву частину пляшки більш насиченим після застосування режиму змішування Multiply. Зазвичай для цих цілей використовують чорно-білий градієнт. Однак, використання кольорового слайдера дозволяє уникнути «бруду».

Створюємо дно пляшки. Малюємо еліпс за допомогою Ellipse Tool (L) і заливаємо його радіальним градієнтом від чорного до темно-червоного кольору.

Тепер створюємо світіння на склі пляшки. Малюємо коло, потім заливаємо її радіальним градієнтом від оранжевого до чорного кольору і застосовуємо режим змішування Screen. Тепер трансформуємо окружність в еліпс за допомогою Selection Tool (V)

Створимо подібне світіння ще в двох місцях.

Копіюємо форму пляшки і вставляємо її вперед (Cmd / Ctrl + C; Cmd / Ctrl + F), потім поміщаємо копію вище всіх створених об'єктів (цей об'єкт для наочності залитий сірим кольором).

Виділяємо верхню форму пляшки і все еліпси, потім переходимо Object> Clipping Path> Make (Cmd / Ctrl + 7)

Копіюємо форму пляшки і вставляємо її вперед. Маємо в своєму розпорядженні цей об'єкт вище всіх створених об'єктів. Переходимо Object> Path> Offset Path ... і встановлюємо величину зсуву.

Виділяємо обидві сірі форми, потім натискаємо на Minus Front в панелі Pathfinder.

Заливаємо отриманий складовою шлях чорним кольором.

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

Приступимо до створення бульбашок в шийці пляшки. За допомогою Ellipse Tool (L) створимо кілька еліпсів, які необхідно вирівняти по нижньому краю за допомогою панелі Align.

Копіюємо еліпси і вставляємо їх назад (Cmd / Ctrl + C; Cmd / Ctrl + B). Відключимо stroke у нижніх еліпсів і заллємо їх чорно-білим радіальним градієнтом (видимість верхніх еліпсів для наочності відключена)

Групуємо нижні еліпси, потім застосуємо до групи режим змішування Multiply в панелі Transparency.

Розширимо області радіальних градієнтів за допомогою Gradient Tool (G)

За допомогою Pen Tool (P) створимо форму, показану на малюнку нижче.

Виділяємо еліпси і форму чорного кольору, потім видаляємо нижню частину чорної форми за допомогою Shape Builder Tool (Shift + M), утримуючи Opt / Alt key

Включаємо видимість верхніх еліпсів.

Беремо Scissors Tool (C) і розрізаємо верхні еліпси в точках їх перетину.

Зменшуємо товщину сегментів, які знаходяться всередині бульбашок. Групуємо всі об'єкти бульбашок і поміщаємо їх в горлечко пляшки.

Переходимо до створення відблисків. Створюємо форму відблиску за допомогою Pen Tool (P). Заливаємо форму лінійним градієнтом, потім застосовуємо режим змішування Screen.

Використовуючи цю техніку, створимо інші відблиски на пляшці.

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

За допомогою Rounded Rectangle Tool створюємо прямокутник і заливаємо його лінійним градієнтом, який складається з двох відтінків жовтого кольору.

Тепер за допомогою Pen Tool (P) створимо форму з заливкою коричневим кольором, як це показано на малюнку нижче.

Групуємо ці об'єкти, потім змішаємо групу вправо, утримуючи клавіші Shift + Opt / Alt, що призведе до її дублювання.

Використовуємо Cmd / Ctrl + D кілька разів, для того щоб повторити останню дію.

Продублюємо прямокутник із закругленими кутами і помістимо його з лівого боку створених об'єктів.

Виділяємо всі зубці кришки, потім переходимо Object> Envelope Distort> Make with Mesh ... і встановлюємо кількість рядків і стовпців в діалоговому вікні.

Тепер маніпулюючи точками і ручками градиентной сітки, наводимо його до виду, показаному на малюнку нижче.

На цьому наш урок закінчено. Тепер векторна пляшка пива виглядає так.

Будьте завжди в курсі свіжих новин про векторної графіки, нових уроків роботи в Adobe Illustrator, статей та інтерв'ю присвячених графічного дизайну. Команда RU.Vectorboom працює для Вас!