Посібник користувача Скасувати

Створення покадрової анімації

  1. Посібник користувача Photoshop
  2. Вступ до Photoshop
    1. Мрійте. Творіть.
    2. Що нового у Photoshop
    3. Редагування вашої першої фотографії
    4. Створення документів
    5. Photoshop | Поширені запитання
    6. Вимоги до системи для програми Photoshop
    7. Ознайомлення з Photoshop
    8. Регулярне оновлення Photoshop
  3. Photoshop та інші продукти та служби Adobe
    1. Робота з малюнками Illustrator у програмі Photoshop
    2. Працюйте з файлами Photoshop в InDesign
    3. Матеріали Substance 3D для Photoshop
    4. Використання вбудованого розширення Capture у Photoshop
  4. Photoshop на iPad (недоступне в материковому Китаї)
    1. Photoshop на iPad | Поширені запитання
    2. Ознайомлення з робочим середовищем
    3. Вимоги до системи | Photoshop для iPad
    4. Створення, відкриття та експорт документів
    5. Додавання фотографій
    6. Робота із шарами
    7. Малювання та фарбування за допомогою пензлів
    8. Виділення та додавання масок
    9. Ретушування сполучених зображень
    10. Робота з коригуючими шарами
    11. Коригування тональності сполученого зображення за допомогою «Кривих»
    12. Застосування операцій трансформування
    13. Кадрування й повертання сполучених зображень
    14. Поворот, панорамування, масштабування та скидання полотна
    15. Робота з текстовими шарами
    16. Робота з Photoshop і Lightroom
    17. Отримання відсутніх шрифтів у Photoshop на iPad
    18. Японська мова у Photoshop на iPad
    19. Керування параметрами програми
    20. Сенсорні клавіші-модифікатори й рухи
    21. Комбінації клавіш
    22. Зміна розміру зображення
    23. Пряма трансляція творчого процесу у Photoshop на iPad
    24. Усунення дефектів за допомогою інструмента «Лікувальний пензель»
    25. Створення пензлів у Capture і використання їх у Photoshop на iPad
    26. Робота з файлами Camera Raw
    27. Створення смарт-об’єктів і робота з ними
    28. Налаштування експозиції зображень за допомогою інструментів «Освітлювач» і «Випалювання»
    29. Команди автоматичного налаштування у Photoshop на iPad
    30. Розтушування ділянок зображень у Photoshop на iPad
    31. Зміна насиченості зображень за допомогою інструмента «Губка»
    32. Заливка з урахуванням вмісту на iPad
  5. Photoshop для браузера (недоступно в материковому Китаї)
    1. Поширені запитання
    2. Вимоги до системи
    3. Комбінації клавіш
    4. Підтримувані типи файлів
    5. Ознайомлення з робочим середовищем
    6. Відкриття хмарних документів і робота з ними
    7. Генеративні функції ШІ
    8. Основні поняття редагування
    9. Швидкі дії
    10. Робота із шарами
    11. Ретушування зображень та усунення недоліків
    12. Швидке виділення
    13. Поліпшення зображення за допомогою коригуючих шарів
    14. Додайте шар заливки
    15. Переміщення, трансформування та кадрування зображень
    16. Креслення й малювання
    17. Малювання й редагування фігур
    18. Робота з текстовими шарами
    19. Працюйте в Інтернеті з будь-яким користувачем
    20. Керування параметрами програми
    21. Створити зображення
    22. про згенерований результат
    23. Контрольне зображення
  6. Photoshop (бета-версія) (недоступно в материковому Китаї)
    1. Початок роботи з бета-версіями програм Creative Cloud
    2. Photoshop (бета-версія) для настільних ПК
    3. Контрольне зображення
  7. Генеративний ШІ (недоступно в материковому Китаї) 
    1. Поширені запитання щодо генеративного ШІ у Photoshop
    2. Генеративна заливка у Photoshop для настільних ПК
    3. Створити зображення з описовими текстовими підказками
    4. Генеративне розширення у Photoshop для настільних ПК
    5. Заміна фону створенням фону
    6. Отримайте нові варіанти за допомогою функції «Створити подібне»
    7. Генеративна заливка у Photoshop на пристроях iPad
    8. Генеративне розширення у Photoshop на пристроях iPad
    9. Генеративні функції ШІ у Photoshop для браузера
  8. Автентичність вмісту (недоступно в материковому Китаї)
    1. Облікові дані вмісту у Photoshop
    2. Ідентичність і походження для токенів NFT
    3. Підключення облікових записів для атрибуції творчих робіт
  9. Хмарні документи (недоступно в материковому Китаї)
    1. Хмарні документи Photoshop | Поширені запитання
    2. Хмарні документи Photoshop | Запитання щодо робочого процесу
    3. Керування хмарними документами й робота з ними у Photoshop
    4. Оновлення хмарного сховища для Photoshop
    5. Не вдається створити або зберегти хмарний документ
    6. Виправлення помилок у хмарних документах Photoshop
    7. Збір журналів синхронізації хмарних документів
    8. Запрошення інших користувачів для редагування ваших хмарних документів
    9. Обмін файлами та коментування в програмі
  10. Робоче середовище
    1. Основні відомості про робоче середовище
    2. Параметри
    3. Навчайтеся швидше за допомогою панелі «Нові можливості» у Photoshop
    4. Створення документів
    5. Розміщення файлів
    6. Стандартні комбінації клавіш
    7. Персоналізація комбінацій клавіш
    8. Галереї інструментів
    9. Параметри швидкодії
    10. Використання інструментів
    11. Стилі
    12. Сітка й напрямні
    13. Рухи дотику
    14. Використання сенсорної панелі Touch Bar у Photoshop
    15. Функції дотику та настроюваний робочий простір
    16. Попередній перегляд технологій
    17. Метадані та примітки
    18. Розміщення зображень Photoshop в інших програмах
    19. Лінійки
    20. Показ або приховання недрукованих допоміжних елементів
    21. Зазначення шпальт для зображення
    22. Команда «Скасувати» й панель «Історія»
    23. Панелі й меню
    24. Розташування елементів за допомогою прив’язування
    25. Розташування елементів за допомогою інструмента «Лінійка»
  11. Веб-дизайн, розробка графічних інтерфейсів і програм
    1. Photoshop для дизайну
    2. Монтажні області
    3. Перегляд на пристрої
    4. Копіювання CSS із шарів
    5. Поділ веб-сторінок на фрагменти
    6. Параметри HTML для фрагментів
    7. Змінення макета фрагментів
    8. Робота з веб-графікою
    9. Створення веб-фотогалерей
  12. Основні відомості про зображення й колір
    1. Як змінити розмір зображення
    2. Робота з растровими й векторними зображеннями
    3. Розмір і роздільна здатність зображення
    4. Одержання зображень із камер і сканерів
    5. Створення, відкриття й імпорт зображень
    6. Перегляд зображень
    7. Помилка «Недійсний JPEG-маркер» | Відкриття зображень
    8. Перегляд кількох зображень
    9. Настроювання палітр кольорів і зразків
    10. Зображення з розширеним динамічним діапазоном
    11. Підбір кольорів на зображенні
    12. Перетворення між колірними режимами
    13. Колірні режими
    14. Стирання частин зображення
    15. Режими накладання
    16. Вибір кольорів
    17. Налаштування таблиць індексованих кольорів
    18. Інформація про зображення
    19. Фільтри деформації недоступні
    20. Про колір
    21. Кольорове й монохромне коригування за допомогою каналів
    22. Вибір кольорів на панелях «Колір» і «Зразки»
    23. Зразок
    24. Колірний режим або режим зображення
    25. Відтінок кольору
    26. Додавання до дії зміни режиму за умовою
    27. Додавання зразків із документів HTML CSS і SVG
    28. Бітова глибина та її параметри
  13. Шари
    1. Основні відомості про шари
    2. Неруйнівне редагування
    3. Створення шарів і груп і керування ними
    4. Виділення, групування та зв’язування шарів
    5. Поміщення зображень у рамки
    6. Непрозорість шару та накладання
    7. Шари-маски
    8. Застосування смарт-фільтрів
    9. Композиції шарів
    10. Переміщення, укладання в стіс і блокування шарів
    11. Маскування шарів за допомогою векторних масок
    12. Керування шарами та групами
    13. Ефекти і стилі шарів
    14. Редагування шарів-масок
    15. Витягнення ресурсів
    16. Відкриття шарів за допомогою відсічних масок
    17. Створення ресурсів зображення із шарів
    18. Робота зі смарт-об’єктами
    19. Режими накладання
    20. Поєднання кількох зображень у груповий портрет
    21. Поєднання зображень за допомогою функції «Автоматичне накладання шарів»
    22. Вирівнювання та розподілення шарів
    23. Копіювання CSS із шарів
    24. Завантаження виділень із шару або меж шару-маски
    25. Відкривання вмісту інших шарів за допомогою об’єднання в групу
  14. Виділення
    1. Початок роботи з виділеннями
    2. Виділення в композиції
    3. Робоче середовище «Виділити й додати маску»
    4. Виділення за допомогою інструментів групи «Область»
    5. Виділення за допомогою інструментів групи «Ласо»
    6. Налаштування растрового виділення
    7. Переміщення, копіювання та видалення виділених пікселів
    8. Створення тимчасової швидкої маски
    9. Виділення діапазону кольорів на зображенні
    10. Перетворення контурів на межі виділення й навпаки
    11. Загальні відомості про канали
    12. Збереження виділень і масок альфа-каналу
    13. Виділення ділянок зображення у фокусі
    14. Дублювання, розділення й об’єднання каналів
    15. Обчислення каналу
  15. Коригування зображення
    1. Заміна кольорів об’єкта
    2. Деформація перспективи
    3. Зменшення ефекту розмиття від тремтіння фотокамери
    4. Приклади використання лікувального пензля
    5. Експорт таблиць підстановки кольору
    6. Коригування різкості та розмиття зображення
    7. Відомості про коригування кольорів
    8. Застосування коригування яскравості/контрасту
    9. Коригування деталізації тіней і світлих тонів
    10. Коригування рівнів
    11. Коригування тону та насиченості
    12. Коригування живих кольорів
    13. Коригування насиченості кольору на ділянках зображення
    14. Швидке коригування тону
    15. Застосування спеціальних колірних ефектів до зображень
    16. Покращення зображення за допомогою коригування балансу кольорів
    17. Зображення з розширеним динамічним діапазоном
    18. Перегляд гістограм і значень пікселів
    19. Підбір кольорів на зображенні
    20. Кадрування та вирівнювання фотографій
    21. Перетворення кольорового зображення на чорно-біле
    22. Коригуючі шари та шари заливки
    23. Коригування кривих
    24. Режими накладання
    25. Підготовка зображень до друку
    26. Коригування кольору й тону за допомогою піпетки рівнів і піпетки кривих
    27. Корекція експозиції та тонування зображень HDR
    28. Освітлення або затемнення ділянок зображення
    29. Вибіркова корекція кольору
  16. Adobe Camera Raw
    1. Вимоги до системи для Camera Raw
    2. Що нового в Camera Raw
    3. Вступ до Camera Raw
    4. Створення панорам
    5. Підтримувані об’єктиви
    6. Ефекти віньєтування, зернистості та видалення серпанку в Camera Raw
    7. Стандартні комбінації клавіш
    8. Автоматичне коригування перспективи в Camera Raw
    9. Радіальні фільтри у Camera Raw
    10. Керування параметрами Camera Raw
    11. Відкривання, обробка та збереження зображень у Camera Raw
    12. Усунення недоліків зображення за допомогою інструмента «Покращене видалення плям» у Camera Raw
    13. Повертання, кадрування та коригування зображень
    14. Коригування візуалізації кольору в Camera Raw
    15. Версії процесу в Camera Raw
    16. Локальне коригування в Camera Raw
  17. Виправлення недоліків та відновлення зображень
    1. Інструмент видалення
    2. Видалення об’єктів із фотографій за допомогою робочого середовища «Заливка з урахуванням вмісту»
    3. Інструмент «Латка відповідно до вмісту» та «Переміщення відповідно до вмісту»
    4. Ретушування фотографій та виправлення недоліків на них
    5. Коригування викривлення та шуму зображення
    6. Інструкції з вирішення більшості поширених проблем
  18. Покращення та перетворення зображення
    1. Заміна неба на зображеннях
    2. Трансформування об’єктів
    3. Коригування кадрування, повороту та розміру полотна
    4. Як кадрувати та вирівнювати фотографії
    5. Створення й редагування панорамних зображень
    6. Деформація зображень, фігур і контурів
    7. Виправлення перспективи
    8. Масштабування з урахуванням вмісту
    9. Трансформування зображень, фігур і контурів
  19. Креслення та малювання
    1. Малювання симетричних візерунків
    2. Малювання прямокутників і зміна параметрів обведення
    3. Про малювання
    4. Малювання й редагування фігур
    5. Інструменти малювання
    6. Створення та змінення пензлів
    7. Режими накладання
    8. Додавання кольору до контурів
    9. Редагування контурів
    10. Фарбування інструментом «Пензель змішування»
    11. Стилі пензлів
    12. Градієнти
    13. Інтерполяція градієнтів
    14. Заливка та обведення виділених областей, шарів і контурів
    15. Малювання за допомогою інструментів групи «Перо»
    16. Створення візерунків
    17. Створення візерунка за допомогою модуля Pattern Maker (Конструктор візерунків)
    18. Керування контурами
    19. Керування бібліотеками візерунків і стилями
    20. Креслення або малювання за допомогою графічного планшета
    21. Створення текстурованих пензлів
    22. Додавання динамічних елементів до пензлів
    23. Градієнт
    24. Малювання стилізованих штрихів інструментом «Архівний художній пензель»
    25. Малювання за допомогою візерунка
    26. Синхронізація стилів на кількох пристроях
    27. Перенесення стилів, дій і параметрів
  20. Текст
    1. Додавання та редагування тексту
    2. Єдиний обробник тексту
    3. Робота зі шрифтами OpenType SVG
    4. Форматування символів
    5. Форматування абзаців
    6. Створення текстових ефектів
    7. Редагування тексту
    8. Інтервал між символами та рядками
    9. Арабський шрифт і шрифт івриту
    10. Шрифти
    11. Пошук та усунення проблем зі шрифтами
    12. Азійський текст
    13. Створення тексту
  21. Фільтри й ефекти
    1. Використання галереї розмиття
    2. Основні відомості про фільтри
    3. Довідка з ефектів фільтра
    4. Додавання ефектів освітлення
    5. Використання фільтра коригування широкого кута
    6. Використання фільтра «Масляна фарба»
    7. Використання фільтра «Пластика»
    8. Ефекти і стилі шарів
    9. Застосування певних фільтрів
    10. Розтушування ділянок зображення
  22. Збереження й експорт
    1. Збереження файлів у Photoshop
    2. Експорт файлів у Photoshop
    3. Підтримувані формати файлів
    4. Збереження файлів у графічних форматах
    5. Переміщення дизайнів між Photoshop та Illustrator
    6. Збереження й експорт відео та анімації
    7. Збереження PDF-файлів
    8. Захист авторського права Digimarc
  23. Керування кольором
    1. Уявлення про керування кольором
    2. Узгодженість кольорів
    3. Параметри кольорів
    4. Двофарбові зображення
    5. Робота з колірними профілями
    6. Керування кольором документів для перегляду в Інтернеті
    7. Керування кольором документів під час друку
    8. Керування кольором імпортованих зображень
    9. Кольоропроба
  24. Веб-дизайн, розробка графічних інтерфейсів і програм
    1. Photoshop для дизайну
    2. Монтажні області
    3. Перегляд на пристрої
    4. Копіювання CSS із шарів
    5. Поділ веб-сторінок на фрагменти
    6. Параметри HTML для фрагментів
    7. Змінення макета фрагментів
    8. Робота з веб-графікою
    9. Створення веб-фотогалерей
  25. Відео й анімація
    1. Редагування відео у Photoshop
    2. Редагування шарів відео й анімації
    3. Огляд відео й анімації
    4. Попередній перегляд відео й анімації
    5. Розфарбовування кадрів у відеошарах
    6. Імпорт відеофайлів і послідовностей зображень
    7. Створення покадрової анімації
    8. 3D-анімація Creative Cloud (перегляд)
    9. Створення анімацій на шкалі часу
    10. Створення зображень для відео
  26. Друк
    1. Друк 3D-об’єктів
    2. Друк із програми Photoshop
    3. Друк із керуванням кольором
    4. Оглядові аркуші та PDF-презентації
    5. Друк фотографій за допомогою розкладки пакета зображень
    6. Друк плашкових кольорів
    7. Друк зображень на комерційних друкарських машинах
    8. Покращення кольорового друку у Photoshop
    9. Усунення проблем із друком | Photoshop
  27. Автоматизація
    1. Створення дій
    2. Створення динамічної графіки
    3. Сценарії
    4. Пакетна обробка файлів
    5. Відтворення дій і керування ними
    6. Додавання умовних дій
    7. Про дії та панель «Дії»
    8. Записування інструментів як дій
    9. Додавання до дії зміни режиму за умовою
    10. Набір інструментів для роботи з елементами інтерфейсу Photoshop для модулів і сценаріїв
  28. Усунення несправностей
    1. Вирішені проблеми 
    2. Відомі проблеми
    3. Оптимізація швидкодії Photoshop
    4. Основні дії для вирішення проблем
    5. Усунення проблем з аварійним завершенням роботи або зависанням
    6. Усунення помилок програми
    7. Виправлення помилки переповнення робочого диска
    8. Вирішення проблем із графічним процесором і драйвером графіки
    9. Пошук відсутніх інструментів
    10. Photoshop 3D | Поширені запитання про функції, підтримку яких припинено
