Курс Motion-дизайну в After Effects: Від шейпів до персонажів

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

• Малювати та анімувати фігури в After Effects: примітиви, Pen Tool, модифікатори шейпів, репітер і Wiggle Transform.
• Керувати рухом за принципами анімації: таймінг і спейсинг, графіки швидкості, типи ключів, овершут і затухальні коливання.
• Писати експрешни для типових задач: зациклення, керувальні шари зі слайдерами, анімація без ключів, док-ефект на виразах.
• Збирати переходи між сценами: wipe-ефекти, сітка і спліт-скрін, віяла з прямокутників, драбинка, кругові маски та варіації через нульовий об’єкт.
• Анімувати текст за літерами через аніматори та пресети, оживляти інтерфейси з лічильниками випадкових чисел, завадами та лініями.
• Готувати персонажа до анімації: розбивка на шари в Illustrator, риггінг скриптом Duik, цикл ходьби з доведенням на графіках.

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

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

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

• Практика з першого розділу — Кожна тема закріплюється вправою — від стрибаючого м’ячика до збірки короткого шейпового ролика.
• Розділ закінчується готовою роботою — Шейповий ролик, док-ефект, анімований інтерфейс, хода персонажа і рекламний ролик залишаються у вас як роботи для портфоліо.
• Розбори готових проєктів — Покадрова текстова анімація і пресет Amortype розбираються зсередини — видно, як влаштована чужа робота.
• Експрешни і скрипти як робочий інструмент — Типові задачі автоматизуються: зациклення, розкид ключів, керування зі слайдерів — менше ручної правки.
• Підсумковий проєкт з повного нуля — Ролик корпоративної графіки збирається від пустої композиції до фінальної сцени — видно весь процес, а не лише результат.

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

• Adobe After Effects — основний інструмент усіх занять
• Adobe Illustrator — для розбивки персонажа на шари
• Sublime Text для експрешнів; скрипти Duik, Shift Layers, Decompose Text і пресет Amortype розбираються в уроках

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

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

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

Що зміниться

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

1. Шейпи і принципи руху Малюєте фігури і опановуєте модифікатори, проходите принципи анімації на вправах і збираєте перший шейповий ролик з ефектами старої кіноплівки.
2. Автоматизація: експрешни і скрипти Виносите керування на слайдери, зациклюєте рух, анімуєте без ключів і збираєте док-ефект на виразах.
3. Переходи, текст і інтерфейси Будуєте набір власних переходів, анімуєте текст за літерами і оживляєте інтерфейс з лічильниками, завадами та лініями.
4. Персонаж і підсумковий ролик Робите персонажу риг і цикл ходьби, а потім збираєте багатослайдовий ролик корпоративної графіки з нуля.

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

48 уроків · 8 модулів · 27 годин відео · Кожен розділ закінчується готовою роботою: від шейпового ролика до рекламного проєкту.

• Шейпова графіка і основи анімації 10 уроків

  Інструменти фігур: примітиви, Pen Tool, модифікатори, репітер і Wiggle Transform. Принципи анімації на практиці — таймінг, графіки швидкості, овершут — і збірка короткого шейпового ролика з імітацією старої кіноплівки.

  • Шейпові примітиви та Pen Tool31:33

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

  • Модифікатори шейпів27:21

    Розбір модифікаторів шейпів After Effects: Zigzag, Wiggle Path, Round Corners, Twist, Merge Path, Trim Paths, Pucker and Bloat та Offset Path. Після уроку слухач вміє будувати ламані й плавні хвилі, вирізати фігури одну з одної, запускати біжучі лінії та деформувати контури.

  • Репітер і Wiggle Transform26:14

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

  • Стандартні ефекти After Effects30:10

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

  • Принципи анімації в After Effects31:49

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

  • М’ячик, що стрибає: таймінг і графіки18:27

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

  • Овершутинг: практика та підсумки7:57

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

  • Шейповий ролик: кола та лінії40:38

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

  • Полігон, зірка та деталі, що летять54:06

    Продовження складання ролика: полігон-мозаїка з трикутників, перетворення кола на зірку через Inner Radius і Inner Roundness, удар зірки із захльостом, полігони обрамлення, що вилітають, і дрібні деталі, що летять по кривих. Ролик добудовується до стану готового оригіналу із загальною тінню та текстом.

  • Атмосферні ефекти старої кіноплівки23:48

    Завершення шейпового ролика: він’єтка на Curves, зерно з Fractal Noise з уривчастим рухом через Posterize Time, плівкова текстура в режимі Soft Light, легке тремтіння кадру через Turbulent Displace і точки-засвіти. У результаті зібрана анімація доводиться до зображення в стилі старої кіноплівки.

