1. Знакомство с классом: Добро пожаловать в видеоролик Wicked Skills на сайте Skill Share.Мы будем изучать основы 2D-анимации с Adobe Animate. В этом классе я расскажу об основных техниках анимации, включая искусство. Мы начнем с того, что узнаем немного больше о используемом нами программном обеспечении и прочувствуем его. Как только это будет сделано, мы научимся рисовать векторами и сразу же погрузимся во все способы создания анимации. Я расскажу, как рисовать векторы, покадровую анимацию по ключевым кадрам, анимировать движение и эффекты с помощью анимации, создавать сложные движения с помощью направляющих движений, комбинировать несколько анимаций в одной сцене и делать анимации более интересными и правдоподобными.Я буду освещать эти темы, показывая вам, как сделать короткое промо-видео для воображаемой видеоигры. Меня зовут Уолт, и я буду вести вас по этому занятию. По профессии я цифровой дизайнер, и мне нравится браться за проекты в области UX-дизайна, веб-разработки, игрового дизайна и, конечно же, анимации. Кому следует пройти этот курс? Этот класс предназначен для студентов, которые интересуются компьютерной анимацией и практически не имеют опыта. Мы собираемся начать с основ, чтобы дать вам базовые навыки для знакомства с анимацией.Если у вас уже есть навыки анимации и вы хотите узнать больше об Adobe Animate, этот урок станет хорошим способом познакомиться с программным обеспечением и его возможностями. Ваши навыки могут помочь вам в создании анимированного контента для видеороликов YouTube, видеоинфографики, анимированных гифок, анимированных иллюстраций, содержимого веб-страниц или мультфильмов. Приложения бесконечны. К концу этого класса вы будете знать, как работает анимация, сможете иметь опыт работы с векторной графикой, хорошо разбираетесь в том, как создавать реалистично выглядящее движение, у вас будет хорошее чувство работы с временными шкалами и вложенной анимацией, а также у вас будет более чем достаточно вся хорошая основа в компьютерной 2D-анимации.[МУЗЫКА] 2. The Project: каждая крутая игра для смартфонов имеет впечатляющий рекламный ролик. Что касается проекта, я хочу, чтобы вы зашли в свой магазин приложений и посмотрели несколько трейлеров к играм. Затем придумайте свою собственную воображаемую игру, для которой создадите видео. Примерно нарисуйте сцену с персонажем, подсказками и дайте игре название. Это будет вашим вдохновением для 10-секундного трейлера видеоигры. Создайте проект класса. Затем опубликуйте свой набросок и название своей игры, как только у вас будет время подумать над этим.Попутно мы рассмотрим некоторые принципы анимации, и я покажу вам, как собрать все вместе в анимированную сцену. Я помогу вам начать свой проект. Когда вы будете готовы, вы можете создать собственное видео и опубликовать его. 3. Знакомство с Adobe Animate. При открытии Animate открывается экран приветствия. Отсюда вы можете выбрать пресет, который вам нужен для текущей задачи. Для этого класса мы всегда будем выбирать предустановку H-D под анимацией персонажа. Это для любого типа анимации, которую вы собираетесь экспортировать в видео.Под деталями справа вы увидите размеры видео и платформу. ActionScript 3.0, язык сценариев для управления воспроизведением и взаимодействием. Как только я создам документ, вы увидите, что интерфейс заполнен всевозможными панелями. В самом верху у нас есть меню, в котором с одной стороны находятся все функции, а с другой стороны вы должны увидеть текущее рабочее пространство. Рабочие области — это предустановки макета, призванные облегчить вашу работу. Найдите минутку, чтобы ознакомиться с ними и вернуться к основам.Если какая-либо из ваших панелей исчезла или сместилась, вы можете сбросить макет Essentials, снова щелкнув раскрывающееся меню рабочего пространства и нажав «Reset Essentials». Затем у нас есть панель документа с надписью «Без названия», которая в настоящее время содержит сцену. Ниже у нас есть шкала времени, где мы можем установить скорость видео, добавить слои и работать с отдельными кадрами. Справа находится наша панель свойств, в которой в настоящее время отображаются свойства документов. На вкладке рядом с ней находится наша библиотека, в которой хранятся реквизиты и персонажи.Как видите, сейчас библиотека пуста. Наконец, справа находится панель инструментов. Вы заметите, что выбранный по умолчанию инструмент — это инструмент «Выделение», полезные движущиеся объекты и изменение рисунков. Сцена, похожая на артборд или холст, — это место, где происходит все действие. Это представляет то, что в данный момент находится в кадре вашего видео. Рисунки за его пределами не появятся, если они не переместятся в кадр позже. Я быстро рисую несколько фигур, несколько овалов и прямоугольник, чтобы мы могли посмотреть, как перемещаться по сцене и работать более точно.Самый очевидный способ панорамирования — использовать вертикальную и горизонтальную полосы прокрутки или колесо мыши. Однако лучший способ — удерживать клавишу пробела при щелчке и перетаскивании по сцене. Какой бы инструмент вы ни использовали до этого, мы переключимся обратно, как только вы отпустите клавишу пробела. Для увеличения я предпочитаю использовать сочетания клавиш. Вы также можете найти настройки масштабирования в верхней части панели сцены или в меню просмотра. Чтобы приблизить объект рисунка, сначала выберите его с помощью инструмента «Выбрать», а затем увеличьте масштаб с помощью сочетаний клавиш.Обратите внимание, насколько острый этот овал. Несмотря на то, что мы увеличили масштаб, мы не видим никаких пикселей или размытия, потому что форма является векторной, а векторы состоят из точек и путей, сгенерированных компьютером. Мы никогда не теряем и качество, пока не экспортируем анимацию в формат изображения или видео. В следующем видео мы лучше научимся рисовать с помощью векторов. 4. Рисование с использованием векторных фигур. В этом уроке мы кратко рассмотрим, как рисовать и компоновать векторные фигуры для создания великих персонажей или объектов для анимации.Перед нами новый пустой документ, состоящий из одного слоя и одного кадра. Инструменты рисования фигур расположены в центре панели инструментов. Здесь вы найдете прямоугольники, овалы, звезды и многоугольники, а также инструменты для создания линий, мазков и фигур произвольной формы. Наведите указатель мыши на инструмент, чтобы увидеть, что это за инструмент и его сочетание клавиш. Сначала я выберу инструмент «Прямоугольник». Курсор изменится на [неразборчиво]. Обратите внимание, что на панели свойств отображаются параметры действия инструмента.Здесь мы можем легко установить полный цвет, а также вариации обводки, цвета, толщины и ширины. При нажатии на цветовую рамку рядом с полным значком открывается палитра цветов, которая имеет диапазон из 256 цветов на выбор, или нажмите на цветовом круге, чтобы смешать свой собственный определенный цвет. Я оставлю цвет обводки черным и увеличу ширину обводки. Щелкните и перетащите, чтобы создать прямоугольник, или удерживайте Shift при перетаскивании, чтобы создать идеальный квадрат. То же самое и с овальным инструментом. Фигуры не всегда нуждаются в обводке, и их можно нарисовать, просто не установив цвет обводки равным нулю.Вы быстро заметите, что фигуры и анимация немного отличаются от других программ. Позвольте мне продемонстрировать. Если я нарисую две фигуры одного цвета, накладывающиеся друг на друга, их складки объединятся в одну большую фигуру. Вы можете увидеть это, когда я выделяю и перемещаю результат с помощью инструмента выбора. Если я нарисую две перекрывающиеся фигуры с разными полными цветами, вместо того, чтобы комбинировать, они будут вычитаться. Это анимирует режим рисования по умолчанию. Все фигуры выравниваются на текущем слое. Если вы предпочитаете не трогать перекрывающиеся фигуры, включите режим рисования объекта на панели свойств и нарисуйте фигуру.На этот раз, когда мы щелкаем по фигуре, чтобы переместить ее, теперь вокруг нее появляется рамка. Чтобы преобразовать объект рисования обратно в правильную форму, используйте функцию разделения, и вы увидите, что он сплющен. Нам нужно немного места. Чтобы выбрать все рисунки на слое [неразборчиво], создайте один кадр, который выделяет все, что мы видим на сцене. Затем нажмите удалить все backspace на клавиатуре. Сначала я выбираю вторую строку. Если вы посмотрите на панель «Свойства», вы увидите, что полный вариант недоступен. Я выберу цвет обводки и отключу режим рисования объектов.Как и раньше, щелкните и перетащите, чтобы нарисовать прямую линию. Либо, чтобы нарисовать линии произвольной формы, используйте инструмент «Кисть», щелкните и перетащите. Как и формы, линии тоже соединяются. Это очень удобно, если вы хотите превратить линейные рисунки в произвольные формы. Для этого используйте инструмент «Ведро с краской» и заполните пустое пространство, как в Photoshop, убедитесь, что линии полностью заключены там, где вы хотите их заполнить. Вы также можете использовать ведро с краской, чтобы преобразовать существующие формы в новые цвета. Подобно инструменту линии, у нас есть инструмент рисования.Это очень сложный инструмент для изучения, но если вам повезет, вы, возможно, уже знаете его по Photoshop или Adobe Illustrator. Этот инструмент используется для создания плавных изогнутых линий или нестандартных форм с плоскими или изогнутыми сторонами. Для плоской формы запускается однократный щелчок, и один раз для каждой новой угловой точки закрывайте форму, щелкая обратно в начальной точке. Для формы сторон кривой также начните с одного щелчка и сделайте следующую точку щелчком и перетаскиванием. Отпустите кнопку, как только будете удовлетворены направлением и величиной кривой.Продолжайте щелкать и перетаскивать или один щелчок, чтобы сделать углы. Требуется много усилий, чтобы полностью освоиться с инструментом для рисования, не ожидайте, что овладеете им за день. В отличие от других инструментов формы, форма, нарисованная с помощью инструмента рисования, показывает свой путь и точки лодыжек. [неразборчиво] отредактируйте их, я воспользуюсь инструментом дополнительного выбора. Просто для просмотра и редактирования любых частей линий или фигур и точек привязки. Щелкните, перетащите точку, чтобы переместить ее. Чтобы настроить кривую, сначала выберите точку и осторожно потяните за ручку, чтобы настроить кривую.Если вы не можете выбрать точку, сначала отмените выбор, щелкнув по сцене, и повторите попытку. Вернемся назад и подробно рассмотрим инструмент выбора. Он делает гораздо больше, чем просто перемещает фигуры. Я снова очищу сцену и нарисую один соединительный объект и одну нормальную форму. Убедитесь, что вы всегда переключаетесь обратно на инструмент выделения после рисования фигуры. Таким образом, вы можете сразу переместить или изменить то, что вы только что нарисовали. Чтобы продемонстрировать этот инструмент, я собираюсь щелкнуть по правильной форме.Здесь следует отметить две вещи. Во-первых, есть [неразборчиво] сетка, почти полностью закрывающая форму. Это означает, что форма или ее часть выбраны. Во-вторых, обратите внимание, что на панели свойств теперь отображаются свойства фигуры. Отсюда вы можете изменить полный цвет. Параметры обводки отображаются серым цветом. Это просто означает, что вы полностью выделены, но не обводите. Штрихи и складки Animates не обязательно связаны постоянно. Я щелкаю по сцене, чтобы отменить выбор.На этот раз я дважды щелкнул внутри формы, и вы заметили, что [неразборчиво] сетка появляется как на полном, так и на обводке. Свойства могут быть изменены для обоих. Выбор части фигуры на самом деле довольно круто. Например, мы можем отделить штрих от полного. Если мы сделаем выделение перетаскиванием, щелкнув и потянув за пределы фигуры. Вы заметите, что выбрана только часть. После изменения деталь приобретает собственную форму. Я даже могу отодвинуть выбранную фигуру. Это действительно похоже на работу с глиной.Однако это не работает с рисованным объектом, а только выделяет его целиком. Как и инструмент дополнительного выбора, обычный инструмент выбора также может изменять точки привязки и пути. Сначала убедитесь, что фигура не выделена. Вы ничего не можете сделать, кроме как переместить выбранную фигуру. Обратите особое внимание, когда я подхожу к углам, потому что он указывает точку привязки значком прямого угла. Я просто нажимаю кнопку ввода, чтобы естественным образом отрегулировать угол. Далее обратите внимание на то, что происходит, когда мы приближаемся к сторонам.Рядом с курсором появится значок бордюра. Когда я щелкаю и перетаскиваю, прямая сторона становится изогнутой, и я могу продолжать корректировать, как при лепке. Скульптура также работает с объектами рисования. Нарисовать анимацию действительно легко, но к ней сложно привыкнуть. Я предлагаю вам приостановить занятие и потратить некоторое время на рисование и поиграть с каждым из инструментов фигур, чтобы прочувствовать его. 5. Рисование персонажа: над этим разделом класса я буду работать подробно. Так что вы можете работать вместе, если хотите.Мы будем рисовать пародию на Марио под названием Анджело. Это простой персонаж, нарисованный закругленными прямоугольниками. После рисования мы оживим его ходьбу. Если вы хотите пропустить рисунок и перейти непосредственно к анимации, просмотрите предложения по проекту в конце этого видео и переходите к следующему уроку. Начну с головы. Выберите инструмент прямоугольник. Установите цвет на любой оттенок кожи или введите этот цветовой код. Затем я щелкаю и перетаскиваю почти квадратный прямоугольник. Перед тем как отпустить левую кнопку мыши, мы можем нажать и удерживать клавиши со стрелками вниз или вверх, чтобы закруглить углы.У Анджело только круглый подбородок внизу справа. Углы нормальных форм не могут быть легко изменены. Поэтому нам нужно удалить это и установить угол отдельно в свойствах. Чтобы настроить округлость на лету, я перейду на инструмент «Прямоугольник». Я нажимаю инструмент «Прямоугольник» и снова щелкаю, чтобы выбрать инструмент «Прямоугольник-примитив» из раскрывающегося списка. С помощью этого инструмента мы можем нарисовать прямоугольник и затем настроить радиус угла. Голову снова рисую, как раньше. Затем я переключаюсь на инструмент выделения.Чтобы настроить округлость, мы перетаскиваем элементы управления в поле выбора. Чтобы отвязать углы, я щелкаю значок ссылки в параметрах прямоугольника. Теперь каждый угол можно регулировать отдельно. Далее рисую усы. Я переключаюсь на черный и сбрасываю углы. Я сначала нарисую это сбоку, а затем переместу внутрь. Как видите, мы все еще можем регулировать округлость на лету, используя клавиши со стрелками вверх и вниз. Перед рисованием следующей части я использую инструмент выбора, чтобы снять выделение и снова выбрать инструмент примитив. Я устанавливаю цвет, нажимая на заливку и перемещая курсор за пределы палитры цветов, чтобы выбрать цвет кожи на сцене.Как и раньше, я рисую эту часть, переключаюсь на инструмент выбора и настраиваю. Затем я щелкаю и перетаскиваю рамку выбора на обе части и перетаскиваю их на место. Для точной настройки любую выбранную форму или объект можно перемещать с помощью клавиш со стрелками. Далее я рисую глаза прямо на лице. Выбираем белую заливку и рисуем. Разъедините углы и отрегулируйте. Точно так же рисую черный зрачок. Обратите внимание, что примитивные формы, такие как объекты рисования, не сочетаются друг с другом, что означает, что мы можем перекрывать, изменять размер и перемещать их.Глаз и зрачок принадлежат друг другу. Я щелкаю один раз, чтобы выбрать глаз, и щелкаю зрачком, удерживая клавишу Shift. Затем я выбираю группу в меню изменения. Теперь обе части склеиваются. Мы можем разгруппировать в любое время с помощью функции разделения. Я буду держать их сгруппированными. Далее дублируем глаз. Удерживая клавишу alt или option, перетащите, чтобы дублировать. Я выбираю оба глаза и положение. Далее я нарисую волосы. Я снова выбираю примитивный инструмент, сбрасываю углы и рисую. Я располагаю его и рисую сверху.Затем нарисуйте ухо с таким же цветом кожи. Дальше рисую шляпу. Я выбираю примитивный инструмент, а затем мы можем выбрать любой синий или ввести цветовой код. Затем обод шляпы чуть более темного синего цвета. В завершение я создам большую букву A. Я выбираю инструмент «Текст» и устанавливаю семейство Arial Rounded, размер 35 и белый цвет. Я щелкаю один раз, чтобы начать, и набираю заглавную A. Чтобы переместить это, мы можем использовать инструмент выбора. Наконец, я выделил все три части и сгруппировал их вместе как шляпу.Затем его можно легко разместить. Теперь у нас есть полная голова, и мы сгруппируем все вместе. Двигаясь дальше, рисуем туловище, начиная таким же образом. Для этого подойдет любой красный, либо набираем этот цветовой код. Красная часть — это комбинезон Анджело, а его майка будет видна в правом верхнем углу. Будем здесь умны. Поскольку это показывает нам в основном только что перекрашенную часть тела, я изменю этот примитив. Для этого дважды щелкните по нему. Это предупреждение сообщает нам, что теперь он будет преобразован в обычный рисованный объект, а это значит, что мы больше не можем изменять углы.Это нормально. Дважды щелкните «Трансляция» в «Режим изоляции». Вы можете увидеть это в верхнем левом углу документа. В этом режиме вы не можете взаимодействовать ни с чем, кроме формы. Как вы можете видеть на чертеже, это неправильная форма. Здесь я выберу обычный инструмент «Прямоугольник» и сброшу углы. Я установил для «Заливку» значение «Нет», а «Обводка» — на черный. С внешней стороны я нарисую форму рубашки и откорректирую закругленные углы с помощью клавиатуры. С обычными формами, если мы сделаем ошибку, мы можем просто отменить и попробовать снова.Когда я отпускаю кнопку «Мышь», форма объединяется, и я могу выбрать пересекающуюся часть и перекрасить ее. Я дважды щелкнул линию, чтобы выделить все это, и нажмите «Удалить». Мы выходим из «Режима изоляции», нажав кнопку «Назад» рядом с названием сцены. Теперь я нарисую кнопки. Я отключаю «Обводку» и выбираю «Желтый». Затем выбираю «Режим рисования объекта», чтобы фигура могла складываться. Нажмите и перетащите, пока удерживая Shift, чтобы нарисовать круг. Затем я позиционирую. Затем я растягиваю, чтобы дублировать, дважды щелкаю, чтобы редактировать.Выбираю правую половину и нажимаю «Удалить». Нажимаем «Назад» для выхода из «режима изоляции». Чтобы нарисовать руки, я вернусь к «Примитивному инструменту» и нарисую синюю верхнюю часть руки. Я вытаскиваю дубликат и выбираю «Инструмент свободного преобразования». Затем я перемещаю курсор мыши за пределы угла и перетаскиваю, чтобы повернуть. Удерживайте Shift, чтобы привязать к 90 градусам. Наконец, я рисую руку и располагаю части. Группируем все вместе, а затем растягиваем, чтобы продублировать. Наконец, ноги делаем примерно так же.Проблема здесь требует особого внимания. Я соединю ногу, и на этот раз мы не будем ее группировать. Мы можем перетащить дубликат всех трех частей влево. Немного затемним правую ногу. Я выбираю две красные части, нажимаю «Заливка» и выбираю «Цветовой круг», затем выбираю «B» для яркости и немного опускаю его. То же самое проделываю и с обувью. Более темная нога будет сзади. Выбираем все части ножек и группируем. Чтобы собрать Анжелу, мне нужно настроить порядок групп.Чтобы поместить голову над телом, выберите в меню «Изменить», «Упорядочить» и «На передний план». Передняя рука идет над головой, еще раз «Расставьте» и «Вынесите вперед». Для задней руки и ног используйте «Отправить на спину». Теперь, что касается забавной позы, мы нарисуем ноги Анджелы в восьми разных позах, чтобы использовать их для анимации на следующем уроке. Взгляните на этот цикл ходьбы. Как видите, есть восемь снимков ног в движении, и последняя поза идентична первой. Прежде чем мы сможем анимировать, нам нужно их нарисовать.Я продублирую ноги Анджелы и разобью их, чтобы разгруппироваться. Начнем с задней ноги и перенесем ее влево. Затем мы выбираем все три части задней ноги и выбираем «Свободное трансформирование» для поворота. Затем выберите ступню и голень, поверните и расположите. Для передней ноги мы также выбираем все три части, но на этот раз, используя «Свободное преобразование», переместите точку поворота, белую точку, в положение бедра. Тогда мы сможем легко вращаться вокруг оси. На этом я закончил, сгруппировав позы.Затем мы рисуем остальные семь поз почти таким же образом и выстраиваем их по порядку под сценой. Используйте Adobe Animate и нарисуйте одного или нескольких персонажей, которых вы хотите использовать в своем видео. Как и в случае с Анжелой, перед объединением храните любые движущиеся части, такие как головы, колеса, руки, ноги или крылья, в отдельных группах. Нет необходимости рисовать позы для цикла ходьбы, если вы не поддерживаете ходьбу персонажа. Экспортируйте JPEG своего персонажа и опубликуйте его в своем проекте. Чтобы экспортировать JPEG, перейдите в меню «Файл» и нажмите «Экспорт изображения».6. Покадровая анимация: откройте четвертый урок в папке «Файлы упражнений». Этот файл содержит все восемь наборов ног, по которым Анджело может ходить. В описании класса есть ссылка на файлы упражнений. Если вы сделаете это или сделаете темп на предыдущем уроке, вы можете просто продолжить. В этом уроке мы будем размещать ноги Анджело последовательно, кадр за кадром. [МУЗЫКА] Покадровая анимация — это традиционная анимация. На создание этого типа анимации уходит много времени, поэтому я прибегаю к таким вещам, как ходьба или драматические выражения лица.Если вы когда-либо родились в школе, вы могли бы сделать одну или две из этих анимаций в углу своих рабочих тетрадей. Количество используемых страниц, в данном случае фреймов, полностью зависит от типа действия, которое мы хотим показать. Для анимируемого цикла ходьбы требуется всего восемь кадров. Кадр кажется пустяком, меньше полсекунды, но для быстрой прогулки это все, что нам нужно. Эти восемь поз, воспроизведенных в цикле, создадут иллюзию ходьбы. Давай начнем. Сначала мы поместим все движущиеся части в отдельные слои.У нас уже есть один слой. Давайте используем его для тела и головы Анджело, переименуем его в тело Анджело, дважды щелкнув текст. Затем создайте три пустых слоя, назовите их и упорядочите, как показано. [МУЗЫКА] Я упорядочиваю их, просто щелкая и перетаскивая заголовок слоя. Затем переместите каждую часть на нужный слой. Выделите все позы ног с помощью перетаскивания. Обратите внимание, что как только мы щелкаем по любой из ног, этот слой автоматически выбирается. Теперь вырезаем выделенные объекты и переходим к слою с ногами. Щелкните правой кнопкой мыши и выберите «Вставить на место».Вы должны увидеть, что пустой ключевой кадр заполнится. Чтобы проверить, что ноги находятся на правом слое, нажмите «Переключатель видимости». Если они находятся на вашем слое, они все должны исчезнуть. Теперь сделайте то же самое для обеих рук. [МУЗЫКА] Зафиксируйте все со слоем ног, чтобы случайно не переключить слои. У каждого слоя теперь есть временная шкала, и на каждом из них могут происходить разные вещи. В настоящее время все слои имеют один ключевой кадр, мы начнем со слоя ног. Удалите позу Анджело стоя и переместите первую позу на место, пока она не будет выглядеть естественно.Теперь нам нужно некоторое представление о том, где находится поток. Зайдите в меню просмотра и включите линейки. Используя инструмент выделения, перетащите верхнюю линейку вниз. Вы увидите направляющую, следующую за курсором. Отпустите, когда ударите Анджело по пяткам. Для остальных поз ног нам понадобится еще семь ключевых кадров, поэтому давайте их вставим. Щелкните второй кадр, чтобы просмотреть параметры кадра, щелкните правой кнопкой мыши выбранный кадр. Выберите вставить пустой ключевой кадр. Это ключевой кадр без каких-либо соединений. Теперь сцена кажется черной. Прежде чем разместить вторую пару ног на этом кадре, будет лучше, если мы сможем увидеть тело Анджело на другом слое, поэтому нам нужно добавить рамку и для него.Слой тела не меняется, поэтому ключевой кадр нам не нужен. Щелкните правой кнопкой мыши на втором кадре в этом слое и выберите «Вставить кадр». Обычный кадр просто копирует то, что происходит в предыдущем ключевом кадре. Пусть тело появится для всех восьми кадров. К счастью, нам не нужно выбирать каждый кадр, который мы хотим заполнить, только тот, который находится в конце. Сделайте то же самое для обоих слоев рук. Теперь, когда мы вернемся к слою с ногами на втором кадре, мы увидим, куда должна идти нога. Перейдите к первому кадру, выберите вторую позу и вырежьте ее.Вернитесь ко второму кадру и вставьте. Переместите ноги туда, где они выглядят естественно. Щелкните третий кадр и вставьте еще один пустой ключевой кадр. Проделайте то же самое с позой третьей ноги [МУЗЫКА]. Очистите временную шкалу, чтобы все выглядело естественно. Повторяйте это, пока все восемь поз не будут распределены по восьми кадрам. Чтобы воспроизвести анимацию, перейдите в меню управления и нажмите «Проверить». Это довольно быстро — 24 кадра в секунду, нам нужно настроить тайминг. Мы можем сделать это, вставив обычные кадры между каждым ключевым кадром, чтобы удерживать позу на один кадр дольше.Это немного утомительно для всех восьми ключевых кадров. Я собираюсь отменить и выделить те кадры, для которых я хочу настроить время. Для этого сначала выберите ключевой кадр, затем щелкните и перетащите, чтобы выделить все восемь кадров на слое ног. Затем перетащите выделенную линию справа до кадра 16. Растяните другие слои таким же образом, просто вставив нормальный кадр в кадр 16 для каждого. Анимация ног теперь дольше удерживает каждую позу, замедляя анимацию. Это выглядит немного нестабильно, поэтому мы не будем увеличивать время, превышающее два кадра на позу.Наконец, мы таким же изменчивым образом оживим руки. Выберите третий кадр на слое переднего рычага и на этот раз вставьте ключевой кадр. Это делает копию последнего ключевого кадра, но на этот раз вы можете записать новое изменение. Выберите инструмент свободной трансформации, отрегулируйте точку поворота по плечу и поверните ее назад. Теперь на девятом кадре мы хотим, чтобы рука переместилась назад, вместо того, чтобы вставлять новый ключевой кадр и поворачивать руку назад, давайте скопируем первый кадр и воспользуемся им. Это проще, чем воссоздать уже существующую позу.Щелкните правой кнопкой мыши первый грамм, выберите «Копировать», а затем щелкните правой кнопкой мыши девятый кадр и выберите «Вставить». Отсюда рука может подняться, выбрать кадр 11 и вставить ключевой кадр, повернуть руку вверх. Теперь повернем нижнюю руку в другую сторону. Чтобы увидеть, что вы делаете, переключите видимость для слоя тела. [МУЗЫКА] Наконец, проверьте видео, чтобы увидеть, как оно выглядит. Вы можете поиграть со временем, если хотите. [неразборчиво] выделите ключевой кадр и перетащите его. Я отменю это, потому что заранее рассчитал время.Чтобы отметить хорошо выполненную работу, давайте экспортируем этот цикл прогулки в анимированный GIF. Выберите меню файла и выберите экспорт, чтобы анимировать GIF. [неразборчиво] и нажмите «Сохранить». 7. Подготовка сцены: В этом уроке мы перейдем к сцене Анджело. Если вы работаете вместе, продолжайте работу со своим документом или откройте пятый урок из трех файлов упражнений. Прежде чем мы начнем, удалите направляющую, потянув ее обратно на линейку. Заблокируйте все четыре слоя Анджело, чтобы они не мешали. Начну с неба.Создаем новый слой, переименовываем его и перемещаем вниз. Затем мы выбираем инструмент «Прямоугольник». Отключите цвет полосы и сохраните шрифт любого синего цвета или щелкните код цвета и введите это значение. Щелкните и перетащите прямоугольник по всей сцене. Теперь для пола, выделив этот слой с небом, создайте новый слой выше и переименуйте его в пол. Если он не выше слоя с небом, просто перетащите его, чтобы переместить, как раньше. Мы снова выбираем прямоугольник и устанавливаем шрифт на любой зеленый цвет или набираем цветовой код.Щелкните и перетащите, чтобы сделать пол широким. Мы можем отрегулировать его размер, переключившись на инструмент свободного преобразования, потянув за ручки по краям. Мы импортируем в нашу сцену несколько предварительно нарисованных реквизитов. Я нарисовал эти реквизиты в Adobe Illustrator заранее. Векторная графика из Illustrator на 100% совместима с анимацией. Щелкните меню «Файл» и выберите «Импортировать в сцену». Я выбираю файл Adobe Illustrator из каталога ресурсов. Нажмите «Импорт» с настройками по умолчанию. Создан новый слой с полными объединяемыми группами на нем.Когда я нажимаю на гору, на панели свойств отображаются свойства группы. Двойной щелчок по объявлению переносит нас внутрь группы. Обратите внимание, что фигуры из иллюстратора являются обычными объектами рисования. Я дважды щелкаю, чтобы выйти из режима изоляции и вернуться в C 1. Поскольку эти реквизиты будут перемещаться вдоль части Анджело, нам нужно преобразовать их в графические символы. Графические символы — это то, что мы можем оживить с помощью близнецов. С выбранной горной группой. Я перехожу в меню «Изменить» и выбираю преобразовать в символ.Назовем его горой и выберем графический тип. Обратите внимание, что гора теперь безопасно хранится в библиотеке для дальнейшего использования. Затем мы конвертируем облачную группу. Затем небесная черепаха. Я просто называю это Airboy. Потом гриб. Все реквизиты для этого видео теперь находятся в библиотеке и могут быть размещены на сцене. Я действительно хочу, чтобы Эйрбой смотрел вниз. Давайте отредактируем его, дважды щелкнув его изображение в библиотеке. Обратите внимание, что Airboy имеет собственную шкалу времени и слои, отдельные от основной сцены. Дважды щелкните группу рисунков, чтобы перейти к фигурам.Здесь мы сначала снимаем выделение, а затем смещаем выделение обоих глаз. Мы нажимаем на клавиатуру, чтобы глаза располагались ниже, и возвращаемся к первой сцене. Если вы посмотрите на Airboy сейчас, он смотрит не только на сцену, но и в библиотеку. Когда экземпляр символа находится на сцене, это просто его копия в библиотеке. Теперь можно удалить слой из импорта. Создайте новый слой над слоем с небом и назовите его Облака. Перетащите экземпляр облаков на сцену и разместите его. Добавьте слой над облаками и назовите его Mountain.Как и раньше, перетащите гору из библиотеки. Наша сцена теперь настроена. В следующем уроке мы добавим движение облакам и горам с помощью близнецов. Нарисуйте реквизит, который будет сопровождать вашего главного героя, и поместите их в графические символы. Поместите их каждый на отдельный слой, если вы захотите анимировать их позже. Добавьте больше слоев для рисования фона, поля битвы для экспорта переднего плана. JPEG сделает снимок экрана и добавит его в ваш проект. 8. Анимация с классической анимацией: в этом уроке вместо объединения каждого кадра мы будем выполнять ключевые позиции и автоматически генерировать промежуточные кадры.В Adobe Animate «анимация» — это сокращение от «промежуточный». Возьмем, к примеру, эту круговую анимацию. В традиционной анимации аниматор рисует начальную и конечную позиции несколькими кадрами позже. Затем входят промежуточные авторы и рисуют все кадры между двумя ключевыми позициями. В данном случае все между кадром один и двадцать четыре. Если мы будем анимировать со скоростью пять кадров в секунду, мы увидим, что меньшее количество кадров в одном и том же движении делает анимацию более прерывистой. Время для обеих анимаций установлено на одну секунду, но результат сильно отличается.Для наших целей мы будем поддерживать скорость анимации на уровне двадцати четырех кадров в секунду. Чтобы создать анимацию движения, нам нужен экземпляр символа на собственном слое. Гора и облака уже устроены таким образом. Давайте переместим горы в исходное положение до упора вправо. Затем мы щелкаем шестнадцатый кадр на слое с горами и вставляем ключевой кадр. Как вы знаете, это делает копию предыдущего ключевого кадра. Убедившись, что вы остаетесь на шестнадцатом кадре, перетащите гору до упора влево.На данный момент все кадры между ними просто повторяют первый кадр, как и должно. Давайте конвертируем их, чтобы они могли делать больше. Щелкните правой кнопкой мыши любой нормальный кадр между двумя ключевыми кадрами и выберите «Создать классическую анимацию движения». Не выбирайте анимацию движения для этого класса. Чтобы увидеть анимацию движения, прокрутите шкалу времени. Также были сгенерированы кадры между двумя ключевыми кадрами. Если вам нужно отрегулировать положение гор, переместите ползунок назад к одному из ключевых кадров и переместите гору. Я только что показал вам, как свернуть горы.Сделаем то же самое с облаками. Вставьте ключевой кадр в шестнадцатый кадр, переместите облака немного влево и создайте классическую анимацию движения, как и раньше. Поскольку облака не покрывают одинаковое расстояние, они будут двигаться, но медленнее. Давайте также заставим облака исчезнуть из нас. Вернемся к шестнадцатому кадру и выделим облака на сцене. На панели свойств установите цветовой эффект. Мы выберем Alpha на сорок процентов. У нас нет опции Alpha для правильных форм или рисованных объектов.Протестируйте фильм, чтобы увидеть анимацию в действии. Фильм невероятно быстрый. Добавим еще несколько рамок. Удерживая все слои на сто двадцать кадре, выберите «Вставить кадр». Всего это ровно пять секунд. Теперь мы увеличим время облаков и гор, чтобы заставить их двигаться, но медленнее. Выберите ключевые кадры на шестнадцатом кадре и затем перетащите их на сто двадцать. Анджело Акин останавливается на шестнадцатом кадре, а местность продолжает двигаться. Раньше у него была небольшая зацикленная анимация, но теперь для зацикливания требуется слишком много времени из-за всех вставленных дополнительных кадров.Циклическая анимация, как Анджело подчиняется, хранится в собственном таймлайне. Чтобы скопировать Анджело, перетащите выделение, все четыре этого слоя с кадра 1 на кадр шестнадцатый, затем щелкните правой кнопкой мыши и выберите копировать кадры. Далее мы создадим для него символ. Вместо того, чтобы преобразовывать рисованный объект на сцене, мы сделаем новый символ из библиотеки. Назовите этот символ Анджело Уолк. На этот раз установите тип ролика. Фрагмент ролика похож на графический символ, но предназначен специально для группирования анимаций. У него также есть свои слои и временная шкала.На новой временной шкале щелкните правой кнопкой мыши первый кадр, первый слой и выберите «Вставить кадры». Слои и все названия слоев полностью перенесены. Нажмите назад, чтобы выйти из режима колебаний. Анджело сейчас в библиотеке. Нажмите на маленькую кнопку «Играть» на превью символа, чтобы увидеть, как он ходит. Теперь можно безопасно избавиться от всех исходных слоев Angelo. Выберите их и нажмите на мусорное ведро. Давайте заменим их новым слоем под названием Анджело. На новом пустом ключевом кадре мы вытащим экземпляр средней булавы.Это похоже на неподвижный рисунок, но он будет воспроизводиться в цикле, когда мы его протестируем. Анджело продолжает зацикливаться на обычных кадрах, следующих за ключевым кадром, в то время как анимация на основной временной шкале воспроизводится независимо. Это называется анимацией вложенности. Наконец, давайте оживим фон, чтобы небо превратилось в ночное. Выделите синий прямоугольник и слой неба, и на первом кадре вы можете преобразовать его в графический символ, называемый небом. Теперь, когда небо является графическим образцом, как и раньше, мы устанавливаем второй ключевой кадр, мы хотим, чтобы затухание продолжалось в течение целых пяти секунд.Вставьте ключевой кадр в кадр 120. Мы щелкаем этот экземпляр парня на сцене и на панели свойств, на этот раз мы выберем палатку и установим темно-синий цвет на семьдесят процентов. Создайте классическую анимацию движения и протестируйте анимацию. 9. Анимация с помощью направляющих движения: раньше между движением по прямой траектории. В этом уроке мы нарисуем путь, по которому будет следовать экземпляр. Давайте представим Airboy на сцене. Сначала мы создадим слой на вершине горы и назовем его Airboy. Перейдите к первому кадру и из библиотеки перетащите новый экземпляр Airboy.Он придет издалека. Мы выберем бесплатный инструмент трансформации и уменьшим его масштаб, удерживая Shift. Переместим его прямо под линией пола. Для удобства скройте слои выше. Airboy собирается обогнать Анджело, установить новый ключевой кадр, но до окончания анимации, в кадре 110. Теперь мы масштабируем его и перемещаем за пределы кадра вправо и создаем классическую анимацию движения. Проведите тесты и посмотрите, что у нас есть на данный момент. Используя руководство по погружению, мы заставим его двигаться более интересно.Сначала щелкните правой кнопкой мыши ярлык слоя Airboy и выберите «Добавить классическую направляющую движения». Мы выберем направляющий слой и поработаем над пустым ключевым кадром. Используя инструмент рисования, мы рисуем извилистый путь, по которому он будет следовать за Анджело и миновать его. Установите черный цвет структуры и для этого отключите режим рисования объектов. Нажмите и перетащите ближе к позиции Airboy, чтобы начать. Затем щелкните, перетащите новую точку примерно на треть слева, а затем одну за пределы сцены справа. Для этого вы можете использовать любой линейный инструмент. Я переключусь на инструмент Direct Select, чтобы поиграть с кривой.Чтобы руководство работало, нам нужно разместить экземпляр на направляющей в обоих ключевых кадрах. Сначала вы должны подвести точку поворота экземпляра к линии, пока она не встанет на место. Мы делаем то же самое в кадре 110. Проверьте оба ключевых кадра и удалите временную шкалу, чтобы убедиться, что вы все сделали правильно. Мы сделаем [неразборчиво] слои видимыми. Наконец, протестируйте анимацию, чтобы увидеть, нужно ли отрегулировать траекторию движения. Теперь вы готовы начать анимацию своего проекта. Убедитесь, что вы преобразовали подсказки и символы в графические символы фрагмента ролика, если вы этого еще не сделали.Используйте классические анимации и / или классические направляющие движения, чтобы оживить вашу сцену. Помните золотое правило классического растрирования: один слой, один экземпляр. Сделайте снимок экрана своего прогресса и ближе к своему проекту. Также добавьте одно или два предложения, чтобы поделиться своими мыслями. 10. Создание правдоподобной анимации. Продолжая с того места, где мы остановились, мы помещаем мальчика в руководство по движениям, желая пройти мимо Анджело. На данный момент он, кажется, не двигается правдоподобно, поскольку его скорость полета постоянна даже с очень большого расстояния.Чтобы поверить, что он идет издалека, нам нужно начать его медленное движение. Взгляните на анимацию этого круга. Оба завершают движение ровно за одну секунду, всего 24 кадра. Время у всех одинаковое, но оба выглядят по-разному, причина в промежутках. Верхний круг движется с линейной постоянной скоростью, что означает, что все кадры равномерно расположены. Однако анимация нижнего круга движется легко. Некоторые кадры расположены ближе друг к другу в начале, из-за чего будет казаться, что они движутся медленнее в начале и ускоряются ближе к концу.Это сделано для того, чтобы показать ускорение. Как показано здесь, есть много способов добавить легкости. Упрощение начинается медленно и быстро заканчивается, замедление начинается быстро и заканчивается медленно, а замедление начинается и заканчивается медленно. Ослабление движений придает вашей анимации реалистичность, и вы убедитесь в этом на этом уроке. Давайте добавим легкости анимации. Чтобы добавить легкости любой классической анимации движения, щелкните любой из промежуточных кадров и посмотрите на панель «Свойства». Здесь вы можете увидеть свойства кадра, и если кадр является частью анимации движения, мы можем уточнить движение.Применяем легкость и выбираем «Кубический». График показывает нам кривую ускорения, сначала медленно растущую, а затем увеличивающуюся. На данный момент просто помните, простота означает, что процесс начинается медленно, а ускоряется. Дважды щелкните, чтобы применить. Протестируйте видео, чтобы лучше понять эффект легкости. Мы заканчиваем сцену с помощью небольшого трюка, чтобы Анджело выглядел так, будто он часть окружающей среды. Дадим ему тень. Мы продублируем слой Анджело и переименуем его в тень Анджело, а затем переместим его ниже Анджело. Чтобы работать было проще, я заблокирую другие слои.Щелкните, чтобы выбрать графический экземпляр Анджело на сцене. Затем мы выбираем инструмент Free Transform и перемещаем белую точку, точку поворота, вниз, чтобы мы могли перевернуть экземпляр ниже ног Анджело. Далее давайте его перекосим. Для этого мы перемещаем курсор немного сбоку от нижнего маркера в поле Transform, щелкаем и перетаскиваем, чтобы наклонить выделение. Чтобы стать тенью, мы добавим темный кольцевой оттенок 100 процентов. Когда мы тестируем, обратите внимание, что даже несмотря на то, что тень была окрашена и преобразована, это все тот же фрагмент ролика Анджело, который воспроизводится одинаково.Тень также можно анимировать для получения интересного эффекта. Добавим вторую сцену. Перейдите в меню «Окно» и включите «Сцена». Щелкаем по кнопке «New», чтобы создать вторую сцену. Мы можем вернуться к Сцене 1 в любое время. В этой сцене будет отображаться название игры. Мы начинаем с переименования слоя в фон и добавляем на сцену образец неба. Давайте сделаем это ночным и изменим оттенок этой области на очень темно-синий, как и раньше. Некоторое время он остается синим. Мы добавим ключевой кадр в кадр 20, чтобы отметить начало новой анимации оттенка.Конечный ключевой кадр находится в кадре 35. Щелкните экземпляр и установите оттенок кораллового цвета, 80 процентов, затем создайте анимацию движения. За пределами кадра 35 фон будет оставаться неизменным в течение всего времени, которое составляет 120 кадров. Далее нарисуем название игры. Пока мы не хотим, чтобы это было на сцене. Сделаем это в библиотеке. Щелкните «Новый символ» и назовите его «Заголовок» с графическим изображением. Сначала переименуйте слой и выберите инструмент «Текст». В свойствах я установлю цвет, семейство, размер и расстояние между книгами.Затем мы нажимаем на «Stage» и вводим MEGA заглавными буквами. Щелкните за пределами поля типа, чтобы добавить больше текста. Установите размер и введите текст. Используя инструмент Select, позиционируем. Наконец, создайте новый слой под названием Label. Мы используем два прямоугольника с черными закругленными углами и рисуем рамки вокруг текста. Щелкните по тексту и измените его цвет на белый. Затем нажмите кнопку «Назад», чтобы выйти из режима изоляции. Мы оставим это в библиотеке на потом. Сначала мы сделаем забавную небольшую анимацию с грибами. Создайте новый слой и переименуйте его.Гриб появится в сцене в кадре 20. Перетащите экземпляр гриба над сценой и поместите его в центре. Теперь я покажу вам, как оживить полноценный и культовый грибной баланс. Мы добавляем ключевой кадр к кадру 35 и перемещаем гриб почти полностью вниз, затем я добавляю ключевой кадр к 40 и 45. Два ключевых кадра в начале и в конце — это 35 и 45, это положение на полу. Кадр 40 — самый высокий, если он будет подпрыгивать, поэтому мы перемещаем его вверх. Затем мы добавим подростков. Играя на шкале времени, мы видим, что линейное постоянное движение выглядит очень роботизированным.Во-первых, нам нужна легкость, чтобы ускорить падение. Дважды щелкните «Circ», чтобы применить. Затем облегчение для замедления при подъеме и, наконец, еще одно облегчение. Чтобы гриб выглядел как часть окружающей среды, давайте создадим тень. Создайте новый слой под грибами и переименуйте его. Мы начнем с того места, где начинается гриб, и создадим ключевой кадр. В отличие от Анджело, мы можем просто использовать круг как тень. Воспользуйтесь овалом и нарисуйте диск. Затем мы преобразуем его в символ и корректируем окончательный размер. Сделаем ключевые кадры на позициях отскока.Давайте установим размер и предложение для каждого, начиная с маленького и тусклого до большого и тёмного. Создайте классическую анимацию движения и добавьте такую ​​же динамику. Это выглядит более правдоподобно. Как только гриб упадет, мы можем добавить заголовок. Я создам новый слой вверху и назову его Заголовок. Мы создаем ключевой кадр на 50-м кадре и размещаем графический экземпляр заголовка в центре сцены. Мы собираемся переместить заголовок внутрь. Мы создаем еще два ключевых кадра на 55 и 57. Изменим размер заголовка следующим образом, начиная с малого, ударяя по экрану и останавливаясь.Создайте анимацию и сначала добавьте круговую замедленность. Далее мы добавим несколько падающих звезд. Создадим клип о падающей звезде. Во-первых, нам нужна звездочка. Создайте новый графический символ в библиотеке и назовите его Звездой. Чтобы нарисовать звезду, выберите инструмент «Многоугольник» и в параметрах выберите «Звезда». Измените цвет на черный. Перетащите из центра сцены и вернитесь к Сцене 2. Мы хотим анимировать звездную анимацию на основной временной шкале, потому что, если мы хотим анимировать много звезд, нам понадобится много слоев.Создайте еще один новый символ, назовите его «Падающая звезда» и установите тип «Кино-клуб». Это будет наша звездная анимация. Мы добавим экземпляр звезды в центр сцены, добавим кадр 24, добавим ключевой кадр. Мы хотим начать крутиться один раз. Не поможет вращение на 360 градусов, а затем создание анимации движения. В анимации это то же самое, что ноль градусов. Вместо этого щелкните один из кадров анимации, а затем в разделе «Свойства» выберите поворот по часовой стрелке. Теперь выйдем из режима изоляции и вернемся в сцену 2. Давайте создадим новый слой над фоном под названием «Падающие звезды».Мы добавим ключевой кадр в кадр 5 и несколько падающих звезд. Мы начнем с одного, меньшего размера, подкрашиваем его белым, а затем перетаскиваем несколько дубликатов. С помощью фрагментов ролика мы можем добавить множество экземпляров на один и тот же слой, если мы не будем анимировать их все на одном слое. Протестируйте сцену, чтобы увидеть эффект. 11. Добавление звука и последние штрихи. В этом заключительном уроке мы добавим последние штрихи анимации к этому фильму и добавим несколько звуков, чтобы сделать его привлекательным. Во-первых, давайте изменим этот фрагмент ролика «Собака». Чтобы отредактировать символ, вы также можете сделать это на сцене, чтобы получить представление о том, как он будет выглядеть в контексте.Сначала мы переходим к пятому кадру и дважды щелкаем по любому из экземпляров звезды. Как вы знаете, это изменит их все. Мы видим, что выбранная звезда становится черной. Исходный цвет символа до того, как мы применили оттенок. Теперь заставим звезду упасть. На данном этапе мы не хотим, чтобы звезда уходила каждую секунду. Итак, давайте увеличим время до 120 кадров. Помните, сначала выделите ключевой кадр, а затем перетащите его. Теперь мы перемещаем звезду в полноэкранном режиме вниз. Чтобы выглядеть более увлекательно, мы можем увеличить количество поворотов до четырех.Наконец, мы возвращаемся к первому кадру и делаем звезду немного меньше. Выйдите из режима генерации и проверьте. Я буду вращать звезду на основной шкале времени, чтобы внести в них изменения. Поднимите их все немного вверх и снова проверьте сцену. Выглядит круто. Последняя анимация, которую мы добавим, очень проста. Вспышка молнии. В самом верху создайте новый слой и переименуйте его в «Молния». Здесь я выберу инструмент «Прямоугольник» и установлю белый цвет. Вторая вспышка находится в кадре 5. Итак, мы вставим туда новый ключевой кадр.Чтобы появились вспышки, мы можем вставить пустые ключевые кадры в третий и шестой кадры. Наконец, мы можем добавить несколько стикеров магазина, чтобы зрители знали, какие именно в игре. Перейдите в меню файлов и выберите «Импорт в библиотеку». В папке Assets мы выберем два изображения PNG. Мы увидим, как они появятся в библиотеке. Наклейки появятся сразу после названия. Итак, мы создаем новый слой вверху и называем его Stores. Затем создайте новый ключевой кадр в кадре 58. Затем перетащите все экземпляры обоих изображений в рабочую область.Теперь мы готовы попробовать весь фильм. Общее время работы с обеими сценами составляет 10 секунд. Очень непривлекательное видео без звука. Итак, давайте посмотрим, как добавить. Я скачал из Интернета несколько бесплатных звуковых файлов в форматах wav и mp3. Мы можем импортировать их в библиотеку из папки с ресурсами. Вернемся к первой сцене. Создайте два новых слоя и назовите их звуковые эффекты и музыка. Сначала я добавлю свист мальчику, когда он проходит мимо. Мы выберем ключевой кадр на слое звуковых эффектов и на панели свойств выберем пролет под звуком.Затем мы щелкаем по ключевому кадру и музыкальному слою и добавляем музыкальную дорожку. Воспроизведите временную шкалу, чтобы послушать. Звук имеет большое значение. Вернемся ко второй сцене и создадим слой звуковых эффектов вверху. Теперь мы собираемся добавить грибу стук. Чтобы синхронизировать звуки с каждым отскоком, мы создадим ключевой кадр на 35 и 45. И выберем звук удара для каждого. Наконец, мы создаем ключевой кадр на 50 кадре и выбираем звук масштабирования, чтобы добавить заголовок. Давайте посмотрим фильм в последний раз. Надеюсь, вы следили за мной и писали о своем прогрессе.Следующий шаг — добавить близнецам подходящее использование и обогатить ваш фильм звуком. Проверьте детали проекта в описании. Когда ваше видео будет готово, загрузите его на YouTube или любую видеоплатформу и поделитесь ссылкой в ​​своем проекте. 12. Экспорт видео и заключение: Теперь, когда мы создали целый фильм, мы можем экспортировать его в видео или другие форматы. Чтобы слышать звук в первой сцене при экспорте, выберите два звуковых ключевых кадра в первом кадре и переместите их во второй. Это обход неудачной анимированной ошибки.Для экспорта просто нажмите меню «Файл» и «Экспорт видео». У нас есть возможность отправить его в Adobe Media Encoder, что лучше всего, если вам нужен файл меньшего размера. Для этого вам потребуется установить Adobe Media Encoder. В этом классе мы рассмотрели рисование, покадровую анимацию, использование экземпляров для создания анимационного движения, мы работали с направляющими движениями, мы узнали, как добавить «Легкость», чтобы создать реализм, и мы объединили все вместе со звуком, чтобы создать анимированное фильм. Если вы новичок в анимации, начните с малого, наращивайте свой опыт проект за проектом.Если у вас есть личный интерес к 2D-анимации, я предлагаю вам использовать свои новые навыки как трамплин, чтобы узнать больше о принципах анимации. Кроме того, методы анимации, описанные в этом классе, являются отличной отправной точкой для изучения другого программного обеспечения для анимации. Если вам понравился этот урок, оставьте, пожалуйста, отзыв ниже. Спасибо за участие и до скорой встречи.

