Курс Ілюстрації в Adobe Illustrator

Що ви зможете після курсу

• Працювати Пером і опорними точками, об’єднувати та віднімати фігури в Pathfinder і Shape Builder Tool
• Добирати палітру за колірним колом і гармоніями, перефарбовувати роботу через Color Guide і Recolor Artwork
• Передавати об’єм кулі, куба, циліндра і конуса світлом і тінню та вибудовувати композицію ілюстрації
• Малювати персонажа від скелета пози з простих форм до обличчя, одягу й тіней
• Будувати ізометрію трьома способами та оформлювати об’єкти лінійними, радіальними й довільними градієнтами та масками
• Робити патерни, працювати з текстом і пензлями, вставляти ілюстрацію в мокап і готувати портфоліо

Кому підійде курс

Курс не підійде тим, хто хоче малювати растрову графіку у Photoshop або вивчати анатомію: тут лише векторна графіка в Illustrator, а скелет персонажа поданий як схема форм.

Як проходить навчання

• Практика на готових сюжетах, а не на окремих функціях — Кожен інструмент одразу застосовується в ілюстрації, і видно, для чого він потрібен
• Малюнки збираються з базових геометричних фігур — Іконки, персонажів і предмети з об’ємом можна побудувати без уміння малювати від руки
• Колір розібрано окремим розділом — Палітру можна добрати свідомо: за колірним колом, температурою та перевіркою тону
• Ізометрію показано трьома способами — Можна вибрати підхід під завдання: 3D-ефект, ізометричну сітку або метод SSR із записом Action
• Домашні та випускне завдання — Прийоми закріплюються на власних роботах: іконки, леттерінг, персонаж, пейзаж у макеті, ілюстрація пензлями

Що знадобиться

• Adobe Illustrator, основна програма курсу; Adobe Photoshop потрібен лише для вставки ілюстрації в мокап
• Графічний планшет або комп’ютерна миша: у курсі підходять обидва варіанти
• Референси з Pinterest і добірки кольорів з Adobe Color; для емоцій персонажів стануть у пригоді дзеркало й телефон

Чому самому зазвичай не виходить

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

Ще одна складність у тому, що колір, світло й композиція добираються на око. Без розуміння гармоній, температури, тонального контрасту та побудови об’єму робота виглядає пласкою або строкатою.

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

Що зміниться

Як влаштований шлях

1. Основи та Перо Інтерфейс, шари, іконки, контури та операції над фігурами. Перші готові роботи: набір іконок, восьминіг, леттерінг.
2. Колір, світло й персонажі Гармонії, перефарбування, об’єм на простих фігурах, композиція та персонаж від скелета пози до тіней.
3. Градієнти, ізометрія, упаковка Градієнти й маски, ізометрія трьома способами, патерни, текст, пейзажі та мокап.
4. Пензлі, портфоліо, практика Пензлі та шуми, випускне завдання, портфоліо і стоки, додаткові роботи.

Програма курсу

107 уроків · 10 модулів · 13 годин 38 хвилин відео · Від основ векторної графіки до портфоліо: іконки, колір, світло й тінь, персонажі, ізометрія, упаковка та пензлі.

