Як створити анімацію за допомогою Photoshop і After Effects
- В даному уроці Джеймс Уігнолл повідає нам про те, як створити анімацію за дванадцять кроків. У століття...
- крок 2
- крок 3
- крок 4
- крок 5
- крок 6
- крок 7
- крок 8
- крок 9
- крок 10
- крок 11
- крок 12
В даному уроці Джеймс Уігнолл повідає нам про те, як створити анімацію за дванадцять кроків.
У століття 3D-анімації, наводнила наше телебачення, іноді починаєш сумувати за золотий ері мальованої анімації. Все було так просто, ніяких AO (прим. Перекладача: Ambient occlusion - модель затінення, яка використовується в тривимірній графіці і дозволяє додати реалістичності зображення), bump map-ів (прим. Перекладача: метод рельєфного текстурування), render farm-ів (прим. перекладача: технічне обладнання для рендеринга CGI). Мене попросили отаніміровать картинку монстра, намальованого Джоном Макнейра, і я подумав, що було б цікаво повернутися до олівця і папері.
Я хочу звернути увагу читачів на характерні риси мальованої анімації, включаючи текстуру олівця на папері. Фотошоп в цьому випадку - просто знахідка. В уроці я покажу вам основи, а ви потім зможете відтворити справи давно минулих днів.
- Програми: Adobe Photoshop і After Effects (CS5-CC)
- Що навчимося робити: «заточка» фотошопа під анімацію, робота з інструментом для покадрового анімації «onion-skinning» (калька), створення контурного тесту.
- Файли по уроку можна скачати тут .
Крок 1
Перш, ніж братися за анімацію, вам потрібно встановити гарячі клавіші в фотошопі. Натисніть Alt + Shift + Ctrl + K. Можете встановити їх, як вам буде завгодно, а я для цього уроку встановив кнопки так:
Дублювати кадр (Duplicate Frame): F1
Вставити новий кадр (Insert Blank Frame): F2
Видалити кадр (Delete Frame): F3
Новий відео-шар (New Blank Video Layer): F6
Наступний кадр (Next Frame): Ctrl / Cmd + точка
Попередній кадр (Previous Frame): Ctrl / Cmd + кома
Налаштування Onion Skin (Onion Skin Options): F5
Включити Onion Skin (Enable Onion Skinning): F4
крок 2
Тепер потрібно переключитися в режим анімації. Щоб таймлайн здався, відкрийте меню, що випадає зверху: Вікно (Window)> Анімація (Animation). Обов'язково перевірте, щоб поруч з ним була маленька галочка. Повинен з'явитися великий таймлайн внизу вікна фотошопу.
крок 3
Тепер створіть новий PSD-файл. У випадаючому меню Preset (прямо під назвою файлу) виберіть Film and video, потім клацніть на один з шаблонів. Я використовував 1920 × 1080 пікселів; TV завжди має розмір в 72 DPI. Якщо хочете змінити розмір або кількість кадрів в секунду (FPS), натисніть іконку вгорі праворуч у вікні таймлайна і виберіть «Налаштування документа» (Document settings). Я встановив відео на дві секунди, 25 кадрів в секунду.
крок 4
Перед великою роботою краще зробити простий контурний тест. Грубі начерки для вашої анімації. Потім вам буде легше з таймингом і з тим, щоб передати рух правильно, і не знадобиться витрачати купу часу на анімацію, яка вам не подобається. Головне - робити все просто і швидко. Ось я намалював свого персонажа у вигляді «палка-палка-огуречик».
крок 5
Тепер зробимо з наших контурів анімацію. Створіть новий шар (F6) і намалюйте свою фігурку. Коли будете готові з цим, натисніть F1, щоб створити новий чистий кадр. Щоб включити Onion Skinning, натисніть F4 і F5, щоб внести свої зміни. Onion Skinning дозволяє накласти попередній иили наступний кадр. Коли все встановіть, намалюйте персонажа ще раз і натисніть F1, щоб перейти на наступний шар. Ми почали анімувати!
крок 6
Продовжуйте анімувати свій контурний тест. Малюємо, F1, перемальовували, F1, і так далі. Це займе багато часу, але воно того варте. Я малюю двосекундних приклад, час може варіюватися в залежності від того, що ви аніміруете. Якщо подивитися на RoarAnim.psd, то можна помітити, що я анімовані кожний наступний кадр. Для мальованої анімації нормально бути по 12 кадрів в секунду, в іншому випадку малювання зайняло б навіть більше часу.
крок 7
Тепер, коли ви закінчили свій контурний тест, можна програти свою анімацію і подивитися, що вийшло. Щоб це зробити, або натисніть Space на клавіатурі, або клікніть іконку Play на таймлайне внизу зліва. У перший прогін анімація може йти не на повній швидкості, можна побачити маленький індикатор кадрів в секунду поруч з таймкодом. Прокрутіть анімацію пару раз, щоб вона їм заважає, а потім все повинно йти як треба.
крок 8
Чи задоволені таймингом, рухом? Тоді пора оголити кісточки! Створіть новий відео-шар (F6) і поверніться в початок таймлайна. Сенс в тому, щоб використовувати ваш контурний тест як скелет для персонажа, якого ви намалюєте поверх грубих начерків. Ось як я спрощено зобразив персонажа з ілюстрації Джона Макнейра.
крок 9
Ви, можливо, намагаєтеся малювати персонажа цілком на одному шарі, а мені здалося, що легше розділити його на частини. На прикладі видно, що я використовував різні шари для різних частин тіла. Це означає, що якщо частина тіла не рухається, то мені не потрібно і перемальовувати її кожен раз. Це економить час.
крок 10
Продовжуйте анімувати, спираючись на контурний тест. Техніка все та ж: малюємо кадр, створюємо новий кадр (F1), і продовжуємо цей алгоритм до самого кінця таймлайна. Періодично вмикайте анімацію, щоб бути впевненими, що рух намальовано правильно і все виглядає добре.
крок 11
Коли я малюю свою анімацію, я зазвичай пропускаю повз факт того, чи повинна вона бути перед або за об'єктом, я вважаю за краще її спочатку сприйняти цілком, як є, а потім вже виправляти. Як тільки я закінчив анімувати, я повертаюся до початку і ластиком або інструментом виділення видаляю все непотрібне, щоб частини тіла виглядали жорсткими, як і повинно.
крок 12
Як тільки з анімацією покінчено, можете імпортувати її в After Effects, якщо хочете її трохи відполірувати. Додавання шуму, текстури, градієнта - все це може виділити вашу анімацію серед інших. Але все-таки варто сказати, що я б не робив її абсолютно бездоганною, мені здається, що саме шорсткості надають вашій роботі індивідуальність.