Обобщение

В този урок ще научите как да създадете слайдшоу, което е едно трептене / полицай, повредени преход TV между изображения.

Ето крайния резултат:


Изисквания

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

Забележка: скрийншота в този урок са направени в Flash CS3. Той работи абсолютно същия в Flash 8 или по-Flash CS4. Този настойнически е ActionScript 2 (въпреки че не ActionScript е задължително).

Стъпка 1 - Инсталиране на компонент ефект

Изтеглете TV Fuzz Ефект тук . Моля, следвайте инструкциите за инсталиране и плъзнете компонент от компонент панел в библиотеката на вашия. файл FLA.

Плъзнете компонент в библиотеката

Стъпка 2 - Внос снимки

Внос на трите снимки "Файл" -> "внос" -> "внос в библиотека ...".

Внос снимки

Стъпка 3 - Конвертиране на изображения в Movieclip

Създаване на нов Movieclip [натиснете Ctrl-F8] или "Insert" -> "нов символ ...", име "image01" и постави първото изображение в първата рамка на този Movieclip. Повторете тази стъпка за други снимки, име на тези Movieclips "image02" и "image03". BTW, за именуване е до вас.

Създаване на нов Movieclip ...

... име на Movieclip ...

... и плъзнете изображението на времевата линия на Movieclip

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

Стъпка 4 - Създаване на първия преход

Сега кликнете върху "Scene 1", за да се върнем към основните дати.

Връщане към основните дати

Преименуване на вече съществуващите слой "img01". Създаване на по-слой и името им "img02" и "transition01". Отново именуване е само за по-добра представа. Можете да избирате различни имена, ако искаш.

Преименувайте слоя

Плъзнете първите две изображения Movieclips от библиотеката към съответните слой.

Плъзнете Movieclips на слоеве

Щракнете в първия кадър на слоя "transition01". Плъзнете TV Fuzz Ефект компонент от вашата библиотека на сцената. Компонент автоматично ще се прилепват към горния ляв ъгъл на Movieclip.

Плъзнете компонент на слой

За всеки слой кликнете на кадър 50 и да се създаде рамка [натиснете F5] или десен бутон и "Вмъкване на приставка".

Създаване на рамка ...

... на всички слоеве

Важно е да се даде на изображение Movieclips например имена, иначе ефектът компонент не е в състояние да ги открият. Кликнете върху изображението Movieclip един по един и да определи имената например, в този случай "image01" и "image02" (можете да изберете друго име, ако искате).

Задайте например името на първия Movieclip

Задайте например името на втория Movieclip

Кликнете върху TV Fuzz Ефект на сцената и да се открие елемент инспектор панел [натиснете SHIFT-F7] или "прозорец" -> "Компонент инспектор". Всички Movieclips с Например имената в тази рамка, са изброени в "Старт Movieclip" и "Крайна Movieclip" Изберете списъка. Изберете "image01" като "Старт Movieclip" и "image02" като "край Movieclip".

Начало опции Movieclip

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

Износ на флаш филм [натиснете Ctrl-ENTER] или "Command" -> "Тест филм". Преходът се започне от първото изображение на втора.

Резултат

Стъпка 5 - Добавяне на втория преход

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

Създаване на повече слоеве

На всеки слой кликнете на кадър 51 (по един кадър след предишния преход е приключил) и вмъкнете keyframes [натиснете F6] или десен бутон и "Вмъкване на приставка".

Вмъкване на кадър ...

... за всички слоеве

Ние ще повторна употреба на втората снимка Movieclip, тъй като вторият преход трябва да започне с нея. Кликнете върху току-що създадената keyframe на слой "img03" и плъзнете Movieclip "image02" от библиотеката на сцената. Кликнете върху току-що създадената keyframe на слой "img04" и плъзнете Movieclip "image03" от библиотеката на сцената.

Плъзнете Movieclips върху създадените слоеве

Сега настроите например имената на картинката Movieclips към "image03" и "image04".

Задайте например името на първата снимка

Задайте например името на втората снимка

Това е малко объркващо да слой и имената например един номер нагоре след първоначалното име Movieclip. Но за по-добър поглед и да се ограничи броят на потенциалните грешки ниско, по-добре за лечение на Movieclips на втория преход в напълно нов Movieclips.

Изберете слой "transition02" и плъзнете компонента в сила от вашата библиотека на сцената. Отново, този компонент ще се прилепват автоматично.

Плъзнете компонент На сцената

Кликнете върху компонентите на сцената, отворете компонент панел инспектор и изберете "image03" като "Старт Movieclip" и "image04" като "край Movieclip".

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

За нови три слоя създаде кадър по кадър 100 [натиснете F5] или десен бутон и "Вмъкване на приставка".

Вмъкване на кадър и в трите слоя

Когато експортирате вашия филм флаш сега, ще видите, че и двата прехода са показани преди филма е съкрати.

Резултат

Стъпка 6 - Добавяне на пауза между двете изображения преходи

За да имате малко повече време между преходи напуснат keyframes на слой "img01" и "transition01" недокоснати. Разширяване на дължината на слоя "img02" (на имиджа, който завършва с преход), чрез добавяне на рамка, в рамката 80 [натиснете F5] или десен бутон и "Вмъкване на приставка".

Поставете рамката

Поставете рамката

Сега изберете целия блок на втория преход (можете да, така че като кликнете върху рамката 51 "transition01" и с натиснат клавиша за промяна, кликнете кадър 100 на "img04") и да се премести на блок дупка на рамката 81.

Изберете слоя ...

... плъзнете блок да се постави рамка 81 ...

и съобщение, че

Можете да направите същото за втория преход.

Изтегли

Щракнете тук, за да изтеглите. FLA на този урок. Забележка:. FLA включва пробна версия на ефекта компонент, който ще работи само в Flash IDE (Flash 8, Flash CS3 или Flash CS4), но не в рамките на браузъра.

Можете също така да изтеглите TV Fuzz ефект тук .

Тук можете да намерите видео настойнически за това как да се приложи различен ефект.

  • Отбележи