Advertisement
  1. Design & Illustration
  2. Vector

Створимо дві кольорові ілюстрації для дітей в Адобе Ілюстратор

Scroll to top
Read Time: 19 min
This post is part of a series called Alice in Wonderland Week.
How to Draw Lips and a Mouth
How to Create a Hookah Smoke Text Effect in Adobe Photoshop

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

1. Почнемо з ескізу

Крок 1

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

Крок 2

Згрупуйте (Control-G) разом лінї пензля, зменште Непрозорість в панелі прозорості до 40% та заблокуйте дизайн на панелі Шари.

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

2. Побудуйте обличчя

Крок 1

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

Використовуючи інструмент Еліпс(L), намалюйте коло над верхньою половиною голови. Намалюйте щелепу, створену раніше за допомогою Пера (P), або об'єднайте дві фігури на панелі Обробка контурів або об'єднайте їх з інструментом Створення форм (Shift-M).

Для вух намалюйте дві округлі D-подібні фігури. Для шиї ви можете використати інструмент Прямокутник (M) звузивши його внизу за допомогою Часткового виділення (A).

Крок 2

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

Я намалювала нахили волосся у п'ять секцій. Кожна сторона нагадує сторону серця. Вважається, що центр має бути вузловим, тому слід розглянути можливість додавання деяких прядок до угорі та внизу. Я виявила, що найпростіше намалювати їх за допомогою Олівця (N). Стрічка створена двома вигнутими трикутниками, розміщеними під іншим бантом на панелі Шари.  Я додала обведення до кожного об'єкта, щоб було легше бачити, як вони були об'єднані.

Крок 3

Давайте зрозуміємо кроки для створення великих, чарівних очей.

  1. Брови - це просте обведення, намальоване інструментом Перо, з товщиною  2-3 pt, та закругленими кінцями в панелі Обведення. Для самого ока я намалювала еліпс за допомогою інструмента Еліпс, скориставшись інструментом Перетворення опорних точок (Shift-C), щоб повернути лівий якір еліпса до точки, а також маніпулювати формою та положенням опорних точок за допомогою інструмента Часткове виділення для більш приємної форми очей.
  2. Для райдужної оболонки намалюйте коло інструментом Еліпс та розмістіть його там, де б вам хотілося отримати погляд. Я зробила це з правого боку площини картинки.
  3. За допомогою Створення форм оберіть обидві форми (райдужку та біле око) та виділіть непересічну частину райдужної оболонки. Зніміть виділення та видаліть додаткову форму.
  4. Потовщіть очі, накресливши фігури за допомогою Пера та Олівця.  Додайте вії в правому кутку ока. Я люблю тримати вії великими, стрункими і обмеженими правою половиною ока.
  5. Я сховала райдужну оболонку на цьому і останньому кроці, щоб зосередити увагу на лінії макіяжу. Виділіть всі фігури для висічки і Об'єднайте їх на панелі Обробка контурів.
  6. Відкрийте райдужку та переконайтеся, що вона знаходиться над білком ока, але нижче ока в панелі Шари.  Я вирішила, що всі ці форми будуть наповнені плоским кольором, а колір обведення стане нульовим. Повторіть на іншій стороні та Згрупуйте всі компоненти очей.

Крок 4

Рот досить простий. Основна форма - половина круга, що виявляється у кутах. Контур, який є обведеною лінією, був витончений у кутах рота за допомогою інструмента Ширина (Shift-W).

Для язика, який перекривається кругом з непересічними компонентами, видаленими з нього, використайте інструмент Створення форм (див. Попередній крок), та застосуйте Лінійний градієнт, що йде від яскравого коралового кольору до світло-червоно-оранжевого кольору.  Я змінила кут градієнта до 90 градусів, тому темніший колір знаходиться на верхній частині язика та світліший колір унизу.

3. Створимо обличчя

Крок 1

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

Крок 2

Для очей я застосувала Лінійний градієнт для білків очей. Від фіолетового кольору (оскільки я використовую пурпуровий замість чорного або коричневого кольору для цього дизайну), до білого та до фіолетового знову.  Налаштуйте градієнт в панелі Градієнт, щоб фіолетовий йшов до кутів очей.

Щоб додати певну глибину до ока, намалюйте тонку смужку, яка перекриває вії та решту очного яблука. Градієнт йде від фіолетового кольору з 100% Непрозорісті до фіолетового кольору при 0% Непрозорості.

