Задача: сделать 5 различных баннеров во Flash'e, которые показываются в беспорядочном порядке.
Цель урока: учимся делать баннеры, подгружать файлы из вне.
Решение:
Делаем «ГЕНЕРАТОР».
1.Создаем новый документ File > New (Ctrl+N) 2.Размер 510х139, fps – 24.
3.Создаем сначала основной баннер, в который мы будем подгружать нужные нам баннеры. Данный пример вы уже видите перед собой, это шапка нашего сайта, она и есть баннер, который загружает в себя другие баннеры. Эта шапка есть «генератор», теперь будем его так называть. Создаем 5 слоев, называем их (сверху вниз) Акшин, Мувик, Исчез-текста, Загр, Загр-отраж. 4.В слое «Акшин» в первом кадре пишем:
stop(); // останавливаем наш "генератор" в первом кадре
// создаем новую арею, и подгружаем 5 баннеров, можно подгрузить не только swf, но и jpg-фотку
banners = new Array("http://flash-tehnologi.do.am/banners/banner1.swf",
"http://flash-tehnologi.do.am/banners/banner2.swf",
"http://flash-tehnologi.do.am/banners/banner3.swf",
"http://flash-tehnologi.do.am/banners/banner4.swf",
"http://flash-tehnologi.do.am/banners/banner5.swf");
// создаем функцию, которая выберает в беспорядочном порядке...
// ...баннеры из ареи и загружает их в _root.banner_movie_clip (т.е. в Мувик)
function randomBanners() {
randomNumber = random(banners.length);
loadMovie(banners[randomNumber], "_root.banner_movie_clip");
}
randomBanners(); // Мы создаем папку "banners" и размещаем там наши 5 баннеров с именами // (banner1, banner2, banner3, banner4, banner5) 5.В слое «Мувик» в первом кадре мы создаем пустой Мувик. Insert > New Symbol > MovieClip (Registration – левый верхний угол). Дабы баннеры грузились ровно по середине, а не справа снизу. Даем ему Instance name - “banner_movie_clip” 6.Далее, у нас остались 3 слоя, мы их используем для оформления нашего «генератора», что не обязательно. В данном случае, у меня здесь «типа загрузка». В слое «Загр» мы пишем (loading...загрузка), в слое «Загр-отраж» мы копируем наш текст и переворачиваем его «вверх ногами» и ставим ниже текста, дабы получилось отражение как в зеркале. В слое «Исчез-текста» мы рисуем градиент и размещаем его над перевернутым тестом. Градиент горизонтальный, верхняя часть должна быть Alpfa – 0%, а нижняя 100%.
7.Сохраняем и тестируем Window > Test Miovie (Ctrl+ENTER). У нас все готово, генератор - работает, не хватает последнего штриха, это самих баннеров. Читайте статью (Как зделать «баннер»?) Исходник урока здесь >>>
|