Мини фотоальбомчик во flash
![топ 100 блогов](/media/images/li.png)
Мини фотоальбомчик во flash
Итак, напоминаю, работаем мы в программе Sothink SWF Quicker. Это первый пост с уроком по этой программе, там же и ссылки на ее скачку.
Сегодня будем делать вот такое ( урок очень простой):
Для начало нам надо найти или подобрать картинки, я взял всего 5 штук. Надо подогнать их примерно под один размер, у меня это 292 на 220.
Теперь открываем программу, в появившемся окошке как всегда выбираем первый пункт и жмем "ок"
Далее, сразу импортируем в программу наши картинки. Жмем "file" пункт "import to library":
![Мини фотоальбомчик во flash (223x348, 24Kb)](http://img0.liveinternet.ru/images/attach/c/1//55/56/55056048_1.jpg)
В открывшемся окошке, как всегда находим нужные нам картинки, выделяем их и жмем "открыть":
![Мини фотоальбомчик во flash (284x238, 15Kb)](http://img1.liveinternet.ru/images/attach/c/1//55/56/55056155_1.jpg)
Все, теперь начинаем:-) Работать будем прямо в сцене. Пропишем размер сцены ( клик по сцене, а дальше как на скрине), чтобы он соответствовал размеру картинок ( в моем случае это 292 на 220) и частоту кадров поставим - 9:
![Мини фотоальбомчик во flash (353x170, 15Kb)](http://img1.liveinternet.ru/images/attach/c/1//55/56/55056591_1.jpg)
Сразу создадим 6 слоев ( если 5 картинок, если больше то +1 соответственно):
![Мини фотоальбомчик во flash (159x168, 11Kb)](http://img0.liveinternet.ru/images/attach/c/1//55/56/55056445_1.jpg)
Теперь переносим на первый кадр первого слоя ( щелчок по кадру и слою, чтоб на них "встать) первую картинку и выравниваем ее на сцене ( стрелки на клавиатуре):
![Мини фотоальбомчик во flash](http://s001.radikal.ru/i195/1002/14/83f063ff2482t.jpg)
Далее, встаем на первый кадр второго слоя и точно так же, поверх предыдущей картинке, переносим вторую:-)
Повторяем процедуру для остальных картинок соответственно,- на 3,4,5 слои :-)
Картинки перенесли, выровняли. Теперь, встаем на 20-ый кадр 5-ого слоя и жмем f6 ( либо правой кнопкой мыши, пункт "insert key frame"
Стоя на этом 20 кадре, кликаем по картинке на сцене и смотрим справа:
![Мини фотоальбомчик во flash (239x177, 14Kb)](http://img0.liveinternet.ru/images/attach/c/1//55/57/55057544_1.jpg)
Жмем по стрелке и меняем значение "none" на "alpha":
![Мини фотоальбомчик во flash (232x130, 13Kb)](http://img0.liveinternet.ru/images/attach/c/1//55/57/55057709_1.jpg)
После чего, снизу появится вот такое поле, куда вместо "100" вписываем 0 и щелкаем по картинке:
![Мини фотоальбомчик во flash (229x67, 5Kb)](http://img0.liveinternet.ru/images/attach/c/1//55/57/55057841_1.jpg)
Картинка должна исчезнуть после этих действий:-) Но это не совсем так, объясню немного на будущее:
"alpha" - это параметр прозрачности, т.е. поставив ноль, мы сделали картинку очень прозрачной.
Теперь, щелкаем по любому кадру между 1-ым и 20-ым правой кнопкой мыши и выбираем пункт по стрелке:
![Мини фотоальбомчик во flash (243x134, 13Kb)](http://img0.liveinternet.ru/images/attach/c/1//55/58/55058017_1.jpg)
Теперь переходим на 4-ый слой. Встаем на 25-ый ( т.е. плюс 25) кадр 4-ого слоя, жмем f6 ( либо правой кнопкой мыши, пункт "insert key frame" )
Улавливаем логику:-) прибавляем к нашему 25 кадру еще 20, значит встаем на 45 кадр.Повторяем процедуру, т.е.:
жмем f6 ( либо правой кнопкой мыши, пункт "insert key frame" )
кликаем по картинке на сцене и смотрим справа, меняем значение "none" на "alpha", вместо "100" вписываем 0 и щелкаем по картинке,
щелкаем по любому кадру между 25-ым и 45-ым правой кнопкой мыши и выбираем пункт "creat motion tween".
Если логику не уловили, пишу:
переходим на 3-ий слой. Встаем на 50-ый кадр 3-его слоя, жмем f6 ( либо правой кнопкой мыши, пункт "insert key frame" )
прибавляем к нашему 50 кадру еще 20, значит встаем на 70 кадр.Повторяем процедуру, т.е.:
жмем f6 ( либо правой кнопкой мыши, пункт "insert key frame" )
кликаем по картинке на сцене и смотрим справа, меняем значение "none" на "alpha", вместо "100" вписываем 0 и щелкаем по картинке,
щелкаем по любому кадру между 50-ым и 70-ым правой кнопкой мыши и выбираем пункт "creat motion tween".
переходим на 2-ой слой. Встаем на 75-ый кадр 2-ого слоя, жмем f6 ( либо правой кнопкой мыши, пункт "insert key frame" )
прибавляем к нашему 75 кадру еще 20, значит встаем на 95 кадр.Повторяем процедуру, т.е.:
жмем f6 ( либо правой кнопкой мыши, пункт "insert key frame" )
кликаем по картинке на сцене и смотрим справа, меняем значение "none" на "alpha", вместо "100" вписываем 0 и щелкаем по картинке,
щелкаем по любому кадру между 75-ым и 95-ым правой кнопкой мыши и выбираем пункт "creat motion tween".
Теперь переходим на 1-ый слой. Встаем на 100-ый кадр 1-ого слоя, жмем f6 ( либо правой кнопкой мыши, пункт "insert key frame" )
Прибавляем к нашему 100 кадру еще 20, значит встаем на 120 кадр.Повторяем процедуру, т.е.:
жмем f6 ( либо правой кнопкой мыши, пункт "insert key frame" )
кликаем по картинке на сцене и смотрим справа, меняем значение "none" на "alpha", вместо "100" вписываем 0 и щелкаем по картинке,
щелкаем по любому кадру между 100-ым и 120-ым правой кнопкой мыши и выбираем пункт "creat motion tween".
В результате лента кадров у Вас будет выглядеть так:
![Мини фотоальбомчик во flash](http://i063.radikal.ru/1002/b6/7d862b7f94d2t.jpg)
Уже практически все:-)
Теперь нам надо закольцевать нашу флешку, чтобы переход обратно к первой картинке с последней был таким же плавным.
Для этого, копируем первый кадр пятого слоя,- правой кнопкой мыши по кадру, в окошке пункт "copy frame":
![Мини фотоальбомчик во flash (250x250, 22Kb)](http://img0.liveinternet.ru/images/attach/c/1//55/67/55067580_1.jpg)
Теперь переходим к нашему пустому 6-ому слою, встаем на 100 кадр и вставляем наш скопированный кадр ,- правой кнопкой мыши по кадру, пункт "paste frames"
![Мини фотоальбомчик во flash (330x240, 23Kb)](http://img0.liveinternet.ru/images/attach/c/1//55/67/55067701_1.jpg)
Далее, встаем на 120 кадр нашего 6-ого слоя и жмем f5 ( либо правой кнопкой мыши, пункт "insert frame")( от 100 до 120 кадра протянется пунктирная линия,- это не страшно, не обращайте внимания:-) )
Теперь нам осталось только перетащить наш 6-ой слой в самый низ, под первый. Нажимаем на "имя" слоя левой кнопкой мыши, не отпуская ее, тащим слой вниз.
В результате все должно выглядеть так:
![Мини фотоальбомчик во flash](http://s003.radikal.ru/i201/1002/f1/bca71feadc64t.jpg)
Вот и все, жмем превью, если нравится,- сохраняем:-) Это вы уже умеете делать:-)
Мысль для вас,- если объединить этот урок и урок по созданию флеш открытки, и в муви клипе, в котором мы анимировали сердце, сделать анимацию вот по этому уроку, тоже получится очень симпатично;-)
P.S. Этот пост будет доступен также на форуме Legion