Як створити анімації в PowerPoint, ImageReady і Photoshop

Строкате мельтешение банерів, "живих" картинок, аватарок і інших мультимедійних фішок на сторінках багатьох сайтів не може не викликати у допитливого "юзера" бажання дізнатися, як створити анімації. Але Всесвітня павутина виявилася настільки чіпкої, що багато користувачів, прилипнув до неї, іноді забувають або навіть не знають про всі можливості власного комп`ютера і рідко заглядають (якщо заглядають взагалі) в папку Microsoft Office в меню "Пуск". А адже там, крім таких гучних і популярних сервісів, як Word, Excel, Outlook та ін., Є дійсно потужне (про що і свідчить назва) додаток PowerPoint.

Анімація в PowerPoint

Ця програма знаменита своїм багатим арсеналом простих у використанні, але ефективних інструментів для створення презентацій, і про ці можливості додатка "багато пісень складено", а от про те, як створити анімацію в Powerpoint, говорять набагато рідше. Справа в тому, що ця функція якраз і передбачена для пожвавлення презентацій, і крім того, в Мережі дуже багато сервісів, де можна швидко і легко "сфабрикувати" анімовану картинку. Проте здатності PowerPoint в цьому плані, підкуповуючи своєю простотою і ефектами, варті уваги, тим більше що є способи збереження анімації (Не презентації!), Незважаючи на те що додатком це не передбачено.

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

Відкрийте PowerPoint і, якщо вас зустрічає напис "Перший слайд", клацніть в робочому полі і оформите титульний лист майбутньої анімації (перший слайд), створивши заголовок на сторінці "Головна" і потім перейшовши на сторінку "Дизайн" для оформлення фону. Тут можна вибрати одну із запропонованих тем, налаштувати кольори, шрифти та ефекти, вибрати "Стилі тла" або відмовитися від відображення фонового малюнка, включеного в обрану тему, позначивши галочкою "Приховати фонові малюнки". Якщо натиснути діагональну стрілку праворуч від напису "Фон", відкриється вікно "Формат тла", де можна вибрати тип заливки, текстуру або зображення. Тільки не треба натискати кнопку "Застосувати до всіх", якщо ми хочемо, щоб у кадрів анімації був інший фон.

Трохи вище першого слайду клацніть по маленькому трикутнику на кнопці "Створити слайд" і виберіть "Порожній слайд" (Blank), потім оформите фон як описано вище.

Далі "Вставка"> "Фігури"> смайлик "Усміхнене обличчя" (колобок), клацання на робочій області і трансформація фігури до потрібних розмірів. Перейшовши на сторінку "Головна", колобка можна перефарбувати ("Заливка"), оконтурити і додати ефект. Тепер конкретно про те, як створити анімації, крок за кроком.

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

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

Якщо натиснути кнопку "Налаштування анімації", праворуч відкриється однойменна панель, де можна додати об`єкту ефект, попередньо виділивши його, і вибрати режим показу.

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

Тепер файл можна "Зберегти" в одному з доступних в PowerPoint форматів, у тому числі і з розширенням gif, але в останньому випадку це буде всього лише набір статичних зображень, а нас цікавить, як створити gif анімацію. Вихід з положення до смішного простий - можна використовувати програми-конвертори, наприклад, "Powerpoint PPT to AVI GIF Converter". Цей інструмент запросто перетворює файли .PPTX у формати GIF і AVI.