Розбийте додаткові деталей наступним чином:

  1. Я розмістила три кола поверх один одного, кожен менший за останній. Їх порядок - синій, жовтий та фіолетовий (це буде райдужна оболонка). Я видалила їх з білого ока таким же чином, як була створена райдужка в розділі 2, Крок 3.
  2. Застосуйте черговий градієнт до райдужної оболонки з темним кольором у правому куті ока. У цьому випадку це від синього до синього. Темний колір має бути в куті, де спрямовані очі. Якщо ваш персонаж дивиться прямо вперед, змініть кут, щоб більш темний колір був у верхній частині райдужної оболонки.
  3. Нарешті, основний відблиск був зроблений за допомогою Пера та яскраво білого кольору. Подумайте про це як вигнутий трикутник, який вказує на центр зіниці. 

Крок 3

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

Крок 4

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

Крок 5

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

4. Відтворимо волосся

Крок 1

У вас є вибір з волоссям: колір, тіні, відблиски, і чи слід включати лінії, чи ні. Незалежно від того, які кольори ви обираєте для основи волосся, застосуйте той самий колір тіні, який використовується у цьому дизайні (у цьому випадку фіолетовим кольором), встановіть або на Множення або Жорстке світло на різних рівнях прозорості. Я намалювала форми, більшість з них, як витягнуті півмісяці, секції волосся, а також велика, вирубана форма, що визначає криву характерного чубчика. Для відблисків я знову використала світло-жовтий колір.

Крок 2

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

5. Малюємо тіло

Крок 1

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

  • Щоб розпочати, ліф сорочки - це прямокутник з вигином у центрі шиї.
  • Рукави - це два кола, з тонкими смужками на одному краю для смужки рукава. Вам знадобиться два з них.
  • Руки та руки - прості форми.  Я зазвичай малюю фігуру для біцепса, а іншу - для передпліччя, а Об'єдную їх - в Обробці контурів, коли я їх з'єднала (ліктем).
  • Зауважте, наскільки великі руки. Схожі на голову, вони великі.  Хоча руки тонкі, як шия. Згрупуйте кінцівки під шматочком сорочки.

Крок 2

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

  1. Ноги негабаритні, як руки і голова. Вони також дуже прості форми - крива всередині і не мають суглобів (коліна і ліктя).  Одна третина ноги цього дизайну - це нога.
  2. Я вирішила намалювати милі черевики Мері Джейн. Щоб почати, я обвела ногу.
  3. Потім я вирізала отвір з взуття, використовуючи Прямокутник з закругленими кутами. Виділіть обидві форми після перекриття та натисніть Мінус передній план в панелі Обробка контурів.
  4. Ремінь - це інший, злегка Заокруглений прямокутник, з кнопкою, намальованою як два Еліпси.  Згрупуйте разом черевики. Скопіюйте (Control-C), Вставте (Control-V) та Відобразіть по вертикальній осі для іншої ноги.

6. Створюємо одяг

Крок 1

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

  1. Одяг є світло-блакитним, тому ми будемо використовувати темніший синій, фіолетовий або чорний для тіні. Я використала інструмент Олівець для нанесення 2-3 прозорих фігур (зменште Непрозорість для кожної форми на 30% в панелі Прозорість). Отримавши задоволення з розміщенням тіньових фігур, Згрупуйте їх разом.
  2. Скопіюйте та Вставте основну форму сорочки та Вирівняйте її до оригінальної сорочки.
  3. Виділіть нову форму сорочки та згрупуйте тінь.
  4. Зробіть Відсічну маску (Control-7), і ви побачите, що ваші форми тіні відрізані в межах форми сорочки.
  5. Перемістіть форми тіні під будь-яким коміром, стрічками або рукавами, які ви намалювали в панелі Шари, щоб тіні були над формою основної сорочки.

Крок 2

Потім створіть рукави.

  1. Переконайтеся, що рукави знаходяться під будь-якими комірами або стрічками на плаття, але над шматочками сорочки.
  2. Намалюйте форми тіні, які підкреслюють внутрішні краї рукава, де він відповідає лінії (або сорочці) плаття.
  3. Я також намалювала фігури, які показують, як пухкі рукави, що зібрані навколо плеча і рук. Ці квіткові форми розташовані в нижній частині рукава.
  4. Шар виділяє обидві частини (у верхній лівій частині) та тіні (внизу праворуч) та зробіть Відсічну маску, щоб зберегти вивірені компоненти в межах рукава.

