Створення анімації у Photoshop CC. Що таке анімація

Створюємо новий файл із розмірами 700 x 300 px.

Відчиняємо вікно Timeline((Вікно - Шкала часу)).

Натискаємо на кнопку « Create Frame Animation» (Створити анімацію кадру).

Використовуючи інструмент () створюємо 3 шару з текстом ("Анімація", "це", "просто").

Інструментом (Інструмент "Переміщення" / Клавіша "V") розміщуємо текст як на зображенні нижче.

У вікні Timeline(Шкала часу) вибираємо перший кадр та натискаємо на кнопку « Duplicates selected frames» (Створення копії виділених кадрів).

Створюємо 4 копії виділених кадрів.

Вибираємо у вікні Timeline(Шкала часу) другий кадрі залишаємо видимими тільки шари « Анімація» та « Фон».

Вибираємо четвертий кадрі залишаємо в ньому видимими всішари.

Задамо параметр повтору нашої анімації. У меню вікна Timeline(Шкала часу), міняємо параметр повтору з Одноразово» на « Постійно» (зображення нижче).

Тепер ми можемо використовувати запуск анімації.

Налаштування анімації у «Файл – Зберегти для Web» (File – Save for Web) Photoshop CC. Фінальний результат

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

Я працюватиму в Adobe Photoshop CS6. Інтерфейс у мене російська, оскільки я пишу з роботи.

Вдома у мене стоїть англійська версія, і вам раджу вчитися на англійській версії, ось чому:

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

Приступаємо до створення анімації у фотошопі CS6

Запускаємо фотошоп.

Створюємо новий документ File-New (Ctrl+N).

У вікні задаємо розміри банера: 600 х 120, назвемо його «Новорічний банер» -> «Ок».

Створюємо фон

Я заздалегідь підбираю матеріали, які використовуватиму в роботі (фони, шрифти тощо).

Відкриваємо підготовлену текстуру: Ctrl+O. Завантажити текстуру, що використовується мною, ви можете.

Відкриваємо палітру шарів "Layers" - F7.

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

Якщо текстура виявилася надто маленькою або дуже великою в порівнянні з банером, відкоригуйте її за допомогою трансформації «Ctrl+T».

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

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

Заходимо в меню "Image" - "Adjustsments" - "Hue/Saturation" (Зображення - Корекція - Колірний тон/Насиченість).

Я виставила такі налаштування, щоб досягти яскравого, насиченого кольору:

Пишемо текст

Створюємо новий шар (Ctrl+Shift+N) або клацаємо по іконці нового шару на панелі шарів.

Вибираємо інструмент "Horizontal Type Tool" (T).

Вибираємо пензель із будь-якою зіркою, малювати буде білим кольором #ffffff. Щоб вибрати колір, клацніть на маленькому квадратику внизу в лівій панелі.

На новому шарі малюємо зірочки у довільних місцях. Щоб зірки виявилися яскравішими, кликаємо по кілька разів в одному місці. Ось що вийшло у мене:

Робимо дублікат шару (Ctrl+J). Клацаємо на іконку ока на панелі шарів, щоб приховати видимість попереднього шару.

Виділіть верхній шар із копією зірок. На панелі ліворуч виберіть інструмент Lasso Tool(L).

Виділяємо кожну зірку по черзі, натискаємо «V» (інструмент Move Tool) і переносимо на інше місце, таким чином у нас у різних кадрах зірочки будуть на різних місцях, завдяки чому створиться ефект мерехтіння.

Після того, як пересунете всі зірки на інше місце, створіть дублікат шару, на якому працювали (Ctrl+J), сховайте попередній шар на панелі шарів, клацнувши на очко, і знову повторіть операцію з переміщення зірок на нові місця, ви також можете домальовувати кілька нових зірок.

Таким чином, у нас вийде 3 шари із зірками, у кожному з яких зірки будуть на різних позиціях.

Все готово.

Переходимо до створення анімації у фотошопі

Відкриваємо тимчасову шкалу. Заходимо в меню "Window" - "Timeline" (Вікно - Шкала часу).

У панелі шкала часу, що з'явилася, знаходимо кнопку посередині «Create Video Timeline» (Створити тимчасову шкалу для відео).

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

У нас відкрилася панель покадрової анімації. Зараз у ній лише один кадр, в якому показані всі видимі шари (зміст виділеного кадру показується в основному вікні на моніторі).