Примітка.

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

Спробуйте найновіші функції та вдосконалення.

Робочі процеси покадрової анімації

У Photoshop можна скористатися панеллю «Шкала часу» для створення кадрів анімації. Кожний кадр являє собою конфігурацію шарів.

Ви також можете створювати анімацію, використовуючи шкалу часу та ключові кадри. Див. Створення анімацій на основі шкали часу.

Робочі процеси кадрової анімації у Photoshop
Ілюстрація анімації. Уніциклічне зображення міститься на власному шарі, розташування шару змінюється в кожному кадрі анімації.

Щоб створити анімацію на основі кадрів у Photoshop, виконайте ці дії.

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

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

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

  4. Створити анімацію кадру. На панелі Шкала часу клацніть стрілку вниз, щоб вибрати Створити анімацію кадру.

    Створити анімацію кадру

  5. Виберіть Кадри анімації

  6. Редагуйте шари для вибраного кадру. 

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

    Photoshop пропонує інструменти для зберігання характеристик шару однаковими в кадрах

  7. Додайте більше кадрів і відредагуйте шари, як треба. Кількість кадрів, які можна створити, обмежена лише об'ємом пам'яті системи, доступної для Photoshop.

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

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

  9. Перегляньте анімацію. Використовуйте елементи керування на панелі Шкала часу для відтворення анімації після створення. Після цього скористайтеся командою Зберегти для Web, щоб переглянути анімацію у веб-браузері. 

  10. Оптимізувати анімацію для ефективного завантаження.

  11. Збережіть анімацію, використовуючи будь-який із цих кроків. 

    • Як анімований файл GIF за допомогою команди Зберегти для Web.

    • У форматі Photoshop (PSD), щоб із анімацією можна було працювати пізніше.

    • Як послідовність зображень, фільм QuickTime або окремі файли. 

