Резюме

В этом учебнике вы узнаете, как создать слайд-шоу, которое мерцания / пух / сломанной перехода Телевизор между образами.

Вот конечный результат:


Требование

Flash 8, Flash CS3 или Flash CS4.
3 изображения (в данном случае 550 × 400, изображения доступны в учебнике архива )

Примечание: скриншоты в этом руководстве сделаны в CS3 Flash. Она работает точно так же в Flash 8 или Flash CS4. Это руководство ActionScript 2 (хотя и не ActionScript не требуется).

Шаг 1 - Установка компонентов эффект

Скачать Fuzz Влияние телевизора здесь . Пожалуйста, следуйте инструкции по установке и перетащить компонент из панели компонента в библиотеке вашего. FLA файла.

Перетащите компонент в библиотеку

Шаг 2 - Загрузка изображений

Импортировать все три изображения "Файл" -> "Импорт" -> "Импортировать в библиотеку ...".

Импорт изображений

Шаг 3 - Преобразование изображения в Movieclip

Создание новых Movieclip [пресс-Ctrl-F8] или "Вставить" -> "Новый Символ ...", назовите его "image01" и поставить первый образ в первом кадре этого MovieClip. Повторите этот шаг для других изображений, назвать имена тех, MovieClips "image02" и "image03". Кстати, имен зависит от вас.

Создать новую Movieclip ...

... Название Movieclip ...

... и перетащите изображение на график Movieclip

Библиотека с MovieClips и изображения

Шаг 4 - Создание первого перехода

Теперь нажмите на "Сцена 1", чтобы вернуться в основной временной шкале.

Вернуться на основной временной шкале

Переименовать уже существующего слоя на "img01". Создать более слой и назовите их "img02" и "transition01". Опять имен только для лучшего обзора. Вы можете выбрать другие имена, если хотите.

Переименование слоев

Перетащите первых 2 MovieClips изображений из библиотеки соответствующего слоя.

Перетащите MovieClips на слои

Нажмите кнопку в первом кадре слоя "transition01". Перетащите Влияние телевизора Fuzz компонента из библиотеки на сцену. Этот компонент будет автоматически отображаться в верхнем левом углу Movieclip.

Перетащите компонент слоя

Для каждого слоя щелкните на кадре 50 и создают каркас нажмите [F5] или щелкните правой кнопкой мыши и "Вставить Frame".

Создать рамку ...

... для всех слоев

Важно, чтобы дать образ MovieClips например имена, иначе эффект компонент не в состоянии обнаружить их. Нажмите на картинку, Movieclip один за одним и установить имена экземпляров, в данном случае "image01" и "image02" (вы можете выбрать другое имя, если хотите).

Установить имя экземпляра первого Movieclip

Установить имя экземпляра второй Movieclip

Нажмите Влияние телевизора Fuzz на сцену и открыть компонент панели инспектора [пресс-SHIFT-F7] или "Window" -> "Component Inspector". Все MovieClips например с именами в этой системе, перечислены в "Пуск Movieclip" и "Конец Movieclip" выберите список. Выберите "image01", как "Начало Movieclip" и "image02" как "Конец Movieclip".

Стартовые опции Movieclip

Переход настройки

Экспорт флэш-фильм [пресс-Ctrl-Enter] или "Command" -> "Test Movie". Переход идет от первого изображения в секунду.

Результат

Шаг 5 - Добавить второго перехода

Создайте еще три слоя и назовите их "img03", "img04" и "transition02".

Создание более слоя

На каждом слое щелкните на кадре 51 (1 кадр после предыдущего перехода состава) и вставить ключевые кадры, нажмите [F6] или щелкните правой кнопкой мыши и "Вставить Frame".

Вставьте рамку ...

... для всех слоев

Мы будем повторное второе изображение Movieclip, так как второе переходной экономикой следует начать с нее. Выберите только что созданный ключевой кадр на слое "img03" и перетащите Movieclip "image02" из библиотеки на сцену. Выберите только что созданный ключевой кадр на слое "img04" и перетащите Movieclip "image03" из библиотеки на сцену.

Перетащите MovieClips на созданных слоев

Теперь установить имена экземпляров этого образа MovieClips на "image03" и "image04".

Установить имя экземпляра первых изображений

Установить имя экземпляра второго изображения

Это немного запутанным установить слоя и имена экземпляров один номер вверх, потом Оригинальное название Movieclip. Но для лучшего обзора и свести количество возможных ошибок невысока, это лучше лечить MovieClips второго перехода, как совершенно новые MovieClips.

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

Перетащите компонент на сцене

Щелкните компонент на сцену, откройте компонент панели инспектора и выберите пункт "image03", как "Начало Movieclip" и "image04" как "Конец Movieclip".

Настройки внутри компонента панели инспектора

Для нового слоя создать три кадра в кадр 100 нажмите [F5] или щелкните правой кнопкой мыши и "Вставить Frame".

Включить в рамках всех трех уровней

При экспорте в настоящее время флэш-ролик, вы увидите, что оба перехода представлены до фильма обрубленный.

Результат

Шаг 6 - Добавить паузу между двумя изображения переходы

Чтобы иметь немного больше времени между переходами оставить ключевыми кадрами слоя "img01" и "transition01" нетронутым. Расширение длина слоя "img02" (образ, который заканчивается переходный период), добавив кадра в кадр 80 нажмите [F5] или щелкните правой кнопкой мыши и "Вставить Frame".

Вставьте рамку

Вставьте рамку

Теперь выберите весь блок второго перехода (вы можете так, что, перейдя из 51 кадра "transition01" и при нажатии SHIFT Основные нажав кадра 100 "img04") и переместить отверстие блока к кадру 81.

Выберите слоев ...

... перетащить блок к кадру 81 ...

и отпустите его

Вы можете сделать то же самое для второго перехода.

Скачать

Нажмите здесь , чтобы загрузить. FLA этого учебника. Примечание. FLA включает в себя демо-версию эффект компонент, который будет работать только в Flash IDE (Flash 8, Flash CS3 или Flash CS4), но не в браузере.

Вы также можете скачать Fuzz Влияние телевизора здесь .

Здесь вы можете найти видео-учебник о том, как осуществлять иные последствия.

  • Закладки