Какой из них использовать?

Если вы один из многих, кто хочет заняться 2D-анимацией или рассматривает возможность обновления рабочего процесса, вам может быть интересно: Какое программное обеспечение лучше всего использовать? Самая распространенная дискуссия в области 2D — это Toon Boom vs.Вспышка.

В этой статье мы рассмотрим двух основных претендентов. Toon Boom Harmony и Adobe Animate CC (современное воплощение Flash).

Фон

Сначала давайте разберемся с каждой из этих программ.

Adobe Animate CC (ранее известная как Flash) — это программа для векторной анимации , простота использования, интерактивность и небольшие размеры файлов сделали ее стандартом для онлайн-анимации на многие годы.Его также использовали для создания мультфильмов для телевидения, хотя Adobe, похоже, никогда полностью не признавала и не принимала этот вариант использования, оставляя студии полагаться на плагины или создавать собственные инструменты, чтобы сделать программное обеспечение более подходящим для производственного конвейера.

Однако в последние годы, после ребрендинга Adobe Animate вместо Flash, Adobe добавила несколько столь необходимых обновлений, которые, похоже, указывают на то, что они, возможно, попытаются больше поддерживать длинные мультфильмы в будущем.

Остров Драма Тотал

Моторсити

Toon Boom , с другой стороны, всегда нацелен на рынок профессиональной анимации , и их текущее предложение, Toon Boom Harmony, является отраслевым стандартом для 2D-анимации .Однако кривая обучения Harmony может не сделать его лучшим выбором для новичков и любителей.