Додавання кадрів до анімації

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

  1. Переконайтеся, що панель «Шкала часу» перебуває в режимі покадрової анімації.

  2. Натисніть кнопку «Дублювання виділених кадрів» .

Виділення кадрів анімації

Перед початком роботи з кадром необхідно виділити його як поточний кадр. Вміст поточного кадру з’являється у вікні документа.

На панелі «Шкала часу» поточний кадр позначається вузькою межею (усередині затемненого виділення підсвіченням) навколо мініатюри кадру. Виділені кадри позначаються затемненим виділенням підсвіченням навколо мініатюр кадрів.

Виділення одного кадру анімації

  1. На панелі «Шкала часу» виконайте одну з таких дій:

    • Виберіть кадр.

    • Натисніть кнопку «Вибрати наступний кадр» , щоб вибрати наступний кадр послідовності як поточний.

    • Натисніть кнопку «Вибрати попередній кадр» , щоб вибрати попередній кадр послідовності як поточний.

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

Виділення кількох кадрів анімації

  1. На панелі «Шкала часу» виконайте одну з таких дій:

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

    • Щоб виділити кілька суміжних кадрів, натисніть на додаткові кадри, утримуючи клавішу Ctrl (Windows) або клавішу Command (Mac OS), щоб додати ці кадри до виділення.

    • Щоб виділити всі кадри, виберіть у меню панелі команду Виділити всі кадри .

    • Щоб зняти виділення з виділення кількох кадрів, клацніть цей кадр, утримуючи клавішу Ctrl (Windows) або клавішу Command (Mac OS).

