-Рубрики

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

Поиск сообщений в Jorjorych

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 11.07.2013
Записей: 1657
Комментариев: 21887
Написано: 29188


Перелистывание страниц (Листалка), Adobe Flash, AS3. Урок первый.

Понедельник, 19 Января 2015 г. 23:32 + в цитатник

Красиво и привлекательно смотрятся такие флеш-открытки, перелистывающиеся курсором - подведите курсор к нижнему правому углу, нажмите и ведите влево. Или в обратную сторону, если флешка открыта... 

Вертикальная, постраничная


Вертикальная с полным разворотом


Горизонтальная с полным разворотом


Пусть Ваша фантазия напридумает форму и сюжет, а Вы, с помощью АФ, воплотите в флеш-открытку!

Расскажу как делать подобные (и бесподобные) работы с помощью библиотеки PageFlip.

Базовый урок тут!

1.Скачать по ссылке внизу поста "Вложение". Распаковать. Важны папка "lex" и файл  "Doc". Папку "Исходники" переместите на рабочий стол. Она Вам нужна, если будете экспериментировать с теми файлами, что использованы в уроке. Но в дальнейшем будете создавать свои картинки или копировать с интернета.  Материалы могут находиться где-либо на компе или копировать и вставлять в АФ прямо с сайтов ...

Пусть разархивированная папка (без папки "Исходники") сохранится на Вашем компе для дальнейшего использования. Или храните архив, в любое время сможете открыть и получить библиотеку классов PageFlip.

2.Создайте папку на рабочем столе (или где привыкли работать). Назовите как-нибудь, "Листалка", например.

3.Копировать из папки "Вложение" в папку "Листалка":  папку"lex" и файл "Doc". Тут пока всё.

4.Запустить программу АФ. Создать документ AS3.

5.Во вкладке "Свойства" дать название класса - =Doc

Безимени-1

6.Сохранить документ в папку "Листалка": Файл - Сохранить как... название без разницы.

Безимени-2

В папке имеем:

VFL.RU - ваш фотохостинг

Только теперь начинаем создавать листалку. Для этого:

7.Создать фрагмент ролика: Вставка - Новый символ - Фрагмент ролика. Назовите Content (не обязательно). Обязательно вставить галочки для экспорта в Action Script ,  а в графе "Идентификатор" дать название класса  ContentMc (важно)!

Безимени-3

После нажатия "ОК" попадаем в редакцию нашего ролика. 

В документе "Doc" уже заданы размеры нашей листалки. Об этом поговорим позже. Просто я Вам сообщаю, что размер закрытой листалки 200/300, соответственно в открытом виде = 400/300. Находится по центру монтажного кадра размером 550/400. Поэтому изображения, используемые нами имеют соответствующие размеры: для обложек - =200/300, для разворота - =400/300. Можно использовать картинки иных размеров, пропорциональных заданным. 

8.Импортировать в первый кадр изображение для обложки: Файл - импорт - импортировать в рабочую область. Выбрать, импортировать и при выделённой картинке, задать в "Свойства"  значения координат  X и Y = "0".

Безимени-4

9.На временной шкале вставить пустой ключевой кадр. Импортировать на нём картинку размером 400/300, выделить (кликать на ней инструментом "Стрелка"), в панели "Свойства" задать координаты Х=-200, Y=0.

Безимени-5

10.Аналогично пункту 9: добавляем пустой ключевой кадр, импортируем следующую картинку 400/300, координаты Х=-200, Y=0. (можете создавать аналогично п.п. 9/10 больше разворотов, но пока остановимся на этом, а на следующем кадре вставим вторую обложку)

11.Вставить пустой ключевой кадр (четвёртый), импортировать на нём картинку для последней обложки. А координаты для ней: X=-200, Y=0.

VFL.RU - ваш фотохостинг

Тестируем: Ctrl+Enter. Работает? Вот и замечательно! 