• Освоїти інтерфейс і намалювати набір іконок 9 уроків

  Відмінність вектора від растру, інтерфейс і масштаб. Далі іконки з геометричних фігур, шари, групи та збереження в PNG і JPEG.

  • Властивості векторної графіки1:17

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

  • Інтерфейс програми10:30

    Урок знайомить з інтерфейсом Illustrator: панель інструментів зліва, панель керування, палітри праворуч і рядок стану внизу. Показано, як увімкнути панель керування через меню Window, згортати панелі до іконок і зібрати зручне розташування.

  • Масштаб і переміщення2:21

    Урок учить змінювати масштаб малюнка і переміщатися ним інструментами Zoom Tool та Hand Tool. Показано поєднання клавіш Ctrl з плюсом і мінусом, Alt з кліком для зменшення та затиснутий пробіл для швидкого переміщення за будь-якого інструмента.

  • Малюємо іконки28:25

    Урок показує, як зібрати іконку чашки кави з геометричних фігур. Розбираються налаштування документа в RGB, заливка й обведення, масштабування зі збереженням пропорцій, вирівнювання через Smart Guides і відзеркалення об’єктів інструментом Reflect Tool.

  • Шари і групи5:01

    Урок пояснює роботу зі шарами і групами: в Illustrator об’єкти зазвичай малюють на одному шарі. Показано, як перенести об’єкт на інший шар, вставити його на попереднє місце командою Paste in Place і об’єднати об’єкти в групу поєднанням Ctrl+G.

  • Ієрархія в шарах5:09

    Урок показує керування порядком об’єктів у межах шару: Bring to Front, Send to Back, Send Backward і Bring Forward. Також розглядаються блокування та приховування об’єктів значками замка і ока, а також повернення зниклої рамки виділення через меню View.

  • Доопрацьовуємо іконки18:56

    Урок показує, як із прямокутників і ліній зібрати набір іконок одного типу. Розбираються заокруглення кутів інструментом Direct Selection Tool, деформація через Puppet Warp, відзеркалення фігури, ізоляція груп подвійним клацанням і додавання допоміжних ліній для єдиного стилю.

  • Збереження9:18

    Урок розбирає три способи збереження ілюстрацій: експорт у PNG або JPEG через меню File і пункт Export As, вивантаження окремих іконок через Asset Export і вирівнювання їхнього розміру через окремі артборди з опцією Use Artboard.

  • Домашнє завдання1:24

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

• Упевнено вести контури Пером і об’єднувати фігури 6 уроків

  Контури, опорні точки та напрямні вусики, операції Pathfinder. На практиці: восьминіг із тінями та леттерінг.

  • Робота з пером: контури та опорні точки6:40

    Урок знайомить з інструментом «Перо»: як ставити опорні точки, замикати контур і редагувати його світлою стрілкою. Показано заокруглення кутів через маркер у гострій точці, а також додавання й видалення точок пером зі знаками плюс і мінус.

  • Створення заокруглених об’єктів5:49

    Урок показує, як напрямні вусики задають форму кривої: їхній напрям визначає S- або C-подібний вигин. Розібрано редагування вусиків однієї опорної точки через Anchor Point Tool, розрив і з’єднання контуру, а також побудову кола.

  • Операції панелі Pathfinder8:19

    Урок розбирає операції панелі Pathfinder: Unite, Minus Front, Intersect, Exclude, Divide, Trim, Merge, Crop і Outline. Показано, який результат дає кожна операція для двох і трьох фігур.

  • Малюємо восьминога15:20

    Урок показує, як намалювати восьминога пером: точки ставляться по вершинах і впадинах уявного кола, а напрямні тягнуться під кутом 45 градусів. Для виправлення зламів використовуються Anchor Point Tool і Pathfinder, щупальця об’єднуються в одну форму, обводка переноситься піпеткою.

  • Деталізація восьминога18:16

    Урок додає восьминогу об’єму: задні щупальця відводяться на задній план, а тіні на голові будуються через Shape Builder Tool при світлі зверху зліва. Також розібрано вирівнювання обводки по зовнішньому боку, блики, перетинки та присоски, а об’єм ока задається півмісяцем через Minus Front.

  • Леттерінг17:03

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