Редагування кадрів анімації

  1. На панелі «Шкала часу» виділіть один чи кілька кадрів.

  2. Виконайте одну з таких дій:
    • Щоб відредагувати вміст об’єктів у кадрах анімації, використовуйте панель «Шари» для зміни шарів у зображенні, що впливає на цей кадр.
    • Щоб змінити положення об’єкта в кадрі анімації, виділіть шар, що містить об’єкт у панелі «Шари» та перетягніть його в нове місце.
    Примітка.

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

    • Щоб обернути порядок кадрів анімації, виберіть у меню панелі команду «Обернути кадри».
    Примітка.

    Кадри, які необхідно обернути, не повинні бути суміжними; можна обернути будь-який з виділених кадрів.

    • Щоб видалити виділені кадри, виберіть у меню панелі «Шкала часу» пункт «Вилучити кадр» або натисніть значок «Видалити» . Після цього натисніть кнопку «Так», щоб підтвердити. Також можна перетягнути виділений кадр на значок «Видалити».

Уніфікація властивостей шарів у кадрах анімації

Кнопки уніфікації («Уніфікувати розташування шарів», «Уніфікувати видимість шарів» та «Уніфікувати стилі шарів») на панелі «Шари» визначають, як зміни, внесені до атрибутів активного кадру анімації, застосовуються до інших кадрів у тому самому шарі. Коли виділяється кнопка уніфікації, цей атрибут змінюється в усіх кадрах активного шару; коли вибір цієї кнопки вимкнено, зміни застосовуються лише до активного шару.

