Список форумов KorNet: Flash Анимация. - Список форумов KorNet

Перейти к содержимому

Страница 1 из 1
  • Вы не можете создать новую тему
  • Вы не можете ответить в тему

Flash Анимация. Оценка: -----

#1 Пользователь офлайн   ScReTcH 

  • Модератор
  • PipPipPip
  • Группа: Мультимодератор
  • Сообщений: 879
  • Регистрация: 24 Октябрь 05
  • Пол:Мужчина

Отправлено 16 Январь 2007 - 15:55

Всем здрасти.
Вот увлёкся тут анимации, начал читать литературу в Интернете.
Чем больше втягиваешься, то понимаешь, что всё это больше и больше интересно, так как растёт опыт и растут и открываются новые возможности в анимации.
Есть ли у нас в сети люди, которые работают с Macromedia Flash 8?
Можно обмениваться опытом, пастить ссылки и т.д.
\\192.168.18.176\kornet



поправил название темы. skyd.

Сообщение отредактировал skydiver: 01 Ноябрь 2007 - 22:28

0

#2 Пользователь офлайн   TaZ 

  • Поступивший
  • PipPip
  • Группа: Пользователи
  • Сообщений: 199
  • Регистрация: 23 Октябрь 05

Отправлено 17 Январь 2007 - 01:14

Цитата(ScReTcH @ 16.01.2007, 12:55) Просмотр сообщения
Всем здрасти.
Вот увлёкся тут анимации, начал читать литературу в Интернете.
Чем больше втягиваешься, то понимаешь, что всё это больше и больше интересно, так как растёт опыт и растут и открываются новые возможности в анимации.
Есть ли у нас в сети люди, которые работают с Macromedia Flash 8?
Можно обмениваться опытом, пастить ссылки и т.д.
\\192.168.18.176\kornet
Красиво а ты бы не мог поделится опытом, что ты умеешь?или как ты это зделал
0

#3 Пользователь офлайн   ScReTcH 

  • Модератор
  • PipPipPip
  • Группа: Мультимодератор
  • Сообщений: 879
  • Регистрация: 24 Октябрь 05
  • Пол:Мужчина

Отправлено 17 Январь 2007 - 17:09

Да много по истине красивых вещей можно сделать на макромедии.
Что касается дано работы. Для начинающих сложность есть и не маленькая, но было бы желание.

Урок 10. Моделирование эффекта освещения букв
Александр Прохоров, Андрей Новицкий



Для создания баннеров весьма интересным эффектом является освещение букв. Рассмотрим, как можно смоделировать подобный эффект.

http://192.168.19.3/site/uploads/imag/auto/2007/01/17/flesh/1.jpg" border="0" class="linked-image" />

Вначале печатаем необходимый текст (рис. 1).

Затем преобразуем текст в начертание Bold и меняем цвет текста на белый — соответствующие инструменты доступны в панели Properties (рис. 2). Далее, выбрав инструмент Arrow, щелкнем по фону текста и в появившейся панели Properties (см. рис. 2) выберем цветом фона (Background) черный. Для дальнейшего расположения текста на сцене отобразим на экране сетку, используя команду View => Grid => Show Grid.


Рис. 2. Изменение цвета текста и фона

Расположим надпись так, чтобы слева было семь клеток, и с помощью параметра корректировки межбуквенного расстояния (рис. 3) растянем надпись таким образом, чтобы она была в центре экрана.



Рис. 3. Изменение межбуквенных интервалов

Теперь нам необходимо распределить буквы текста по отдельным слоям. Для этого выделяем текст с инструментом Arrow Tool, выполняем команды Modify => Break Apart и Modify => Time Line => Distribute to Layers. В результате создается необходимое количество слоев, которые названы соответствующими буквами и в которых появляются эти же буквы.

Затем нам необходимо перевести отдельные буквы из текстовых символов в графику, то есть в формы, состоящие из контуров и заливок. Это достигается путем повторного использования команды Modify => Break Apart.

Далее мы преобразуем каждую букву в графические символы или мувиклипы, используя команду Insert => Convert to Symbol, и дадим им следующие имена: «свет-с», «свет-в» и т.д. При этом можно создавать как графические символы (тип Graphic), так и мувиклипы (Movie clip).




Рис. 4. Перевод формы в мувиклип

Создав мувиклип «свет-с», переходим к его редактированию. По команде Windows => Library вызываем библиотеку (рис. 5) и, щелкнув дважды по мувиклипу «свет-с» в окошке библиотеки, перейдем к локальной монтажной линейке этого мувиклипа.




Рис. 5. Перейти к монтажной линейки мувиклипа можно вызвав окно библиотеки