Якщо у вас встановлена програма Camtasia Studio для запису зображення з екрану, тим більше якщо вона включена в якості надбудови в пакет вашого застосування, проблема створення gif анімації дозволяється сама собою. Однак, незважаючи на масу і різноманітність ефектів в Powerpoint, творчі можливості тут дещо обмежені, тому у багатьох користувачів виникає природне бажання з`ясувати, як створити анімацію в "Фотошопі".

Анімація в ImageReady

Напевно ще не всі перейшли на найпізніші модифікації "Фотошоп" і користуються "літніми" версіями з програмою ImageReady, яка поставлялася з "Фотошоп" до CS3, а потім була вилучена за непотрібністю як окремий додаток, у зв`язку з включенням її функцій в "головний "редактор. Тому видається доцільним спочатку розібратися з анімацією в ImageReady, тим більше що додаток можна запустити прямо з "Фотошоп", натиснувши саму нижню кнопку на панелі інструментів. Якщо в "Фотошоп" було відкрито зображення, ми побачимо його у вікні ImageReady і відзначимо, що інтерфейс майже не змінився, але внизу з`явилася панель анімації (Animation), на якій розташований один кадр з ескізом завантаженого зображення, якщо воно одношарове. Цю панель можна відкрити і в меню "Вікно" (Window), вибравши рядок "Показати панель анімації" (Show Animation).

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

Завершивши роботу над "сценарієм" в палітрі шарів, натискаємо кнопку-стрілку в правому верхньому куті панелі і, вибравши рядок "Створити кадри з шарів" (Make Frames From Layers), перетворюємо кожен шар в окремий кадр, де першим буде самий нижній шар, а останнім самий верхній.

Тепер можна включити на всю гучність кнопку "Програти анімацію" (Play / Stop animation) і переглянути результат. Час затримки на екрані для кожного кадру можна змінити, якщо клацнути по мізерного трикутнику поряд з написом значення в sec. Бажано, щоб хоч якийсь час було зазначено, тому що швидкість прокрутки "0" кожен браузер розуміє по-своєму.

У списку режимів прокрутки анімації з назвою одного з них (Forever / Постійно) під першим кадром зліва можна вибрати Once (Один раз) або Other (Інші), де вказують кількість циклів.

Клацнувши в панелі анімації по одному з кадрів, створених з багатошарового малюнка, ми можемо коригувати його на полотні, оскільки в панелі шарів глазик буде відкритий тільки в цьому шарі (але це не означає, що не можна показати й інші, додаючи, якщо потрібно, деталі до обраному кадру). Ця особливість дає можливість створювати анімацію, малюючи кадр за кадром. Відкриваємо який-небудь файл, створюємо в ньому новий кадр (кнопка duplicate the current layer), а в новому шарі в панелі слів (якщо було вибрано Make Frames From Layers) малюємо, наприклад, трійку. Дублюємо кадр з цифрою, переходимо на новий шар і, закривши око попередньому шару з трійкою, малюємо двоечку. Дублюємо кадр з двійкою, переходимо на новий шар, закриваємо очей попереднього і малюємо одиничку. Виставляємо час затримки і включаємо "відлік часу старту".

У ImageReady можна створити анімацію з заздалегідь підготовлених малюнків, вибравши в меню File # 40-Файл # 41-> Import (Імпорт) команду Folder as Frames (Папку як кадри), за якою всі файли розподіляться по верствам і кадрам в тому порядку, в якому були складені в папці. Тому, щоб не перетасовувати кадри в палітрі анімації, потрібно пронумерувати їх. Крім того, результат краще, коли всі файли однакового розміру і дозволу.

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

Анімація без шарів

Можна зробити анімацію, взагалі не створюючи нових шарів. Припустимо, у нас є малюнок з одного шару. Знімаємо галочку з команди Make Frames From Layers (Створити кадри з шарів), створюємо новий кадр (кнопка із загнутим листочком duplicate the current layer / дублювати поточний шар), переходимо на нього і на полотні перетягуємо об`єкт куди-небудь (position) або міняємо непрозорість (opacity), або додаємо ефект (effects), або вибираємо все відразу. Потім тиснемо Tween, вказуємо кількість кадрів, ставимо, де потрібно, галочки і OK. Анімація готова, можна запускати.

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