• Добирати палітру й перефарбовувати роботи 10 уроків

  Колірні гармонії, температура, панелі Color, Swatches і Color Guide, Recolor Artwork та референси. Перевірка тону й іконка салату.

  • Колірні гармонії9:43

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

  • Колірна температура1:28

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

  • Інструменти роботи з кольором10:03

    Урок показує налаштування кольору в Adobe Illustrator: панелі Color і Swatches та перемикання моделі з RGB на HSB. Також розбираються глобальні кольори, які змінюють одразу всі об’єкти з ними, і тінти.

  • Color Guide2:41

    Урок знайомить із панеллю Color Guide: вона показує світлі та темні відтінки обраного кольору і готові гармонії, наприклад комплементарну та тріаду. Режим Warm and Cool допомагає підбирати теплі та холодні варіанти кольору, зокрема для тіней.

  • Recolor Artwork5:12

    Урок показує перефарбування ілюстрації через Recolor Artwork: кольори змінюються маркерами на колірному колі або замінюється один колір у всій роботі. Розглядаються панель і сайт Adobe Color та збереження власних тем.

  • Перефарбування в монохромну гаму17:18

    Урок показує, як перефарбувати ілюстрацію в одну колірну гаму за допомогою глобальних кольорів і тінтів. Розбираються переведення документа в RGB, виділення об’єктів командою Select Same і перефарбування обведень піпеткою з клавішею Shift.

  • Перефарбування в комплементарні кольори12:55

    Урок показує перефарбування ілюстрації в комплементарні кольори: другий колір береться навпроти першого на колірному колі. Фон отримує світлий тінт теплого відтінку, частини фігури переводяться в глобальні кольори, а інструмент Rotate допомагає підбирати відтінки.

  • Робота з референсами5:18

    Урок пояснює, як використовувати референси для підбору кольорів: аналізувати палітру, а не копіювати її піпеткою. Названо майданчики Dribbble і Behance, Instagram-акаунт із колірними поєднаннями та сервіс, схожий на Adobe Color, з колірними схемами.

  • Малювання салату20:21

    Урок показує побудову іконки салату з базових фігур: еліпсів, перетинів у Pathfinder та обведень. Кольори підбираються за контрастною схемою зеленого, червоного, жовтого та синього, а замість маски використовується розрив контуру.

  • Перевірка тону3:32

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

• Передавати об’єм світлом і тінню 11 уроків

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

  • Обсяг на кулі10:06

    Урок показує, як світло й тінь лягають на кулю: об’ємна куля будується в Illustrator з копій овала та операції Minus Front. Тінь виходить у формі півмісяця, за бажанням додаються блік і падаюча тінь.

  • Обсяг на кубі8:13

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

  • Обсяг на циліндрі6:02

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

  • Обсяг на конусі3:20

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

  • Побудова обсягу6:51

    Урок показує, як форма читається за світлотінню: темна частина кулі виходить із зміщених копій, які віднімаються від основи. Розбирається тінь від палички, що лягає на округлу поверхню по колу, а не прямою лінією.

  • Правила композиції7:03

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

  • Малюємо циліндр10:59

    Урок показує, як зібрати циліндр-капелюх із вухами з простих фігур: копій, деформації інструментом Warp і обрізки контурів. Результатом стає об’єкт зі світінням всередині та вухами, що відрізняються.

  • Об’єкти та закручені написи10:48

    Урок показує, як урівноважити центральну композицію об’єктами з боків. Написи отримують вигнуту форму через Make with Warp і Object Expand, а зайві частини відсікаються відніманням у Pathfinder.

  • Деталізація15:42

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

  • Дороблюємо ілюстрацію16:26

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

  • Розбір роботи3:29

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