Давайте ещё немного поработаем над нашей флешкой: добавим один ролик (гиф цветок 3Д) и фон под листалку.

12.Создать фрагмент ролика для гифки "Цветок,3Д": Вставка - Новый символ - фрагмент ролика. Тут же импортируем гифку из папки с исходниками к уроку. Выделите и удалите последние два кадра, они бракованы!

Безимени-6

13.Заходим в библиотеку, выделяем символ видеоролика "Content", кликаем на нём дважды - открывается его редактор. выделяем четвёртый кадр и переносим на сцену созданный видеоролик "Цветок". помещаете где и как считаете, чуточку увеличим инструментом "Преобразование", удерживая Shift ... 

Безимени-7 Безимени-8

14.Добавляем общий фон флешки: переходим на монтажный кадр 1 и прямо импортируем картинку из нашей папки "Исходники" или другую, задаём размеры флешки (550/400), (фоновая картинка к уроку имеет размеры 600/316), выравниваем по центру.

VFL.RU - ваш фотохостинг

Безимени-9

Тестируйте. 


Нажмите комбинацию клавиш Ctrl+S - так сохранится в папке проекта FLA файл. Вы его сможете открыть вновь в АФ, отредактировать. А в следующем уроке продолжим с ним работать! Там же в папке создан автоматом и SWF файл - можете любоваться сотворённым!

Озвучивание, вставка ссылок , редакция документа "Doc" (для изменения размеров - конфигурации флешки) продолжим в следующем уроке (или уроках).

Творческого Вам вдохновения! До встречи!

Продолжение: Второй урок.

                                                      Третий урок. 

                                                       Четвёртый урок                                                           

Вложение: 4156415_vlozhenie.rar

Серия сообщений "МОИ УРОКИ. ":
Часть 1 - Создание флеш-альбома "Листалка" в программе FLIP Flash Album Deluxe 2
Часть 2 - Наложение футажей в фотошопе на временной шкале.2-й урок
...
Часть 30 - C Днём рождения , Саша!
Часть 31 - Ссылки на музыку для флеш работ: откуда и как получить?
Часть 32 - Перелистывание страниц (Листалка), Adobe Flash, AS3. Урок первый.
Часть 33 - Перелистывание страниц (Листалка), Adobe Flash, AS3. Урок второй.
Часть 34 - Перелистывание страниц (Листалка), Adobe Flash, AS3. Урок третий.
...
Часть 46 - Пламя свечи на AS3
Часть 47 - Выставляем на ЛиРу картинки с Гугл фото!
Часть 48 - Сглаживание анимации в фотошопе на видео шкале.

Рубрики:  Уроки/Adobe Flash
Метки:  

Процитировано 38 раз
Понравилось: 30 пользователям

ВАТ   обратиться по имени Понедельник, 19 Января 2015 г. 23:44 (ссылка)
Вот это скорость! Спасибо большое! Я как раз сейчас сижу и мучаюсь, у меня пока не получается без фона сделать. С фоном всё идёт. Хотела опять идти читать внимательно все комментарии, а тут уже урок готов. Спасибо большое! Начну сверяться, почему у меня не получается (у меня при подведении мышки в картинке выскакивает левая сторона разворота). Цитирую. Буду разбираться.
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 19 Января 2015 г. 23:57ссылка
Всё получится! Надеюсь, не очень сумбурно написал.
Перейти к дневнику

Вторник, 20 Января 2015 г. 00:00ссылка
Я только начало прочитала, сейчас буду разбираться. Я сделала горизонтальный фотоальбом. С фоном всё отлично идёт, а без него... Надеюсь разобраться.
Перейти к дневнику

Вторник, 20 Января 2015 г. 00:05ссылка
Чем смогу - помогу.
Перейти к дневнику