Переходимо на палітру шарів - F7. Нам необхідно зараз відключити два верхні шари із зірками (клацніть по оку), залишивши видимим лише один. Це буде першим кадром.

Перейдіть до панелі шарів. Вимкніть перший шар із зірками, увімкніть другий. Таким чином, у другому кадрі ми показуватимемо зірки вже в інших місцях.

Знову клацаємо на значок нового кадру. Вимикаємо другий шар із зірками, включаємо третій.

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

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

У вікні вказуємо скільки проміжних кадрів ми хочемо створити. Я поставлю 2. Для всіх кадрів крім останнього ставимо «Наступний кадр».

Між першим та другим ключовими кадрами у вас з'явилося 2 проміжні.

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

Виділяємо останній кадр у шкалі часу. Натискаємо на кружки. У вікні, у рядку «Проміжні кадри» вибираємо «Перший кадр», кадрів додаємо так само 2.

Тепер під кадрами внизу зліва вказуємо кількість повторів анімації «Постійно».

Виділяємо перший кадр, натискаємо трикутничок праворуч «Play», щоб подивитися що вийшло.

Вибираємо формат файлу для збереження GIF, натискаємо «Зберегти…», вибираємо директорію, куди зберігатимемо, тиснемо знову «Зберегти».

Отже, у цьому уроці ми подивилися як зробити анімацію у фотошопі CS6.

Сподіваюся, ви дізналися щось нове та корисне з цього уроку.

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

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

Етап 1: Підготовка полотна та шарів

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

Етап 2: Робота з часовою шкалою

Всі! Анімація готова. Ви можете переглянути результат, натиснувши кнопку "Запуск відтворення анімації". А після цього можете зберегти її у форматі GIF.

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

Створюємо новий файл із розмірами 700 x 300 px.

Відчиняємо вікно Timeline((Вікно - Шкала часу)).

Натискаємо на кнопку « Create Frame Animation» (Створити анімацію кадру).

Використовуючи інструмент () створюємо 3 шару з текстом ("Анімація", "це", "просто").

Інструментом (Інструмент "Переміщення" / Клавіша "V") розміщуємо текст як на зображенні нижче.

Створюємо 4 копії виділених кадрів.

Вибираємо четвертий кадрі залишаємо в ньому видимими всішари.

Тепер ми можемо використовувати запуск анімації.

Налаштування анімації у «Файл – Зберегти для Web» (File – Save for Web) Photoshop CC. Фінальний результат

Ви дізнаєтеся:

Як відкрити та закрити та налаштувати панель анімації.
Як додавати, видаляти та редагувати ключові та кадри анімації.
Навіщо потрібна кнопка Tween (Створення проміжних кадрів).
Як зробити просту анімацію малювання зірки.
Як настроїти інтервали часу для кожного кадру анімації.
Як оптимізувати анімацію для зменшення розміру Gif файлу
Як імпортувати Gif файли у програму.
Як перемикатися з покадрової анімації на часову шкалу.

Урок складається з наступних розділів:

1. Навчальне відео.
2. Що таке анімація?
3. Частина 1. Покадрова анімація.
4. Налаштування інтервалів.
5. Настроювання періодичності повторів.
7. Оптимізація анімації.
8. Збереження анімації.
10. Відкриття GIF-файлів.
11. Кнопки уніфікації шарів анімації.
12. Закриття панелі анімації.
13. Запитання.
14. Домашнє завдання.

Що таке анімація

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

За допомогою анімації у Photoshop можна створювати слайд-шоу з фотографій або картинок, робити аватарки, банери, заставки для веб-сторінок, динамічні листівки та різні презентації. Слід мати на увазі, що Photoshop таки графічний редактор, і не розрахований на складні анімаційні процеси. У програмі є два способи створення анімації – це покадрова анімація та анімація у режимі тимчасової шкали. Ми послідовно розглянемо обидва види анімації. Весь 36 урок присвятимо вивченню покадрової анімації. А у 37 уроці займемося тимчасовою шкалою. Деякі прості завдання зручніше виконувати саме в режимі анімації покадрової. Навіть якщо ви вмієте працювати з тимчасовою шкалою інших програм, все одно, я вам раджу спробувати виконати завдання з цього уроку. Виходячи з отриманих знань ви зможете прийняти рішення про те, який метод ви будете використовувати в кожному конкретному випадку.

Частина 1. Покадрова анімація

Панель Frames (Покадрова)виникла вже давно. Розглянемо її налаштування на прикладі анімації малювання зірочки.

