Мини фотоальбомчик во flash

топ 100 блогов Legionary12.02.2010

Мини фотоальбомчик во flash



Итак, напоминаю, работаем мы в программе Sothink SWF Quicker. Это первый пост с уроком по этой программе, там же и ссылки на ее скачку.

Сегодня будем делать вот такое ( урок очень простой):




Для начало нам надо найти или подобрать картинки, я взял всего 5 штук. Надо подогнать их примерно под один размер, у меня это 292 на 220.

Теперь открываем программу, в появившемся окошке как всегда выбираем первый пункт и жмем "ок"

Далее, сразу импортируем в программу наши картинки. Жмем "file" пункт "import to library":


Мини фотоальбомчик во flash (223x348, 24Kb)

В открывшемся окошке, как всегда находим нужные нам картинки, выделяем их и жмем "открыть":

Мини фотоальбомчик во flash (284x238, 15Kb)

Все, теперь начинаем:-) Работать будем прямо в сцене. Пропишем размер сцены ( клик по сцене, а дальше как на скрине), чтобы он соответствовал размеру картинок ( в моем случае это 292 на 220) и частоту кадров поставим - 9:
Мини фотоальбомчик во flash (353x170, 15Kb)

Сразу создадим 6 слоев ( если 5 картинок, если больше то +1 соответственно):
Мини фотоальбомчик во flash (159x168, 11Kb)

Теперь переносим на первый кадр первого слоя ( щелчок по кадру и слою, чтоб на них "встать) первую картинку и выравниваем ее на сцене ( стрелки на клавиатуре):
Мини фотоальбомчик во flash

Далее, встаем на первый кадр второго слоя и точно так же, поверх предыдущей картинке, переносим вторую:-)
Повторяем процедуру для остальных картинок соответственно,- на 3,4,5 слои :-)

Картинки перенесли, выровняли. Теперь, встаем на 20-ый кадр 5-ого слоя и жмем f6 ( либо правой кнопкой мыши, пункт "insert key frame"
Стоя на этом 20 кадре, кликаем по картинке на сцене и смотрим справа:


Мини фотоальбомчик во flash (239x177, 14Kb)

Жмем по стрелке и меняем значение "none" на "alpha":

Мини фотоальбомчик во flash (232x130, 13Kb)

После чего, снизу появится вот такое поле, куда вместо "100" вписываем 0 и щелкаем по картинке:

Мини фотоальбомчик во flash (229x67, 5Kb)

Картинка должна исчезнуть после этих действий:-) Но это не совсем так, объясню немного на будущее:
"alpha" - это параметр прозрачности, т.е. поставив ноль, мы сделали картинку очень прозрачной.

Теперь, щелкаем по любому кадру между 1-ым и 20-ым правой кнопкой мыши и выбираем пункт по стрелке:
Мини фотоальбомчик во flash (243x134, 13Kb)


Теперь переходим на 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

Уже практически все:-)
Теперь нам надо закольцевать нашу флешку, чтобы переход обратно к первой картинке с последней был таким же плавным.
Для этого, копируем первый кадр пятого слоя,- правой кнопкой мыши по кадру, в окошке пункт "copy frame":

Мини фотоальбомчик во flash (250x250, 22Kb)

Теперь переходим к нашему пустому 6-ому слою, встаем на 100 кадр и вставляем наш скопированный кадр ,- правой кнопкой мыши по кадру, пункт "paste frames"
Мини фотоальбомчик во flash (330x240, 23Kb)

Далее, встаем на 120 кадр нашего 6-ого слоя и жмем f5 ( либо правой кнопкой мыши, пункт "insert frame")( от 100 до 120 кадра протянется пунктирная линия,- это не страшно, не обращайте внимания:-) )
Теперь нам осталось только перетащить наш 6-ой слой в самый низ, под первый. Нажимаем на "имя" слоя левой кнопкой мыши, не отпуская ее, тащим слой вниз.
В результате все должно выглядеть так:
Мини фотоальбомчик во flash

Вот и все, жмем превью, если нравится,- сохраняем:-) Это вы уже умеете делать:-)
Мысль для вас,- если объединить этот урок и урок по созданию флеш открытки, и в муви клипе, в котором мы анимировали сердце, сделать анимацию вот по этому уроку, тоже получится очень симпатично;-)

P.S. Этот пост будет доступен также на форуме Legion

Оставить комментарий



Архив записей в блогах:
Что такое эффективные и автономные источники энергии? Это невиданная ранее свобода. Можно строить комфортный дом на недорогой земле, постоянно обогревать бассеин, на электро-мобиле или летательном аппарате преодолевать расстояния, не заботясь о стоимости топлива... Изменится логистика, стр ...
Сегодня в очном разговоре с группой приятных людей я вскользь объясняла, в частности, почему сейчас не пишу в блоге личных постов (открыто) и вообще мало пишу о чем бы то ни было в последние месяцы. Такой разговор зашел неспроста, конечно, а в тему Дня Независимости Украины, о чувствах к д ...
У нас в стране, что не неделя, то день траура, людей жаль. Соболезную, ...
У меня, в голове, родился вот такой вопрос) Ответы в комментариях. P.S. Друзья, следить за обновлением  блога "Рубиновое сердце" стало, значительно легче. Для этого достаточно просто подписаться на блог ...
...