Для створення GIF-анімації вибирають команду Save Optimized As в меню File і, вказавши місце, зберігають файл, але перш бажано перейти на вкладки Optimized, 2-Up, 4-Up зліва вгорі в головному вікні ImageReady і, підключивши палітру Optimize (справа вгорі ), постаратися зменшити розмір GIF-файла.

Анімація на основі відеофайлів

Починаючи з версії CS3, крім панелі анімації і функцій ImageReady, асимілювалися з програмою, в "Фотошоп" з`являється ще одна можливість для вирішення таких завдань, як створити анімації, але вже на основі відеофайлів. Ця функція включається командою Video Frames to Layers (Кадри відео в шари) в меню File # 40-Файл # 41-> Import (Імпорт).

Вибираємо відеофайл для GIF-анімації, параметри якої нам запропонують визначити в діалоговому вікні. Тут ми вказуємо програмі, яку частину відеофайлу потрібно включити в обробку, вибравши або "Від початку до кінця" (From Beginning To End), або "Тільки виділений діапазон" (Selected range only). Потім виставляємо кількість кадрів, яке потрібно залишити (Залишити кожен / Limit to every) і помічаємо галочкою "Створити покадровую анімацію" (Make Frame Animation). Для вибору діапазону використовуються елементи обрізки, розташовані під відео.

Натискаємо OK, і перед нами відкривається зображення першого кадру майбутнього GIF-ролика, а вихідний відеофайл (або фрагмент) вже розбитий в послідовному порядку на шари в панелі шарів і на кадри в знайомої панелі навігації (Animation). Програємо, вносимо при необхідності корективи і зберігаємо анімацію, вибравши команду "Зберегти для Web ..." (Save for Web ...) в меню File # 40-Файл # 41- і налаштувавши параметри файлу для його оптимізації.

"Сценарії" для анімації

Для реалізації таких завдань, як створити gif-анімацію, можна використовувати і команду Load files into stack (Завантажити файли в стек) в меню File # 40-Файл # 41-> Scripts (Сценарії). У діалоговому вікні, вибираємо або файли окремо, або папку із заздалегідь підготовленими зображеннями, скориставшись кнопкою "Обзор (В) ...". Можна, як і у варіанті з імпортом, використовувати відеофайл, але в цьому випадку доведеться попередньо конвертувати відео в зображення, зате після перетворення файли будуть послідовно пойменовані, у всякому разі так чинить програма-конвертор Free Video To JPG Converter.

Подальший розвиток сценарію в деяких деталях залежить від версії "Фотошоп", але в будь-якому випадку на панелі анімації (Animation) або шкали часу (Timeline) в CS6 з`явиться тільки один (перший) кадр. Виділяємо (з клавішею Shift) всі верстви в палітрі шарів, розгортаємо меню, що випадає в правому верхньому куті панелі анімації (шкали часу) і вибираємо Create Frame Animation (Створити кадри з шарів). Не гаючи часу на прокрутку, знову відкриваємо меню, що випадає і вибираємо команду Reverse Frames (Зворотний порядок кадрів), тому що при завантаженні кадри, як і шари, розподіляються від останнього до першого. Далі потрібно "Виділити всі кадри" (Select All Frames) і виставити час затримки для всіх відразу. Тепер програємо і, якщо все влаштовує, зберігаємо анімацію, вибравши команду "Зберегти для Web ..." (Save for Web ...) в меню File # 40-Файл # 41-.

У версії фотошоп "CS6" тимчасова шкала стала називатися шкалою часу в тому ж меню "Вікно". Тут з`явилася нова команда Create Video Timeline (Створити тимчасову шкалу для відео), за якою панель дійсно перетворюється в типову тимчасову шкалу відеоредактора, де всі кадри розподіляються по доріжках. У кожному кадрі за допомогою ключових точок можна змінювати в часі ряд параметрів, з яких за замовчуванням стоять "Позиція", "Непрозорість" і "Стиль". Для анімації кадру шкалу часу перетворюють по команді "Створити анімацію кадру".