Временная шкала. 3 типа кадров. Примеры простой покадровой анимации в Adobe Animate CC
ฝัง
- เผยแพร่เมื่อ 16 ต.ค. 2024
- На этом уроке по Adobe Animate CC вы узнаете:
- о панели Шкала времени ее назначении и устройстве
- 3 типах кадров
- а также на нескольких простых примерах покажу принципы создания анимации.
ВРЕМЕННАЯ ШКАЛА Adobe Animate состоит из кадров. Они пронумерованы, для того чтобы вам было проще ориентироваться. Кроме кадров, есть возможность видеть и время анимации в секундах на этой шкале.
Розовый прямоугольник с вертикальной красной линией в английском варианте называется playhead. Я же, для краткости, буду называть это бегунком.
Ключевым кадром называется кадр, в содержание которого были внесены какие-либо изменения по сравнению с предыдущим кадром.
Под содержанием понимается: размеры объекта, его положение на сцене, цвет, толщина контура и т.д. и т.п. Если изменилось значение хотя бы одного свойства или параметра объекта, то произошло изменение в содержании кадра.
Создавая любую анимацию в Adobe Animate СС, от самой простой до самой сложной, вам придется работать с тремя типами кадров:
1 тип - ключевой кадр. В таком кадре внесены изменения в его содержание по сравнению с предыдущим кадром.
2 тип - пустой ключевой кадр. Из самого названия понятно, что это кадр из которого удалено всякое содержание
3 тип - простой кадр. Основная задача простых кадров просто добавлять время в анимацию и ничего более. Такие кадры всегда располагаются между ключевыми. Если простые кадры не пустые, то они окрашены в серый цвет. Если пустые, то они белого цвета.
Еще один важный момент, который нужно понять и запомнить. Он касается слоев. Гораздо проще и удобнее поместить графику или объект на отдельный слой, в нужном кадре и затем его анимировать.
Что нам дает разбитие объектов по слоям?
Во-первых, именование слоев позволяет гораздо быстрее и лучше ориентироваться в графическом материале проекта над которым вы работаете.
Во-вторых, анимация каждой фигуры относительно других в Adobe Animate может быть гораздо более гибче и сложнее.
Сложные анимации создаются с помощью разбивки графики на слои и анимирования каждого слоя отдельно, там где это необходимо!
Горячие клавиши для создания различных типов кадров:
F5 - создать простой кадр
F6 - создать ключевой кадр
F7 - создать пустой ключевой кадр
Помните, что анимировать можно любое свойство или характеристику объекта, начиная с его размеров, положения на сцене, угола поворота, цвета и т.п.
=========================================
Видео-курсы и книги Валерия Медведева:
uroki-flash-as3...
=========================================
ПОДДЕРЖИТЕ КАНАЛ!
Перечислите любую сумму на один из электронных кошельков или карточку:
Яндекс.Деньги: 410011923517064
Web-Money: R861898673040, Z660049011518
Visa: 4276813012410317
Спасибо за Вашу поддержку!
![Создание персонажа для мультфильма в Adobe Animate [16+]](/img/n.gif)
спасибо большое за уроки. Понятно все очень.
Спасибо огромное за уроки. Единственный автор на всем ЮТУБе который внятно и нормально объясняет.
отлично все обьяснил, перерыла кучу уроков, все интересно, но не понятно, а ваш урок идеален для новичка.
Просто супер. Adobe просто должны взять Вас в штат компании.
Пересмотрел большое количество обучающих роликов по Adobe Animate, именно видео от этого автора оказались реально полезными. Они последовательные, информативные, понятные. Спасибо Вам большое!!!
Самые классные и понятные уроки.
Валерий благодарю !!!!! Замечательные уроки. Очень подробно, так и надо !!!!!!!!!!!! Начал с нуля, очень интересно, хочется стать "волшебником".
Прекрасные уроки.Очень понятный стиль изложения материала.Большое спасибо!
Объясняешь - супер!
Спасибо большое! Это очень понятно, доступно и полезно!
Отличный лектор! Отличные уроки! Еще !!!
спасибо за урок))) все по делу, все понятно!!!
Спасибо. ЖДЕМ еще уроков.
Отличный урок! благодарю)
Шикарное обьяснение!
респект. Очень подробные и понятные уроки
Рад, что Вам понравилось!
Делай ещё уроки! Все ждём!
Спасибо огромное! Очень хорошие уроки! Очень жду еще!
Спасибо вам огромное, уроки очень помогают.
Спасибо! Твой урок мне очень сильно помог.
Класс!!!! Помог!!!
Спасибо за урок!
Спасибо! Молодец! Жду твоих уроков)) Потихоньку осваиваю))
И Вам спасибо за добрые слова!
Спасибо за ваш урок, но я бы хотела узнать как можно увеличить время самой анимации. Просто максимум анимация может длиться только одну минуту, а для длинного мультика нужно намного больше.
Как Вы проверяли, что максимальная длительность анимации в Animate это 1 минута?
Я только что проверил, довел до 11 минут без проблем.
Согласно документации максимальная длительность анимации возможная в Animate - 16000 кадров. При скорости воспроизведения 24 кадра в секунду это 11 минут (инфа за 2017). В последних версиях возможно и длиннее.
Если вам необходимо сделать анимацию более длинной, то лучше делать законченные фрагменты длительностью до 11 минут в формате видео, а затем монтировать их в другой программе, специально предназначенной для видео монтажа.
Уроков больше не будет ? И где купить курс по Adobe Animate CC ? Желательно по программированию анимации.
Прекрасно!
процветания каналу и успехов автору.
Спасибо!
Хотелось бы более подробно увидеть нюансы инструмента "Кости".
Спасибо тебе огромное. Я куплю у тебя уроки!!!
Что Вы за люди такие?! В коем-то веке, выкладывают БЕСПЛАТНЫЙ урок с качественным контентом, так нет, "почему бесплатно? давайте мне платные"
А Валерию спасибо, не все могут позволить себе платное обучение.
👍
1:05 вы сказали,что нужно нажать на окно и временную шкалу(и она появляется),но как сделать так,чтобы эта шкала была на пол экрана(как у вас)
что делать если второй кадр накладывается на первый кадр
А че больше не будет уроков?
Как удалить кадр? (( я выделила один кадр нажала на вправку и удалила, удалился сам рисунок но кадр так и остался(((((
Добрый день!
Подскажите, кто-нибудь! Как выставить между циклами воспроизведения определенное количество времени, например, 30 сек? Делаю баннер и если до 30 секунд увеличивать временную шкалу, то у gif получается слишком большой вес. Спасибо!
Доброго времени суток)) если интересно, есть мой чат по анимации, где я поделилась полезной инфой. Заходи в гости)) В поиске телеграмма "Анимация. Мультипликация"
Снимите видео о том как делать марионетку в Abode Flash
Как добавить серию картинок как бы пакетом сразу...в последовательность чтоб было...зарание спасибо
скажите пожалуйста а как уменьшить время Анимации? Как вообще задается лимит воспроизведения? очищаю все кадры, до нужного конца но анимация всеравно идет дальше (чисто белый экран)((((((
Если анимация идет дальше и у Вас чисто белый экран - это значит, что на каком-то одном слое (или нескольких) есть пустые кадры или кадры с графикой, которая находится за пределами сцены (невидима). Именно эти кадры и воспроизводит Flash Player. Удалите их и анимация будет останавливаться там где Вам нужно.
@@urokiflashas3 Подскажите пожалуйста, как в Adobe animate включить отображение индикаторов секунд над шкалой времени. Всё ни как не могу их найти. У вас на видео они есть
Блин, вот почему, как нормальный автор и хороший учитель - так всегда исчезнет... #абиднослюшайда
Согласен, но кому охото на голом энтузиазме работать!? Просмотров мало-видео не монетизируешь. Жаль
У меня нет секунд на таймлайне, только номера кадров. Программа 2017 года. Кто знает, так и должно быть или их можно как-то активировать
Новое видео когда автор ?
а если сама временая шкала изчезла что делать?
В Главном меню: ОКНО -> ВРЕМЕННАЯ ШКАЛА или Ctrl+Alt+T
спасибо
Не работает f6 для создания ключевого кадра и f7 для создания пустого, что делать?
Сделайте следующее:
1. В Главном меню выберите Правка->Сочетание клавиш
2. В появившемся диалоговом окне в поле поиска введите: Преобразовать в ключевые кадры
3. В столбце КОМАНДА должна будет появиться команда "Преобразовать в ключевые кадры"
4. Если напротив нее в столбце СОЧЕТАНИЕ КЛАВИШ - пусто, т.е. функциональная клавиша или сочетание клавиш для этой команды не определены, то кликните на этой пустой ячейке (при этом она должна изменить цвет) и затем нажмите функциональную клавишу F6.
5. Далее нажмите кнопку ДОБАВИТЬ
То же самое проделайте для команды "Вставить пустой ключевой кадр". Для выполнения этой команды назначьте клавишу F7.
Нажмите ОК, чтобы сохранить сделанные изменения. После этого у Вас все должно заработать.
19:58 как создать такое появление кривой?
я хочу сыграть с тобой в игру
Здесь мне как новичку показалась не точность в перечислении общего количества типов кадров. Названо 3 (ключевой, ключевой пустой и простой). А по логике выходит 4 типа кадров (3 + простой пустой). Ключевых два и простых два, всего 4 типа кадров. Готов к обсуждению)
P.S. Но это нисколько не умоляет превосходной подачи материала автором.
Простой кадр - это кадр, с помощью которого просто добавляют время анимации. При этом содержание простого кадра по сравнению с предыдущим не изменяется. Один или несколько простых кадров всегда добавляются после ключевого или пустого ключевого. Важно различать именно эти два последних. Простой кадр всегда повторяет содержание предшествующего ему ключевого. Поэтому, на мой взгляд, нет смысла вводить понятие ПУСТОГО простого кадра.
@@urokiflashas3 Я понял. Простой пустой кадр это кадр времени. Он отвечает только за время. Он как бы особняком - не создаёт и не изменяет картинку. А вот функция других трёх кадров - создавать и изменять картинку. Я правильно понял?)
@@rusdul9654 Функция других ДВУХ кадров (ключевого и пустого ключевого) - создавать и изменять картинку. Вы правильно поняли.
@@urokiflashas3 Точно, ДВУХ, а не трёх 🙂 Подождите, а простой пустой кадр тогда зачем?
@@rusdul9654 В своих видео я нигде не говорю о простом ПУСТОМ кадре. Я говорю только о ПРОСТОМ кадре, независимо от того пустой он или нет. Чуть выше в этой переписке я объяснил почему нет смысла выделять или говорить о простом ПУСТОМ кадре. Если Вы хотите для себя ввести такую классификацию, то, пожалуйста. Большой ошибки или какого-то особенного преимущества от этого все равно не будет.
Оговорка: "давайте создадим 48 кадр", хотя создается 49 кадр)
Люди, подскажите, где находится Аэрограф SprayBrushTool и Deco tool?
Этих инструментов нет в Adobe Animate CC. Не ищите. В Adobe Flash они были, а в Animate разработчики от них отказались ... к сожалению (((
Горячими клавишами я не пользуюсь. Мне надо подробно рассказать о меню, не отвлекаясь на горячие клавиши и никому не нужный английский.
бред, мне нужно видеть прошлый кадр, а прога просто даёт зливисистую кляксу....