Параметр «Внести кадр 1» на панелі «Шари» також визначає, як зміни, внесені до атрибутів у першому кадрі, застосовуються до інших кадрів у тому самому шарі. Якщо він виділений, можна змінювати атрибут у першому кадрі, а всі наступні кадри в активному шарі зміняться відповідно до першого кадру (та збережуть анімацію, яку ви вже створили).

Уніфікація властивостей шарів

  1. На панелі «Шкала часу» змініть атрибут на один кадр.

  2. На панелі «Шари» натисніть «Уніфікувати розташування шарів» , «Уніфікувати видимість шарів»  або «Уніфікувати стиль шарів» , щоб застосувати зміни до решти кадрів активного шару.

Внести кадр 1

  1. На панелі «Шари» виберіть параметр «Внести кадр 1».
  2. На панелі «Шкала часу» змініть атрибут для першого кадру.

    Змінений атрибут застосовується (відносно) до всіх наступних кадрів шару.

Примітка.

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

Показ або приховання кнопок уніфікації властивостей шарів

  1. Виберіть «Параметри анімації» з меню панелі «Шари», а потім виберіть один із таких параметрів:

    Автоматичний.

    Відображає кнопки уніфікації властивостей шарів, якщо панель «Шкала часу» відкрита.

    Завжди показувати.

    Відображає кнопки уніфікації властивостей шарів незалежно від того, відкрита панель «Шкала часу» чи закрита.

    Завжди ховати.

    Приховує кнопки уніфікації властивостей шарів незалежно від того, відкрита панель «Шкала часу» чи закрита.