• Експрешни: анімація без ключів 6 уроків

  Вирази з азів: зациклення loopOut, керувальні шари зі слайдерами, змінні і шляхи до параметрів, анімація через index, linear і valueAtTime. Практика — док-ефект і огляд повсякденних скриптів.

  • Експрешни для зациклення анімації20:15

    Урок присвячений родині експрешнів loopOut і loopIn: розглядаються типи зациклення cycle, pingpong, continue та offset, повторення вибраних ключів і зациклення відрізка часу через framesToTime. Після уроку можна зациклити готову анімацію за ключами або за часом і застосовувати ці експрешни у власних композиціях.

  • Керувальні шари та затухаючі коливання16:32

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

  • Змінні та шляхи до параметрів в експрешнах45:38

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

  • Index, linear і valueAtTime44:25

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

  • Док-ефект на експрешнах25:30

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

  • Огляд скриптів для After Effects27:47

    Огляд скриптів для повсякденної роботи в After Effects: Shift Layers зміщує шари на таймлайні, Paste Multiple Keyframes вставляє ключі одразу в кілька шарів, Duik допомагає з інтерполяцією, Explode Shape Layers розбирає шейп на шари, а Advanced Comp Grids будує ізометричну сітку. Після уроку відомо, як встановити панелі в ScriptUI Panels і які інструменти беруть на себе рутинні завдання.

• Переходи між сценами 7 уроків

  Набір власних транзишенів: Linear Wipe і Radial Wipe, сітка Grid і спліт-скрін, віяла з прямокутників, драбинка і кругові переходи. Окремо — зміна колірної гами переходу з одного керувального шару.

  • Навіщо потрібні переходи0:50

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

  • Огляд проєкту і перший транзишен14:36

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

  • Перехід з Linear Wipe із варіаціями15:14

    Перехід збирається з однотонних Solid-шарів з ефектом Linear Wipe: анімується Transition Completion, а плавність налаштовується через Keyframe Velocity і Graph Editor. Копії шару перефарбовуються та зсуваються на кадри під різними кутами, утворюючи діагональну хвилю. Із готової заготовки дублюванням композиції отримуються варіації зі зміною тла, кольорів, кутів і порядку шарів.

  • Сітковий перехід Grid і сплит-скрин28:43

    Сітка Grid слугує розміткою для переходу з прямокутних смуг: комірки підганяються за шириною та висотою, шари розподіляються через панель Align і зсуваються скриптом Shift Layers у режимі Stagger. Розфарбування виконується одним ефектом Fill на прекомпозі, із заготовки збираються вертикальна та дзеркальна версії. У фіналі лінії смуг перетворюються на сплит-скрин із двох кольорових половин екрана.

  • Переходи з прямокутників і полігонів26:11

    Збираються дві шейпові заготовки: віяло з повернутих прямокутників з анімацією Scale і лінія з шестикутних Polystar. Колір задається ефектом Fill на прекомпозі, копії розходяться з каскадним зсувом у часі, а світлі стики прибираються підгоном масштабу та Collapse Transformation. Кожна заготовка перевертається нульовим об’єктом у нові кольорові варіації.

  • Анімація Path і перехід-драбинка23:15

    Розкриття кадру анімується через Path після конвертації прямокутника в криві Безьє: точки сходяться до центра та розходяться до кутів, об’єму додає Drop Shadow. Із вузької поверненої смуги з анімацією Scale збирається діагональна драбинка. Напрямок заготовки змінюється нульовим об’єктом із дзеркальним масштабом.

  • Кругові переходи й керування кольором21:26

    Збираються два кругові переходи на шейпах: набір концентричних кіл з ефектом Radial Wipe і кругова заливка кадру зростаючим еліпсом; показано, як такі переходи маскують монтажну склейку. Окремий прийом — adjustment layer із виразами, через який змінюється колірна гама всього переходу. У завданні — компіляція переходів із власних варіацій і прояв елемента через альфа-мат.