Створіть новий документ розміром 800 на 800 пікселів, роздільна здатність 72, колірний режим RGB. Створіть новий шар, клацнувши на значку внизу панелі Layers (Шари). Або натисніть Shift+Ctrl+N.

На панелі інструментів оберіть інструмент пензель чорного кольору, діаметром 35 пікселів із розмитими краями. Намалюйте першу похилу лінію (поставте крапку, натисніть Shift і поставте наступну точку – лінія вийде прямою).

Створіть другий шар. Накресліть наступну лінію. Потім третій шар
і ще одну лінію тощо. У вас має вийти шість шарів, включаючи фоновий шар.

Щоб відкрити панель Animation (Анімація), клацніть у меню Window (Вікно) у пункті Animation (Анімація). Або в меню Window (Вікно) встановіть Workspace ( Робоче середовище) на Video and Film/Video (Відео). Переконайтеся, що панель знаходиться в режимі покадрової анімації.
Інакше клацніть по значку у правій нижній частині панелі анімації.

Вимкніть видимість всіх шарів, крім фонового шару на панелі Layers (Шари), натиснувши значок ліворуч від мініатюри шару. Це буде перший кадр нашої анімації.

Натисніть внизу панелі Animation (Анімація). Відобразиться другий кадр (копія першого кадру). Щоб змінити його, увімкніть видимість першого шару на панелі Layers (Шари). Натисніть значок знову і увімкніть видимість другого шару.

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

У нижній частині панелі Animation (Анімація) знаходяться інструменти додавання, видалення та перегляду анімації.

- Перетворення в анімацію за тимчасовою шкалою.

- Tween(Створення проміжних кадрів).

- Duplicate сurrent frame (Створення копії виділених кадрів).

- кнопки відтворення (як на будь-якому магнітофоні).

Selects First Frame (Вибратипершийкадр); Selects Previews Frame (Вибратипопереднійкадр);

Play(запуск анімації);

SelectsNextFrame(Вибрати наступний кадр).

- Видалення виділених кадрів. Слід пам'ятати, що клавішаDelна клавіатурі не видаляє виділений кадр, а видаляє виділений шар із панелі Layers (Шари).

Настроювання інтервалів.

Тепер налаштуємо інтервали часу, протягом яких буде видно кадри анімації.

Під кожним кадром унизу написано 0 с. і стоїть стрілка. Натисніть на стрілку та виберіть частоту зміни кадрів. Виберіть значення 0,5 для всіх кадрів (це означає, що через половину секунди зміниться кадри).

Настроювання періодичності повторів.

Наступним етапом буде налаштування періодичності повторів анімації. Клацніть по стрілці в нижній частині панелі анімації. Відобразиться меню вибору періодичності.

Якщо вибрати Forever (Назавжди/Постійно), анімація буде повторюватися знову і знову. Цей процес називається зациклювання.

Якщо вибрати Once (Одноразово), анімація програється один раз і зупиниться на останньому кадрі.

Якщо вибрано Other (Інше), можна задати іншу кількість повторів у межах (від 1 до 999).

Тепер давайте програємо створену анімацію. Натисніть кнопку Play (Запуск анімації). Якщо вам все подобається, переходьте до наступного етапу, якщо ні, підкоригуйте анімацію на свій розсуд.

Перейдіть до панелі анімації. Натисніть піктограму Duplicate сurrent frame (Створення копії виділених кадрів). Виділіть усі шари, крім фонового шару.
Вимкніть видимість фонового шару. Натисніть Ctrl+Shift+Alt+E. З'явиться новий шар, на якому будуть надруковані всі вибрані шари.
На мініатюрі шару буде зображено зірку на прозорому фоні. Назвіть цей шар Зірка.

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

Поверніться до першого кадру анімації
і зніміть видимість шару із зіркою
на панелі Layers (Шари).

Виділіть останній кадр. На панелі Layers (Шари) залиште видимими лише шар Зірка та фоновий шар.

Скопіюйте цей шар та змініть налаштування стилю: Змініть колір, задайте тиснення або обведення. Перейдіть до панелі анімації. Натисніть піктограму Duplicate сurrent frame (Створення копії виділених кадрів). Поверніться до першого кадру на панелі анімації та зніміть видимість цього шару на панелі.