Звезда против сил зла

Стелла и Сэм

Тройки Бельвилля

Также стоит отметить, что существует только одна текущая версия Adobe Animate, но Toon Boom Harmony бывает трех уровней: Harmony Essentials , Harmony Advanced , Harmony Premium , каждый из которых имеет более высокую цену.Это немного затрудняет справедливое сравнение Animate и Harmony, но в конечном итоге вы захотите сделать выбор на основе необходимых вам функций. Когда я буду писать о различных функциях, я постараюсь отметить, в какой версии Harmony они присутствуют. Toon Boom vs. Flash — поехали!

Toon Boom vs. Flash: как выбрать?

Какую анимацию вы хотите сделать?

Первый большой вопрос, который стоит задать себе, — какие анимации вы хотите создавать?

Animate — это незаменимый выбор, если вы хотите создать анимированных элементов для веб-сайтов или анимации, обладающие интерактивностью.Animate — лучший инструмент для публикации анимированного контента для HTML5 Canvas, WebGL и SVG-анимации . Вы также можете опубликовать как файл фильма для загрузки на такие сайты, как YouTube и Vimeo.

Если вы хотите создать повествовательную анимацию для кино, телевидения или Интернета , то Flash может не подойти. Вы обязательно захотите оценить преимущества Harmony .

