-Цитатник

Найди кота! или Как правильно спрятаться? - (5)

Ну очень улыбнуло!!!

Анимация формы во Flash(морфинг). - (5)

Анимация формы во Flash(морфинг) Морфинг отличается от предыдущих типов анимации тем,что работает...

Урок для Фотошоп " Закрываем глазки". - (11)

От меня добавка - Кисти для фотошоп "Ресницы" Вложение: 4167720_eyelashes.rar Смотреть зде...

Анимация частей картинки с помощью маски.Урок для Adobe Flash. - (2)

В комментариях к посту Использование анимированной маски в Adobe Flash.Урок ...

Текстовый скроллинг средствами флеш. - (0)

Текстовый скроллинг. Прокрутка текста средствами флеш. (Часть п...

 -Рубрики

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

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

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 02.09.2010
Записей: 709
Комментариев: 11273
Написано: 13505


Анимация формы во Flash(морфинг).

Четверг, 02 Апреля 2015 г. 15:17 + в цитатник
Цитата сообщения здесь_нет_никого Анимация формы во Flash(морфинг)

Морфинг отличается от предыдущих типов анимации тем,что работает только исключительно с графическими(векторными) объектами,а не с символами.
Простой способ плавного изменения формы я думаю все встречали на сайтах по флеш(плавное перетекание квадратика в круг),



это все графические элементы,не думаю,что кто-то будет это делать,интереснее смотреть на картинку в png,как она меняет форму,превращаясь в другую png,но морфинг с растром не работает.Следует выполнить определенный алгоритм действий.
Расскажу на своём примере.
Создаем документ,импортируем в библиотеку нужные нам картинки,заранее подготовленные по размеру и на прозрачном фоне.Сразу делаю акцент - картинка должна быть без градиентов,без теней и желательно не сильно пестрая(программа не сможет её просчитать),кто знает,что такое вектор,тот представляет,сколько плашечек оттенков цвета в какой-нибудь картинке,поэтому согласитесь,что программа Flash предназначена не для основной работы с вектором.
Итак, все загрузили в библ.,идём -вставка- создать символ- в самом символе с библ. вставляем картинку,выделяем,затем -модификация-растровое изображение-векторизация.
2 (700x325, 129Kb)
Откроется окошечко,если у вас стоит пороговое значение 100,исправьте на 10,а вот значение наименьшая область,можно поэкспериментировать,по умолчанию стоит 1,но это слишком долго прога будет просчитывать(каждую точку цвета),поэтому в зависимости,какая у вас картинка,насколько сложная по цвету,меняете это значение и смотрите,нажав предварительный просмотр,главное,чтобы не сильно исказилось качество,вот на моём примере,как бы 25 многовато,но качество сильно не пострадало,если устраивает результат,нажимаем ок.
3 (567x418, 94Kb)
Не снимая выделения,нажимаем -копировать-
4 (509x330, 93Kb)
и идем на монтажную сцену,выделяем 1 кадр и на сцене -вставить.
6 (693x479, 96Kb)
Передвигать лучше стрелками на клавиатуре,или чтоб было выделено все изображение и стрелка показывала перекрестье,иначе сдвинете по кусочкам,это уже вектор,а не символ.
Выделяем первый кадр и выбираем -создать анимацию формы,дальше примерно на 60 кадре вставляем пустой ключевой кадр.На шкале дорожка делается точками.
5 (680x492, 184Kb)
Повторяем действие со второй картинкой(вставка-создать символ-векторизация-...копировать...),возвращаемся на сцену,выделяем нужный кадр(у меня 60),
щелкаем по сцене и нажимаем -вставить,на шкале дорожка меняется.
7 (700x404, 152Kb)
Я рассказала и показала простой пример,но дополнительно существуют еще инструменты редактирования при работе с морфингом,такие,как добавление хинтов(точек) для точного,плавного морфинга,изменение узловых точек,искажение,сглаживание... и т.д, если кому интересно могу расписать значение этих инструментов.
Проигрываем,смотрим.Вот получилась простая анимация формы.




Светлана

Серия сообщений "Уроки Flash":
уроки в разных флешпрограммах, авторские уроки flash
Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 48 - Анимация частей картинки с помощью маски.Урок для Adobe Flash.
Часть 49 - Использование панели «Редактор движения» в Adobe Flash CS6.
Часть 50 - Анимация формы во Flash(морфинг).

Метки:  
Понравилось: 19 пользователям

Jorjorych   обратиться по имени Четверг, 02 Апреля 2015 г. 16:35 (ссылка)

Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 02 Апреля 2015 г. 16:39ссылка
Ого, уже выучили урок. Отлично получилось
Перейти к дневнику

Четверг, 02 Апреля 2015 г. 16:48ссылка
Проходил раньше, но не углублялся. Спасибо Вам со Светой за уточнения.
Talya6   обратиться по имени Суббота, 25 Апреля 2015 г. 19:57 (ссылка)
Как интересно . Спасибо большое.
Ответить С цитатой В цитатник
gemchuginkaII   обратиться по имени Пятница, 14 Декабря 2018 г. 23:30 (ссылка)
интересно очень.поробую.
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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