Резюме

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

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


Изисквания

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

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

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

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

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

Стъпка 2 - Внос изображения

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

Внос изображения

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

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

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

... име на MovieClip ...

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

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

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

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

Върнете се към главната времевата

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

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

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

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

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

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

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

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

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

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

Комплект например името на първия MovieClip

Комплект например името на втория MovieClip

Кликнете върху телевизия 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] или десния бутон и "Вмъкване на рамка".

Поставете всички рамки в три слоя

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

Резултат

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

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

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

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

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

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

... плъзнете рамката на блок 81 ...

и това съобщение

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

Изтеглям

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

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

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

  • Споделяйте / Bookmark