Инструменты Основы работы в Macromedia Flash Основы работы в Macromedia Flash Анимация Слои.

Презентация:



Advertisements
Похожие презентации
Петренко И. А. Узнацкая СШ. Рабочее полеСлоиШкала времени Панель инструментов Плавающие панели.
Advertisements

Растровое изображение напоминает лист клетчатой бумаги, на котором каждая точка закрашена цветом, в совокупности формируя рисунок. Каждое растровое изображение.
Интерфейс и основные возможности растрового графического редактора Инструменты рисования растровых графических редакторов.
Графический редактор Paint Урок 29. Блиц - опрос 1. Указать устройства для ввода графической информации. 2. Указать устройства для вывода графической.
Графический редактор Paint. Окно графического редактора Paint Окно имеет стандартный вид системы Windows, с добавлением цветовой палитры, которая позволяет.
Графический редактор Paint. Окно графического редактора Paint Окно имеет стандартный вид системы Windows, с добавлением цветовой палитры, которая позволяет.
Растровая и векторная графика Половинкина Надежда Владимировна Учитель информатики Тамбовская область р.п. Сосновка МОУ Сосновская СОШ 1.
Рисование графических примитивов в растровых и векторных графических редакторах Выполнил учитель информатики АСОШ 2: Шарипов И.И.
Графический редактор Paint Урок 1 Урок 2 Урок 3 Урок 4 Старикова Е.Ю. учитель информатики.
ИЗУЧЕНИЕ ГРАФИЧЕСКОГО РЕДАКТОРА PAINT Операционная система Windows имеет графический редактор Paint, с помощью которого можно изучить основные приемы.
Компьютерная графика Графический редактор Устройства ввода графической информации Это интересно.
Основные инструменты графического редактора 7класс.
ИЗУЧЕНИЕ ГРАФИЧЕСКОГО РЕДАКТОРА PAINT. Операционная система Windows имеет графический редактор Paint, с помощью которого можно изучить основные приемы.
ИЗУЧЕНИЕ ГРАФИЧЕСКОГО РЕДАКТОРА PAINT Машкина Зайра Кенишбековна МОУ СОШ 5 с.Привольное.
ИЗОБРАЖЕНИЕ. Большую роль в жизни людей играют изображения объектов, так как сами объекты не всегда доступны для наблюдения. Изображение несёт нам информацию.
ТЕХНОЛОГИЯ ОБРАБОТКИ ГРАФИЧЕСКОЙ ИНФОРМАЦИИ Выполнила ученица 9 «В» класса Евменова Мария.
РАСТРОВАЯ И ВЕКТОРНАЯ ГРАФИКА ГРАФИЧЕСКИЕ РЕДАКТОРЫ.
2015 г. Петрова Л.Б. Создание Flash-анимации урок информатики (10 класс, базовый уровень) учитель информатики высшей категории Петрова Л.Б.
Macromedia Flash. Символы и экземпляры Кнопка (button) Графика (graphic) Клип (Movie clip) Используется в фильме в качестве статического или анимированного.
Векторный способ кодирования изображений заключается в том, что геометрические фигуры, кривые и прямые линии, составляющие рисунок, хранятся в памяти.
Транксрипт:

Инструменты Основы работы в Macromedia Flash Основы работы в Macromedia Flash Анимация Слои

Технология Flash предназначена для создания анима-ционных роликов и фильмов и основана на применении векторной графики в формате SWF. Векторная графика – это способ представления изображения с помощью совокупности кривых, положение которых на рисунке описывается с помощью математических формул. Благодаря этому векторная графика занимает намного меньше места в памяти компьютера, чем растровая, и позволяет практически неограниченно увеличивать размеры изображения без потери качества. Но в векторной форме трудно представить фото- реалистичные изображения. Поэтому в технологии Flash используется компромиссное решение – возможность работы не только с векторными, но и с растровыми изображениями.

Перед вами основное окно Flash MX. Данный текст размещён в рабочей области основного окна, где и создаются слайды и ролики с помощью программы Flash MX. В верхней части основного окна находится панель меню, предназначенная для выбора режима работы. Слева расположена панель инструментов рисования. Справа размещается цветовой микшер, назначением которого является выбор цвета элементов слайда. Над рабочей областью расположен монтажный стол, на котором организуется движение объектов ролика. Под рабочей областью находится «инспектор свойств», позволяющий изменять свойства объектов и инструментов

Для изменения параметров линии её необходимо сначала выделить инструментами а затем выбрать новые параметры линии. Также производится изменение параметров и других рисованных изображений или лассо. рисует прямые и ломанные линии Инструмент Линия (bine Tool) –

Рисует прямоугольники, в том числе и с закруглёнными краями Прямоугольник состоит из контура и заливки, которые могут редактироваться отдельно. Инструмент прямоугольник (Rectangle Tool)

Овал (Oval Tool) – инструмент, предназначенный для рисования эллипсов и кругов Нарисованный круг или эллипс состоит из контура и заливки, которые можно редактировать отдельно Для рисования круга необходимо удерживать клавишу Shift Выбор цвета заливки и свойств контура производится также, как при работе с инструментом «Прямоугольник»

Карандаш (Pencil Tool) – рисует произвольные линии, но при соответствующей настройке «распознаёт» нарисованные фигуры и автоматически их преобразует в стандартные геометрические фигуры Цвет и свойства линий выбираются также, как при работе инструментом «Линия» В этом режиме работы происходит «распознавание» и автоматическое преобразование фигур. Например, фигура 1 была «распознана» как окружность (фигура 2)

