Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Line Art
Design

Копіюємо вінтажний стиль малювання для створення весняної ілюстрації

by
Difficulty:IntermediateLength:LongLanguages:

Ukrainian (українська мова) translation by Mavka (you can also view the original English article)

Final product image
What You'll Be Creating

Активи уроку

1. Аналіз вінтажного стилю: що робить цей стиль унікальним?

Уявіть,що до вас підходить клієнт і каже: «Я шукаю вінтажну ілюстрацію для свого продукту».

Далі ви думаєте: «Як створити вінтажну ілюстрацію?»

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

Так як же проаналізувати картинку?

Спочатку давайте поглянемо на приклад вінтажної ілюстрації. Цей приклад має досить типовийвид для тієї ілюстрації, яку ми збираємося створити. Давайте почнемо зоснови: що зазвичай зображується на вінтажній ілюстрації?

Illustration Reference - The Vintage Remix

Для прикладу у нас є:

  • Маленька дівчинка
  • Ягня
  • Кілька декорацій для вечірки
  • Простий фоновий візерунок

Майте на увазі, що не завжди зміст визначає стиль, в даному випадку теми зазвичай дуже схожі:

  • Маленькі дівчатка і хлопчики
  • маленькі тварини, такі як каченята, ягнята, цуценята, котенята
  • іграшки
  • квіти

Illustration Reference - The Vintage Remix - Set

Тони

Далі подивимося на загальний тон малюнка. У Adobe Photoshop я збільшувала рівні зразків, натискаючи Control-L. Подивившись на цей графік, ми можемо побачити три стрілки: чорну, сіру та білу.

Погляньте на графік та його стрілки - чорну, сіру та білу. Імпульси на графіку показують значення, які в даному випадку переважно сірі і білі - півтони. Є тільки кілька відблисків і тіней. Це відмінна інформація, коли ми хочемо відтворити аутентичний вигляд.

Levels

Щоб побачити тони більш точно, я знизила насиченість зразка, натиснувши Control-Shift-U. Самі темні області знаходяться навколо зіниць, вій, копит ягняти і волосся дівчинки. Це те, що впливає на фінальне зображення.

Greyscale Vintage Reference Image

Колір

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

Illustration Reference - The Vintage Remix 2

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

Palette demonstration - Pixelated

Palette Demonstration

Матеріал

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

Форма і масштаб

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

Eye Placement

Відносні розміри

У дитячих обличчях ширина очей збігається з шириною рота, а носи - маленькі.

Relative Sizes - Facial Features

Округлість

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

Round Shapes

Інші фактори, які роблять цей стиль таким відрізняючимся:

Текстура і Візерунок

Зверніть увагу на зістарені кінці, які додають історії малюнку. На ілюстраціях присутні тільки кілька візерунків - точки і смужки.Ніяких складних візерунків, таких як «огірки».

Композиція

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

Лінія

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

Якщо ви працюєте традиційно, то можете захотіти малювати дуже тонкі лінії і додавати лінію в кінці за допомогою фарби або чорнила. У нашому випадку, Mary Winkler створюватиме малюнок в Adobe Illustrator, тому ті лінії, які я буду створювати, відображатимуть всі форми, щоб вона могла точно намітити області і потім додати жірніші лінії, якщо потрібно.

2. Коротка інформація

Тепер, коли ми дізналися, як створюється робота, нам потрібно подивитися на те, що ми зображуємо. Коротка інформація:

  • Напис від руки: SPRINGHAS SPRUNG!
  • Ягня
  • Червона конюшина
  • Дівчинка
  • Фон з простим візерунком

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

Товщина лінії може бути різною, якщо ви збираєтеся використовувати цей штриховий малюнок як частину завершеної картинки. В даному випадку, Mary збирається створити картинку в Adobe Illustrator, тому я залишаю цей вибір за нею.

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

3. Мініатюри

Створення мініатюр - відмінний спосіб швидкого створення ідей і щоб переконатися, що композиція читається. Згідно вище вказаної інформації, ми працюємо над пропорціями - 2/3 персонажа і 1/3 тексту.

Крок 1

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

Blank Thumbnails

Крок 2

Тут я замалювала елементи згідно з нашою короткою інформацією. Як бачите, вони не повинні бути точними, але обов'язково повинна бути приблизна поза і вміст.