Кривая обучения

Animate , вероятно, немного сложнее для изучения и понимания, особенно если вы уже привыкли к программному пакету Adobe Creative Suite.У Animate до сих пор есть моя любимая шкала времени любой анимационной программы .

С Harmony может быть на больше начальная кривая обучения , потому что их функции и инструменты предназначены для использования особыми способами, которые могут быть не интуитивно понятными. Но как только вы поймете, как устроен рабочий процесс, он приобретет большой смысл и позволит вам воспользоваться преимуществами дополнительных возможностей и программного обеспечения.

Инструменты для рисования

Наибольшее внимание при разработке программного обеспечения для 2D-анимации уделяется инструментам рисования.И Animate, и Harmony предлагают отличные инструменты для векторного рисования. Я думаю, что векторные инструменты Animate проще в использовании, , но Harmony более многофункциональный и, вероятно, в долгосрочной перспективе будет выглядеть лучше.

Harmony также предлагает инструментов для рисования и рисования растровых изображений . Они доступны только в более дорогих версиях Harmony, но они того стоят, если вы цифровой художник и хотите, чтобы ваша анимация выглядела богаче и выглядела вручную.

Кроме того, если вы традиционный аниматор, который рисует на бумаге, в Harmony есть отличные инструменты для сканирования и очистки бумажных чертежей . Так что, если это ваш процесс, гармония — это то, что вам нужно.

