1 / 19

flash

flash

jenova
Download Presentation

flash

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Adobe Flash CS3 Professional Женова Н.А. (конспект)

  2. AdobeFlash AdobeFlash (ранее MacromediaFlash) служит для создания веб-приложений или мультимедийных презентаций. Широко используется для создания рекламных баннеров, анимации, игр, а также воспроизведения на веб-страницах видео- и аудиозаписей. AdobeFlash позволяет работать с векторной, растровой и ограниченно с трёхмерной графикой, а также поддерживает двунаправленную потоковую трансляцию аудио и видео. Женова Н.А. (конспект)

  3. Типы файлов Стандартным расширением для скомпилированных flash-файлов (анимации, игр и интерактивных приложений) является .SWF (ShockwaveFlash или SmallWebFormat). Видеоролики в формате Flash представляют собой файлы с расширением .FLV (при этом Flash в данном случае используется только как контейнер для видеозаписи). Расширение .FLA соответствует формату рабочих файлов в среде разработки. Женова Н.А. (конспект)

  4. Еще раз В программе Flash работаем с файлами .fla. Для редактирования используются файлы .fla. (Файл – Сохранить – *.fla). Для дальнейшего использования файл необходимо преобразовать в другие форматы с помощью команды Файл – Опубликовать – создаются файлы .swfи .html (и др.) Женова Н.А. (конспект)

  5. Adobe Flash Player Adobe Flash Player — программa для воспроизведения flash-контента. Adobe Flash Player используется для проигрывания файлов .swf. Женова Н.А. (конспект)

  6. Начало работы • Запустить Flash-редактор (Пуск – Все программы – Adobe Flash) • Файл – Создать – файл Flash (Action script 2.0) • Интерфейс • Заголовок окна • Строка меню • Слева – Панель Инструментов • Снизу – Панель Свойств (изменяется) и др. • Справа – Панели Цвет, Образцы и др. • Сверху – TimeLine (панель кадров и слоев) • В центре – рабочая область (белая) и «подсобное пространство» (серое) Женова Н.А. (конспект)

  7. Изучаем • Меню: Изменить – Документ (редактирование свойств всего документа) – меняем размер изображения, фон и частоту смены кадров. • Инструмент Ведро – меняем цвет заливки • Инструмент Чернильница – меняем цвет и другие параметры контура • Инструмент Прямоугольник – создаем прямоугольник с ранее выбранными цветами Женова Н.А. (конспект)

  8. Рисуем, выделяем, редактируем • Фигуры • Прямоугольник (с Shift – квадрат) • Овал (с Shift – круг) • Многоугольник или звезда – Параметры на панели Свойства • Черная стрелка работает в разных режимах • Режим выделения – начинаем выделять с чистого пространства (рядом со стрелкой – прямоугольник) • Режим перемещения – «внутри» объекта (рядом со стрелкой – перекрестие в 4 стороны) • Режим изменения – на границе объекта (рядом со стрелкой – дуга или уголок) • Белая стрелка – редактирование узлов • Преобразование • Масштабирование (для сохранения пропорций – Shift ) • Поворот (с Shift на 45 градусов) Женова Н.А. (конспект)

  9. Палитра Цвет • Выбор цвета заливки – Ведро с краской. Применяем инструментом Ведро или заранее выделяем объект (черной стрелкой) • Выбор цвета обводки – Карандаш с краской. Применяем инструментом Чернильница или заранее выделяем объект (черной стрелкой) • Тип – Линейный или Радиальный – включает Градиент (плавный переход от одного цвета к другому) • Выделив «домик» (у выделенного «домика» черная «крыша» ) выбираем цвет • Можно добавить новые щелкнув под чертой • Удалить лишние можно стащив их вниз • Применяем инструментом Ведро (щелкая в разных частях объекта можно добиться разных результатов) или заранее выделяем объект • Далее можно воспользоваться Инструментом Преобразования Градиента Женова Н.А. (конспект)

  10. Изучаем TimeLine • Сверху – номера кадров • Прямоугольник – кадр • Черная точка – указатель ключевого кадра • Если в первом кадре что-то нарисовано – он автоматически становится ключевым • Работать с кадрами в TimeLine удобно в помощью правой кнопки мыши (контекстного меню) – создавать простые и ключевые кадры, копировать, вставлять и пр. Женова Н.А. (конспект)

  11. Покадровая анимация • Вставить ключевой кадр – F6 • Внести изменения в новый кадр • Создать (F6) и последовательно изменить (вручную) несколько кадров • Просмотр – Enter • Тестировать ролик – Ctrl-Enter Женова Н.А. (конспект)

  12. Упражнение «Эффект печати текста» • Файл – Создать – файл Flash (Action script 2.0) • Изменить – Документ: размер изображения – 600*120, цвет фона – по вкусу (не белый), частота кадров – 3 кадра в секунду. • Инструмент Текст (Т). На Панели Свойства (внизу) выбираем шрифт – Impact , размер – 60, цвет – отличный от цвета фона. • Печатаем одну букву, например, Р • Создаем новый ключевой кадр (F6) • Рядом с одной буквой печатаем следующую, например, Э • Повторяем шаги 5-6, создавая ключевые кадры и допечатывая фразу «РЭУ им. Г. В. Плеханова» • Всего будет более двадцати кадров. Чтобы полная надпись выводилась подольше, последний ключевой кадр (ничего в нем не меняя) можно создать тридцатым (под цифрой 30 правая кнопка мыши – Вставить ключевой кадр) • Проверить работу анимации – Enter • Файл – Сохранить (*.fla) • Файл – Опубликовать (.swfи .html) • Проверить работу ролика, вызвав его из своей папки Женова Н.А. (конспект)

  13. Упражнение «Цветок и бабочка» • Обязательно создать разные слои • Слой фона • Слой с постепенно растущим цветком • Слой с прилетающей бабочкой • Проверить работу анимации – Enter • Файл – Сохранить (*.fla) • Файл – Опубликовать (.swfи .html) • Проверить работу ролика, вызвав его из своей папки Женова Н.А. (конспект)

  14. Расчетная анимация • Анимация формы • Делается только с «разбитой графикой» (при выделении покрывается «сеточкой») • Анимация движения • Делается только с Символами (при выделении заключены в голубую рамочку) • Создать Символ: выделить объект и в меню Изменить – Преобразовать в символ (F8) • Обратная процедура: Изменить – Разделить Женова Н.А. (конспект)

  15. Упражнение «Прыгающий мяч» • Рисуем круг (удерживая Shift) • Закрашиваем с градиентом (градиент размещаем НЕ по центру) • Положение (на панели Свойства) X – 0.0, Y – 0.0 • Выделить объект и в меню Изменить – Преобразовать в символ (F8) • В начальном кадре анимации правая кнопка мыши – Создать анимацию движения • В 30 кадре – Вставить ключевой кадр (F6) • Стрелка на фиолетовом фоне показывает, что анимация создана • В 30 кадре меняем положение символа (X – 0.0, Y – 250.0) • Для того, чтобы объект вернулся в начальную позицию • В Первом кадре – (через правую кнопку) Копировать кадры • В 60 – Вставить кадры • Если выделить один из ключевых кадров анимации (черная точка) – на Панели свойств можно изменить • Замедлить (+ замедляет, – ускоряет) • Поворот (по и против часовой) • Добиться, чтобы вниз мячик летел быстрее, а вверх – медленнее. И поворачивался • Файл – Сохранить • Файл – Опубликовать Женова Н.А. (конспект)

  16. Упражнение «Птички» • Файл – Создать • Рисуем птичку (карандаш в режиме сглаживания, заливка цветом или градиентом) • Выделить (черной стрелочкой), в меню Изменить – Преобразовать в символ (F8) • В начальном кадре анимации правая кнопка мыши – Создать анимацию движения • В 20 кадре – F6 (создать ключевой кадр) • Переместить объект, повернуть, уменьшить (Инструмент Свободное преобразование (третий сверху)) • Повторить для 40, 60, 80 кадра (каждый раз нажимая F6, перемещая, поворачивая, масштабируя) • Для того, чтобы объект вернулся в начальную позицию • В Первом кадре – Копировать кадры • В 100 – Вставить кадры • Создать новый слой. В новом слое анимировать вторую птичку, перетащив в Первый кадр символ из Библиотеки. Ключевые кадры можно ставить на другие позиции (15, 45, 75) • Создать третий слой с двумя птичками. Анимировать. Старайтесь, чтобы анимация во всех слоях заканчивалась на одном кадре (100) • Сохранить, Опубликовать Женова Н.А. (конспект)

  17. Упражнение «Преображение» • Файл – Создать • Рисуем овал (заливка цветом или градиентом, обводку удалить) • В начальном кадре анимации правая кнопка мыши – Создать анимацию формы • В 80 кадре – F6 (создать ключевой кадр). С этим кадром ничего делать не будем. Он нужен только для того, чтобы последний кадр анимации совпал с первым • В 40 кадре – F6 (создать ключевой кадр) • В 40 кадре нарисовать прямоугольник (заливка цветом или градиентом, обводку удалить) • В 40 кадре Овал удалить! • Сохранить, Опубликовать Женова Н.А. (конспект)

  18. Задание «Аквариум» • Создать ролик, где обязательно применить анимацию трех видов. Описание по слоям: • Анимация движения – рыбка движется в простой анимации движения • Другой экземпляр символа той же рыбки движется в простой анимации движения • Водоросли меняют форму и цвет • Пузыри воздуха двигаются по траектории вверх одновременно слегка меняя размер • Сохранить. Опубликовать Женова Н.А. (конспект)

  19. Успехов в освоении Adobe Flash Женова Н.А. (конспект)

More Related