Illustration Thumbnails

З цих малюнків я вибрала два улюблених - 5 і 6. Поговоривши з Mary, ми вирішили зупинитися на п'ятому, тому що він наймиліший!

Крок 3

Далі ми підстроюємо ескіз під розмір документа з ілюстрацією, намалювавши прямокутне виділення навколообраної області, вирізавши мініатюру, вставивши її на Новий шар і перетворивши прикомбінуванням клавіш Control-T. Видаліть або сховайте інші мініатюри, якщо хочете.

Selected and Enlarged Thumbnail

Крок 4

Тут я швидкопомістила текст "Spring has sprung!" в стандартному шрифті: Times. Я зробила це, щоб подивитися, де буде напис - це не той стиль, який буде в підсумковому малюнку.

Enlarged Thumbnail with Placeholder Text

Крок 5

Я створила сірий прямокутник, щоб переконатися, що не наближаюся занадто близько до краю документа. Також, якщо ви подивитеся на оригінальні вінтажні ілюстрації, у них є біла межа там, де може бути показана текстура, тому краще зберегти місце вільним від деталей.

Artwork Boundary

4. Малюємо базові форми

Крок 1

Знизьте непрозорість мініатюрної ілюстрації і розділіть обличчя на третини. Намалюйте рот в нижній третині, очі - в середній і брови - у верхній.

Face Layout with Thirds Knowledge

Крок 2

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

Цих вінтажних дітей милими робить поєднання великого і маленького. Маленькі носи, великі щоки; великі очі, маленькі вуха. Зробіть голову більше в порівнянні з іншими рисами - ось і знову це поєднання! Подумайте про немовлят: які великі у них очі і голови. У міру зростання очі не змінюють розмір, а інші риси обличчя ростуть, і контраст в розмірах стає менше.

Round Face Shapes

Крок 3: Тіло

Щоб отримати фігуру тулуба, я використала майже закруглену трикутну фігуру. Це також допомагає розпланувати пропорції тіла дитини, тому що я хочу, щоб1/3 дісталося верхній частині тіла, а 2/3 - нижній.

Body Thirds

Крок 4: Начерки анатомії

Я замалювала анатомію за допомогою розплющених кіл для частин тіла. Я намагаюся зберігати пропорцію 2: 1, і ось дівчинка починає виглядати як пухкий малюк. Намічати форму за допомогою кіл - стара техніка, і якщо ви хочете дізнатися більше про це, я рекомендую книги Glenn Vilppu.

Для тулуба намалюйте коло для верху 1/3 і велике коло для низу 2/3, потім з'єднайте два кола для створення форми бобу.

Anatomy Roughed with Circles

Крок 5: Ескіз ягняти

Створіть ягня з кіл за допомогою ліній для спрощення ніг і щоб переконатися, що поза вийшла правильно. Нехай лінії будуть вільними і динамічними.

Lamb Pose Rough

Крок 6: Замалюйте ноги ягняти

Намалюйте овали для частин ніг і копит. Пам'ятайте про те, що нам не потрібні тверді краї, навіть в таких прямих областях, як ноги.

Rough Leg Anatomy

Крок 7

Додайте ягняті бантик, тому що ягнята люблять їх. Я помітила, що положення руки дівчинки було трохи дивним, тому я змінила розташування пальців. Пора внести зміни в позу, тому що ви не втратите багато часу на роботу. Це також відмінний час поекспериментувати!

Lambs Bow and Hand Edit

Крок 8: Волосся

Волосся замалюйте волосся дівчинки - я вирішила додати хвостики для милого виду! Зверніть увагу, що хвостики не затягнуті у голові. Якщо зробити їх вільними, додасться більше м'якості і плавності ліній. Сподіваюся, тепер наша картинка виглядає теплою і розпливчатою, з натяком на ностальгію!

Hair - Pigtails

5. Ескіз: дівчинка

Крок 1

Знизьте непрозорість базових фігур, створивши Новий шар (Control-Shift-N), який ви заповніть білим кольором,і потім знизьте непрозорість. Уявіть його калькою. Нам потрібно більше інформації для створення чіткої лінії, тому на Новому шарі ми замальовуємо анатомію і одяг.

Add White Layer Over All Rough Layers

