-Рубрики

 -Приложения

  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • ТоррНАДО - торрент-трекер для блоговТоррНАДО - торрент-трекер для блогов
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Онлайн-игра "Empire" Онлайн-игра "Empire"Преврати свой маленький замок в могущественную крепость и стань правителем величайшего королевства в игре Goodgame Empire. Строй свою собственную империю, расширяй ее и защищай от других игроков. Б

 -Фотоальбом

Фотоальбом закрыт всем, кроме хозяина дневника.

 -Поиск по дневнику

Поиск сообщений в НАТАЛИЯ_ЯКУНИНА

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 19.04.2014
Записей: 3360
Комментариев: 507
Написано: 4419


Флеш эффект движения картинок. Флеш галерея «Photo Stack Gallery».

Воскресенье, 23 Ноября 2014 г. 22:36 + в цитатник
Цитата сообщения novprospekt
В этой Рождественской музыкальной флеш открытке использован эффект движения картинок "Photo Stack Gallery".



Ссылкой на урок поделилась Верочка BAT.

Сделать такой эффект достаточно просто.
Для этого создаём папку для нашего проекта и называем её, например "Gallery".
В эту папку поместите картинки, которые хотите разместить в галереи. Картинки должны быть приблизительно одинакового размера по ширине, высоте и расположению. Картинки также должны быть размером примерно 300 x 400 пикселей.
Картинок может быть сколько угодно.
Я взяла 4 картинки.
Теперь, внутри папки "Gallery" создайте папку непосредственно для флеш галереи. Назовите её например "gall" В эту папку мы должны поместить библиотеку greensock для AS3, которая потребуется для создания эффекта.
Если у вас этой библиотеки нет, то можете скачать её по ссылке.
greensock-as3.zip

Архив с библиотекой скачайте в папку проекта "Gallery". Распечатайте его. В распечатанной папке "greensock-as3" нас интересует папка "com". Поэтому откройте папку "greensock-as3" и скопируйте в ней папку "com". Скопированную папку "com" вставьте в папку флеш галереи "gall", которая у вас также создана в папке "Gallery".
Далее открываем программу Adobe Flash CS6 и создаём новый ActionScript 3.0 с параметрами как на картинке

23-11-2014 14-56-50 (700x447, 192Kb)





Новый открывшейся ActionScript 3.0 сохраняем под именем gall 1 в папку с флеш галереей "gall", где теперь также находится папка "com".
Файл - Сохранить как.
Далее, не забывайте периодически сохранять изменения внесенные в ходе работы в файл gall 1.
Файл - Сохранить
После всех этих приготовлений начнём создание флеш галереи.

Загружаем в Библиотеку подготовленные ранее картинки для галереи.

Файл - Импорт - Импортировать в библиотеку

Открываем вкладку "Библиотека" и видим там загруженные картинки.

23-11-2014 15-16-07 (330x466, 60Kb)

Переименуйте на Временной шкале "Слой 1" в "photo". Выше слоя "photo" создайте слой "script".

23-11-2014 15-24-08 (673x319, 92Kb)

Выделите слой "photo" и из Библиотеки на Рабочий стол (Монтажный кадр 1) по очереди перетаскивайте загруженные картинки. Выделив размещенную на Рабочем поле картинку, конвертируйте каждую в фрагмент ролика с точкой регистрации в левом верхнем углу.

Модификация - Преобразовать в символ

23-11-2014 15-31-41 (700x593, 208Kb)

23-11-2014 15-34-54 (700x644, 273Kb)

Фрагментам роликов давайте имена Photo1, Photo2, Photo3, Photo4 и так далее...

Картинки, конвертированные в Фрагменты роликов, расположите в стопку так, чтобы верхняя картинка была смещена немного относительно находящихся в низу.

Вот так теперь должен выглядеть Рабочий стол (Монтажный кадр 1) и Библиотека

23-11-2014 15-43-52 (700x596, 242Kb)

Далее, берём инструмент "Стрелка" и обводим им из верхнего левого угла в правый нижний угол всю стопку с картинками, тем самым выделив все Фрагменты роликов.

23-11-2014 15-50-17 (638x700, 288Kb)

Сделанное выделение конвертируйте в Фрагмент ролика с точкой регистрации в левом верхнем углу и параметрами как на скрине

23-11-2014 15-56-43 (698x678, 379Kb)

Не снимая выделения с вновь созданного Фрагмента ролика Gallery, в панели "Свойства" даём ему имя
gallery

23-11-2014 16-02-22 (700x612, 306Kb)