Копіювання кадрів із властивостями шарів

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

  1. На панелі «Шкала часу» виберіть один чи кілька кадрів, які потрібно скопіювати.

  2. Виберіть у меню панелі команду «Копіювати кадри».
  3. Виділіть цільовий кадр чи кадри в поточній анімації або іншу анімацію.
  4. Виберіть у меню панелі команду «Вставити кадри».
  5. Виберіть метод вставлення:

    Замінити кадри

    Замінює виділені кадри скопійованими. Не додано жодного нового шару. Властивості кожного наявного шару в цільових кадрах заміщуються на кадри кожного скопійованого кадру. Під час вставлення кадрів між зображеннями додаються нові шари до зображення; однак лише вставлені шари видимі в цільових кадрах (наявні шари приховані).

    Вставити поверх виділення.

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

    «Вставити перед виділенням» або «Вставити після виділення»

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

  6. (Додатково) Для зв’язування вставлених шарів на панелі «Шари» виберіть «Зв’язати додані шари».

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

  7. Натисніть кнопку «OK».

Створення кадрів за допомогою вставлення проміжних кадрів (твінінгу)

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

Ви використовуєте команду «Створити проміжні кадри», щоб автоматично додати або змінити серію кадрів між двома наявними кадрами, — зміна властивостей шарів (положення, непрозорість або параметри ефектів) рівномірно між новими кадрами для створення вигляду руху. Наприклад, якщо необхідно здійснити поступове зникнення зображення шару, установіть непрозорість шару в початковому кадрі на 100%, потім установіть непрозорість того самого шару в кінцевому кадрі на 0%. Коли ви здійснюєте твінінг між двома кадрами, непрозорість шару рівномірно зменшується в нових кадрах.