Сделаем сетку помельче посредством команды View => Grid => Edit Grid и с помощью инструмента Line (выберем для него белый цвет) начертим контуры будущего шлейфа (рис. 6).



Рис. 6. Контуры шлейфа рисуем с помощью инструмента Line

Далее заливаем внутренне пространство белым цветом, в результате чего получаем сплошную фигуру рис. 7.



Рис. 7. Заготовка для шлейфа

Затем выделяем контуры с помощью инструмента Arrow (рис. 8) и удаляем их, оставляя только заливку.



Рис. 8. Контуры необходимо удалить

Если вы ошиблись и линия шлейфа не совпадает с линией, касательной к окружности, то точку сопряжения можно подвинуть инструментом Subselection Tool (рис. 9). После того как точка выделена, ее точное позиционирование можно осуществлять с помощью стрелок клавиатуры.
Рис. 8. Контуры необходимо удалить



Рис. 9. Точку сопряжения шлейфа и буквы можно подредактировать с помощью инструмента Subselection Tool

Затем выбираем градиентную шаровую заливку (внизу палитры на рис. 10) и заливаем фигуру.




Рис. 10. Применяем градиентную шаровую заливку




По команде Window => Design Panels => Color Mixer вызываем панель Color Mixer, в которой задаем цвет заливки и градиент прозрачности. Для этого в указанной панели для левого маркера задаем бледно-желтый цвет и параметр непрозрачности Alpha=100, а для второго маркера — тот же цвет или еще более близкий к белому, а параметр Alpha=0 (рис. 11).


Рис. 11. Настройка параметров градиента прозрачности.

Применив настроенную заливку, мы получим изображение, представленное на рис. 12.

http://192.168.19.3/site/uploads/imag/auto/2007/01/17/flesh/12.jpg

Рис. 12. Шлейф с градиентом цвета и прозрачности

Выбираем инструмент Fill Transform (выделен на панели Tools, рис. 13), после чего появляются четыре маркера (три на эллипсе и один в центре эллипса), с помощью которых мы изменим параметры шаровой градиентной заливки. Обратите внимание: если маркеры не видны, то следует уменьшить масштаб изображения, и тогда маркеры появятся в кадре. Управляя данными маркерами, перемещаем центр эллипса в центр буквы и добиваемся так называемого растворения хвоста шлейфа (см. рис. 13). Аналогичные шлейфы нужно создать для других букв, при этом шлейф каждый следующий буквы во фразе сначала укорачивается, а со второго слова, наоборот, увеличивется.

http://192.168.19.3/site/uploads/imag/auto/2007/01/17/flesh/13.jpg

Рис. 13. Изменение параметров градиентной заливки

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

Анимация в кадрах с 1-го по 5-й (рис. 14) состоит только в изменении непрозрачности (в 1-м она равна 0%, в пятом — 100%).

http://192.168.19.3/site/uploads/imag/auto/2007/01/17/flesh/14.jpg

Рис. 14. Tween-анимация

В кадрах с 10-го по 15-й задается эффект расширения шлейфа одновременно с увеличением его прозрачности. На рис. 15 в режиме калькирования видно, как расширяется раствор шлейфа.


http://192.168.19.3/site/uploads/imag/auto/2007/01/17/flesh/15.jpg

Рис. 15. Покадровое деформирование шлейфа

Затем повторяем процедуру для других букв. В момент когда шлейф от буквы «С» стал полностью непрозрачным, стартует анимация для буквы «в» и т.д., что создает эффект прохождения световой волны (рис. 16).

http://192.168.19.3/site/uploads/imag/auto/2007/01/17/flesh/16.jpg

Рис. 16. Шлейфы от разных букв накладываются друг на друга

В результате получится следующий Flash-ролик, куда мы добавим строчку с текстом (рис. 17). После чего ролик примет вид.


http://192.168.19.3/site/uploads/imag/auto/2007/01/17/flesh/17.jpg

Рис. 17. Добавление текста

Теперь нам необходимо открывать буквы последовательно, что можно сделать с помощью анимированной маски (рис. 18). Вводим слой «маска», в котором перемещаем прямоугольник синхронно с появлением шлейфа.


http://192.168.19.3/site/uploads/imag/auto/2007/01/17/flesh/18.jpg

Рис. 18. Схема использования анимированной маски

Вот и все — ролик готов. Можно, конечно, подобрать для него другой фон. Если для вас что-то осталось неясным, прилагаем также исходник в формате fla, с которым несложно будет разобраться после описанных выше пошаговых инструкций.

Тут исходник
0

#4 Пользователь офлайн   Друг 

  • Новичок
  • Pip
  • Группа: Пользователи
  • Сообщений: 23
  • Регистрация: 09 Март 07

Отправлено 07 Апрель 2007 - 01:05

