Резюме

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

Ось кінцевий результат:


Вимога

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 Вплив телевізора тут .

Тут ви можете знайти відео-підручник про те, як здійснювати інші наслідки.

  • Дані