Такелажные инструменты

И в Animate, и в Harmony есть инструменты для оснащения персонажа костями для создания легко анимируемых марионеток. Оснащение Animate может быть немного проще в использовании, но Harmony является более продвинутым, особенно если вы готовы заплатить дополнительные деньги за Harmony Premium.Тогда вы получите еще продвинутых деформаторов помимо обычных жестких костей.

Композитный

Harmony имеет надежных инструментов для композитинга . Когда студии используют Animate, им обычно приходится экспортировать чистую анимацию и использовать другую программу, например After Effects, для интеграции ее в фон и добавления визуальных эффектов, таких как освещение.

Вместе с Harmony имеется множество встроенных эффектов , а высококачественная Harmony Premium предлагает еще более продвинутые эффекты и сложную узловую систему композитинга для их применения.

Harmony также имеет 3D-сцену , поэтому вы можете настроить многоплоскостных сред для расширенных перемещений камеры с помощью виртуальной камеры. В обновлении Animate от Adobe в 2017 году просто добавлена ​​встроенная виртуальная камера , но 3D-сцены все еще нет.

Стоимость

Наконец, давайте посмотрим, сколько фактически будет стоить получение программного обеспечения.

Единственный способ купить Animate — оформить подписку на Creative Cloud от Adobe. Он начинается от $ 19.99 / месяц при покупке годовой подписки или 29,99 долл. США / месяц при покупке на один месяц. Если у вас уже есть подписка Creative Cloud для всех приложений Adobe, Animate CC включен, и вы можете загрузить его и начать использовать в любое время.

