Источник урока
Здесь
Оригинал изображения
А теперь как я его делала.
Складываем пазл.
Сначала подготовим кусочки пазлов в фотошопе.
1.Открыть картинку в фотошопе, перевести в нулевой слой, нажав 2 раза на слой или захватив замочек тянем его в корзину.
2.Фильтр - Alien Skin Xenofex2 - Puzzle, меняем только выделенное число, остальное не трогаем.
![2014-06-02_19h17_58 (600x445, 407Kb)](//img0.liveinternet.ru/images/attach/c/0/113/555/113555096_20140602_19h17_58.png)
3.Создаём Новый слой. Заливаем его белым цветом и применяем фильтр Alien Skin Xenofex2 - Puzzle с теми же настройками.
![2014-06-02_19h28_09 (600x406, 68Kb)](//img0.liveinternet.ru/images/attach/c/0/113/555/113555258_20140602_19h28_09.png)
4.Берём инструмент волшебная палочка, выделяем первый элемент мозайки на слое с белым фоном.
![2014-06-02_19h28_55 (42x262, 12Kb)](//img0.liveinternet.ru/images/attach/c/0/113/555/113555436_20140602_19h28_55.png)
5.Переходим на слой с картинкой и нажимает CTRL + J, изменяем название слоя с элементом пазла на 1.
![2014-06-02_19h31_301 (346x164, 10Kb)](//img1.liveinternet.ru/images/attach/c/0/113/555/113555513_20140602_19h31_301.png)
6.Так делаем со всеми остальными элементами и называем слои 2, 3, 4 и т.д.
7.Удаляем слой с белой заливкой.
8.Сохранить как PSD.
9.Закрываем глазики на всех слоях, кроме слоя, где 1-й элемент
![2014-06-02_19h53_32 (600x407, 103Kb)](//img1.liveinternet.ru/images/attach/c/0/113/555/113555681_20140602_19h53_32.png)
10.Изображение - Триминг и созранить как...пнг в папке (для изготовления флеш)
![2014-06-02_20h35_56 (350x348, 33Kb)](//img1.liveinternet.ru/images/attach/c/0/113/555/113555881_20140602_20h35_56.jpg)
11.Редактирование - шаг назад или Alt+CTRL+Z
12.Открываем глазик на 2-м элементе, закрываем на первом и повторяем пункты 9 и 10. Так делаем со всеми элементами, не забывая при сохранении давать названия 1, 2, 3 и т. д.
Элементы можете подготовить по-своему, не обязательно как я написала.
Переходим в Adobe Flash.
1. Создаём новый документ. Размеры берём побольше, чтобы было легче перемещать элементы (детали) пазла.
![2014-06-02_20h39_36 (600x385, 37Kb)](//img1.liveinternet.ru/images/attach/c/0/113/555/113555905_20140602_20h39_36.jpg)
2.Добавляем все элементы в библиотеку Файл - импорт - импортировать в библиотеку. В открывшимся окне выделяем первый элемент, нажимаем Shift и нажимаем на последний элемент, затем открыть.
![2014-06-02_21h06_48 (600x461, 80Kb)](//img1.liveinternet.ru/images/attach/c/0/113/556/113556007_20140602_21h06_48.jpg)
3.Открываем библиотеку, выбираем 1-й элемент и переносим на сцену, ставим в любое место.
4. Превращаем элемент в символ, нажимая на F8
![2014-06-02_21h23_43 (600x457, 76Kb)](//img0.liveinternet.ru/images/attach/c/0/113/556/113556074_20140602_21h23_43.png)
5. Даём имя (instance name) экземпляру в панеле Свойства
![2014-06-02_21h28_361 (385x310, 21Kb)](//img0.liveinternet.ru/images/attach/c/0/113/556/113556178_20140602_21h28_361.png)
Таким же образом перетаскиваем все элементы на сцену, превращаем каждый в символ (мувиклип) p1-p12, даём имя каждому символу p1_mc, p2_mc, p3_mc и т.д.
6. После того как все элементы перенесли, на временной шкале создаём 2-й слой, называем его "actions".
![2014-06-02_21h59_29 (600x139, 37Kb)](//img0.liveinternet.ru/images/attach/c/0/113/556/113556234_20140602_21h59_29.png)
7 Нажимаем F9 на клавиатуре и вставляем код.
код
var pieces : Array = [p1_mc, p2_mc, p3_mc, p4_mc, p5_mc,p6_mc,
p7_mc, p8_mc, p9_mc, p10_mc, p11_mc, p12_mc];
for (var i:int=0; i<pieces.length; i++) {
pieces[i].buttonMode = true;
pieces[i].addEventListener(MouseEvent.MOUSE_DOWN, startMove); pieces[i].addEventListener(MouseEvent.MOUSE_UP, stopMove);
}
function startMove(evt:MouseEvent):void{
evt.target.startDrag();
}
function stopMove(evt:MouseEvent):void{
evt.target.stopDrag();
}
Если вы захотите взять другое количество элементов пазла, добавьте или уменьшите в коде instance name (p1_mc, p2_mc,.... pN_mc, где N - число элементов пазла, которое вы возьмёте) там где выделено жёлтым.
![2014-06-02_22h06_01 (600x518, 52Kb)](//img0.liveinternet.ru/images/attach/c/0/113/556/113556750_20140602_22h06_01.jpg)
8. Протестируйте ролик Ctrl+Enter
9. Если всё нормально сохранить ролик Файл - Экспорт - Экспортировать ролик.
Вот и весь урок. Что непонятно будет спрашивайте. Успехов в освоении Adobe Flash cs5 или cs6!
ВАТ