А я с того семестра не могу Flash сдать... В принципе там ерунда(надо запомнить алгоритм набора действий на анимацию)...
0

#5 Пользователь офлайн   Nissan 

  • Завсегдатый
  • PipPipPipPipPip
  • Группа: Пользователи
  • Сообщений: 1 554
  • Регистрация: 25 Октябрь 05

Отправлено 26 Апрель 2007 - 17:57

А остались у кого нить уроки???
просто тож хочу попробовать програмку изучить
0

#6 Пользователь офлайн   Друг 

  • Новичок
  • Pip
  • Группа: Пользователи
  • Сообщений: 23
  • Регистрация: 09 Март 07

Отправлено 26 Апрель 2007 - 19:48

Цитата(Nissan @ 26.04.2007, 18:57) Просмотр сообщения
А остались у кого нить уроки???
просто тож хочу попробовать програмку изучить

ЖМИ СЮДА
0

#7 Пользователь офлайн   ScReTcH 

  • Модератор
  • PipPipPip
  • Группа: Мультимодератор
  • Сообщений: 879
  • Регистрация: 24 Октябрь 05
  • Пол:Мужчина

Отправлено 10 Май 2007 - 14:47

Тут прикупил диск Macromedia FLESH 8 Интерактивный курс"
Вообщем для начинающих.
Я его слил в софт, пока его не выложили, если кому не терпится поскорей его увидеть, то можете постучаться в аску могу скинуть.
0

#8 Пользователь офлайн   Друг 

  • Новичок
  • Pip
  • Группа: Пользователи
  • Сообщений: 23
  • Регистрация: 09 Март 07

  Отправлено 28 Май 2007 - 13:23

Цитата(ScReTcH @ 10.05.2007, 15:47) Просмотр сообщения
Тут прикупил диск Macromedia FLESH 8 Интерактивный курс"
Вообщем для начинающих.
Я его слил в софт, пока его не выложили, если кому не терпится поскорей его увидеть, то можете постучаться в аску могу скинуть.

Номер твоей аськи???
0

#9 Пользователь офлайн   ScReTcH 

  • Модератор
  • PipPipPip
  • Группа: Мультимодератор
  • Сообщений: 879
  • Регистрация: 24 Октябрь 05
  • Пол:Мужчина

Отправлено 30 Май 2007 - 13:33

Цитата(Друг @ 28.05.2007, 10:23) Просмотр сообщения
Номер твоей аськи???

218-889-364
0

#10 Пользователь офлайн   Cosmic Girl 

  • Бывалый
  • PipPipPipPip
  • Группа: Пользователи
  • Сообщений: 1 400
  • Регистрация: 23 Октябрь 05

Отправлено 26 Октябрь 2007 - 19:54

Macromedia Flash 8 cantfind.gif


подскажите где скачать, пожалуйста bye.gif
0

#11 Пользователь офлайн   Cosmic Girl 

  • Бывалый
  • PipPipPipPip
  • Группа: Пользователи
  • Сообщений: 1 400
  • Регистрация: 23 Октябрь 05

Отправлено 26 Октябрь 2007 - 20:29

Цитата(skydiver @ 26.10.2007, 21:08) <{POST_SNAPBACK}>
А вот тут:
\\192.168.23.240\pub\Soft\Graphics\Flash\Macromedia_Flash_Player\Macromedia_Flash_Player_8
Стоп. Это флеш-плеер. Вощим я хз.
Может быть это то, что тебе нужно.

плеер не нужен=(
странно раньше там было это а щас тока плеер=((
0

#12 Пользователь офлайн   rubkin 

  • Поступивший
  • PipPip
  • Группа: Пользователи
  • Сообщений: 364
  • Регистрация: 27 Октябрь 05

Отправлено 26 Октябрь 2007 - 22:55

Хотелось бы увидеть что-то боль шее чем плеер neutral.gif
0

#13 Пользователь офлайн   Cosmic Girl 

  • Бывалый
  • PipPipPipPip
  • Группа: Пользователи
  • Сообщений: 1 400
  • Регистрация: 23 Октябрь 05

Отправлено 01 Ноябрь 2007 - 00:15

спасибо большое


0

#14 Пользователь офлайн   Cosmic Girl 

  • Бывалый
  • PipPipPipPip
  • Группа: Пользователи
  • Сообщений: 1 400
  • Регистрация: 23 Октябрь 05

Отправлено 01 Ноябрь 2007 - 11:45

гут=)
интересная прога, сёдня ночью буду разбираться что да как=)
0

Поделиться темой:


Страница 1 из 1
  • Вы не можете создать новую тему
  • Вы не можете ответить в тему

1 человек читают эту тему
0 пользователей, 1 гостей, 0 скрытых пользователей