Ecard Shop Анимация

• May 17, 2024

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

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

Затем добавьте ключевой кадр на слой временной шкалы, где мы хотим, чтобы анимация началась. Давайте начнем с 275-го кадра. Перетащите графическую карту на сцену, поместив ее рядом с направляющими. Щелкните правой кнопкой мыши и преобразуйте изображение в символ с именем KateM. Снова щелкните правой кнопкой мыши и выберите в меню «Создать анимацию движения». Мы будем использовать первые 30 кадров, чтобы сделать маленькую открытку с полки. Если мы добавим 30 кадров за кадр 275, у нас получится увеличить размер открытки до полного размера в кадре 305. Добавить ключевой кадр в кадр 305. Это позволит «зафиксировать» полный размер и конечную позицию открытки.

Теперь мы можем вернуться к кадру 275, началу анимации, и использовать инструмент Transform, чтобы уменьшить открытку до небольшого квадрата. Затем, мы поместим маленькую открытку сверху соответствующей открытки, которая находится на полке. Используйте ползунок временной шкалы, чтобы прокрутить 30 кадров нашей анимации. Мы должны увидеть начало карты на полке и увеличить до полного размера. Последним касанием будет уменьшение непрозрачности открытки до 0% в начале анимации. Теперь карта начинается невидимой и приближается к полному размеру и полной непрозрачности в течение первых 30 кадров.

В течение следующих 60 кадров (от 305 до 365) мы хотим, чтобы открытка оставалась на сцене и, по сути, ничего не делала. Это дает зрителю возможность просмотреть открытку. Мы также будем добавлять текстовый шарик в течение этого времени. Поэтому добавьте ключевой кадр в кадр 365, чтобы «зафиксировать» открытку на месте этих 60 кадров. Наконец, мы уменьшим непрозрачность открытки, чтобы она выглядела потухшей. Это займет всего 10 кадров. Добавьте ключевой кадр в кадр 375 и уменьшите непрозрачность открытки до 0%. Вот и вся анимация для первой открытки. Теперь мы можем добавить соответствующую анимацию для всплывающей подсказки.

Открытки Памелы

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, содействие, увлечение, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.

Видео инструкция: Kitbull | Pixar SparkShorts (May 2024).