-Цитатник

Без заголовка - (0)

Волшебный алфавит. В продолжение темы: тролли, гномы, эльфы, феи - сказочный народ от Pas...

Без заголовка - (0)

Пугательные Испанский иллюстратор Ramon PLA рисует интересные образы, которые иногда воплощает в ...

Без заголовка - (0)

Ирэн №3 2018 2 3 4 5 6 7 8 9 10 11 12 ...

 -Приложения

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

 -Музыка

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

Поиск сообщений в Та_ещё_штучка_Я

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

 

 -Сообщества

Читатель сообществ (Всего в списке: 3) Мир_мультяшек CoolArt Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 11.04.2010
Записей: 1494
Комментариев: 8459
Написано: 23046


"Пламя свечи" Рисуем и анимируем во флеш.

Четверг, 10 Января 2013 г. 23:15 + в цитатник

В этом уроке мы не только будем создавать анимацию пламени свечи, но и научимся рисовать элементарные фигуры во флеш, а также применять инструменты "свободное преобразование" и "преобразование градиента". Работаем в программе Flash CS5.


Запустили программу. Открыли новый документ. Встаём на первый слой и с помощью сочетания клавиш Ctrl+F8 создаём символ - Фрагмент ролика (Мувиклип).

Нажав Ок, мы окажемся внутри мувика.

Открываем инструментов - выбираем"Овал"(О).

Далее кликаем по набору цветов (палитра).Здесь подбираем цветовую гамму пламени.

В моём случае подбор не идеален. Вы можете подобрать собственную палитру. Закрываем обводку (none). Градиент радиальный + галочка в окошечке "Линейный RGB".

У меня слева направо следующая гамма:


1. DBBB10
2. E2AA09
3. F18520
4. F77217
5. F99520
6. FCBB10
7. FFE912


Встаём на первый кадр первого же слоя и рисуем вытянутый вертикально овал.

На панели инструментов, кликнув на маленький треугольник, выбираем преобразование градиента.

Кликаем им по созданному изображению и получаем следующую картинку.

Воспользуйтесь для удобства инструментом "лупа". При помощи выделенного приспособления на скриншоте отрегулируйте размер внутреннего градиента пламени.

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

Манипулируйте инструментом аккуратно, без резких движений. )В результате получаем наше, пусть примитивное, пламя.

Поменяем инструмент на "свободное преобразование"

Кликаем по четвёртому кадру первого слоя, жмём F6.

Выбираем подинструмент "Огибающая" и, двигая точки трансформации вокруг изображения, незначительно видоизменяем наше пламя. Перемещайте точки на малое расстояние,тем самым вы добьётесь более реалистичного результата.

Кликаем на девятый кадр, жмём F6.

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

Выделяем наш первый и единственный слой. Далее в шапке проги: Вставка - Анимация формы (shape tweening).

Всё, анимация завершена и мы возвращаемся на нашу первоначальную сцену. Жмём "монтажный кадр"

Открываем библиотеку проги - обнаруживаем наш мувик.

Цепляем его мышкой иконку мувика и перетаскиваем из библиотеки на сцену.

Протестируйте ваш мувик сочетанием клавиш Сtrl+Enter.
Как вы заметили, наш пламя недостаточно реалистично. Наша задача сделать его более "пламенным" )

Выделяем мувик на сцене, идём в панель "Свойства". Нас интересуют Фильтры, которые расположены в самой нижней папочке свойств.

Итак, добавляем фильтры,кликнув на маленькую иконку внизу панели

Нам открывается окно с набором фильтров, среди которых выбираем Свечение.

Наберёмся терпения и начнём колдовать-преобразовывть наше пламя.Выбираем Качество - высокое.

Следующий этап - подберём цвет свечения.

Все видоизменения пламени вы можете наблюдать непосредственно на сцене.

Далее смотрите по скринам.

Кроме свечения я наложила тень на пламя. Вы же можете погулять по фильтрам - поимпровизировать.

Поигравшись с фильтами, протестируйте ваш мувик. Если он вас устраивает, кликните по пустому пространству сцены и вновь открыв свойства (теперь уже вашей сцены) задайте ей новые параметры. Окно параметров так же можно вызвать сочетанием клавиш Ctrl+J.

