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", в панели "Свойства" > Параметры компонента экспериментируйте со значениями и добейтесь желаемого результата.

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

Серия сообщений "Уроки флэш":
Часть 1 - Уроки флэш
Часть 2 - Создание Флэш-открытки
...
Часть 24 - Собери пазл
Часть 25 - Эффект "Боке" в Adobe Flash.
Часть 26 - Эффект "Yo-Yo" во флеш

Серия сообщений "Adobe Flash":
Часть 1 - Делаем «Вечный таймер обратного отсчета» в Adobe Flash. AS3
Часть 2 - Работа с шаблонами в Adobe Flash. Обратный отсчет даты.
...
Часть 14 - Собери пазл
Часть 15 - Эффект "Боке" в Adobe Flash.
Часть 16 - Эффект "Yo-Yo" во флеш