Курс Шейпова графіка в After Effects: від Ілюстратора до рендера

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

• Готувати векторні ілюстрації до анімації: розкладати на шари через Release to Layers, розбирати чужі групи, називати об’єкти
• Переносити макет в After Effects як композицію й керувати кожним об’єктом окремо
• Масштабувати шари без втрати якості через Collapse Transformation та нульовий об’єкт
• Будувати тривимірну сцену: розстановка шарів по осі Z, позначки рулетки, камера на нульовому об’єкті
• Анімувати фон і об’єкти: конвертація в шейпи, робота по точках, Alpha Matte, графіки анімації
• Оживляти персонажа й предмети: міміка, рухи шейпами замість Puppet Pin Tool, pre-compose, wiggle — і виводити ролик через Media Encoder

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

Не підійде тим, хто шукає вступний розбір інструментів After Effects: він зроблений у першій частині класу, тут одразу практика.

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

• Один наскрізний проєкт від підготовки до рендера — Кожен прийом вивчається на реальному завданні й залишається в контексті всього шляху, а не окремою вправою.
• Усі уроки — практика в Illustrator та After Effects — Ви повторюєте робочий процес відеодизайнера, а не слухаєте теорію.
• Показано обмеження прийомів — Зрозуміло, коли Puppet Pin Tool або glow не спрацюють і чим їх замінити, — без сюрпризів у власних проєктах.
• Скрипти беруть на себе рутину — Motion 2 створює нульові об’єкти й підстрибування, Extract Shape виносить групи в окремі шари, bounce-скрипт гойдає листя.
• Розбір стокового макета зі складною структурою груп — Чужа ілюстрація доводиться до робочого стану — типова ситуація під час роботи з файлами сторонніх дизайнерів.

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

• Adobe After Effects та Adobe Illustrator
• Media Encoder для виведення готового ролика
• Скрипти Motion 2 та Extract Shape, bounce-скрипт; векторна ілюстрація як вихідник (в уроках — з Freepik)

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

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

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

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

Що зміниться

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

1. Підготовка матеріалів Векторна ілюстрація розбирається в Illustrator на іменовані шари: Release to Layers, розчищення групування, перейменування об’єктів.
2. Збірка сцени Шари переносяться в After Effects, масштабуються через нульовий об’єкт, розставляються по осі Z та прив’язуються до камери.
3. Базова анімація Фон конвертується в шейпи, об’єкти отримують прості появи з графіками, порядок і таймінги зшиває рух камери.
4. Детальна анімація та рендер Лампа, персонаж і предмети отримують власний рух, після чого композиція виводиться у відео через Media Encoder.

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

4 уроки · 1 година 17 хвилин відео · Один наскрізний проєкт: від підготовки шарів в Illustrator до готового ролика

• Повний цикл шейпової анімації: від макета до рендера 4 уроки

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

  • Підготовка матеріалів в Illustrator11:36

    Розбір стокової ілюстрації в Illustrator: Release to Layers розкладає об’єкти по окремих шарах, персонаж відділяється від стільця, шари отримують імена за об’єктами. Готовий файл зберігається та імпортується в After Effects як композиція.

  • Побудова сцени8:42

    Збірка сцени в After Effects: масштабування шарів через нульовий об’єкт і Collapse Transformation, білий солід як фон, переведення шарів у 3D та розстановка по осі Z, камера на нульовому об’єкті.

  • Анімація об’єктів18:18

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

  • Додаткова анімація та рендер38:17

    Детальна анімація: ручка та загоряння лампи, міміка персонажа, нога шейпами замість Puppet Pin Tool, гойдане листя та книжки, що падають. Готова композиція рендериться в Media Encoder: H.264, пресет YouTube 1080p.

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

Про цей курс

• Чи потрібно знати After Effects до курсу?

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

• Яка ілюстрація використовується в проєкті?

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

• Які програми знадобляться?

  Adobe Illustrator для підготовки шарів, Adobe After Effects для збірки та анімації, Media Encoder для рендера. Працюють скрипти Motion 2 та Extract Shape.

• Чим анімувати персонажа замість Puppet Pin Tool?

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

• Що вийде в підсумку?

  Анімована сцена з камерою: лампа, що загоряється, персонаж, який реагує, книжки, що падають, і листя, що гойдається. Ролик виводиться у відео H.264 із пресетом YouTube 1080p.

• Як масштабувати шари без втрати якості?

  Шари прив’язуються до нульового об’єкта, вмикається Collapse Transformation, а розстановка по осі Z вивіряється позначками рулетки — розмір відновлюється скейлом без пікселів.

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

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

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

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

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

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

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

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

  Безстроково. Курс залишається вашим назавжди, повертатися до нього можна скільки завгодно разів. Якщо через рік чи два посилання раптом перестане відкриватися з технічних причин — напишіть на 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 теж буває, але час відповіді не обіцяємо.