Перо (Pen Tool) – рисует прямые и сглаженные кривые с высокой точностью на основе механизма кривых Безье Чтобы нарисовать ломанную линию, нужно указать щелчками все её узловые точки Перо позволяет соединить две точки плавной кривой. Для этого нужно указать щелчком 1-ю точку, затем 2-ю, и, не отпуская кнопки мыши, перемещать указатель мыши до получения требуемой кривой. После отпускания кнопки останется только нужная кривая. Параметры линий выбираются также, как при работе с инструментом «Линия»

Кисть (Brush Tool) – рисует линии, напоминающие мазки кистью Здесь выбирается размер кисти Здесь выбирается форма кисти Здесь выбирается цвет кисти В «инспекторе свойств» также можно выбрать цвет кисти

Кисть (Brush Tool) – рисует линии, напоминающие мазки кистью После щелчка на этой стрелке здесь можно выбрать режим работы кисти

Ластик (Eraser Tool) – стирает линии, контуры и заливки Здесь выполняется выбор формы и размера ластика После щелчка на этой стрелке здесь можно выбрать режим работы ластика Кран – особый режим работы ластика, позволяющий удалить одним щелчком любой элемент целиком (линию, заливку или контур)

Анимация, т.е. создание движущихся изображений, выполняется в Flash тремя методами: 1)покадровая («классическая») анимация, когда автор сам рисует или импортирует каждый кадр будущего ролика и устанавливает их последовательность, 2) автоматическое анимированные (tweened-анимация), при которой автор создаёт только первый и последний кадры ролика, а Flash автоматически генерирует все промежуточные кадры; существует два вида tweened-анимации: a)основанная на перемещении объекта (motion animation), b) основанная на трансформации объекта (shape animation), 3) анимация на основе описания поведения объекта на языке программирования Action Script. Анимация

На рисунке представлена область описания слоёв ролика и временная диаграмма с нумерацией кадров. Считывающая головка (Play head) указывает активный кадр анимации. При воспроизведении ролика она автоматически перемещается вдоль временной диаграммы и «читает» кадры по порядку, вследствие чего и образуется движущееся изображение. Покадровая анимация

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

После создания ролика можно просмотреть все кадры, щёлкая левой кнопкой мыши по чёрным точкам на временной диаграмме Этот ролик можно экспортировать в презентацию, Web- страницу и т.п. Покадровая анимация

Рисуем изображение для 1 кадра,при этом 1 кадр превратился в ключевой Выбираем правой кнопкой мыши конечный кадр, например 20-й, и превращаем его в ключевой Выделяем рисунок стрелкой,нажимаем кнопку «Изменить» затем «Группировать» Перетаскиваем рисунок в конечный пункт движения; или повернуть с помощью инструмента «Трансформация» его можно увеличить Автоматическая анимация движения объекта (motion animation)

Щёлкаем по 1-му ключевому кадру, затем по стрелочке и выбираем Motion. Ролик готов. Для просмотра можно запустить его клавишей Enter Автоматическая анимация движения объекта (motion animation)

При создании ролика с использованием растровой картинки технология Motion animation отличается тем, что изображение не рисуется, а импортируется с помощью команд: Файл – Импортировать, и не группируется. В остальном технология создания ролика не отличается. Автоматическая анимация движения объекта (motion animation)

При создании ролика с использованием растровой картинки технология Motion animation отличается тем, что изображение не рисуется, а импортируется с помощью команд: Файл – Импортировать, и не группируется. В остальном технология создания ролика не отличается. Примеры создания таких роликов: Автоматическая анимация движения объекта (motion animation)

Ролики с трансформацией можно создавать только из объектов, нарисованных в векторном редакторе. При этом группировка объекта не производится. Первый и конечный кадры ролика рисует автор, а промежуточные кадры Flash создаёт автоматически. При выборе типа анимации нужно нажать кнопку Shape. Пример ролика, созданного по технологии Shape animation: Автоматическая анимация движения объекта (motion animation)

В Flash-ролике может использоваться несколько различных объектов. Движение каждого из них может происходить независимо от других. Каждый из объектов помещается на отдельный слой (Layer). Это можно сравнить с расположением рисунков на отдельных листах прозрачной кальки. Собрав воедино «стопку» таких листов, получаем сцену, на которой действуют различные персонажи: Вид сверху Слои в технологии Flash

При открытии окна Macromedia Flash на монтажном столе представлен только один слой. Чтобы вставить второй слой, необходимо щёлкнуть на значке «Вставить слой». Слои можно менять местами, переименовывать, удалять и организовать в них движение различных объектов; при этом объекты верхнего слоя будут закрывать объекты нижнего слоя. Можно вставить сколько угодно слоёв.

Грустная сказка об утенке, не похожем на других утят. Для Андерсена эта сказка во многом автобиографичная – таким гадким утенком был когда-то и он сам. В сказке и в жизни Андерсена счастливый конец – гадкий утенок превратился в красивого лебедя, а Андерсен стал знаменитым писателем- сказочником. ГАДКИЙ УТЁНОК

ВЫПОЛНИЛ РАБОТУ: ХУДАЙНАЗАРОВ РУСТАМ