Вторник, 20 Января 2015 г. 00:06ссылка
Спасибо! Обязательно обращусь, если сама не смогу.
Нина_Гуревич   обратиться по имени Понедельник, 19 Января 2015 г. 23:57 (ссылка)
Спасибо. преогромнейшее!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 20 Января 2015 г. 00:01ссылка
Хорошая гимнастика для мозга!
Перейти к дневнику

Вторник, 20 Января 2015 г. 00:04ссылка
Точно. я давно не работала в этой программе, уже все забыла, надо мозги потренировать!!!
Перейти к дневнику

Вторник, 20 Января 2015 г. 00:07ссылка
Блуждая по инету и щупая всяко-разные программы пришёл к мнению, что Адобовские проги могут всё!
Cadmii   обратиться по имени Вторник, 20 Января 2015 г. 02:34 (ссылка)
))))))))))Аааааа...))))))))!!!!!!!!!!!!!!... Георгий. Ну Жора! Ну ты молодец.
Я все пыталась, пыталась, пыталась... Да так и не смогла. Твой урок намного понятнее, чем те, которые есть в нете.
теперь у меня точно получится!!!!
СПАСИБО!!!!
Цитирую с благодарностью.
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 20 Января 2015 г. 12:36ссылка
Привет большой, Таня!
Есть ещё много возможностей, расскажу в дальнейшем. Но основы тут!
В ожидании!
Навруб   обратиться по имени Вторник, 20 Января 2015 г. 04:53 (ссылка)
Преогромнейшее спасибо за урок!!!
Ответить С цитатой В цитатник
Miss_Niya   обратиться по имени Вторник, 20 Января 2015 г. 04:53 (ссылка)
Спасибо огромное. Только сегодня думала, гдебы поучится делать такую книжечку.
Ответить С цитатой В цитатник
Irina-snez   обратиться по имени Вторник, 20 Января 2015 г. 07:12 (ссылка)
Спасибо, за замечательный урок, Георгий! Сколько чудесных картин можно показать!
Ответить С цитатой В цитатник
Jorjorych   обратиться по имени Вторник, 20 Января 2015 г. 12:38 (ссылка)
Навруб, Miss_Niya, Irina-snez, будет продолжение, хотя основы тут, можно творить!
Ответить С цитатой В цитатник
LiSu   обратиться по имени Вторник, 20 Января 2015 г. 13:01 (ссылка)
Спасибо большое! С Демиартовскими уроками разве сравнишь? Там сиди и думай, что в виду, а что в скриптах... Отличный урок!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 20 Января 2015 г. 13:29ссылка
Но Вы же делали листалку! Или по FLA?
Перейти к дневнику