Для чего мы это делаем? Чтобы сохранить наш мувик. Размеры новой сцены соответствуют размерам пламени. Эта операция - ни есть необходимость, а только лишь удобство при дальнейшем использовании мувика с пламенем.

Сделали подгонку - экспортируем мувик.

Урок окончен! )


урок отсюда, дополненный и отредактированный: http://demiart.ru/forum/index.php?showtopic=77502


Успехов вам в творчестве и освоении флеша!

Метки:  

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

MissKcu   обратиться по имени Четверг, 10 Января 2013 г. 23:23 (ссылка)
а это в какой проге...смотрю можно и в софнике попробовать
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 10 Января 2013 г. 23:31ссылка
это Flash CS5 , Ксюш.
а в Sothink SWF Quicker не пробовала., но там как будто нет операции "анимация формы"
Хотя, возможно , она вполне заменяема другой функцией проги.
Перейти к дневнику

Четверг, 10 Января 2013 г. 23:32ссылка
мне кажется она там по другому называется....хотя я вообще в этих прогах Не спец...пасиб за подсказку....
Franzuzhenka   обратиться по имени Четверг, 10 Января 2013 г. 23:33 (ссылка)
A ja wsö w kopilochku skladiwaü...wsö rawno rano ili posdno osilü etu nauku... Spasibki Alünchik!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 11 Января 2013 г. 08:48ссылка
Ну конечно догонишься, Катюш!
Лида_Юринец   обратиться по имени Пятница, 11 Января 2013 г. 00:01 (ссылка)
Спасибо и я утащила!!!
Ответить С цитатой В цитатник
Перейти к дневнику
TalaNat   обратиться по имени Пятница, 11 Января 2013 г. 00:24 (ссылка)
Спасибо,солнышко! Утащила в свой сундучок.
Ответить С цитатой В цитатник
Перейти к дневнику
jzayka   обратиться по имени Пятница, 11 Января 2013 г. 00:31 (ссылка)
Спасибо,Алечка..
Я посмотрела на демиарте,пошла дальше..
Не умею я находить..
А у тебя почитала..вроде интересно..
Забираю,конечно..
И еще раз спасибо..
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 11 Января 2013 г. 08:52ссылка
на сайте урок оч короткий и ничё шедеврального в нём нет.
а вот комментик с вложением к нему меня чуток зацепил. ну и понеслось
Пожалуйста, Леночка!
Нина_Гуревич   обратиться по имени Пятница, 11 Января 2013 г. 00:52 (ссылка)
Отличный урок. Спасибо, Алечка
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 11 Января 2013 г. 08:52ссылка
Благодарю, Ниночка!
Umna_ja   обратиться по имени Пятница, 11 Января 2013 г. 12:40 (ссылка)
Та_ещё_штучка_Я, Спасибо бльшое, буду пробовать!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 12 Января 2013 г. 10:11ссылка
Пожалуйста! Пробуйте.
GanikoZ   обратиться по имени Пятница, 11 Января 2013 г. 16:24 (ссылка)
Спасибо солнышко.
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 12 Января 2013 г. 10:11ссылка
Пожалуйста, Раечка!
Nella__solneshko   обратиться по имени Суббота, 12 Января 2013 г. 16:09 (ссылка)
Спасибо милая!
Ответить С цитатой В цитатник
Перейти к дневнику
koreckolga   обратиться по имени Суббота, 12 Января 2013 г. 18:23 (ссылка)
Алечка, огромное спасибо за урок! Прихватила себе! Удачного дня тебе, дорогая!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 12 Января 2013 г. 18:25ссылка
Уютного вечера вам, Оленька!
RADYGA55   обратиться по имени Понедельник, 14 Января 2013 г. 21:19 (ссылка)
Добрый вечер солнышко!!!
Большое спасибо.я утощила в свой сундук.)))
Прекрасного тебе вечера!
Ответить С цитатой В цитатник
Irina-snez   обратиться по имени Вторник, 15 Января 2013 г. 11:08 (ссылка)
Спасибо, милая Алечка, за хороший урок!
Ответить С цитатой В цитатник
Nadin-YA   обратиться по имени Четверг, 17 Января 2013 г. 10:03 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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