Крок 3

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

  • Для початку я намалювала тіньову форму, яка підкреслює нижню сторону коміра. Це фіолетовий на 30% Непрозорості і встановіть Жорстке світло.
  • Основні моменти тут - світло-жовтий набір для Перекриття. Оскільки він на рожевому кольорі, вони виглядають як яскравіше рожеві.
  • Продовжуйте розкладати тіні та виділяти форми так само, як ви бажаєте для вашого дизайну.
  • Зробіть відсічну маску для обрізки після завершення. Якщо ви хочете змінити фігури будь-яким чином або створити додаткові фігури, ви можете розмістити їх під маскою у групі обрізання маски, і вона буде миттєво маскуватися іншими компонентами.

Крок 4

Нижче ви побачите компоненти спідниці, розділені на розділи, починаючи з нижньої.

  1. Це основна форма спідниці.  Це серія морських гребінців та країв, повністю заснована на початковому ескізі, який я зробила у розділі 1.
  2. Це перша група тіней.  Кожна форма тіні визначає складку у спідниці. Вони йдуть з синього кольору з 100% до 0%, а кут градієнта поміщає непрозорий колір у нижній край спідниці. Верхня форма є лінійним градієнтом в еліпсі, що дає деякий колір і тінь, де юбка відповідає лінії.
  3. Висвітлення на спідниці - це велика, хвилеподібна форма з світло-жовтим кольором, від 100% переходить до 0% і зосереджена у верхньому лівому куті форми.
  4. Нарешті, додаткові форми тіні були створені в двох частинах з однаковим градієнтом з Частини 2. Як і інші частини плаття, Зробіть відсічну маску, збережіть свою тінь і акуратно виділіть форми.

Крок 5

На стрічці сукні рук персонажа не надто багато деталей. Для стрічки я застосувала Лінійний градієнт і витягнула тонку смужку по центру неї, також з доданим градієнтом. Градієнт стрічки переходить від темно-рожевого до світло-рожевого і знову повертається до темно-рожевого. І смуга поверх неї є пурпуровою на 100% непрозорісті від 0% до 100% знову. 

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

Крок 6

Ноги починаються зі смуг, намальованих по їх довжині і тіні (знову фіолетовий на 100% або фіолетовий при 0% непрозорості), намальовані для тіні, відкинутої на носок взуття. Я скопіювала і вставила ногу тричі і застосувала Лінійний градієнт до кожної копії. Для виділеної форми він має жовтий або білий колір у центрі, а інші два мають фіолетовий, для кольору тіні.. Форма світла встановлена ​​на Екран, а тіні встановлені як Нормальний.  Перемістіть їх на верхню частину шкарпеток, об'єднавши групу, знову вставте основну форму шкарпеток та створіть Відсічну маску.

Крок 7

Для взуття, я вирішила створити шари для ряду форм взуття таким чином:

  • Базова форма взуття. Це яскраво-пурпурний.
  • Я застосувала градієнтну сітку до цієї форми за допомогою інструменту Сітчастий градієнт (U).  Для того, щоб зробити його простішим, я просто додала підсвічування вздовж передку взуття, кольори тіней до нижнього краю, та ще одне висвітлення, де буде центр смуги взуття. Я скористалася Частковим виділенням, щоб маніпулювати формою кожного градієнта всередині сітчастої сітки, тому що вона слідує за формою самого взуття.
  • Простий градієнт тіней, що йде від пурпурового 100% до 0%, встановлений на Нормальний, і зменшена загальна Непрозорість до 55%.
  • Форма висвітлення подібна до висвітлення на нозі: жовтий від 0% до 100% до 0%. Цей параметр, однак, встановлено на Перекриття.
  • Вирівняйте все разом. Створіть Відсічну маску, щоб вирізати центр взуття.

7. Створимо фон

Крок 1

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

  • Намалюйте три частини: вершина, нижня частина і стовбур. Верх - куполоподібний. У парі з нижньою частиною гриба верхня частина гриба виглядає як витягнута половина кола. За допомогою інструмента Створення форм спільно з інструментом Перо або інструментом Елліпс (якщо ви хочете мати більш крутий, більш точний формат), отримати потрібний результат легко. Застосуйте Прямокутник (M) щоб  намалювати криву стовбура всередині, маніпулюючи ручками опорної точки за допомогою інструмента Часткове виділення.
  • Розшаруйте градієнтні тіньові форми, так само, як і в попередніх розділах. Почніть з верху і з боків стовбура.
  • Подумайте про додаткові конструктивні особливості, щоб стовбур гриба був рифлений (як ваза) перед створенням Відсічної маски. Переконайтеся, що група масок знаходиться над стеблом і під рештою гриба.
  • Розробіть дизайн (аналогічно рифлений) на нижній стороні гриба. Замаскуйте його і давайте перейдемо до вершини гриба.