Крок 2

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

Rough in Girls Hands

6. Чисті векторні об'єкти: дівчинка

Крок 1

Згрупуйте всі існуючі ескізи, створивши Групу натисканням на іконку в нижній частині панелі Шарів, яка виглядає як папка. Створіть Новий шар (Control-Shift-N) над базовими фігурами і заповніть його синім. Далі клікніть правою кнопкою миші на цьому шарі і виберіть "Створити відсічну маску". В папці все стане синім. Змініть непрозорість Групи у верхній частині панелі Шарів. Таким чином, буде простіше закінчити штриховий малюнок.

Потім створіть Новий шар і почніть малювати штриховий малюнок. Почніть з чого завгодно. Мені подобається починати з очей.

Clean Line Art - Start

Крок 2

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

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

Line art - Cheeks

Крок 3

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

Line art - Hair

Крок 4

Фокусуючись на обличчі, я малюю рот і ніс. Зберігайте їх круглими і милими! Ніяких жорстких ліній!

Face Details

Крок 5

Далі нам потрібно зробити її очі надзвичайно зворушливі, як у дівчинки з ягням на зразку. Намалюйте довгі, тремтячі вії! Відобразіть документ, щоб було простіше намалювати вигини вій. Ви можете зробити це, перейшовши в Зображення> Поворот зображення> Відобразити полотно по горизонталі.

Lips and Eyes Line Art

Крок 6

Відобразивши полотно назад, я малюю брови. Однак, на мою думку, що дівчинка виглядає занадтоздивованої, тому я беру Інструмент Ласо (L), виділяю їх окремо ізрушую вниз.

Eyebrows

Крок 7

Я використовую Трансформування (Т) для зміни обертання. Роблю це для обох брів.

Eyebrows - Edit

Крок 8: Деталізація

Продовжуючи милу тему, малюю чарівні шкарпетки!

Sock Detailing

...і відворот на комбінезоні.

Bum Flap Detailing

Крок 9

Ми майже закінчилизі лінійний малюнок. Я додаю деталі з маленькими завитками на хвостикахі спрямованими пасмами волосся. Мені подобається, як вона виглядає!

Hair detailing - Pigtails

Крок 10

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


Далі переходимо до її милого друга!

7. Малюємо ескіз: ягня

Крок 1

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

Rough in Lambs Fleece - Face

Крок 2

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

Rough in Lambs Fleece - Body plus Features

Крок 3

Наше намальоване ягня готове до обробки. Завершіть вид, додавши величезний бант!

Lamb Rough Shapes

8. Чистий штриховий малюнок: ягня

Крок 1

Спочатку створіть Новий шар (Control-Shift-N) і намалюйте штриховий малюнок банта.Я роблю це на окремому шарі, тому що можу захотіти змістити його положення пізніше.

Bow - Clean Line Art

Крок 2

Далі я Повертаю полотно, натиснувши і утримуючи букву R, і додаю деталі мордочці за допомогою маленьких ліній - контури і кілька внутрішніх завитків. Зробіть вії ягняти більш жирними, щоб привернути увагу до його очей.

Inking the Lamb - Rotating Canvas

Крок 3

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

Крок 4

Вимкніть шар з ескізом ягняти, щоб перевірити все.

Clean Lamb Line Art

Штриховий малюнок з дівчинкою і ягням готовий! Далі перейдемо до прикраси ілюстрацій весняною конюшиною.

Girl and Lamb Clean Line Art

9. Конюшина

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

Photodune - Red Flower Clovers

Крок 1

Він також підходить ягнятам! Давайте додамо кілька квіток в наш малюнок.

Rough Clovers

Крок 2

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

Clover Line - Begin

Крок 3

Додайте стебла в руку дівчинки.

Clover Stems

Крок 4

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

Clover Heads

Крок 5

Оскільки ця робота повторюється, ми можемо Скопіювати (Control-C) і Вставити (Control-V) бутони на інші скупчення конюшини. Використовуйте Трансформування (Control-T), щоб повернути і змінити розмір бутона.

Transform Copied Clover Head

Крок 6

Щоб квітки не виглядали занадто схожими, перемалюйте листя.

Clover New Leaves

Крок 7

Продовжуйте Копіювати, Вставляти і Трансформувати бутони.

Copy Paste Clover Heads