Вторник, 20 Января 2015 г. 13:45ссылка
Я не игнорирую хорошие уроки, память то девичья...
Rosida   обратиться по имени Вторник, 20 Января 2015 г. 13:47 (ссылка)
Ну что можно сказать про пост?Восхитительно и спасибо,что делитесь своими знаниями!!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 20 Января 2015 г. 14:03ссылка
Пользуйтесь на радость!
koreckolga   обратиться по имени Вторник, 20 Января 2015 г. 14:05 (ссылка)
Спасибо огромное, Георгий!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 20 Января 2015 г. 14:18ссылка
Привет, Ольга! Творческих успехов!
MissKcu   обратиться по имени Вторник, 20 Января 2015 г. 14:16 (ссылка)
вау...здорово....как раз хотела разбираться....а тут уже и урок...пасиб
Ответить С цитатой В цитатник
Татьяна_Волкова_Литвинова   обратиться по имени Вторник, 20 Января 2015 г. 18:13 (ссылка)
Георгий, спасибо за твой труд! Урок мельком прочитала и кое-что увидела, что делала не так. Буду разбираться. Урок доступен и по мере изучения буду задавать вопросы, если возникнут. Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 20 Января 2015 г. 18:20ссылка
Договорились! Вперёд!
здесь_нет_никого   обратиться по имени Вторник, 20 Января 2015 г. 18:13 (ссылка)
Спасибо за урок,возьму в закладочки,может будет настроение-сделаю,раньше бредила листалкой(не получалось) и видать перегорела.
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 20 Января 2015 г. 18:20ссылка
Я тоже на неё давно глаз положил. Но только теперь осилил.
Татьяна_НК   обратиться по имени Вторник, 20 Января 2015 г. 22:10 (ссылка)
Георгий, спасибо за твой труд! Отличный УРОК!!!
Собираю картинки и делаю УРА!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 20 Января 2015 г. 22:17ссылка
C нетерпением жду Ваших работ! Успеха!
Татьяна_НК   обратиться по имени Вторник, 20 Января 2015 г. 22:12 (ссылка)
Георгий как ваше СОО В плейкастах зовётся! отправлю некоторые работы.
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 20 Января 2015 г. 22:18ссылка
C удовольствием жду Вас в Coo "Жил-был Я": http://www.playcast.ru/communities/jil_byl_ya/
Татьяна_НК   обратиться по имени Вторник, 20 Января 2015 г. 22:43 (ссылка)
Отправила. 3 каста. добавила в проект "Зима колдунья",
ну там чуть чуть не по теме))). Теперь буду знать где ВЫ!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 20 Января 2015 г. 23:20ссылка
Это Вы под ником "Татьяна (melaniya510) "? Очень приятно!
Татьяна_НК   обратиться по имени Вторник, 20 Января 2015 г. 23:22 (ссылка)
ВЗАИМНО!!! ЦИтирую "ВАШи" сердечки классные. Спасибо!!
Ответить С цитатой В цитатник
Иришка-Манюшка   обратиться по имени Среда, 21 Января 2015 г. 19:12 (ссылка)
С благодарностью за урок!
Ответить С цитатой В цитатник
Любовь_Терехова   обратиться по имени Среда, 21 Января 2015 г. 23:09 (ссылка)
Большое спасибо за урок!!!
Ответить С цитатой В цитатник
Jorjorych   обратиться по имени Четверг, 22 Января 2015 г. 00:07 (ссылка)
Иришка-Манюшка, Любовь_Терехова, Вам спасибо за визит и добрые слова! Надеюсь уроки пригодятся, продолжеие будет!
Ответить С цитатой В цитатник
Аноним   обратиться по имени Суббота, 14 Февраля 2015 г. 15:45 (ссылка)
Георгий! У меня не получается! Всё делаю, как написано,. Тестирую: пустой фон! С уважением, Светлана.
Ответить С цитатой В цитатник    |    Не показывать ветку
Перейти к дневнику

Суббота, 14 Февраля 2015 г. 16:56ссылка
У многих уже получается. Более внимательно выполняйте действия!
innarom   обратиться по имени Суббота, 08 Августа 2015 г. 09:28 (ссылка)
цитирую с благодарностью
Ответить С цитатой В цитатник
Rimma14   обратиться по имени Суббота, 08 Августа 2015 г. 11:33 (ссылка)
Заглянула на минутку.Очень интересный блог.Постараюсь зайти и подольше задержаться.Чтобы все это прочитать,нужно время.Спасибо!
Ответить С цитатой В цитатник
Валентина-л   обратиться по имени Суббота, 08 Августа 2015 г. 11:51 (ссылка)
С благодарностью.
Ответить С цитатой В цитатник
Jorjorych   обратиться по имени Суббота, 08 Августа 2015 г. 12:07 (ссылка)
innarom, Rimma14, Валентина-л, заходите в любое время, на вопросы отвечу. Успеха Вам!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 08 Августа 2015 г. 12:11ссылка
Спасибо! Вам- отличного настроения, удач!
Нина_Бурмистрова   обратиться по имени Вторник, 14 Февраля 2017 г. 05:59 (ссылка)
Большое спасибо за урок, удачи в творчестве!!!!!!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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