• Намалювати персонажа від скелета до тіней 15 уроків

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

  • Зрозуміти, як форми задають характер 4 уроки

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

    • Перші кроки3:55

      Урок закладає основу розробки персонажів: регулярно переглядати роботи сильних ілюстраторів, перемальовувати чужі роботи для себе та розбирати незрозумілі фрагменти. Будь-який об’єкт будується з базових фігур — трикутника, кола та квадрата, а їхня форма задає характер персонажа.

    • Форми персонажів4:22

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

    • Скелет персонажа як схема форм3:04

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

    • Емоції персонажів7:24

      Урок перелічує джерела референсів для емоцій персонажів: дзеркало або фото, мультфільми, аніме, стікери з месенджерів, мудборди на Pinterest і книжка Simpsons Handbook. Знайдені зразки рекомендується перемальовувати за пам’яттю та порівнювати з оригіналом.

  • Побудувати фігуру з простих форм 5 уроків

    Скелет пози, форми голови й тіла, зачіска з кіл, руки, ноги, одяг і взуття.

    • Малюємо скелет пози з простих геометричних форм7:04

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

    • Малюємо форму персонажа8:19

      Група скелета робиться напівпрозорою і блокується, а поверх неї малюються форми голови, тулуба, шиї та кінцівок із прямокутників, овалів і закруглених контурів. Частини об’єднуються через Pathfinder, після чого опорні точки коригуються.

    • Зачіска з кіл: обрізка та об’єднання форм3:51

      Урок показує, як будувати об’ємну зачіску з накладених кіл і форми голови, далі видаляти зайві фрагменти інструментом Shape Builder Tool та об’єднувати їх в єдиний силует. Підсумком стає чорновий силует зачіски.

    • Малюємо плечі, руки та ноги10:25

      Руки, ноги та взуття будуються з базових форм: друга рука виходить відображенням першої по вертикалі, товщина обведення змінюється інструментом Width Tool, ноги збираються з двох овалів, а взуття — з прямокутника. Контур навмисно лишається нерівним.

    • Малюємо одяг і взуття4:01

      Персонаж одягається з простих форм: біла майка, сині штани та білі кросівки. Фон створюється прямокутником на всю площу артборду і блокується, перетини форм розділяються через Shape Builder Tool, а кути кросівок заокруглюються інструментом Anchor Point Tool.

  • Довести персонажа до готового вигляду 6 уроків

    Пальці, обличчя в повороті на три чверті, тіні та деталі. Далі домашнє завдання й робота з референсами.

    • Малюємо пальці та уточнюємо форми14:34

      Пальці будуються по одному від овальної основи долоні, далі обведення переводиться в заливку командою Expand Appearance, а контур спрощується інструментом Object Path Simplify і доопрацьовується вручну. Майка будується окремим об’єктом з овальним вирізом.

    • Малюємо обличчя4:16

      Обличчя малюється в повороті три чверті: очі розставляються зі зсувом, ніс і рот виконуються обведенням, зуби будуються овалом, брови — дугою. Колір для брів переноситься з волосся піпеткою із затиснутою клавішею Shift.

    • Додаємо тіні6:35

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

    • Деталізація пальців, тіней і дрібних штрихів9:21

      Урок присвячений доопрацюванню фігури: пальці розділяються тонкими лініями за зразком стилю ілюстрації, на руку додаються м’які тіні за формою циліндра. Фінальний етап — дрібні штрихи (складки одягу, тінь під губою, вії), вибір яких залежить від доречності в конкретній роботі.

    • Домашнє завдання0:36

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

    • Робота з референсами8:19

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

• Освоїти градієнти, маски та ізометрію 20 уроків

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

  • Керувати переходами кольору й масками 6 уроків

    Лінійний, радіальний і довільний градієнти, готові та збережені градієнти, обтинальна маска й маска прозорості.

    • Види градієнта1:10

      Урок вводить поняття градієнта як поступового переходу між кольорами та показує, як перемкнути заливку об’єкта на градієнт. Розбираються три типи на панелі «Градієнт»: лінійний, радіальний і довільний.

    • Лінійний градієнт3:52

      Лінійний градієнт задає перехід кольору по прямій між контрольними точками. Урок показує, як змінювати точки та їхні кольори зі Swatches або піпеткою, а також кут нахилу, зокрема прямо на об’єкті через анотатор градієнта.

    • Радіальний градієнт2:51

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

    • Довільний градієнт2:01

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

    • Додаткові можливості градієнта5:54

      Урок показує додаткові можливості градієнтів: готові та збережені градієнти, застосування до кількох об’єктів і до обводки. Також розбирається накладання кількох заливок через панель Appearance.

    • Обтравна маска та маска прозорості6:22

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

  • Будувати ізометрію трьома способами 5 уроків

    Переведення фігур в ізометрію через 3D-ефект Extrude & Bevel, ізометричну сітку та метод SSR. Запис Action для повторення дій.

    • Три способи побудувати ізометрію в Illustrator1:15

      Урок вводить поняття ізометрії, де перспективних скорочень немає, а лінії йдуть під заданими кутами. Показано три способи побудувати її в Illustrator: за ізометричною сіткою, переведенням малюнка з фронтальної проєкції та через вбудовані 3D-функції.

    • Ізометрія через 3D2:15

      Урок показує, як із плоскої фігури із заокругленими кутами отримати ізометричний об’єм 3D-ефектом Extrude & Bevel. Далі об’єкт розбирається командою Expand, і його грані фарбуються окремо, наприклад лінійним градієнтом.

    • Ізометрична сітка3:30

      Урок показує, як побудувати ізометричну сітку: відрізок під потрібним кутом розмножується ефектом Transform, копії відображаються і перетворюються на направляючі. За точками цієї сітки можна малювати об’єкти в ізометрії.

    • Ізометрія через SSR3:38

      Метод SSR перетворює фігуру, намальовану анфас, на верхню, ліву та праву грані ізометрії через трансформації Scale, Shear і Rotate. Метод працює і з довільними контурами, а повторювані параметри можна зберегти в Action.

    • Створення Action4:12

      Урок показує, як записати послідовність трансформацій в Action і застосовувати її до інших об’єктів одним натисканням. Для верхньої, лівої та правої граней записуються окремі Action.

  • Зібрати ізометричну сцену зі смартфоном 9 уроків

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

    • Смартфон в ізометрії8:28

      Урок збирає ізометричну ілюстрацію смартфона: добирається темна нічна палітра, корпус будується із заокругленого прямокутника та круглої деталі, потім переводиться в ізометрію. Грані фарбуються глобальними кольорами, які зберігаються в Swatches.

    • Скелет персонажів5:19

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

    • Форми дівчини10:45

      Урок показує побудову фігури дівчини зі стилізованих форм: тіло об’єднується, контури розриваються і підганяються за пропорціями. Товщину ніг і рук налаштовують інструментом «Ширина», а волосся малюється простими округлими формами.

    • Форми хлопця2:15

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

    • Деталізація смартфона9:40

      Урок показує деталізацію сцени з телефоном: глибина створюється зсунутою копією, повідомлення переводяться в ізометрію, а водорості ховаються обтравною маскою за контуром води. Рибки будуються простими формами того самого кольору.

    • Робота з кольором смартфона18:50

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

    • Деталізація дівчини28:36

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

    • Деталізація хлопця4:40

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

    • Завершуємо ілюстрацію5:52

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

• Підготувати ілюстрацію для упаковки 19 уроків

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

  • Створювати патерни та вирівнювати об’єкти 6 уроків

    Безшовний патерн, його завантаження і застосування вздовж контуру. Панель Align, сітка та лінійки для компонування макета.

    • Що таке патерн і де він застосовується1:02

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

    • Створення патерну10:46

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

    • Завантаження патерну1:01

      Урок показує, як завантажити готовий патерн з іншого файлу через бібліотеку зразків на панель Swatches. Далі візерунок розбирається командою Expand, і в панелі шарів він опиняється групою з маскою Clipping Mask. Для друку патерни перед відправкою розбирають на окремі об’єкти.

    • Патерн по контуру5:28

      Урок показує, як створити пензель-патерн (Pattern Brush) з модуля з листків і кружечків і застосувати його до контуру, щоб візерунок повторювався вздовж лінії. Окремо будуються закінчення лінії: елементи копіюються в Swatches і призначаються в редакторі пензля для початку і кінця.

    • Панель Align: вирівнювання та розподіл об’єктів4:36

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

    • Сітка і лінійки для компонування макета2:40

      Урок пояснює, навіщо потрібна сітка під час компонування макета: вона допомагає дотримуватися близькості об’єктів, за теорією близькості пов’язаних між собою. Сітка вмикається через меню View, лінійки — комбінацією Ctrl+R; з них витягуються допоміжні лінії, що задають межі.

  • Працювати з текстом у макеті 3 уроки

    Текстові області, символи, зв’язування областей, колонки, текст за кривою, вирівнювання та переноси.

    • Текст в Illustrator: текстові області, символи і зв’язування3:44

      Урок показує базову роботу з текстом: введення інструментом Type Tool, текстові області з переносом за межами та підказку про переповнення. Розібрано панель Character (шрифт, розмір, інтерлиньяж, кернінг) і зв’язування переповнених областей, між якими перетікає текст.

    • Прийоми роботи з текстом2:52

      Урок розбирає розширені прийоми роботи з текстом: колонки і рядки в Area Type Options, перетворення фігури на текстову область і виведення тексту по кривій інструментом Type on a Path Tool. Текстову область можна переміщати і змінювати її форму звичайними інструментами виділення.

    • Вирівнювання тексту3:05

      Урок показує, як вирівнювання (по лівому і правому краю, по центру, по ширині) та прапорець переносів змінюють поведінку тексту під час редагування. Для заголовка вирівнювання краще задати заздалегідь, а обтікання тексту навколо об’єкта робиться через Object → Wrap → Make.

  • Передавати глибину пейзажу плановістю 3 уроки

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

    • Використання пейзажів6:10

      Урок показує, де використовуються пейзажні ілюстрації: на упаковці й у великих шапках сайтів (Hero Image). Стилістика, форми й кольори підбираються під характер продукту, наприклад м’які форми для дитячої косметики або золоті лінії для преміального товару.

    • Плановість: задній, середній і передній план3:30

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

    • Приклади плановості та стилізації12:38

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

  • Показати роботу на мокапі упаковки 7 уроків

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

    • Мокапи: показ ілюстрації в реальному об’єкті2:58

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

    • Постановка завдання2:57

      Урок задає порядок роботи із замовником: спочатку скетч і колірна гама, і лише після погодження — промальовування в Adobe Illustrator. На прикладі ілюстрації для упаковки морозива розбирається основа червоно-помаранчевого тону і контрастна тріада, а потім текстовий логотип і розміщення в мокапі.

    • Коментарі до процесу4:09

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

    • Дивимося результат1:06

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

    • Ілюстрація на мокапі і логотип3:52

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

    • Дороблюємо логотип і візуалізацію9:15

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

    • Домашнє завдання0:37

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

