() translation by (you can also view the original English article)
Дивовижний Чарівник з країни Оз є одним з найпопулярніших романів-казок для дітей, який також люблять мільйони дорослих людей за його фантастичну та чарівну атмосферу. У цьому уроці ми створимо кольоровий портрет Лева-Боягуза,
скориставшись стоковим зображенням для створення реалістичного, мальованого виду. Ми додамо деякі брудні ефекти та ефекти освітлення, створивши стильний тематичні плакат з Левом-Боягузом. Почнемо!
1. Створюємо лінійну ілюстрацію по стоковому зображенню
Крок 1
Для цього уроку візьмемо цю фотографію лева з Pixabay.com.
Перейдіть в Файл> Помістити щоб розмістити фото в документі Adobe Illustrator таким чином, щоб голова лева була по центру монтажної області. Я встановила розмір монтажної області на 700 х 800 px. Ви можете в будь-який момент змінити розмір монтажної області за допомогою інструменту Монтажна область (Shift-O).
Двічі клацніть на шарі з фотографією лева на панелі Шари і поставте галочку біля пункту Затемнити зображення до, зробивши зразок напівпрозорим.
Створіть Новий шар поверх шару з ескізом для малювання контуру.
Крок 2
Почнемо з очей лева. Ми скористаємося Пензлем-Ляпка (Shift-B). Насправді, ви можете використовувати Пензль (В), тому що вона більш універсальний та легкий в редагуванні і дозволяє намалювати окремі лінії і потім налаштувати кожну лінію за допомогою Часткове виділення (А). Однак, інструмент Пензль-Ляпка (Shift-B) ближче до реального малювання, як нібито ми користуємося маркером. Недолік цього інструменту в тому, що ви малюєте формами, які важче редагувати. Проте, вони виглядають більш природно, тому вирішувати вам, який інструмент вибрати.
На знімку екрана нижче ви можете побачити налаштування мого інструменту Пензль-ляпка (Shift-B) як на зображенні нижче. Я користуюся цифровим планшетом, тому я обираю опцію Натиск біля повзунка Розмір.
Починаємо обводити очі, змінюючи ширину ліній, варіюючи тиск. Натисніть сильніше для отримання більш товстої лінії і слабкіше - для тонкої лінії. Ви також можете змінити розмір пензлю за допомогою клавіш [ та ].
Крок 3
Додайте більше маленьких, тонких штрихів навколо ока, щоб показати шерсть. Дотримуйтесь напрямку шерсті лева, дивлячись на фото.
Крок 4
Перейдемо до носа і рота нашого лева. Зверніть увагу, що ми обводимо тільки ліву частину морди, тому що пізніше зробимо дзеркальну копію, створивши симетричний портрет.
Не турбуйтеся, якщо на цьому етапі лінії частково накладаються одна на одну, тому що ми виправимо це.
Крок 5
Закругленими штрихами додайте "бороду" нижче рота.
Крок 6
Перейдемо до вух лева. Контури вух виглядають більш шорсткими і хвилястими, тому змінимо Точність інструменту Пензль-ляпка(Shift-B), зсунувши повзунок ближче до Плавності на лівій стороні. Тепер ми можемо створити ще більш природні штрихи за допомогою дрібних деталей.
Крок 7
Намалюйте гриву навколо морди (лише з лівого боку голови). Потім виділіть всі створені лінії, Згрупуйте (Control-G) їх і двічі клікніть на інструменті Дзеркальне відображення (О), щоб відкрити вікно з налаштуваннями Відображення . Відобразіть картинку по Вертикальній осі і за допомогою кнопки Копіювати створіть праву частину голови лева.
Використовуючи зображення, розташуйте обведену копію в потрібній позиції, зрушивши праве око на те місце, де воно знаходиться на фотографії. Ви помітите, що деякі інші частини (рот і ніс) можуть перекривати ліву частину обведеного зображення, але не турбуйтеся про це.
Крок 8
Виділіть копію контурів на правій стороні і двічі клацніть на ній, щоб Ізолювати обрану групу. Виділіть лінії носа і посуньте їх вправо, розмістивши ніс в правильне положення. Виконайте те ж саме з ротом і "бородою".
Крок 9
Відредагуйте положення гриви на правій стороні зображення. Перемалюйте деякі частини гриви, щоб зробити ілюстрацію більш рухомою та не абсолютно симетричною.
Крок 10
Давайте перевернемо брови, щоб вони зображали страх. Щоб підсилити цей ефект, також додамо маленьку дугообразную лінію на зовнішніх краях очей.
Крок 11
Використовуємо Напрямні, щоб визначити центр морди та симетрично розташувати елементи. Натисніть Control-R, щоб з'явилися Лінійки. Натисніть на лівій Лінійці і перетягніть Напрямну на монтажну область, помістивши її в середині морди лева. Додайте дрібні деталі на носі, визначивши його центр.
Крок 12
Якщо збільшити зображення, можна виявити, що деякі лінії накладаются одна на іншу. Давайте подивимося, як можна видалити небажані частини за межами ліній. Виділіть два перехрещені лінії та візьміть Інструмент Створення фігур (Shift-M). Наведіть курсор миші на небажану частину і натисніть на неї, утримуючи Alt, щоб видалити її.
Крок 13
Інструментом Видалити опорну точку (-) видаліть непотрібні опорні точки та за допомогою Часткового виділення (А), перенесіть точки, щоб фігури були розташовані разом.
2. Розфарбуємо створені контури
Давайте пожвавимо нашу картинку, додавши кольору! По-перше, створимо базову колірну схему з плоскими кольорами для загального вигляду лева. Потім додамо більше акцентів і використовуємо градієнти для тіней півтонів зробивши картинку більш реалістичною.
Крок 1
Створіть Новий шар під шаром з контуром. Помістіть зразок з фотографією лева біля монтажної області і Піпеткою (I) виберіть базовий світло-бежевий колір на фотографії.
Візьміть Олівець (N) і почніть заповнювати верхню частину гриви кольором. Не потрібно намагатися повторити лінію волосся в точності з контуром, який ми створили раніше. Просто зробіть так, щоб форми підходили одна одній. Рухайтеся вздовж країв гриви, додаючи кольорові точки, але залишивши центр морди без кольру.
На знімку екрана нижче ви можете побачити налаштування мого Олівця (N) .
Крок 2
Коли створите досить бежевих форм навколо морди, виділіть їх і Об'єднайте в панелі Обробки контурів, створивши єдину фігуру з порожнім простором в центрі.
Крок 3
Намалюйте світло-бежеву фігуру в центрі морди і Надішліть її на задній план (Control-Shift-[), розмістивши її під гривою. Виберіть світло-сірий колір на референсі та додайте темні акценти портрету, намалювавши коричневе волосся на вилицях, лобі та вухах.
Крок 4
Перейдіть на нижню частину морди, заповнивши внутрішню частину носа і рот темно-коричневим кольором і помістивши світліші сірувато-рожеві фігури поверх них, додавши глибини елементам.
Крок 5
Тепер пожвавимо очі! Ми все ще використовуємо тут Олівець (N). Створіть темно-коричневу основу в формі ока. Додайте тонку світло-сіру хвилясту форму вздовж нижньої повіки, зробивши його вологим.
Намалюйте коло зіниці. Давайте зробимо його більш живим, наклавши радіальний градієнт з яскраво-оранжевим центром і світло-жовтими краями.
Також можемо додати глибини оку, розмістивши напівпрозору тінь під верхньою повікою. Намалюйте злегка вигнуту форму у верхній частині ока та заповніть його вертикальним лінійним градієнтом від темно-коричневого в верхній частині до білого в нижній частині. Перейдіть в Режим змішування Множення в панелі Прозорість, щоб таким чином зробити білу частину градієнта прозорою і перетворити форму в м'яку тінь.
Крок 6
Закінчимо око, додавши кілька сяючих відблисків, заповнивши їх горизонтальним лінійним градієнтом від світло-жовтого до чорного. Перейдіть в Режим змішування Освітлення, щоб зробити чорні частини прозорими, щоб очі стали яскравими і сяючими.
Крок 7
Давайте зробимо портрет більш тривимірним і текстурованим, додавши відблиски навколо очей і носа лева. Зробіть края світлих областей нерівними, підкресливши окремі волоски і застосуйте той же жовто-чорний лінійний градієнт і Режим змішування Освітлення, щоб зробити форми напівпрозорими.
Додамо більше глибини портрету, змінивши однорідні базові кольори гриви на м'який градієнт таких же відтінків, зробивши нижню частину голови темніше верхньої.
Крок 8
Давайте зробимо кольори більш яскравими, підвищивши насиченість. Зробіть кольори гриви і центральної частині морди яскравішими, змінивши колір на більш жовтий. Також додайте більше оранжевих відтінків на вухах і навколо щок.
Я вирішила видалити чорні контури гриви уздовж країв портрета, щоб картинка вийшла більш повітряної і менш "крикливою".
Крок 9
Давайте ще трохи відредагуємо контури, щоб вони вписувалися в кольорову палітру нашого лева. Виділіть чорні контури на верхньому шарі. Об'єднайте виділені контури на панелі Обробки контурів і кліком правої кнопки відкрийте контекстне меню. Виберіть зробити Складений шлях (або натисніть Control-8), об'єднавши всі окремі частини контурів в один цілісний об'єкт.
Нарешті, застосуєте лінійний градієнт до контурів від темно-пурпурного в центрі до темно-оранжевого по краях.
Ось як на цьому етапі виглядає наш лев.
Крок 10
Давайте зробимо лева гордим і величним, додавши обсягу гриві, зробивши її більше пухнастою. Інструментом Олівець (N) намалюйте ще одну "волохату" фігуру навколо голови. Надішліть її на Задній план (Control-Shift-[), помістивши її за головою і заповніть яскравим радіальним градієнтом від жовтого в центрі до темно-оранжевого по краях, зробивши її темніше базового кольору гриви і таким чином підкресливши морду.
Крок 11
Намалюйте ще один шар волосся під попереднім, зробивши гриву більш детальною. Заповніть її більш світлим радіальним градієнтом, щоб відокремити фігури волосся один від одного, додавши об'єму нашому зображенню.
3. Працюємо над фоном і додаємо деталі
Давайте створимо простий фон і додамо кілька хитромудрих деталей нашому портрету, перетворивши його в постер, присвячений чудесному Чарівникові країни Оз.
Крок 1
По-перше, створіть Новий шар і інструментом Прямокутник (М) створіть прямокутник такого ж розміру, як монтажна область (в нашому випадку це 700 х 800 px). Заповніть фігуру радіальним градієнтом від світло-бежевого в центрі до темно-бежевого по краях, створивши таким чином ледь вловимий ефект віньєтки.
Крок 2
Давайте додамо деталі, тісно пов'язані з історією Чарівника країни Оз. Пам'ятайте Медаль за хоробрість, яку Лев Боягуз отримав від Чарівника країни Оз?
Ми не будемо малювати саму медаль, однак, ми можемо запозичити деякі її елементи для нашого постера, такі як червоні смужки і синя стрічка.
Інструментом Прямокутник (М) намалюйте вузьку вертикальну смужку заввишки з монтажну область. Утримуючи Alt-Shift, перетягніть смужку вправо, створивши копію. Кілька разів натисніть Control-D, створивши більше копій.
Нарешті, виділіть всі смужки і Згрупуйте (Control-G) їх. Застосуйте радіальний градієнт до нашої групи смужок від яскраво-червоного в центрі до темно-червоного по краях, зробивши смужки сяючими і гладкими.
Крок 3
Скопіюйте нижню фігуру волосся і Вставте її на Задній план (Control-C> Control-B). . Трохи збільште копію і змініть її колір на радіальний градієнт від темно-червоного в центрі до білого по краях. Застосуйте Режим змішування Множення, перетворивши фігуру в м'яку тінь, яка виділяє голову на тлі.
Ось як виглядає вся композиція на даному етапі.
Крок 4
Тепер давайте додамо кілька плям і бризок нашому постеру, створивши гранжевий ретро-ефект. Є два способи зробити це. Перший більш легкий спосіб полягає в застосуванні вбудованих художніх кистей Adobe Illustrator, які можна знайти в Бібліотеці пензлів в панелі Пензлів (натисніть на іконці в меню Бібліотеки пензлів (натисніть на іконці в меню Бібліотеки пензлів та перейдіть в Художній> Худож_чорнила або Худож_акварель). та перейдіть в Художній> Худож_чорнила або Худож_акварель). .
Можете подивитися Частина 3 Крок 2 і далі урок "Створюємо обкладинку CD в нізкополігональних гранджевом стилі в Adobe Illustrator", де написано про застосування таких кистей для створення бажаного ефекту.
Другий спосіб більш часовитратний, але в той же час більш творчий і цікавий. Так що, якщо ви хочете вдихнути життя в вашу ілюстрацію, давайте трохи попрацюємо з
традиційними засобами Використовуйте чорнило, акварель, гуаш або що-небудь інше, що вам подобається, щоб створити бризки і плями на папері. Я використовую чорне чорнило і звичайний пензль для створення безлічі дрібних, текстурних плям, капая чорнилом пензлем на папір. Ви також можете використовувати зубну щітку для створення ефекту дрібних бризок.
Відскануте картинку або сфотографуйте на телефон, але переконайтеся, що освітлення досить, і що фон більш-менш чистий, без будь-якої тіні.
Відкрийте картинку в Adobe Photoshop і натисніть Control-L, для переходу до вікна з параметрами Рівнів (або перейдіть в Зображення> Корекція> Рівні). Тут спробуйте надати зображенню якомога більше контрасту, зсунувши лівий чорний повзунок вправо, зробивши темні частини зображення темніше. Також посуньте правий білий повзунок вліво, ще більше освітливши білі області.
Ось як це виглядає тепер: у нас є щільні чорні плями на чистому білому тлі.
Крок 5
Збережіть зображення як JPEG і перейдіть в Файл> Помістити для розміщення її в Adobe Illustrator. Тепер нам доступна функція Трасування зображення в панелі управління угорі.
Виберіть установку Фотографія високої якості в випадаючому меню Трасування і після трасування натисніть на кнопку панелі Трасування зображення, яка з'явилася на панелі управління у верхній частині.
Тут, на панелі налаштувань Трасування, розташуйте повзунки Контурів та Кутів на 100%, щоб отримати якомога більше деталей. Що стосується повзунка Кольори, встановимо величину колірної характеристики на 1, тому що у нас тільки один колір - чорний. Встановіть значення Шуму на 1 px.
Залиште інші параметри за замовчуванням Розберіть зображення в панелі управління угорі, перетворивши результат в векторні фігури.
Крок 6
Створіть Новий шар між шарами з фоном і головою лева. Почніть додавати гранджеві плями, які ми тільки що створили.
Крок 7
Заповніть деякі плями лінійним градієнтом від оранжевого до білого і від червоного до білого і переключіться на Режим змішування Множення, зробивши плями напівпрозорими.
Заповніть інші фігури темно-бордовим кольором, застосувавши режим Освітлення, Освітлення, створивши таким чином світлі вицвілі точки поверх фону.
Крок 8
Створіть ще один Новий шар, в цей раз помістивши його на верхівку голови лева. Додайте більше плям поверх обличчя і навколо голови, заповнивши фігури напівпрозорим градієнтом в режимі Множення .
Помістіть два круглих плями поверх очей лева і заповніть їх радіальним градієнтом від білого в центрі до оранжевого по краях. Застосуйте Режим змішування Множення, зробивши центри точок прозорими.
Крок 9
Тепер давайте покажемо яскраву стрічку в нижній частині нашого постера. Створіть вузьку смужку Прямокутник (М) і залийте її горизонтальним лінійним градієнтом від темно-бузкового по краях до яскраво-синього в центрі.
Візьміть Перо (Р) і сформуйте маленький темний прямокутник в нижній лівій частині стрічки. Швидкі напрямні (Вигляд> Швидкі напрямні) дійсно корисні на цьому етапі, коли потрібно прикріпити об'єкти один до іншого і підігнати їх один під одного.
Додайте прямокутник поменше під формами, зробивши складку стрічки.
Крок 10
Виділіть маленький трикутник і складку і за допомогою Дзеркального відображення (О) відобразіть елементи по Вертикальній осі. Натисніть кнопку Копіювати і пересуньте створену копію на іншу сторону стрічки.
Крок 11
Тепер додамо назву нашої стрічки. Застосуйте фігурний шрифт із зарубками, наприклад Trajan Pro 3 або безкоштовний шрифт Playfair Display і надрукуйте COURAGE. Перейдіть в Об'єкт> Розібрати вигляд, перетворивши текст в набір окремих векторних букв.
Давайте зробимо букви золотими, застосувавши складний вертикальний лінійний градієнт, що складається з шести кольорів від темно-коричневого по краях до світло-жовтого і оранжевого в середині.
Зробіть заголовок більш тривимірним, перейшовши в Об'єкт> Контур> Створити паралельний контур і застосувавши значення Зсув 2 px. Заповніть створену фігуру вертикальним лінійним градієнтом від бежевого по краях до світло-жовтого (майже білого) в центрі.
Крок 12
Розмістіть заголовок поверх стрічки і додайте ще одну форму з Паралельним контуром зі значенням 2 px. Заповніть фігуру темно-блакитним кольором і перейдіть в Режим змішування Множення, створивши тінь нижче букв і виділивши їх ще більше на тлі стрічки.
Давайте зробимо нашу стрічку злегка зігнутою. Виділіть стрічку і заголовок і Згрупуйте (Control-G) їх. Перейдіть в Ефект> Деформація> Дуга. Посуньте повзунок вліво, встановивши значення Горизонтального згину на -20%, зробивши стрічку дугоподібною.
Крок 13
Розберіть стрічку (Об'єкт> Розібрати) і помістіть її в нижню частину нашого постера, завершивши нашу композицію. Додайте легку тінь під стрічкою таким же чином, як ми робили це для голови лева, розмістивши копію стрічки під базовою формою, заповнивши її червоно-білим лінійним градієнтом і переключивши Режим змішування на Множення .
Відмінна робота!
Чудова робота! Ми закінчили з нашим портретом Лева-Боягуза, і тепер він отримав свою хоробрість!
Сподіваюся, ви надихнулися, читаючи це керівництво, і відкрили для себе нові техніки накладення кольору і текстур, які допоможуть вам у створенні ваших подальших робіт!
Можете піти ще далі і додати більше сяючих деталей до постеру, розмістивши в декількох місцях кольорові, декоративні плями. Почитайте Частина 4 Кроки 3 і 4 уроку "Як створити зимовий світильник зі свічкою в Adobe Illustrator", щоб зрозуміти, як створювати ці сяючі плями і зробити їх більш яскравими!
Насолоджуйтесь і слідкуйте за оновленнями!
