Меня попросили рассказать как сделать вот такой эффект на картинке в программе Adobe Flash CS6.

Для повторного просмотра кликаем по картинке



Рассказываю..
Эффект делала по УРОКу, в который внесла свои добавки и комментарии...

Начнем!

Скачайте и распапкуйте архив с материалом(код+исходник)

1.Создадим папку с проектом.
Назовем Проект Картинка из кусочков.
Скопируем в нее картинку,на которй будем делать эффект.

2.Открываем программу.Создадим документ AS2
[показать]
[показать]
Сохраним в папку проекта.Назовем Картинка из кусочков.
[показать]

Так в папке проекта...
[показать]
3.Создадим новый символ.
Вставка-Создать символ
[показать]
Откроется окно...Сделаем все как на скрине.
В окошко Имя вводим- pic,в Идентификатор- myPic
Жмем ОК.
[показать]
(Если появится предупреждение.Жмем ОК.)
[показать]
Открылось большое поле редактитрования символа.
[показать]
В Библиотеке должно быть так
[показать]
4.Будем импортировать картинку в поле редактирования
[показать]
Указываем путь к папке с проектом и вот наша картинка
[показать]
5.Выделяем картинку стрелкой(V).
Идем в Свойства
Выставляем положения по Х и Y=0
Запоминаем размеры.У меня 700/457
[показать]
Возвращаемся на основную сцену(Монтажный кадр1)
[показать]
6.Идем в Свойства и выставляем размеры рабочей сцены по размеру картинки
[показать]
****
Небольшое отступление..
Можно поместить картинку на фон ,а можно оставить на прозрачном фоне.
Если вы хотите сохранить флешку на прозрачном фоне , на временной шкале будет один слой и сразу приступим к выполнению пункта 8.
[показать]
****
Рассмотрим вариант с фоном.
Для этого создадим второй слой и опустим его вниз.Переименуем в Фон.
На верхнем слое будет Код.
В Слоях будет так.
[показать]
Цвет подбираем под цвет картинки..или любой другой.. что вам нравится.
[показать]
7.Встаем на нижний слой с фоном.
Активируем инструмент прямоугольник и рисуем по размеру сцены.
[показать]
Чтобы размеры прямоугольника совпадали, в Свойствах
укажите размеры рабочей области при выделенном прямоугольнике.

И инструментом Выравнивание выровняйте как показано на скрине.
[показать]
****
8.Встаем на верхний слой Код.
Открываем Панель Действия F9 и пишем код из папки с материалом(ссылка вначале поста).
Ctrl+Enter-Любуемся результатом.
Сохраняем работу.Экспортируем ролик(Файл-Экпорт-Экпортировать ролик)


Давайте посмотрим,что можно поменять в коде..
В этой строке можно менять размер квадратиков
[показать]
Здесь попробуйте менять значения по X и Y
[показать]
..я поменяла значение Y=1..вот так получается
кликаем по флешке


Пример на прозрачном фоне


В этом уроке я расписала основные моменты.
Вы же можете эксперементировать ,фантазировать..вносить что-то свое..
Творите.Удачи!

Серия сообщений "**Мои уроки":

Часть 1 - Цветочный шлейф за курсором
Часть 2 - Слайд-шоу в Aleo Flash Intro Banner Maker встроенным эффектом..)
...
Часть 21 - Делаем флеш календарик в Adobe Flash (AS3).
Часть 22 - Анимация частей картинки с помощью маски.Урок для Adobe Flash.
Часть 23 - Урок. Картинка из кусочков в Adobe Flash CS6
Часть 24 - Урок.Эффект полосок на картинке в Adobe Flash.