1. Скачать архив.    (Или в конце урока вложение)

       Разархивировать - есть два файла: исходник fla и скрипт.

2. Запуск программы (Adobe Flash).

3. Открыть из папки (не импорт) "COMPONENT_fr_springer".

4. Импортировать на рабочий стол два изображения. (Я сделал их в фотошопе в формате ПНГ . Но можно рисовать прямо на рабочий стол, например, прямоугольник и овал).

5. Преобразовывать изображения в фрагменты ролика (мувиклипы). В панели "свойства присвоить имена, соответственно: clip1  и  clip2

Тестировать, если желаете.

6. Создать новый слой над "Layer1" для скрипта (дополнительного) - "as". Скопировать скрипт (ниже или из папки вложения) и вставить на панели "Действия".

startDrag(clip2,true);

Тестировать: Ctrl + Enter  (Примерно так)

7. Отредактировать взаимное месторасположение роликов clip1 / clip2:

Шаблон готов:

Предстоит приятная творческая деятельность!

8. Добавить новый слой, переместить под Layer1, назвать "Фон"  (fone)

9. На этом слое импортировать изображение для фона. (Можно подготовить заранее в фотошопе или скопировать в инете нужных размеров).

10. Задать размеры рабочего стола под значения ширины и высоты фонового изображения.

(Можно создать ролик и вставить на фоновый слой)

Попейте кофейку или ... 

Продолжим!

 Редактируем фрагменты ролика (Мувики): 

11. Создать ролик:

(Создал гифку "Два сердца" быстро, для иллюстрации урока, не судите строго)

12. Возвращаемся на сцену. Двойным кликом на clip1 (сердечко) вызываем редактор клипа.

13. Из библиотеки переносим на поле созданный мувиклип символ 3.

14. Удаляем сердечко и, на её место. устанавливаем мувиклип "Символ 3"

15. Активируйте "springer", в панели "Свойства" > Параметры компонента экспериментируйте со значениями и добейтесь желаемого результата.

Жду Ваших работ в качестве отчёта. Задавайте вопросы.

Вложение: 4115875_effects_for_af_yoyo.rar

Серия сообщений "МОИ УРОКИ. ":
Часть 1 - Создание флеш-альбома "Листалка" в программе FLIP Flash Album Deluxe 2
Часть 2 - Наложение футажей в фотошопе на временной шкале.2-й урок
Часть 3 - Наброски о работе на временной шкале в фотошопе "СС"
Часть 4 - Эффект "Yo-Yo" во флеш
Часть 5 - Видеосправка к уроку "эффект Yo-Yo во флеш"
Часть 6 - Дополнение к уроку "Эффект Yo-Yo во флеш"
...
Часть 46 - Пламя свечи на AS3
Часть 47 - Выставляем на ЛиРу картинки с Гугл фото!
Часть 48 - Сглаживание анимации в фотошопе на видео шкале.