Крок 2

Верх досить простий.

  1. Горошок є прозорими білими колами, які були розкидані по грибу і замасковані разом з іншими деталями гриба.
  2. Три градієнтні форми, що перекривають гриб (зелена, синя та біла), накладалися одна на одну.
  3. Я додала ефект Гаусового розмиття на панелі Вигляд до конструкцій на стеблі, щоб пом'якшити лінії вгорі.

Крок 3

Наступним фоновим елементом є стегане серце, яке з'являється у верхньому правому куті. Я намалювала початкове серце інструментом Олівець.

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

Крок 4

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

  1. Я застосувала Лінійний градієнт, який концентрує колір у нижній частині серця на розділеній групі. Відрегулюйте кут градієнта кожної форми за допомогою інструмента Градієнт.
  2. Ці форми мають Радіальні градієнти, застосовані до них. Колір виходить з легкого персикового з 100% Непрозорості до 0% Непрозорості.
  3. Цей шар був доданий для пом'якшення ситуації. Радіальні градієнти більші і переходять від базового кольору серця з 100% Непрозорістю до фіолетового, що використовується для тіней при 0% Непрозорості.
  4. Цей шар є зміненою версією вигнутих діамантів. Я пом'якшила Радіальний градієнт в кожному і застосувала лінійний градієнт, що йшов від основного кольору серця при 0% Непрозорості до фіолетового при 100% Непрозорості.  Знизьте загальну непрозорість в панелі Прозорість до 60-70%.
  5. Група ліній була змінена на пунктирні лінії (7 pt штрих, 7pt зазор) у панелі обведення та ефект Гауссового розмиття 3,9 px був застосований у панелі Вигляд.
  6. Розташуйте всі п'ять шарів на базовому серці, Скопіюйте і Вставте серце, і зробіть Відсічну маску новим серцем і першими п'ятьма шарами.

Крок 5

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

Крок 6

Остання частина фону - це бризки листя по обидві сторони персонажу.

  1. Намалюйте кілька коротких вигнутих краплеподібних і серцеподібних форм у темно-зеленому кольорі.
  2. Намалюйте менші, яскраво-зелені, форми всередині кожної.  Зверніть увагу на те, як довші форми не будуть задіяні в наступних кроках. 
  3. Оберіть одну з темно-зелених фігур і її світло-зелений аналог і створіть переход за допомогою Переходу (W). Замість того, щоб застосувати кроки, я вибрала Згладжування кольору у параметрах Переходу.
  4. Повторіть інші форми.

Крок 7

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

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

8. Створимо чайний набір

Крок 1

Як і в першому розділі цього уроку, почніть з ескізу. У цьому випадку намалюйте чайник і складені чайні чашки.  Чайник має сім секцій: серце, кришку, край кришки, тіло, ручку, носик і основу. Чайні чашки мають три: отвір, чашку і ручку. ВІдмалюйте свій чайний горщик і одну з чашок з вашого ескізу.

Крок 2

Для двох інших чашок Скопіюйте та Вставте першу та складіть їх одна в одну.

  1. Мета полягає в тому, щоб розділити пересічні форми і додати їх у форму нижче. У цьому випадку частину верхньої чашки, яка перетинає дно, слід вибрати за допомогою інструмента Створення форм, скасувати вибір верхньої чашки і додати перетинну ділянку (зверніть увагу на номер 1 нижче) у нижню чашку.
  2. Ви залишитеся з чашкою, яка чудово прилягає до тієї, що знаходиться нижче.
  3. Вставте третю чашку і обертайте або відобразіть її, якщо потрібно.
  4. Повторіть техніку з першої частини цього кроку для того, щоб зробити верхню чашку притиснутою до середньої. Зверніть увагу, де на малюнку нижче було розміщено номер 4.
  5. Завершіть вибір кольорів для ілюстрації.

9. Відтворюємо чайник

Крок 1