• Малювати пензлями й додавати шуми 11 уроків

  Каліграфічний, Scatter, Art і Bristle пензлі, ілюстрація лисеняти та власні пензлі для шумів. Завершує розділ випускне завдання.

  • Інструмент «Пензель»: згладжування, заливка, редагування контуру3:41

    Інструмент «Пензель» створює векторні штрихи, що повторюють рух миші або пера. Параметри Fidelity, Fill new brush strokes, Keep selected і Edit selected path визначають згладжування, заливку штрихів і редагування контуру.

  • Створення каліграфічного пензля3:12

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

  • Scatter Brush1:44

    Пензель Scatter Brush розмножує виділений об’єкт уздовж контуру. Відстань, розкид, розмір і поворот копій задаються параметрами, тож з одного контуру можна отримати різні малюнки.

  • Art Brush0:41

    Пензель Art Brush розтягує форму пензля або об’єкта на всю довжину контуру. Параметри розтягування та віддзеркалення змінюють вигляд форми, а результат одразу видно в попередньому перегляді.

  • Bristle Brush1:41

    Bristle Brush створює мазки, а її обмежений набір параметрів дозволяє отримувати різноманітні ефекти. Урок також оглядає панель пензлів і готових бібліотек, де є, наприклад, крейда та клякси.

  • Малюємо лисеня7:51

    Лисеня малюється в кілька ітерацій: ескіз на нижньому шарі, чистий контур поверх нього і правка точок без повторного штриха. Каліграфічний пензель змінює товщину штриха залежно від тиску, а Blob Brush Tool малює заливкою.

  • Розфарбування лисеняти4:35

    Контур лисеняти заповнюється кольором на окремому шарі під ним пензлем Black Brush. Виходи за лінії прибираються інструментом Eraser Tool, а частину дрібних нерівностей можна залишити без виправлення.

  • Деталізація лисеняти9:01

    Товстий контур спрощується параметром Fidelity, зіниці та внутрішні штрихи отримують окремі кольори. Доопрацьовуються блики у формі овалів, тіні затемнюються синім, а кучерявість шерсті прорисовується пензлем Blob Brush.

  • Створення пензлів із шумами4:31

    Три пензлі для шумів створюються на основі Skater Brush з увімкненим Hue Shift і пензля Pencil Tool. Для кожного налаштовуються поворот, розкид і відстань між штрихами, а пензлі отримують назви noise 1, noise 2 і noise 3.

  • Додавання шумів на ілюстрацію5:28

    Шум наноситься пензлем усередині форми об’єкта: Illustrator створює маску за виділеною формою і обмежує мазки її межами. Прозорість і режим Multiply пом’якшують ефект, а результатом стає текстурована ілюстрація.

  • Випускне завдання0:24

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

