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

 
Введение

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

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

Всегда рад помоч, обращайтесь, если что!

Для создания роликов или мини-фильмов, может быть и просто картинок предлагаю вот эту программу:
Jasc Animation Shop

Пользование программами

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

1.Jasc Animation Shop:

Создание анимации

Чтобы создать анимацию из отдельных изображений (лучше одинакового размера), следует открыть файл первого из них, а затем командой Animation Hnsert Frame > From file (Анимация > Вставка кадров > Из файла) добавить следующие как отдельные кадры. При выборе файлов в окне Insert Frames From files (Вставка кадров из файлов) можно задать не только их порядок, но и время демонстрации, а также в какое место анимации они должны быть вставлены.

Переключатели внизу окна задают месторасположение изображения в кадре (Location within frame) и способ заполнения оставшегося на кадре места (Fill rest of frame with). Расположение может быть в левом верхнем углу или по центру кадра, а заполнение либо цветом холста, либо частью изображения предыдущего кадра.

Если рисунки статические, то можно задать достаточно большое время их показа, чтобы добиться эффекта слайд-шоу. Чтобы изменить время, заданное по умолчанию для уже вставленных кадров, следует выделить один из них и выбрать команду Animation > Frame Properties (Анимация > Свойства кадра), в одноименном окне вводят нужную величину времени, а также можно добавить комментарий к кадру. Чтобы получить более связные переходы между кадрами, Animation Shop предлагает целый набор возможностей автоматического создания промежуточных кадров. Так, команда Effects > Insert Image Transition (Эффекты > Вставка перехода) или аналогичная команда контекстного меню кадра позволяют вставить нужное число кадров между двумя соседними кадрами анимации. По этой команде открывается одноименное окно (рис. 2.17), в котором выбирается один из предлагаемых вариантов перехода. Кнопка Customize (Пользовательский) открывает дополнительное окно для задания возможных значений параметров выбранного перехода. Регулируя положение ползунков Transition Length (Длина перехода) и Frame per seconds (Кадров в секунду), можно определить число вставляемых кадров. Области Start with (Начать) и End with (Закончить) позволяют выбрать источником перехода не только кадр, но и произвольный цветной фон.

Если установить флажок Show Preview (С предварительным просмотром), то после вычисления новых кадров анимации в области Transition (Переход) можно увидеть результат работы выбранного перехода. При неудовлетворительном качестве можно поменять какие-либо параметры, что потребует нового расчета и покажет новый вариант перехода в окне предварительного просмотра. Щелчок на кнопке ОК вставит заданное число кадров в анимацию, осуществляющих переход.

Остальные команды меню Effects (Эффекты) предлагают использование набора эффектов для изображений и текстов ак в отдельных кадрах анимации, так и с созданием дополнительных последовательностей кадров, реализующих выбранный эффект.

Выделяя кадр, который будет начальным в последовательности, по команде Effects > Insert Image Effect (Эффекты > Вставка эффекта) открывают одноименное окно для выбора типа и параметров эффекта (рис. 2.18). Аналогично окну Insert Image Transition (Вставка перехода) в нем задаются значения Transition Length (Длина перехода) и Frame per seconds (Кадров в секунду), уточняются параметры эффекта в окне Customize (Пользовательский), вызываемом одноименной кнопкой, и выполняется предварительный просмотр эффекта. Установка флажка Run effect in reverse direction (Выполнить эффект в обратном порядке) позволяет сделать выделенный кадр завершающим кадром последовательности с примененным эффектом. После расчета всех вновь вставляемых кадров они помещаются в окно Frames (Кадры) щелчком на кнопке ОК.

Если число кадров анимации не следует увеличивать, то можно применить эффект к существующим кадрам. Выделяя один или несколько кадров, выполняют команду Effects > Apply Image Effect (Эффекты > Применить эффект), открывающую одноименное диалоговое окно (рис. 2.19), в котором эффект можно увязать с заданным временем демонстрации кадра либо с номером кадра в последовательности.