Створення кадрів за допомогою вставлення проміжних кадрів (твінінгу) у Photoshop
Використання твінінгу для розташування тексту анімації

  1. Щоб створити проміжні кадри з окремого шару, виділіть шар на панелі «Шари».
  2. Виділіть один або кілька суміжних кадрів.
    • Якщо виділити один кадр, можна вибрати, чи застосовувати твінінг до кадру з попереднього кадру або з наступного.

    • Якщо виділити два суміжних кадри, нові кадри додаються між кадрами.

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

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

  3. Виконайте одну з таких дій:
    • Натисніть кнопку «Створити проміжні кадри»  на панелі «Шкала часу».

    • Виберіть параметр «Створити проміжні кадри» в меню панелі.

  4. Укажіть шар або шари, що будуть відрізнятися в доданих кадрах:

    Усі шари.

    Змінює всі шари у виділеному кадрі або кадрах.

    Виділений шар.

    Змінює лише виділений шар у виділеному кадрі або кадрах.

  5. Укажіть властивості шару, які необхідно змінити:

    Положення

    Рівномірно змінює положення вмісту шару в нових кадрах між початковим і кінцевим кадрами.

    Непрозорість

    Рівномірно змінює непрозорість нових кадрів між початковим і кінцевим кадрами.

    Ефекти

    Рівномірно змінює параметри ефектів шару між початковим і кінцевим кадрами.

  6. Якщо на кроці 2 вибрано один кадр, у меню «Створити проміжні кадри з» виберіть, куди додавати кадри:

    Наступний кадр.

    Додає кадри між виділеним і наступним кадром. Цей параметр недоступний, якщо виділено останній кадр на панелі «Шкала часу».

    Перший кадр.

    Додає кадри між останнім кадром і першим. Цей параметр доступний, лише якщо виділено останній кадр на панелі «Шкала часу».

    Попередній кадр.

    Додає кадри між виділеним кадром і попереднім. Цей параметр недоступний, якщо виділено перший кадр на панелі «Шкала часу».

    Останній кадр

    Додає кадри між першим кадром і останнім. Цей параметр доступний, лише якщо виділено перший кадр на панелі «Шкала часу».

  7. У полі «Кадри на додавання» вкажіть значення або виберіть кількість кадрів за допомогою стрілок угору чи вниз. (Цей параметр недоступний, якщо вибрано більше, ніж два кадри.)
  8. Натисніть кнопку «OK».