Ще раз скопіюйте шар та поміняйте стиль. Виберіть інструмент Move (Переміщення) або натисніть Ctrl + T , щоб перейти до інструмента Вільне трансформування. Змініть масштаб. Перейдіть до панелі анімації. Натисніть піктограму. Поверніть перший кадр і зніміть видимість цього шару.

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

Натисніть кнопку Play (Запуск анімації) та подивіться на результат виконаної роботи.

Оптимізація анімації.

Натисніть значок у правій верхній частині панелі анімації. З'явиться додаткове меню.

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

Виберіть Optimize Animation…(Оптимізувати анімацію). Позначте галочками обидва пункти.
BoundingBox(Обмежувальна рамка)- обрізає кадри зміненої області порівняно з попереднім кадром.

Redundant Pixel Removal (Видалення зайвих пікселів). Якщо піксель не змінився порівняно з попереднім кадром, він стає прозорим.

Щоб PhotoShop зберігав кадри з прозорістю, виберіть параметр "Автоматично". Для цього виберіть один або кілька кадрів. Натисніть правою кнопкоюмиші по мініатюрі кадру. Виберіть один із трьох параметрів:

Automatic(Автоматично)— поточний кадр відкидається, якщо наступний кадр містить прозорість шару.

Donotdispose(Не розташовувати)-Поточний кадр видно через прозорі ділянки наступного кадру.

Dispose(Розташовувати)— поточний кадр не видно через прозорі ділянки наступного кадру.

Збереження анімації.

Тепер настав час зберегти анімацію. Звичайно, в процесі роботи потрібно було зберігати файл у форматі PSD, щоб не потрапити в ситуацію із раптовим вимкненням електроенергії або несподіваним перезавантаженням комп'ютера. Але зараз я маю на увазі інше збереження. Анімацію можна зберегти у вигляді анімованого GIF-файлу за допомогою команди Save for Web (Зберегти для Web та пристроїв).

У меню File (Файл) виберіть Save for Web (Зберегти для Web та пристроїв). Встановіть у налаштуваннях формат Gif. Зверніть увагу розмір майбутнього файла. По можливості зменшіть його розмір. Як це зробити, ми детально розбирали в уроці Image Size (Розмір зображення). Під час оптимізації використовуйте модель редукції кольору Адаптивна, Перцепційна або Селективна, щоб забезпечити узгодженість кольорів у всіх кадрах. Натисніть Save (Зберегти), введіть ім'я, шлях та ще раз натисніть Save (Зберегти).

Раніше, щоб записати анімацію, ми переходили до програми ImageReady.

У Photoshop CS2 з'явилася панель Анімації. Але щоб зберегти анімований файл, все одно доводилося переходити до ImageReady. Для переходу служила кнопка внизу панелі інструментів або меню File (Файл) - Edit in ImageReady (Перейти до ImageReady).

Починаючи з Photoshop CS3 та вище, для запису анімації не потрібні додаткові програми. Для редагування тепер служить панель Анімації, а запису пристосували в меню File(Файл) пункт SaveforWeb(Зберегти дляWeb) .

Розглянемо ще один маленький приклад створення покадрової анімації, в якому розберемо для чого потрібна кнопка Tween(Створення проміжних кадрів).

Створіть новий документ розміром 500 на 250 пікселів. Виберіть інструмент Type (Текст), шрифт Impact, розмір 150 пунктів. і напишіть будь-яке слово. Встановіть непрозорість 100%. Додайте стилі шару: тінь, градієнт та тиснення. Можете вибрати інший стиль, не обов'язково робити, як у мене. Деформацію тексту можна анімувати. У панелі анімації встановіть інтервал 0,2 сек. Натисніть , щоб скопіювати перший кадр. Перейдіть до панелі Layers (Шари) та зменшіть непрозорість до 0. Змініть стиль шару (наприклад, замість накладання градієнта додайте накладання кольору). Перемикаючись між кадрами, ви можете спостерігати, як змінюється зображення.

Додамо переміщення. Виберіть інструмент Move (Переміщення) та посуньте текст вниз за межі аркуша. Перейдіть до панелі анімації та натисніть кнопку

У вікні можна налаштувати кількість кадрів, що додаються. Чим їх більше, тим рівномірнішим буде перехід. В графі TweenWith(Проміжні кадри)можна вибрати зі списку, куди будуть вставлені кадри:

Last (Останній кадр); Selection (Виділення); Previous Frame (Попередній кадр); First Frame (Перший кадр); Next Frame (Наступний кадр). Список залежить від виділеного кадру.