При установке флажка Show Preview (С предварительным просмотром) в области Source (Источник) можно увидеть анимацию выделенных кадров до применения эффекта, а в области Effect (Эффект) — после его применения. Щелчок на кнопке ОК окна заменяет выделенные кадры вновь рас-:читанными с использованием эффекта.

\налогично действуют команды меню Effects (Эффекты) по угнетению к тексту: Insert Text Effect (Вставка текстового эффекта) вставляет новые кадры с использованием эффекта, примененного к тексту, a Apply Text Effect (Применение текстового эффекта) заменяет существующие кадры на новые. Например, в анимацию с изображением вращающегося гло-iyca в существующие кадры можно добавить бегущую строку с текстом. В этом случае, выделяя все кадры последовательности, следует выбрать команду Effects > Apply Text Effect (Эффекты > Применение текстового эффекта).

В одноименном диалоговом окне в поле Define text (Задать текст) вводится строка текста и при необходимости форматируется в окне Add Text (Добавить текст), вызываемом щелчком на кнопке Fonts (Шрифт). В раскрывающемся списке эффектов выбирается эффект бегущей строки (Marquee), а в поле Text appearance — цвет символов текста, причем в качестве заполнения символов может быть выбрано изображение кадра. Предварительный просмотр результатов в областях Source (Источник) и Effect (Эффект) позволяет оценить результат. Щелчок на кнопке ОК позволит добавить на изображения кадров бегущий текст.

Программа Animation Shop включает более 20 эффектов, применяемых к изображениям, и 26 типов переходов между кадрами. К переходам, которые не имеют параметров, относятся следующие: Dissolve (Растворение), Double Split (Двойное расщепление), Fade (Наплыв), Slat Spin (Вращающиеся полоски), Wedge Wipe (Клинообразное вытеснение).

Переходы, для которых можно задавать управляющие параметры: Blinds (Жалюзи), Checker Wipe (Шахматное вытеснение), Clock Wipe (Радиальное вытеснение), Curtains (Занавес), Hue Wipe (Вытеснение цветом), Iris Wipe (Диафрагма), Lumiance Wipe (Вытеснение яркостью), Morph (Превращение), Mosaic (Мозаика), Page Turn (Переворачивание страницы), Pinwheel (Колесо), Saturation Wipe (Вытеснение насыщенностью), Slash Wipe (Диагональное вытеснение), Slats (Открывающиеся полоски), Sliding Boxes (Скользящие прямоугольники), Spin (Поворот), Split (Расщепление), Star Wipe (Звездообразное вытеснение), Twist (Скручивание), Wipe (Вытеснение), Zoom (Изменение масштаба).

Эффекты, не имеющие параметров: Fade To Grey (Выцветание в серое), Pixelate (Оформление), Rotate Colors (Изменение цвета), Scratches (Царапины), Stream (Полосы).

Эффекты, которыми можно управлять, задавая параметры: Compress (Сжатие), Explode (Рассеивание), Gaussian Blur (Размытие по Гауссу), Motion Blur (Движущееся размытие), Noise (Шум), Pinch (Сжатие к центру), Posterize (Постеризовать), Rotate (Вращение), Shaky Cam (Трясущаяся камера), Shear (Сдвиг), Spiral (Спираль), Stained Glass (Сквозь стекло), Stretch (Растяжение), TV Scanlines (ТВ-развертка), Underwater (Блики), Wave (Волна).

2.Macromedia Flash:

 
Практикум по созданию.

В упражнениях рассмотрено создание анимации движения и изменения формы, а также присоединение к анимации звуковых файлов и сохранение фильма со звуком.

Упражнение 4.1. Анимация движения