Перейдём на слой "script" и откроем вкладку "Действия". В блокнот вставляем следующий скрипт


code:


import com.greensock.*;
import com.greensock.easing.*;

var timer:Timer = new Timer(4000);
timer.addEventListener(TimerEvent.TIMER,showNext);
timer.start();

var frontPhoto:MovieClip;

function showNext(e:TimerEvent):void{
frontPhoto = MovieClip(gallery.getChildAt(gallery.numChildren-1));
TweenLite.to(frontPhoto, .8,{x:600,y:-200,rotation:25,ease:Quart.easeIn,onComplete:moveBack});
}

function moveBack():void{
gallery.setChildIndex(frontPhoto,0)
TweenLite.to(frontPhoto, 1,{x:Math.random()*80 -40 , y:Math.random()*40 -20 ,rotation:0});
}





23-11-2014 16-09-40 (700x560, 314Kb)

Тестируем ролик
Ctrl+Enter

Если всё устраивает, то экспортируем ролик в флеш файл

Файл - Экспорт - Экспортировать ролик.










Серия сообщений "Уроки Flash":
уроки в разных флешпрограммах, авторские уроки flash

Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 36 - Урок "Самопишущийся текст" от BAT
Часть 37 - Снегопад с блёстками. Урок для Adobe Flash.
Часть 38 - Флеш эффект движения картинок. Флеш галерея «Photo Stack Gallery».




Серия сообщений "Рождество":

Часть 1 - Символы Православия. Клипарт PNG.
Часть 2 - Кластеры "Рождественское тепло".
...
Часть 18 - Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.
Часть 19 - С Рождеством!
Часть 20 - Флеш эффект движения картинок. Флеш галерея «Photo Stack Gallery».




Серия сообщений "музыкальные флеш открытки":

Часть 1 - Музыкальная флеш открытка к 23 февраля.
Часть 2 - Памяти Эдуарда Хиля.
...
Часть 8 - This Is Halloween. Музыкальная открытка.
Часть 9 - С Днём автомобилиста. Музыкальная флеш открытка.
Часть 10 - Флеш эффект движения картинок. Флеш галерея «Photo Stack Gallery».




Серия сообщений "Флешки Новогодние":

Часть 1 - Флешинформер "До Нового Года осталось..."
Часть 2 - Создаем флешки в программе Aleo Flash Intro Banner Maker.Часть первая.
...
Часть 17 - Плеер с календариком, часиками и приветствием «Снег с блёстками»
Часть 18 - Календарики в зимнем дизайне.
Часть 19 - Флеш эффект движения картинок. Флеш галерея «Photo Stack Gallery».


Серия сообщений "ОТКРЫТКИ":
Часть 1 - ДЕЛАЕМ МУЗЫКАЛЬНУЮ ОТКРЫТКУ
Часть 2 - ВИДЕО-УРОК - ИНСТРУКЦИЯ ПО СОЗДАНИЮ ПЛЕЙ-КАСТА
...
Часть 13 - РАМОЧКА
Часть 14 - АНИМИРОВАННАЯ ОТКРЫТКА "ПОЗДРАВЛЯЮ"
Часть 15 - Флеш эффект движения картинок. Флеш галерея «Photo Stack Gallery».
Часть 16 - Новогодняя открытка :Часть1-Анимация игрушки
Часть 17 - Море ПОЗИТИВА для Новогоднего настроения!
...
Часть 20 - Девочкам к Старому Новому году!
Часть 21 - Бродилка по авторам анимации + ПРИГЛАШЕНИЕ
Часть 22 - Урок для новеньких"Как вставить музыку на картинку"

Серия сообщений "*ADOBE FLASH":
Часть 1 - Без заголовка
Часть 2 - Без заголовка
...
Часть 4 - РАМОЧКИ И ЗАГОТОВКИ ДЛЯ ТВОРЧЕСТВА
Часть 5 - ФЛЕШ ФИЛЬТР ДЛЯ ПРОГРАММНОЙ АНИМАЦИИ "FLFMME". ACTION SCRIPT 2.
Часть 6 - Флеш эффект движения картинок. Флеш галерея «Photo Stack Gallery».
Часть 7 - СОЗДАНИЕ ПАНОРАМЫ НА ФЛЕШ
Часть 8 - Программное вращение 3-d во флеш. Урок для Flash CS 6. Action Script 3.
Часть 9 - Флеш-материал - О любви

Рубрики:  ИНТЕРНЕТ И КОМПЬЮТЕР

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку