Урок illustrator - як створити векторний портрет в стилі поп арт - rboom

У цьому уроці ми навчимося створювати векторний протре в стилі Pop Art. Ми постараємося відтворити стиль одного з кращих представників цієї течії Роя Ліхтенштейна (Roy Lichtenstein). Для створення ефекту растра і його тонкої настройки застосуємо плагін для Adobe Illustrator - Phantasm CS. Для виконання цього уроку ви можете використовувати будь-яку фотографію, так чому б вам не зробити власний портрет в стилі Поп Арт?

Як референсу ми будемо використовувати фотографію. Я взяв портрет Мерлін Монро. Мені приємно працювати над портретом красивої жінки. Ви, звичайно, можете взяти свою фотографію і створювати автопортрет.

Розміщуємо фотографію в робочу область документа (File> Place ...), потім натискаємо на кнопку Embed на верхній панелі інструментів

Заблокуємо шар з фотографією в палітрі шари, щоб не змістити її в процесі роботи.

Вище першого шару створимо новий шар. У цьому шарі ми будемо працювати. Тепер беремо Pen Tool (P) і створюємо контур обличчя.

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

За допомогою Pen Tool (P) створюємо контур шиї і волосся.

Замінимо обведення створених об'єктів на заливку і оцінимо гармонійність створених форм. Ця дія я виконую завжди після ручного трасування ескізу або фотографії.

Продовжуючи ручну трасування, я знову міняю заливку і обведення місцями або відключаю видимість створених об'єктів в палітрі шари.

Приступаємо до створення очей. Беремо Pen Tool (P) і створюємо контур, передає обриси очі і форму тіні навколо нього (я залив цього форму червоним кольором тільки для наочності)

Створення очей це найвідповідальніша робота, тому що людські очі ми бачимо кожен день, і будь-яка диспропорція відразу буде помітна. Я пораджу в цій роботі спиратися більше на свої почуття, ніж на фотографію. Беремо Ellipse Tool (L) і створюємо коло із заливкою блакитного кольору і чорної обведенням.

Ця окружність буде райдужною оболонкою ока. Беремо Scissors Tool (C) і розрізаємо коло в точках A and B, після чого видаляємо верхню частину кола.

Тепер з'єднаємо точки A and B за допомогою Pen Tool (P) як це показано на малюнку нижче.

Використовуючи ту ж техніку, створимо зіницю.

Беремо Ellipse Tool (L) і створюємо відблиск світла на поверхні ока.

Для створення вій використовуйте Pen Tool (P), застосовуючи до створених кривим трикутний профіль з палітри Stroke.

Таким же чином створюємо друге око.

Грунтуючись на фотографію, створюємо елементи рота. Зуби залиті суцільним білим кольором, така стилістика робіт Роя Ліхтенштейна. Як і у всій роботі спрощуйте контур, передаючи тільки основні пропорції.

Блик на нижній губі я створив за допомогою Pen Tool (P) і застосував до лінії відповідний профіль з палітри Stroke.

За допомогою Pen Tool (P) я створив брови, ніздрі, а за допомогою Ellipse Tool (L) родимку на щоці.

Тепер створимо складки шкіри біля очей і носа, використовуючи Pen Tool (P) і профілі з палітри Stroke.

Створюємо тіні на шиї.

Всі елементи особи у нас готові.

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

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

Тепер групуємо всі лінії і блокуємо групу в палітрі шарів. Цю групу ми будемо використовувати в якості шаблону. Беремо Pen Tool (P) і створюємо нові лінії, використовуючи шаблон, і застосовуємо до них різні профілі, встановлюючи їх ширину в палітрі Stroke.

Тепер шаблон може бути вилучений.

Характерною особливістю робіт Роя Ліхтенштейна є перебільшена імітація растра. Маючи в своєму розпорядженні Phantasm CS, ми легко зможемо повторити цей ефект і навіть трохи поекспериментувати. Копіюємо форму обличчя і шиї і вставляємо їх вперед (Cmd / Ctrl + C; Cmd / Ctrl + F), заливаємо їх бордовим кольором і об'єднуємо в одну форму, натиснувши на кнопу Unite з палітри Pathfinder.

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

Не знімаючи виділення з цього об'єкта, переходимо Effect> Phantasm CS> Halftone .... Діалогове вікно містить безліч опцій дозволяють точно керувати ефект.

Для імітації стилю Роя Ліхтенштейна я встановив Grid Angle рівний 45 градусам, форма точки - circle. Параметр DPI впливає на деталізацію зображення, Scale, як не важко здогадатися, на величину точок. Ви можете спостерігати за змінами ефекту, змінюючи параметри в діалоговому вікні, це дуже зручно.

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

Тепер виділяємо обидві бордові форми і натискаємо поєднання клавіш Cmd / Ctrl + 7, створюючи Clipping Mask.

Портрет в стилі Pop Art готовий.

Phantasm CS дозволяє створювати більш складний Halftone ефект. Давайте ще трохи пограємо з ним. Відключимо видимість Halftone ефекту, отриманого в попередньому кроці, шкірних складок т тіні на шиї Мерлін.

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

За допомогою Phantasm CS ви можете регулювати рівні (levels) растрового зображення прямо в Adobe Illustrator без попередньої обробки в Photoshop. Крім того що це зручно, є ще одна перевага, про який мова піде трохи пізніше. Виділяємо фотографію і переходимо Effect> Phantasm CS> Levels ..., поки залишаємо параметри ефекту без змін і натискаємо на кнопку OK в діалоговому вікні.

12. Тепер переходимо Effect> Phantasm CS> Halftone ... і встановлюємо параметри ефекту в діалоговому вікні.

Безсумнівно, вам не слід дотримуватися моїх параметрів, адже ви можете створити свій неповторний ефект. Наприклад, замість круглих точок ви можете використовувати квадрати, лінії, Characters і навіть Symbols, якщо ви їх попередньо зберегли в палітрі Symbols.

Після установки параметрів ефекту мая работа виглядає так.

Тепер ми можемо регулювати рівні растрового зображення. Відкриємо палітру Appearance (Window> Appearance). Ми бачимо, що до нашого об'єкту застосовано два ефекту Phantasm CS. які ми можемо налаштовувати. Відкриваємо діалогове вікно Phantasm CS Levels, натиснувши на його назву в палітрі Appearance, управляємо слайдерами шарів, спостерігаючи за змінами, що відбуваються. Отримали хороший результат, тисніть на кнопку OK

Приховуємо точки, що виходять за контур голови, використовуючи техніку створення Clipping Mask, описану в 10 кроці.

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

Виділимо об'єкт з ефектами і переходимо Object> Expand Appearance

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

Нам залишилося тільки створити фон. В якості фону ми будемо використовувати паперову растрову текстуру. Такі текстури ви зможете скачати тут (link). Вставляємо текстуру в поле документа (File> Place ...) і встановлюємо для неї Multiply Blending Mode в палітрі Transparency.

Приховуємо зайві частини текстури за допомогою Clipping Mask (див. 10 крок)

Для другого варіанту портрета я використовував іншу текстуру.

Я сподіваюся, вам сподобався цей урок. Phantasm CS дарує вам повну свободу творчості. Думаю, якби Рой Ліхтенштейн жив в наш час, він використовував би цей чудовий плагін в своїх роботах.

Оригінал уроку на англійській мові: AstuteGraphics

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