1. Запускаем Macromedia Flash. Если в окне не отображается временная диаграмма, то по команде View > Timeline (Вид > Ось времени) выводим ее на экран.
2. Создадим на столе объект, например цветной круг. Выделим его и по команде Insert > Create Motion Tween (Вставка > Рассчитать движение) преобразуем в символ Flash с именем по умолчанию tweenl.
3. На временной диаграмме выделяем последний кадр будущей последовательности, например 15, и выполняем команду Insert > Frame (Вставка > Кадр).
4. Переместим объект в новую позицию на рабочем столе, при этом будет создан новый ключевой кадр в конце последовательности, а на временной диаграмме между ключевыми кадрами появится стрелка.
5. По команде Windows > Panel > Frame (Окно > Панели > Кадр) открываем панель Frame (Кадр), в которой задаются свойства анимации движения, — в раскрывающемся списке Tweening (Расчет) должно быть значение Motion (Движение).
6. Нажатие клавиши Enter или выбор команды Control > Play (Управление > Воспроизвести) запускает просмотр анимации.
Упражнение 4.2. Анимация формы

1. Запускаем Macromedia Flash. Если программа активна, то щелчком по кнопке New (Создать) либо выбором команды File > New (Файл > Создать) создадим новый фильм. Для отображения на экране временной диаграммы выполняем команду View > Timeline (Вид > Ось времени).
2. Активизируем слой и выделяем на нем пустой ключевой кадр для создания будущей анимации.
3. На рабочем столе изображаем исходную фигдоу с помощью любых инструментов рисования, предлагаемых Flash, учитывая, что можно будет изменять не только ее форму, но и цвет, и ее положение. В примере на рис. 4.19 это красный овал.
4. Пропустив определенное число кадров, например 15, по команде Insert > Key Frame (Вставка > Ключевой кадр) задаем второй ключевой кадр, в котором изобразим конечное состояние фигуры. В примере это зеленый прямоугольник.
5. Для первого ключевого кадра выделим объект на рабочем столе и выбором команды Modify > Frame (Изменить > Кадр) откроем панель Frame (Кадр), в которой в списке Tweening (Расчет) зададим тип анимации Shape (Форма).
6. Нажатие клавиши Enter или выбор команды Control > Play (Управление > Воспроизвести) запускает просмотр созданной анимации.
Упражнение 4.3. Анимация с использованием идентификаторов

1. Запускаем Macromedia Flash. Если программа активна, то щелчком по кнопке New (Создать) либо выбором команды File > New (Файл > Создать) создадим новый фильм. Для отображения на экране временной диаграммы выполняем команду View > Timeline (Вид > Ось времени).
2. Изобразим на столе объект, например желтый круг.
3. Пропустив определенное число кадров, например 15, по команде Insert > Keyframe (Вставка > Ключевой кадр) зададим второй ключевой кадр, на котором изобразим конечное состояние фигуры. В примере это синий круг такого же размера в той же позиции стола.
4. В первом ключевом кадре выделяем круг и открываем панель Frame (Кадр) выбором команды Modify > Frame (Изменить > Кадр). В раскрывающемся списке Tweening (Расчет) зададим тип анимации Shape (Форма). При просмотре такой анимации круг будет лишь постепенно менять свой цвет.
5. Снова выделим первый ключевой кадр и выполним команду Modify > Transform Add Shape Hints (Изменить > Трансформировать > Добавить идентификатор). В центре фигуры появится начальный идентификатор — красный кружок, помеченный буквой «а». Если команда Add Shape Hints (Добавить идентификатор) недоступна, то предварительно следует выполнить команду View > Show Shape Hints (Вид > Показать идентификаторы формы).
6. Переместим идентификатор «а» на левый край окружности и повторим команду Add Shape Hints (Добавить идентификатор). Новый идентификатор «6» переместим на правый край окружности.
7. Выделим конечный кадр и в нем разместим идентификаторы в обратном порядке. Если они размещены точно на окружности, то их цвет изменится на зеленый. Цвет соответствующих идентификаторов в первом кадре станет желтым.
8. Нажатие клавиши Enter или выбор команды Control > Play (Управление > Воспроизвести) запускает просмотр созданной анимации. Теперь круг будет не только менять цвет, но и вращаться относительно вертикальной оси.
9. Команда File > Save (Файл > Сохранить) позволяет сохранить файл анимации с расширением FLA для дальнейшей работы над ней.


Рис. 4.28. Размещение идентификаторов формы в первом кадре



Рис. 4.29. Размещение идентификаторов формы в конечном кадре

Упражнение 4.4. Создание последовательности кадров для пошаговой анимации

1. Щелчком по кнопке New (Создать) либо выбором команды File> New (Файл > Создать) создадим новый фильм. Для отображения на экране временной диаграммы выполняем команду View >Timeline (Вид > Ось времени).
2. В окне Timeline (Ось времени) выделяем слой и кадр, с которого начнется анимация. Если кадр не является ключевым, то выполняем команду Insert > Keyframe (Вставка > Ключевой кадр).
3. Помещаем на стол изображение первого кадра последовательности. Это можно сделать с помощью инструментов рисования, импорта готового изображения или вставки графики из буфера обмена.
4. Щелчком правой кнопки мыши по следующему кадру этого же слоя открываем контекстное меню и выполняем команду Insert Keyframe (Вставить ключевой кадр). Таким образом, в последовательность добавляется новый ключевой кадр с таким же, как и в первом кадре, содержанием.
5. Изменим содержание этого кадра нужным образом (можно также импортировать следующее изображение, подготовленное в каком-либо графическом редакторе), что дает следующий кадр будущей анимации.
6. Повторяем шаги 4 и 5 до тех пор, пока не будет сформировано необходимое превращение. Воспроизведение анимации с помощью клавиши Enter позволяет контролировать работу в любой момент.
7. Готовый фильм сохраняется по команде File > Export Movie (Файл > Экспорт фильма), что позволяет создать файл с расширением SWF, предназначенный для воспроизведения с помощью Flash-проигрывателя, но не подлежащий дальнейшему редактированию.
Упражнение 4.5. Присоединение звукового файла к анимации

1. При открытом файле фильма Macromedia Flash вставим новый слой командой Insert > Layer (Вставка > Слой).
2. По команде File > Import (Файл > Импорт) открываем окно задания местонахождения файла и выбираем нужный звуковой файл. При необходимости импортировать несколько файлов последовательно повторяем эти действия. Все импортированные файлы будут помещены в библиотеку.
3. Для назначения слою звукового файла следует открыть панель Sound (Звук), где в одноименном раскрывающемся списке выбираем один из импортированных файлов. Список будет доступен, если в слое выделены все кадры, с которыми он должен воспроизводиться.
4. С помощью кнопки Edit (Правка) вызовите окно правки звука Edit Envelope (Правка звука), где задайте эффект или уровни громкости, проверяя характер звучания с помощью кнопки.воспроизведения и щелчком по кнопке ОК закройте окно.
Упражнение 4.6. Присоединение нескольких звуковых файлов

1. Вставляем новый слой по команде Insert > Layer (Вставка > Слой), выделяем кадр, с которого должен начаться звук, и выполняем команду Insert > Keyframe (Вставка > Ключевой кадр). При выделенном ключевом кадре вызываем окно его свойств командой Modify > Frame (Изменить > Кадр).
2. На панели Sound (Звук) в одноименном раскрывающемся списке выбираем один из импортированных файлов. Редактируем звук с помощью инструментов Macromedia Flash и назначаем эффекты, проверяя характер звучания с помощью кнопки воспроизведения. Щелчком по кнопке О К закрываем окно.
3. Результат одновременного воспроизведения звука проверяем по команде Control > Test Movie (Управление > Проверить фильм).
4. Если какой-либо из звуков должен иметь собственные параметры экспорта, то по команде Window > Library (Окно > Библиотека) вызываем библиотеку, в которой перечислены импортированные звуки, и, выделив нужный звук щелчком правой кнопки, выбираем команду Properties (Свойства). В окне свойств звука задаем требуемые параметры компрессии.
5. При экспорте фильма имеется возможность создать отдельный звуковой файл в формате WAV, объединяющий все звуки фильма. Для этого по команде File > Export Movie (Файл > Экспорт фильма) открываем окно задания имени и типа файла и в раскрывающемся списке File Type (Тип файла) выбираем WAV.