• Зібрати портфоліо та зрозуміти шляхи зайнятості 2 уроки

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

  • Портфоліо на Behance та Dribbble, шляхи працевлаштування11:52

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

  • Стоки9:42

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

• Закріпити навички на додаткових роботах 4 уроки

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

  • Малюємо похідний рюкзак18:15

    Урок показує побудову іконки похідного рюкзака з простих фігур: заокруглення, тінь і блики створюються копіями та операціями Pathfinder і вирівнювання. Результат — згрупована іконка з об’ємом і світлом.

  • Малюємо меч27:34

    Урок показує створення іконки меча: форма збирається з контурів пера та фігур, об’єм задається затемненими копіями, а колір — лінійними та радіальними градієнтами.

  • Малюємо злодійку27:01

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

  • Малюємо магазин29:35

    Урок показує, як намалювати невеликий магазин з простих фігур: дах із деформацією Free Distort, вікна, двері та вивіска з текстом. Блики на склі обрізаються маскою прозорості, наприкінці додаються рослинність і фон із будинками.

Часті запитання

Про цей курс

• Чи потрібен досвід роботи в Illustrator?

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

• Що потрібно для малювання: планшет чи миша?

  Підходять обидва варіанти: малювати можна графічним планшетом або комп’ютерною мишею.

• Чи потрібно знати анатомію, щоб малювати персонажів?

  Ні. Анатомія в курсі не вивчається: скелет пояснюється як схема форм, а поза і фігура будуються з простих геометричних фігур.

• Чи потрібен Photoshop?

  Основна програма курсу Illustrator. Photoshop використовується для порівняння растру й вектора та для вставки готової ілюстрації в мокап упаковки через смарт-об’єкт.

• Чи є домашні завдання?

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

• Чи навчить курс знаходити замовлення?

  Курс дає огляд варіантів роботи: портфоліо на Behance і Dribbble, студія, фріланс і стоки. Покрокового посібника з продажів і пошуку клієнтів у ньому немає.

Доступ і матеріали

• Коли і як я отримаю доступ до курсу?

  Одразу після оплати, тієї ж секунди й автоматично. Чекати на підтвердження не потрібно. Доступ надходить двома шляхами водночас. Перший: на пошту, вказану при оформленні замовлення, приходить лист із посиланням на матеріали. Другий: те саме посилання з’являється у вашому акаунті на сайті, у розділі «Завантаження», і залишається там назавжди.

• Де зберігаються матеріали курсу?

  Усі відео та додаткові файли лежать у хмарному сховищі. Посилання на нього — у вашому акаунті на сайті, розділ «Завантаження», і в листі, який надійшов після оплати. Акаунт тут не формальність, а спосіб доставки: курс залишається в ньому назавжди. Навіть якщо лист загубився або ви згадали про купівлю через рік, посилання буде на місці.

• Чи можна завантажити матеріали, чи тільки дивитися онлайн?

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

• Як довго діє доступ?

  Безстроково. Курс залишається вашим назавжди, повертатися до нього можна скільки завгодно разів. Якщо через рік чи два посилання раптом перестане відкриватися з технічних причин — напишіть на info@siluette.com.ua, ми його відновимо.

• Лист із доступом не надійшов — що робити?

  Насамперед: доступ у вас є в будь-якому разі. Увійдіть на сайт і відкрийте розділ «Завантаження» — посилання на курс уже там, незалежно від того, дійшов лист чи ні. Найчастіше лист губиться через одруківку в адресі під час оформлення замовлення. Ще варто заглянути до теки «Спам». Не виходить розібратися — не витрачайте час: напишіть на info@siluette.com.ua або в чат у правому нижньому куті сайту, ми допоможемо.