Як і черевики з розділу 6, я використала інструмент Сітчастий градієнт для візуалізації чайника.

  1. Почніть з форми основи. Я виділила його з решти дизайну, щоб ми могли зосередитися на ньому без відволікання.
  2. На лівій стороні я використала світлий кремовий і білий для висвітлення.  На нижній і правій стороні я розмістила світлий персиковий у сітці. Замість того, щоб надто сильно обтяжувати форму сіткою, я просто натиснула на точки сітки на правій стороні і внизу, щоб заповнити його кольором персика і створити рівний градієнт.
  3. Для додаткового підсвітлювання я накреслила фігуру на лівій стороні каструлі, інструментом Олівець, яка містила Радіальний градієнт від білого в центрі на 100% до 0% непрозорості.
  4. Для падаючої тіні на лівій стороні я намалювала хвилясту фігуру, яка імітує перекриття чашки. Цей градієнт надходить від пурпурового до 100% до 0% Непрозорості.

Крок 2

Нижче показано розбиття шарів носика.

  1. Радіальний градієнт зосереджений у нижньому лівому куті.
  2. Лінійний градієнт з кольором, сконцентрованим у нижній частині форми носика.
  3. Радіальний градієнт з кольором, сконцентрованим на отворі носика.
  4. Ще одна градієнтна сітка. Як і в чайнику, я розмістила фіолетовий колір на правому краю і під кривою (ліворуч) носика. Для висвітлення, я слідувала довільній лінії від кривої носика до дна.
  5. Основа форми носика.
  6. Вирівняйте та Згрупуйте форми носика. Вставте додаткову форму носика поверх цієї групи і створіть відсічну маску, якщо ваші градієнтні тіні або відблиски були намальовані з перекриттям з носика, а не як скопійовані і вставлені компоненти.

Крок 3

Ручка чайника дуже схожа на носик.

  1. Градієнтний шар тіні, з Радіальним градієнтом в кривій ручки.
  2. Сітчастий градієнт з тими ж кольорами (фіолетовий, бірюзовий і світло-блакитний) як носик.
  3. Основа ручки.

Крок 4

Для основи чайника це той самий процес шарування, що й інші частини: тіньові градієнти з лінійним і радіальним градієнтами і світло-жовтий або білий для висвітлення.  Формою висвітлення (верхня середина) є Радіальний градієнт, що йде від світло-жовтого з 100% до 0% непрозорості.

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

Крок 5

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

  1. Висвітлення являє собою суміш, подібно до частин листа з розділу 7, крок 6. У цьому випадку маленька форма світло-жовтого кольору при 100% Непрозорості, а нижня - жовтого кольору при 0% Непрозорості. Я обрала Згладжування кольору у параметрах Переходу.
  2. Тінь - Радіальний градієнт.  Цей самий фіолетовий колір використовується в цьому уроці.
  3. Нарешті, Градієнтна сітка страшенно проста, тому що це лише кілька розміщень пурпурового кольору в правому куті, уздовж країв серця.

Крок 6

Чашки подібні до інших частин чайника в тому, що це просто жменька прошарованих градієнтів.

  • Пурпурний Радіальний градієнт зосереджений у правому нижньому кутку чашки.
  • Нова форма, створена за допомогою інструмента Олівець і Радіального градієнта, що йде від світло-блакитного кольору зі 100% Непрозорістю до 0% Непрозорості.
  • Друга версія як попередня, але з більш темним синім.
  • Чашка розбита на шматки. Я об'єднала ручку в іншій частині чашки, щоб мінімізувати кількість опорних точок всередині вектора.
  • Нарешті, Градієнтна сітка. Це ж яскраво-синій від чашки з темно-синім кольором по краях і навколо ручки. Розмістіть їх усі разом і зробіть відсічну маску з верхньою формою чашки, скопійованою та вставленою до шляху маски.
  • Інші чашки є одним і тим же процесом з різними кольорами.

Крок 7

Для пари, що піднімається з чайника і верхньої чашки, намалюйте тонкі фігури за допомогою інструменту Олівець, Згрупуйте їх і застосуйте лінійний градієнт від фіолетового з Непрозорістю 100% до 0%. Виберіть групу і застосуйте ефект Гаусового розмиття на панелі Вигляд з радіусом 8,7 px.

Збираємо все це разом!

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

Якщо ви закінчили тут, то чому б не перейти до Grace Fussell та її дизайну дитячих книг в Adobe InDesign.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.