• Анімація тексту 5 уроків

  Текст оживає за літерами: аніматори і range selector, пружинний рух на виразах, пресет Amortype без ключів і розбір покадрової анімації з масками та ефектами CC-серії.

  • Анімація готової текстової заготовки33:02

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

  • Bouncy-анімація тексту побуквенно23:39

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

  • Футуристична анімація тексту через аніматори14:36

    Розбір механіки текстових аніматорів і range selector: літери з’являються по одній без напівпрозорих фаз, Character Offset перебирає випадкові знаки, а Randomize Order гасить літери у довільному порядку. Готова зв’язка аніматорів зберігається через Save Animation Preset і застосовується до інших шарів. Після уроку зрозуміло, як працюють зони дії селекторів і рандомізація порядку літер.

  • Пресет Amortype для текстової анімації15:20

    Розбір готового пресету, який створює пружну анімацію тексту без жодного ключа: анімація входу та виходу обчислюється від довжини шару. Показано встановлення пресету, контролери offset, Duration, Frequency і Decay, налаштування аніматорів входу та виходу й переміщення центру схлопування через Grouping Alignment. Після уроку можна застосувати пресет до свого напису та змінювати характер розгойдування протягом сцени.

  • Покадрова анімація тексту: розбір проєкту12:59

    Оглядовий розбір готового проєкту побуквеної анімації: літери вирізаються масками або скриптом Decompose Text, а їхній рух збирається покадрово та ефектами CC-серії. Показано, як прибрати лінію-артефакт на стиках масок підлаштуванням параметра expansion і усунути кольоровий ореол ефектом Simple Choker. Наприкінці пропонується самостійно вивчити проєкт і розширити його, наприклад дописавши своє слово.

• Анімація інтерфейсів 5 уроків

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

  • Збірка анімації інтерфейсу: блоки, лінії, глітч-блимання43:25

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

  • Експрешн-лічильник випадкових чисел22:13

    Урок повністю присвячений написанню експрешн-лічильника: зв’язка random і seedRandom генерує випадкові числа, а Math.floor, прив’язаний до часу, задає періодичність їхньої зміни. Після уроку людина вміє керувати частотою оновлення дільником у часі, округляти результат через Math.round і робити випадковою саму швидкість оновлення, розводячи дублікати шару за різними значеннями через індекс шару.

  • Рандомна поява тексту та курсор-роздільник20:38

    Урок завершує текстовий блок інтерфейсу: рядки псевдокоду набираються вручну, а рандомна поява символів робиться через Range Selector із нульовою плавністю та Randomize Order, причому Slider Control на кожному шарі змінює Random Seed, щоб блоки не повторювали один одного. Далі будується курсор-роздільник: рух позицією з експрешном Loop Out offset, блимання прозорістю із зацикленням, прояв білої копії тексту через Track Matte — і готовий блок дублюється зі зсувом у часі через Time Remapping.

  • Анімація кіл, точок і завад58:39

    Урок наповнює анімацією центральні елементи інтерфейсу: точки переводяться в шейпи та розбігаються біжучою хвилею через Explode Shape Layers і Shift Layers, кола проявляються масштабом і заливкою, а розшарування сигналу збирається на Trim Paths, Repeater і Merge Paths. Головний принцип — деталі інтерфейсу не повинні проявлятися одночасно: кожен елемент отримує власний таймінг, тому після уроку людина вміє вибирати між простим одночасним показом і роздільним налаштуванням появи.

  • Лінії інтерфейсу на Beam та експрешнах33:12

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