• На яких пристроях дивитися курс?

  Найкраще на комп’ютері або ноутбуці: завантажте відео й відкрийте будь-яким звичним плеєром. Знадобляться встановлені відеокодеки — на більшості комп’ютерів вони вже є. Завантажити курс можна на скільки завгодно пристроїв. А от телефон ми не радимо, і з двох причин. На маленькому екрані погано видно деталі, особливо якщо в уроці показують інтерфейс програми. І на телефонах часто немає кодеків для форматів, у яких записані відео.

Оплата та повернення

• Якими способами можна оплатити?

  Банківською карткою Visa, MasterCard або «Простір», через Google Pay, Apple Pay, Masterpass, Visa Checkout, платіжний QR-код, Botpay у Telegram чи Privat24. Є й оплата частинами: Монобанк (3 або 4 платежі), А-Банк (2, 3 або 4 платежі та розстрочка), Банк Глобус (8 платежів), «Скибочка» від OTP Bank (3 платежі), миттєва розстрочка та оплата частинами від ПриватБанку.

• Чи приймається картка, випущена не в Україні?

  Так. Платіжна система приймає картки з Євросоюзу та будь-яких інших країн. Одна деталь, про яку часто забувають: банк може попросити підтвердити платіж — у мобільному застосунку або кодом із СМС. Якщо оплата не проходить, перевірте застосунок банку та повідомлення.

• Як працює знижка 20% при купівлі кількох курсів?

  Додайте до кошика два курси або більше — знижка застосується автоматично до всіх товарів у кошику. Два курси: мінус 20% на обидва. П’ять курсів: мінус 20% на всі п’ять. Знижка поєднується з будь-якими акційними цінами й діє на весь каталог без винятків.

• Чи можна повернути курс або гроші?

  Цифрові товари поверненню та обміну не підлягають. Це загальне правило для всіх електронних товарів в Україні — постанова Кабінету Міністрів № 172 від 19 березня 1994 року. При цьому ми завжди на зв’язку. Якщо доступ не відкривається, посилання перестало працювати або файли пошкоджені — напишіть на info@siluette.com.ua, вкажіть дату та номер замовлення. Відновимо. Якщо щось незрозуміло в самому курсі, теж пишіть — підкажемо.

• Чи можна оплатити від організації за рахунком?

  Поки що ні. Ми працюємо лише з приватними покупцями — безготівкової оплати за рахунком від юридичних осіб зараз немає.

Як проходить навчання

• Чи є зворотний зв’язок із викладачем і перевірка завдань?

  Ні. Усі курси — це записи уроків для самостійного вивчення: викладач не відповідає на запитання і не перевіряє домашні завдання. Саме тому курси коштують значно дешевше за навчання з куратором. Ви отримуєте той самий матеріал, але займаєтеся самі та у своєму темпі.

• Чи видається сертифікат?

  Так, цифровий сертифікат — на запит і безкоштовно. Напишіть на info@siluette.com.ua, вкажіть ім’я та прізвище саме в тому вигляді, в якому хочете бачити їх у сертифікаті, і ми надішлемо його протягом доби.

• Чи потрібен досвід, щоб почати?

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

• Чи є терміни проходження курсу?

  Ні. Ані дедлайнів, ані розкладу, ані доступу, що згорає. Завантажили — дивіться коли зручно, з будь-якими перервами.

• Чи можна поділитися курсом з іншою людиною?

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

Підтримка

• Куди писати, якщо щось не працює?

  Найкраще на info@siluette.com.ua. Є й чат у правому нижньому куті сайту, але пошта надійніша: там можна все описати докладно та додати знімки екрана. Прохання: опишіть, що саме ви робили і що пішло не так, та додайте знімок екрана з помилкою. Так ми вирішимо питання одразу, а не з’ясовуватимемо півдня, що сталося.

• Як швидко відповідає підтримка?

  У робочий час, з 9:00 до 19:00, на пошту зазвичай відповідаємо протягом години, у чаті — за кілька хвилин. Після 19:00 теж буває, але час відповіді не обіцяємо.