Крок 8

Тут я змінила один з бутонів на синій колір, щоб бачити, що я роблю. Для цього я виділила бутон і натиснула Control-U для виклику діалогового вікна Відтінки і насиченість і потім пересунула повзунок на синій.

Я намалювала додаткові листя, стебла і базові листя. На лінійному малюнку дівчинки я видалила області за листям.

Clover - Little Girl Side - Complete

Крок 9

Повторюйте процес в області біля ягняти.

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

Clover Clean Art - Lamb

Крок 10

Зітріть частини лінійного малюнка ягняти позаду квітів.

Clover Clean Art - Lamb - Masked Hooves

Крок 11

Знизьте насиченість всього штрихового малюнка, натиснувши Control - Shift - U на всіх шарах лінійного малюнка.

10. Ескіз тексту

Крок 1

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

Spring Rough Design

Крок 2

Скопіюйте перше слово, тому що воно схоже на "Sprung", перетягнувши ескіз "Spring" на іконку Нового шару в нижній частині панелі Шарів. Далі за допомогою Інструменту Виділення (V) перетягніть копію на місце "Sprung".

Spring Text Copy

Крок 3

Змініть розмір другого слова "Spring", натиснувши Control-T для Трансформування. Далі Інструментом Лассо (L) виділіть "i" в скопійованому слові "Spring" і натисніть Delete.

Delete Letter I

Крок 4

Виділіть "N" Інструментом «Лассо» (L) і потім Скопіюйте (Control-C) і Вставте (Control-V). Далі натисніть Control-T для Трансформування і поверніть «n» на 180 градусів, щоб створити «u».

Make the U

Крок 5

Для створення відчуття вінтажності, замалюйте кілька зірочок. Потім нам потрібно підготувати лінійний малюнок для тексту!

Rough Text Design

11. Чистимо текст

Крок 1

Знизьте непрозорість ескізу. На Новому шарі (Control-Shift-N) почніть підчищати штриховий малюнок, як ми зробили це з ілюстрацією.

Asterisk

Крок 2

Для складних кривих,таких як в букві «h», може знадобитися Повернути полотно. Ви можете зробити це, натиснувши R на клавіатурі і зсунувши полотно мишкою або стилусом.

Rotate Canvas to Aid Line Drawing

Крок 3

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

Clean Line Art

Крок 4

Тут я виділилабукву «i» Інструментом «Лассо» (L) і зрушила її злегка убік.

Spring - i

Крок 5

Виділіть літери «N» і «g» Інструментом «Лассо» (L) інатискайте Control-T для Трансформування. Посуньте букви за допомогою клавіш зі стрілками на клавіатурі.

Spring Arrange N and G

Крок 6

Тепер, коли все виглядає добре, нам потрібно переконатися, що весь текст центрований в документі. Створіть Нову напрямну в центрі документа, перейшовши в Вигляд> Нова напрямна. Якщо ви знаєте піксельну ширину (2480 px) документа, надрукуйте її половину (1240 px). Ви також можете надрукувати 50%, і напрямна з'явиться в центральній точці.

New Guide Dialogue

Крок 7

Щоб переконатися,що все рівно, нам потрібно центрувати текст. Для цього ми можемо виділити всі шари з текстом, утримуючи Shift, клацаючи на них, і потім натиснувши Control-T для Трансформування.

В середині області Трансформування буде пересічна лінія. Вирівняйте її з вертикальною напрямною. Це можна зробити простіше, переконавшись, що обрані Напрямні (Вид> Прив'язати до> Напрямні). Натисніть Enter, щоб завершити рух. Нарешті, видаліть напрямну, перейшовши в, Перегляд> Стерти напрямні.

Centre Hand Drawn Text

Відмінна робота, готово!

Ось наш готовий лінійний малюнок!

Completed Clean Line Art

Ось наш готовий вінтажний лінійний малюнок! Ви навчилися аналізувати стиль малюнка істворювати його по-своєму, а також навчилися швидко створювати лінійний малюнок кольорів.

Тепер, коли лінійний малюнок готовий, я висилаю його Mary Winkler, яка покаже вам, як створити фінальну ілюстрацію в Adobe Illustrator за допомогою обмеженої схеми пастельних кольорів з штучно постареним ефектом.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.