Стоимость Toon Boom Harmony зависит от того, какую версию вы покупаете.

• Harmony Essentials подойдет, если вы только начинаете.
• Harmony Advanced добавляет инструменты рисования растровых изображений и дополнительную поддержку традиционного рисованного рабочего процесса.
• Harmony Premium добавляет более продвинутую оснастку персонажа и систему композитинга на основе узлов для продвинутых визуальных эффектов и рендеринга.

Toon Boom также предлагает цены на подписку, но, в отличие от Adobe, у вас также есть возможность приобрести постоянную лицензию вместо подписки, если вы предпочитаете платить один раз и иметь свое программное обеспечение навсегда.

Что теперь?

Подводя итог, вам определенно следует выбрать Adobe Animate , если вы заинтересованы в создании интерактивной анимации или анимированных элементов для веб-сайтов.Но помимо этого, мощные функции Toon Boom Harmony дают ему довольно сильное преимущество, особенно если вы хотите работать в индустрии анимации.

Независимо от того, что вы выберете, вы можете найти учебные курсы, доступные в магазине Bloop Animation. Я сделал их оба сам и надеюсь, что вы их зацените.

Вы можете посмотреть бесплатные уроки из курсов здесь:

Так кто же выиграл битву Мультяшный Бум против Флэша? Что ж, решать тебе. Надеюсь, вы попробуете хотя бы одну из этих программ и решите сами.Обязательно поделитесь тем, что вы создаете. Удачи и получайте удовольствие от анимации.

Автор Дэвид Шуттенхельм | @dschutten

Краткое введение в анимацию в Adobe Animate CC | Онлайн-курс | Искусство и дизайн

О чем курс?

В этом курсе используется приложение Adobe Animate CC, чтобы познакомить вас с некоторыми традиционными и экспериментальными методами цифровой рисованной анимации.

Это интерактивный курс.Вам потребуется:
— Интернет-соединение. Классы лучше всего работают с Chrome.
— Компьютер с микрофоном и камерой.
— Наушники / наушники / колонки.
Мы свяжемся с вами и предоставим инструкции по присоединению до начала вашего курса.

Что мы будем покрывать?

Этот практический курс познакомит вас с основными навыками и методами создания эффективных анимационных последовательностей с помощью Animate CC. Вы узнаете, как использовать инструменты рисования для создания захватывающих рисованных анимаций.Вы познакомитесь с символами Animate CC и различными формами анимации, а также познакомитесь с некоторыми основами анимации, которые улучшат вашу работу. Вы также узнаете об использовании и синхронизации звука, а также об экспорте своей работы в виде анимационных фильмов.

Чего я добьюсь?