Додавання нового шару для кожного нового кадру

У результаті виконання команди «Створити новий шар для кожного нового кадру» автоматично додається новий шар, який відображається в новому кадрі, але прихований у всіх інших. Цей параметр збереже час під час створення анімації, що потребує додавання нового візуального елемента до кожного кадру.

  1. З меню панелі «Шкала часу» виберіть пункт «Створити новий шар для кожного нового кадру».

    Встановлена позначка означає, що цей параметр увімкнено.

Приховування шарів у кадрах анімації

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

  • Щоб показати нові шари тільки в активних кадрах, зніміть у меню панелі «Шкала часу» прапорець «Створити шари, видимі в усіх кадрах».

  • Щоб приховати шар в окремому кадрі, виділіть кадр, а потім приховайте необхідний шар на панелі «Шари».

Зазначення часу затримки кадру в анімаціях

Можна вказатизатримку — час відображення кадру — для окремих або кількох кадрів у анімації. Час затримки відображається в секундах. Дріб другого відображається як десяткове значення. Наприклад, одну четверту секунди вказано як «.25». Якщо встановити затримку на поточний кадр, то кожний кадр, який було створено після цього, запам’ятає та застосує це значення затримки.

  1. На панелі «Шкала часу» виділіть один чи кілька кадрів.

  2. Клацніть значення «Затримка» під виділеним кадром, щоб відобразити спливне меню.
  3. Вкажіть затримку:
    • Виберіть у спливаючому меню значення. (Останнє використане значення з’явиться в нижній частині меню.)

    • Виберіть «Інші», введіть значення в діалоговому вікні «Встановити затримку кадру» та натисніть кнопку «ОК». Якщо вибрано кілька кадрів, зазначення значення затримки для одного кадру застосує це значення до всіх кадрів.

Вибір методу видалення кадру

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

Методи видалення кадрів у Photoshop
Методи видалення кадрів

A. Кадр із прозорістю фону з параметром «Відновити до фону» B. Кадр із прозорістю фону з параметром «Не викидати» 

Значок методу вивільнення вказує, чи кадр налаштований на «Не вивільняти» , чи на «Викинути» . (Якщо «Метод видалення» налаштовано на «Автоматичний», значок не відображається.)

  1. Виділіть кадр або кадри, для яких потрібно вибрати метод видалення.
  2. Клацніть мініатюру кадру правою кнопкою миші (Windows) або утримуючи клавішу Control (Mac OS) для перегляду контекстного меню «Методу видалення».
  3. Виберіть метод видалення:

    Автоматичний.

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

    Примітка.

    Щоб зберігати кадри, що містять прозорість, виділіть параметр автоматичного вивільнення під час використання параметра оптимізації «Видалення зайвих пікселів».

    Не викидати.

    Зберігає поточний кадр, коли наступний кадр додається для відображення. Поточний кадр (на попередні кадри) може з'являтися через прозорі області наступного кадру. Використовуйте браузер, щоб побачити точний перегляд анімації за допомогою параметра «Не викидати».

    Викинути

    Відкидає поточний кадр з відображення перед відображенням наступного кадру. У будь-який час відображається лише один кадр (а поточний кадр не проявляється через прозорі області наступного кадру).

Зазначення циклічного відтворення в анімації кадрів

Ви можете вказати параметр циклічного відтворення для зазначення кількості разів повторення послідовності анімації.

  1. Клацніть поле «Вибір параметра циклічного відтворення» в лівому нижньому куті панелі «Шкала часу».

  2. Виберіть параметр циклічного відтворення: «Один раз», «Тричі», «Завжди» або «Інше».
  3. Якщо ви виділили «Інше», введіть значення в діалоговому вікні «Задати облік циклів» та натисніть кнопку «ОК».
    Примітка.

    Параметри циклічного відтворення також можна встановити в діалоговому вікні «Зберегти для Web». 

Видалення всієї анімації

  1. Виберіть «Вилучити анімацію» в меню панелі «Шкала часу».


Отримуйте допомогу швидше й простіше

Новий користувач?