Залишіть усі параметри за замовчуванням. Натисніть кнопку OK.

Натисніть Play (Запуск анімації). Якщо все влаштовує, переходьте до збереження анімації.

Відкриття GIF-файлів.

У Photoshop CS3 та CS44 відео та GIF-файли анімації не відкриваються через меню File (Файл) – Open (Відкрити). При спробі відкрити вікно з'являється:

Обов'язково встановіть QuickTime Pro 7.1 або вище.

У Photoshop CS5 цієї проблеми немає. Файли легко відкриваються звичайним способом.

Виберіть у меню File (Файл) –Import (Імпортувати) - Video Frames to Layers (Кадри відео)
у шарі…). Виберіть GIF файли в полі тип файлу. Однак цей недолік можна легко обійти, якщо попередньо скопіювати назву файла.gif і вставити його в ім'я файлу або вручну набрати найменування в цьому полі. Або введіть * у поле Ім'я файлу та натисніть Load (Завантажити), тоді
Найменування gif файлу стане видимим і його можна відкрити (видимими стануть та інші файли, навіть ті які не можна відкрити в програмі).

Налаштування у вікні, що з'явилося, залиште за замовчуванням. Відзначеними мають бути пункти From Beginning To End (Від початку до кінця) та Make Frame Animation (Створити покадрову анімацію). На жаль, файли, відкриті в такий спосіб, не матимуть прозорого фону – замість нього буде білий колір. При відкритті такого файлу CS5 прозоре тло збережеться.

Кнопки уніфікації шарів анімації.

Подивіться уважно, як змінилася палітра Layers(Шари)під час роботи з покадрової анімацією. З'явилися кнопки, які дозволяють застосовувати зміни у поточному кадрі до всіх інших кадрів. Позначте галочкою пункт Propagate Frame 1 (Поширити кадр 1).

Подивимося, як вони діють… Відкрийте файл з анімацією малювання зірки. Виберіть будь-який кадр та вимкніть видимість фонового шару. Натисніть кнопку Play (Запуск анімації). Прозорим став лише вибраний кадр. Натисніть кнопку Unify layer visibility (Уніфікувати видимість шару). З'явиться вікно: .

Натисніть Match(Синхронізувати)і знову запустіть анімацію. Малювання зірочки проходитиме на прозорому фоні протягом усієї анімації. Прозорість першого кадру тепер надано всім кадрам анімації. Аналогічно ви можете керувати положенням і стилем шару.

На панелі Layers (Шари) виберіть пункт Animation Options (Параметри анімації). За умовчанням кнопки уніфікації шарів з'являються Automatic (Автоматично), коли ввімкнено покадрову панель анімації. Ви можете змінити це правило, вибравши Always Show (Завжди показувати) або Always Hide (Завжди приховувати).

Закриття панелі анімації.

Закрити панель анімації можна різними способами:

Ви можете згорнути або закрити панель анімації, а також перейти в Preferences (Установки), натиснувши User Interface Preferences (Настройки інтерфейсу).

Запитання:

Що станеться, якщо в покадровій анімації виділити кадр та натиснути на клавіатурі Del?

Виділений кадр буде видалено.

Шар, виділений на панелі Layers (Шари), буде видалено з усіх кадрів анімації.

Шар, виділений на панелі Layers (Шари), буде видалено лише для виділеного кадру анімації.

Шар, виділений на панелі Layers (Шари), буде видалено з усіх кадрів анімації крім фонового шару.

У Вас є три кадри. Анімація буде безперервною. Що потрібно зробити, щоб додати
5 проміжних кадрів між останнім та першим кадрами?

Вибрати перший кадр. Натиснути кнопку
У налаштуваннях у графі Tween With (Проміжні кадри) виберіть Next Frame (Наступний кадр).

Вибрати останній кадр. Натиснути кнопку
У налаштуваннях у графі Tween With (Проміжні кадри) виберіть Previous Frame (Попередній кадр).

Вибрати останній кадр. Натисніть кнопку Tween (Створити проміжні кадри).
У налаштуваннях у графі Tween With (Проміжні кадри) виберіть First Frame (Перший кадр).

Навіщо потрібна оптимізація анімації?

Для перетворення на анімацію за тимчасовою шкалою.

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

Для налаштування періодичності повторів анімації.

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

1) Виконати покадрову анімацію малювання зірки (за уроком).

2) Виконати покадрову анімацію тексту.