1 of 35

Анімація. Переміщення по кадрах. Шкала часу. Попередній перегляд анімації

За навчальною програмою 2017 року

Урок 18

Інформатика 9

teach-inf.com.ua

за підручником

Ривкінд Й.Я. та ін.

2 of 35

Запитання

  1. Як ви розумієте поняття анімація?
  1. У яких програмах ви створювали анімацію або застосовували анімаційні ефекти до об’єктів?
  1. Які ви знаєте формати відеофайлів?

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

3 of 35

Поняття анімації

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

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

4 of 35

Поняття анімації

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

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

5 of 35

Поняття анімації

Якість такого «мультфільму» залежить від:

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

За цим самим принципом створювались мальовані мультфільми до початку використання комп’ютерів.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

6 of 35

Поняття анімації

Наприклад, французький художник-аніматор Еміль Коля в 1908 році для свого 1,5-хвилинного мультфільму «Фантасмагорія» створив більше 700 малюнків.

На кожному кадрі цього мультфільму містився окремий малюнок. Довжина плівки склала 36 м при розмірі одного кадра 35 мм. За одну секунду демонструвалось 16 кадрів мультфільму.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

7 of 35

Поняття анімації

У наш час існують три основні стандартні частоти кадрів на телебаченні та у цифровому кіно, у тому числі в мультиплікації:

відеостандарт, який використовується у США та Японії, 30 fps;

NTSC

Film

кіностандарт, 24 fps;

Pal

європейський відеостандарт, 25 fps.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

8 of 35

Поняття анімації

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

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

9 of 35

Поняття анімації

На основі ключових кадрів створюється анімація і в редакторі Blender.

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

10 of 35

Режим анімації в Blender

У редакторі Blender для створення анімації зручно використовувати режим Animation

Область Вікно 3D-огляду в звичайному режимі

Область Вікно 3D-огляду під час перегляду через об’єктив камери

Область Шкала часу

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

11 of 35

Режим анімації в Blender

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

Підписи номерів кадрів

Кнопка Автоключування

Панель керування переглядом анімації

Поле Поточний кадр

Поле Старт

Поле Кінець

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

12 of 35

Режим анімації в Blender

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

Поточний кадр

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

13 of 35

Режим анімації в Blender

Загальна кількість кадрів анімації залежить від її запланованої тривалості та від кількості кадрів, які будуть демонструватися за 1 секунду. За замовчуванням в редакторі Blender передбачено швидкість відтворення анімації 24 кадри за секунду.

Таким чином, якщо планується створити анімацію тривалістю, наприклад, 5 секунд, то знадобиться 120 кадрів. А для тривалості у 30 секунд потрібно 720 кадрів. Для змінення кількості кадрів на шкалі часу слід увести потрібне значення в поле Кінець.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

14 of 35

Режим анімації в Blender

В області Шкала часу розташовано панель керування переглядом анімації, кнопки якої мають таке призначення:

зробити поточним перший кадр анімації

зробити поточним останній кадр анімації

зробити поточним попередній/наступний ключовий

кадр;

відтворити анімацію від поточного кадра до першого / від поточного кадра до останнього і далі по колу

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

15 of 35

Створення ключових кадрів

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

В ключовому кадрі фіксуються значення властивостей об’єкта:

  • положення,
  • розмір,
  • кут обертання.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

16 of 35

Створення ключових кадрів

Щоб у режимі Animation створити ключовий кадр для об’єкта, можна:

  1. Вибрати об’єкт у Вікні 3D-огляду.
  1. Установити потрібні для даного кадру значення властивостей об’єкта.
  1. Вибрати на шкалі часу кадр, який потрібно зробити ключовим.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

17 of 35

Створення ключових кадрів

Продовження…

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

18 of 35

Створення ключових кадрів

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

19 of 35

Створення ключових кадрів

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

20 of 35

Створення ключових кадрів

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

Кнопка Автоключування

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

21 of 35

Створення ключових кадрів

За потреби ключові кадри можна переміщувати перетягуванням маркерів в інше положення та видаляти, натиснувши клавішу Delete.

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

22 of 35

Перегляд, рендеринг і�збереження анімації

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

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

23 of 35

Перегляд, рендеринг і�збереження анімації

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

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

як набір графічних файлів із зображенням кожного кадру окремо

як один файл у форматі відео

або

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

24 of 35

Перегляд, рендеринг і�збереження анімації

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

  1. Вибрати вкладку Властивості Виводу в області Властивості.
  1. Вибрати кнопку Прийняти в групі Вивід.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

25 of 35

Перегляд, рендеринг і�збереження анімації

Продовження…

  1. Відкрити папку для збереження анімації у вікні Перегляд файлу Blender, що відкрилося. За потреби можна створити нову папку, вибравши кнопку Створити нову теку.
  1. Вибрати кнопку Прийняти

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

26 of 35

Перегляд, рендеринг і�збереження анімації

Продовження…

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

27 of 35

Перегляд, рендеринг і�збереження анімації

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

28 of 35

Перегляд, рендеринг і�збереження анімації

Для початку рендерингу потрібно:

вибрати в головному меню команду

Рендер Рендер Анімації

натиснути Ctrl + F12

або

Після цього у вікні Рендер Blender буде відображатися процес рендерингу. У верхньому лівому куті можна побачити, який кадр (Frame) опрацьовується і скільки часу витрачено на рендеринг .

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

29 of 35

Перегляд, рендеринг і�збереження анімації

Після завершення рендерингу вибрана папка міститиме відеофайл з анімацією або графічні файли. Ім’я файлу відео складається з номерів початкового та кінцевого кадрів анімації, наприклад 0001-0080.avi.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

30 of 35

Дайте відповіді на запитання

  1. Що таке анімація? Поясніть принципи створення анімованих зображень.
  1. У чому призначення ключових кадрів у процесі створення комп’ютерної анімації?
  1. Які області відображаються у вікні редактора Blender у режимі анімації?
  1. Яка залежність між кількістю кадрів і тривалістю анімації в редакторі Blender?
  1. Як можна змінити кількість кадрів анімації в редакторі Blender?

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

31 of 35

Дайте відповіді на запитання

  1. Як можна змінити поточний кадр анімації в редакторі Blender?
  1. Як можна створити ключовий кадр під час створення анімації об’єкта в редакторі Blender?
  1. Як виконати попередній перегляд анімації в редакторі Blender?
  1. Які налаштування потрібно виконувати перед початком збереження анімації на носії даних? Як зробити ці налаштування?

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

32 of 35

Розгадайте ребус

Анімація

«Ребуси українською» © rebus1.com

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

33 of 35

Домашнє завдання

Проаналізувати

§ 2.7, с. 108-116

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

34 of 35

Працюємо за комп’ютером

Сторінка

113-115

© Вивчаємо інформатику teach-inf.com.ua

Розділ 2

§ 2.7

35 of 35

Дякую за увагу!

За навчальною програмою 2017 року

Урок 18

Інформатика 9

teach-inf.com.ua

за підручником

Ривкінд Й.Я. та ін.