• Персонажна анімація 6 уроків

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

  • Вступ до персонажної анімації1:11

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

  • Розбивка персонажа на шари в Illustrator23:27

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

  • Риггінг персонажа в After Effects26:20

    Урок про перенесення персонажа в After Effects і основи риггінгу: правильний імпорт з Illustrator як композиції з параметром Layer Size, організація проєкту та зв’язка з вихідним файлом, за якої шари оновлюються автоматично. Для простих жестів розбирається Puppet Pin із сіткою Mesh, а за допомогою Duik створюються кістки-нулі та контролер інверсної кінематики, що керує всім ланцюжком. Після уроку учень збирає перший риг руки.

  • Фінальний риггінг персонажа41:10

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

  • Перший цикл ходьби персонажа56:49

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

  • Доведення ходьби та оздоблення1:00:38

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

• Корпоративна графіка: підсумковий ролик 9 уроків

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

  • Корпоративна графіка: перший слайд1:11:06

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

  • Книги праворуч і збірка слайда32:10

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

  • Анімація комп’ютера та двійкового коду58:38

    Збірка центрального елемента ролика — комп’ютера: ланцюжки парентингу корпусу, висувна підставка, екрани з експрешном затухальних коливань і зациклений двійковий код через Time Remapping. Потім будується багатошаровий перехід на зелений фон з ефектом Grid Wipe, і готова композиція комп’ютера вставляється в загальний слайд.

  • Клавіатура, миша і руки комп’ютера1:01:19

    Добудова екрана комп’ютера: клавіатура розкривається хвилею кнопок по рядах — експрешн затухальних коливань плюс стаггер, а декоративні лінії прочерчуються Trim Path. Руки ставляться на риг із Puppet Pin та кісток Duik і друкують за зацикленими експрешнами, миша виїжджає з-за екрана та клацає через Loop Out Cycle.

  • Анімація дока та його іконок1:15:36

    Заповнення анімацією дока віртуального комп’ютера: кожна іконка переводиться з векторних шарів у шейпи та отримує свою появу — від масштабу з затухальними коливаннями до Trim Path і безперервного обертання шестереньки. Готові появи іконок збираються в загальну хвилю стаггером.

  • Вікна інтерфейсу і перехід у екран47:45

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

  • Перехід до другого слайда з iPad1:13:29

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

  • Гортання іконок і картка товару51:09

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

  • Фінальний слайд: торт, айфон і спалах58:43

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

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

Про цей курс

• Чи потрібно вміти програмувати, щоб розібратися в експрешнах?

  Ні. Вирази розбираються з азів: від зациклення loopOut до змінних і шляхів до параметрів. Кожна конструкція збирається в уроці і правиться в редакторі коду Sublime Text, а практикою слугує док-ефект на виразах.

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

  Основний інструмент — After Effects. Для персонажного розділу потрібен Adobe Illustrator, для експрешнів — редактор коду Sublime Text. Скрипти Duik, Shift Layers, Decompose Text і пресет Amortype розбираються в уроках.

• Чому більше часу — шейпам, персонажам чи рекламним роликам?

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

• Чи залишаться в мене готові роботи для портфоліо?

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

• Чи потрібно вміти малювати для персонажного розділу?

  Не потрібно: ілюстрація персонажа береться готовою. В Illustrator ви групуєте частини тіла і готуєте їх до анімації, далі працює риггінг в After Effects — кістки, інверсна кінематика і Puppet Pin.

• Чим закінчується курс?

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

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

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

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

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

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

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

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

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

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