План
I. Организационный момент. Постановка цели занятия.
II. Объяснение нового материала
1. Основные понятия.
2. Из истории анимации.
3. Принципы анимации.
4. Технологии создания анимации.
5. Обзор программ для создания анимации.
6. Механизм создания анимации.
III. Закрепление нового материала.
IV. Подведение итога занятия.
Ход занятия.
I. Организационный момент. Постановка цели.
II. Объяснение нового материала.
Рассказ учителя сопровождается демонстрацией слайдов презентации. Учащиеся работают с брошюрой.
Основные понятия.
Чтобы научиться делать анимации, нам надо разобраться с понятиями: анимация, мультипликация, компьютерная анимация. На 1 странице брошюры и слайде 2 даны определения терминов. Анимацией называется искусственное представление движения в кино, на телевидении или в компьютерной графике путем отображения последовательности рисунков или кадров с частотой, при которой обеспечивается целостное зрительное восприятие образов.
Анимация, в отличие от видео, использующего непрерывное движение, использует множество независимых рисунков. Синоним “анимации” –“мультипликация” – очень широко распространен в нашей стране. Анимация и мультипликация – это лишь разные определения одного и того же вида искусства. Термин мультипликация произошел от латинского слова “мульти” – много и соответствует традиционной технологии размножения рисунка, ведь для того, чтобы герой “ожил”, нужно многократно повторить его движение: от 10 до 30 рисованных кадров в секунду. Принятое в мире профессиональное определение“анимация” (в переводе с латинского “анима” – душа, “анимация” – оживление, одушевление) как нельзя более точно отражает все современные технические и художественные возможности анимационного кино, ведь мастера анимации не просто оживляют своих героев, а вкладывают в их создание частичку своей души.
Из истории анимации.
Анимация, как и любой другой вид искусства, имеет свою историю.
Слайд 3 . На протяжении всего своего существования человек пытался отразить движение в своем искусстве. Первые попытки передачи движения в рисунке относятся примерно к 2000 году до нашей эры (Египет).
Еще один пример движения найден в пещерах Северной Испании: это рисунок кабана с восьмью ногами.
70-е годы до н.э. Римский поэт и философ Лукреций в трактате "О природе вещей" описал приспособление для высвечивания на экране движущихся рисунков.
Х–ХI вв. Первые упоминания о китайском театре теней – типе зрелища, визуально близком будущему анимационному фильму.
XV в. Появились книжки с рисунками. Свернутые в рулон, а затем мгновенно разворачивавшиеся, они создавали иллюзию оживших рисунков.
Впервые принцип инертности зрительного восприятия, лежащий в основе анимации, был продемонстрирован в 1828 году французом Паулем Рогетом. Объектом демонстрации был диск, на одной стороне которого находилось изображение птицы, а на другой – клетки. Во время вращения диска у зрителей создавалась иллюзия птицы в клетке.
Проводится опыт, использующий макет, наглядно демонстрирующий иллюзию, созданную Паулем Рогетом. (CD диск с двусторонними рисунками быстро вращается под воздействием нити, продетой в отверстие диска).
Слайд 4 . Попытки найти способы оживления рисунков посредством специальных аппаратов задолго предшествуют появлению кинематографа.
В 1832 г. молодой бельгийский профессор Жозеф Плато приблизил нас к созданию кинематографа, построив лабораторный прибор –фенакистископ , (от греческого "фенакс" – обманщик и "скоп" – смотреть). Способность сетчатки человеческого глаза сохранять изображение позволяет нам видеть огненный круг в воздухе, когда вращают горящий факел, звездный след и т.п.
Изобретение фенакистископа значительно приблизило нас к молодому искусству рисованного фильма и вообще к созданию кинематографа. Вот как описывает Жозеф Плато свое изобретение: "Мой прибор состоит из черного картонного диска диаметром приблизительно 25 сантиметров, насаженного на ось подобно колесу. Недалеко от внешней окружности диска проделано до двадцати отверстий в виде радиально направленных щелей. Эти щели могут иметь около 2 мм ширины и 2 см длины и должны быть проделаны на равных расстояниях друг от друга. Для наблюдения изменяющихся явлений в их истинном виде поступают следующим образом: приводят диск в достаточно быстрое вращение, закрывают один глаз, а другим смотрят сквозь образующуюся от быстрого вращения щелей прозрачную полосу на движущийся предмет".
Конструкция приборов для анимации основана на способности сетчатки человеческого глаза сохранять изображения. Ощущения, возникающие в наших органах чувств, не угасают сразу. Некоторое время глаз сохраняет световое изображение предмета и после того как перестает смотреть на него. Рассмотрим примеры визуальных иллюзий на Слайдах 5, 6, 7.
С 1870 года, в Сан-Франциско англичанин Эдвард Мюйбридж начал свою работу по съемке последовательных фаз движения. Они представляют огромный интерес для художников и особенно для мультипликаторов. Его работами восхищались Бодлер и Делакруа. Когда ему нужно было нарисовать лошадь в движении, он следовал в тележке рядом с бегущей лошадью и делал множество набросков с натуры. Фотографии Мюйбриджа казались безобразными и неправильными. Положение лошади при беге, установленное аппаратом Мюйбриджа, часто казалось неправдоподобным. Мюйбридж решил спор опытным путем. Когда рисунки, сделанные по моментальным фотографиям, показали в движении на экране, самые неверующие сдались. Его исследования и по сей день служат значительным вкладом в изучение движения животных и человека. Они представляют огромный интерес для художников и особенно для мультипликаторов.
Слайд 8. В 1877 г. француз Эмиль Рейно, усовершенствовав зеркальную систему фенакистископа Жозефа Плато, создал новый, более совершенный прибор, назвав его "праксиноскопом" Рейно.
1880 г. – Соединив свой праксиноскоп с проекционным фонарем, Эмиль Рейно с большим успехом демонстрировал свои рисунки на экране. Но это еще было простая форма мультипликации.
Эмиль Рейно считается отцом анимационного кино, в 1888 году он усовершенствовал свой праксиноскоп, перенес рисунки на целлулоидную ленту и впервые высветил на большом экране сюжетный фильм.
Изобретение братьев Люмьер, которые в 1895 г. разработали конструкцию киноаппарата для съемки и проекции движущихся фотографий, назвав его кинематографом, нанесло смертельный удар "Оптическому театру" Эмиля Рейно.
Опытная демонстрация фильма, заснятого на кинопленке, состоялась в марте 1895 г., а в конце декабря того же года в Париже уже начал функционировать первый кинотеатр.
Рождение кинематографа вытеснило мультипликацию. На некоторое время ее предали забвению, увлекшись перспективами быстро развивающейся игровой кинематографии.
В 1910 году Рейно, подавленный постигшими его затем неудачами, утопил все оборудование и свои фильмы в Сене. В 1916 году он умер в приюте для бедняков.
Слайд 9. Настоящую революцию в мире анимации произвел УОЛТ ДИСНЕЙ (1901–1966), американский режиссер, художник и продюсер.
В 1923 году он выпускает серию “Алиса в стране мультипликации”. В 1928 году – звуковой мультфильм “Пароходик Вилли” с героем Микки Маусом. Позже появился утенок Дональд Дак, завоевавший любовь всех детей мира.
1940 г. – На студии "Метро-Голдвин-Майер" начинают производство серии "Том и Джерри”, над которой аниматоры работали 17 лет.
Студия Диснея получила 12 “Оскаров” за свои работы.
Слайд 10. В Японии первые эксперименты с анимацией начались в 1913 году, а уже в 1917 году появились анимационные фильмы длинной от 1 до 5 минут. Фильмы эти были выполнены художниками-одиночками, которые пытались обобщить и переиначить опыт американских и европейских мультипликаторов. Таким образом, зарождался японский стиль анимации, названный “аниме” от британского “animation”. В 20-е годы аниме представляло собой экранизацию классических китайских и японских сказок, нарисованных в стиле традиционной японской графики. Наиболее знаменитыми аниматорами этого времени считаются Симокава Дэкотэн, Коти Дзюнъити, и другие, вырезавшие своих персонажей из бумаги (силуэтная анимация). В 1932 году была создана первая японская анимационная студия, а в 1933 году – снят первый звуковой анимационный фильм. В России по ТВ в разное время показывались японские фильмы “Ведьма Салли”, “Кот в сапогах”, “Корабль-призрак”, “Кенди”, “Приключении пчелки Майи”, “Конан – мальчик из будущего” и др. В отличие от анимации других стран, предназначаемой в основном для просмотра детьми, большая часть выпускаемого аниме рассчитана на подростковую и взрослую аудитории, и во многом за счет этого имеет высокую популярность в мире. Аниме часто (но не всегда) отличается характерной манерой отрисовки персонажей и фонов. Издается в форме телевизионных сериалов, а также фильмов, распространяемых на видеоносителях или предназначенных для кинопоказа.
Слайд 11. В 1936 г. в Москве по решению правительства была создана специальная студия рисованных фильмов – “Союзмультфильм”. Выходят первые цветные детские фильмы: "Красная шапочка", "Маленький Мук" "Лимпопо" и "Бармалей" и другие.
С криком "Ура, мультики!" каждый вечер дети бежали к телевизору, чтобы в очередной раз посмотреть телепередачу "Спокойной ночи, малыши!". С 1969 года на “Союзмультфильме” Котеночкин создает многосерийный фильм “Ну, Погоди!”
Это далеко не полная история анимация, небольшое отступление. Более подробно c удивительной и интересной историей анимации вы можете познакомиться самостоятельно, литературные и интернет источники для самостоятельного углубленного изучения вопросов анимации смотрите на 4 странице брошюры “Компьютерная анимация”.
Принципы анимации.
Там же в брошюре представлены и подробно раскрыты общие принципы, которые используются при создании анимационных фильмов. Большинство из них сформулировано для анимации Диснея и первоначально относилось к мультфильмам, выполненным в традиционной анимации, но практически все они применимы и при других технологиях. Вы их самостоятельно изучите во внеурочное время. Мы обсудим их на следующем занятии.
Технологии создания анимации.
Слайд 12. Рассмотрим технологии создания анимации. Давайте разберемся, что они из себя представляют.
Давайте вспомним, что такое компьютерная анимация?
Учащиеся: “Оживление” изображений на экране дисплея, синтез динамических изображений на компьютере.
Похожая информация.
Общая характеристика курсов компьютерной анимации во Flash Эта программа курсов компьютерной анимации в macromedia Flash является прорывом в области анимации. Она ориентирована на разработчиков WEB- приложений, начинающих осваивать Flash. Программа "Macromedia Flash" предназначена для создания анимационных роликов баннеров, интерактива сайтов, вставки звуковых эффектов, для различных публикаций в Интернете, а также разработок flash-презентаций высокого качества и работы с растровыми, векторными изображениями.
Практические навыки В дальнейшем это позволит ученикам: принимать участие в разработках телевизионных и анимационных проектов; самостоятельно создавать интерактивные анимационные flash-ролики, flash- презентации; использовать элементы в Web-дизайне и простых прикладных программах. Практические задания направлены на создание анимированных моделей, способствующих эффективному восприятию информации. Областью применения практических навыков, получаемых в результате изучения материалов курса являются информационные и, в частности, интернет-технологии.
Информация об обучении Компьютерной анимации Macromedia Flash Macromedia Flash График занятий на курсе: 2 дня в неделю 1 час в день Время занятий на курсах компьютерной анимации: с до Курсы «Flash-технологии» для учащихся центра образования 1601
Программа «Масromedia Flash « Macromedia Flash» - программа, необходимая для создания анимационных роликов, баннеров, интерактива сайтов, вставки звуковых эффектов, для различных публикаций в Интернете, а также разработок flash-презентаций высокого качества и работы с растровыми, векторными изображениями. Программа Flash компании Macromedia предназначена для создания интерактивного содержимого, как Web-среды, так и любой другой цифровой среды, со свойствами и без свойств интерактивности: реклама, шоу-бизнес, телевидение, музейное дело, театр, лазерные шоу, интерьер, реклама, Интернет. Наши курсы Flash помогут вам освоить программу Macromedia Flash и со временем стать специалистом в области анимации.
Итоговый результат создание анимационных проектов: привлекательных Flash-баннеров, интерактивного Flash-сайта, Flash-презентации и Flash-игры. Значение Flash-технологий для Web-дизайна трудно переоценить, они являются необходимой составляющей подготовки профессиональных Web- дизайнеров.
Первый урок во FLASH Итак, вот наш первый урок во FLASH. Вы сели за компьютер, установили FLASH и думаете, с чего начать. Так вот, начнем мы с того, что я расскажу вам зачем вообще вам нужен этот FLASH и чем он может вам помочь. Прежде всего, FLASH - это векторный редактор, это вам не PHOTOSHOP... здесь все по-другому. Не буду объяснять в чем разница между растровым и векторным редактором, если вам будет так уж это интересно, то думаю вы найдете где узнать. FLASH - это ваша киностудия, где вы собственно являетесь режиссером, если у вас не развита фантазия, то идите почитайте книжки посмотрите фильмы фэнтези. Итак все это сделали, с фантазией в порядке, можно приступать к работе:).Из чего состоит фильм? Конечно из сцен, вот правильно, как раз во флэше этого добра хватает, главное предмет - сцена, отлично. Приходите к нам на курсы и там мы продолжим наш урок.
Первый урок во FLASH (продолжение) Ваш фильм может состоять из нескольких сцен, из нескольких файлов, в которых опять же может быть n-ое кол-во сцен. Итак, фильм - это может быть и реальный фильм, мультик, сайт в общем все что ты захочешь... это может быть и виртуальная картинка для одноклассника. Так что нужно настоящему веб-дизайнеру для нормальной работы? Компьютер, хорошая мышка. Так, все есть? - отлично - ВПЕРЕД!!! Внутри сцены находится вся твоя графика, каждая графика - объект. Итак, объект - это то что нарисовано, теперь самое главное, СИМВОЛ - это главное понятие во FLASH. Символ - это объект который хранится в библиотеках. Символы бывают: Movie Clip, Button, Graphics. Начнем с легкого, Graphics - это просто какой-то статический объект, который никак не изменяется при действиях юзера. Button - кнопка, 4 кадра (Up, Over, Down, Hit) - подробнее в разделе "Создание Кнопок". Movie Clip - это отдельный клип, который ты можешь вставлять в свою сцену, например сделать крутящуюся линию и вставить её в клип....
«Компьютерная анимация» - С помощью графических редакторов, например, AdobePhotoshop или GIMP. ПО для создания анимации: Анимация в презентациях; Gif-анимация; «Anima» - одушевление. Flash-анимация; Машина БЭСМ-4. Запись движения. «Multiplikato» - (лат.) умножение. Процедурная анимация. 1) объемная анимация. 2) живописная анимация. 3) перекладочная анимация. 4) компьютерная анимация.
«Технология в школе» - Еткс - единый тарифно-квалификационный справочник работ и профессий. Государственное регулирование. Организация. Условия успешности обучения. Перераспределение доходов за счет социальной поддержки. Начальное профессиональное образование. Основные виды работ и профессий. Факторы микросреды. Задачи профильного и предпрофильного образования.
«Анимации» - Удаляем ненужные узлы в иерархии. Первый вариант реализации. Избавляемся от дубликации в дисплей-листах. Варианты интерполяции матриц. Анимации геометрии (3 Мб). Содержание. Уменьшение частоты квантования: результат. Размеры анимаций на картридже огромны. Удаляем ненужные узлы в иерархии: результат.
«Технология 6 - 7 - 8 класс» - Где сливки отстоятся быстрее? Дипломат и способ приготовления селедки. Что приходит во время еды? То, из чего изготавливается одежда. В чём измеряется электрическая энергия? Слово, от которого не становится сладко во рту, сколько ни повторяй. Из какого семейства тюльпан? Что измеряет счетчик электрической энергии?
«Анимации по информатике» - Графическая информация и компьютер. Компьютерная графика. Одно из ведущих направлений развития современных информационных технологий. Под словом «мультимедиа» понимают воздействие на пользователя по нескольким информационным каналам. Области применения компьютерной графики. Используется в работе инженеров - конструкторов, изобретателей новой техники.
«Gif-анимация» - Технология создания gif-анимации в Photoshop или ImageReady. И так повторять, пока не поместим все необходимые слои. Что такое аватар? Изменение производим с помощью свободной трансформации. Переходим в Adobe Image Ready. Для запуска анимации необходимо установить время для смены кадров. Скопировать изображение на несколько слоев.
В настоящее время существуют различные технологии создания анимации:
1. Классическая (традиционная) анимация представляет собой поочередную смену рисунков, каждый из которых нарисован отдельно. Это - очень трудоемкий процесс, так как аниматорам приходится отдельно создавать каждый кадр.
2. Стоп-кадровая (кукольная) анимация. Размещенные в пространстве объекты фиксируются кадром, после чего их положение изменяется и вновь фиксируется.
3. Спрайтовая анимация реализуется при помощи языка программирования.
4. Морфинг - преобразование одного объекта в другой за счет генерации заданного количества промежуточных кадров.
5. Цветовая анимация - при ней изменяется лишь цвет, а не положение объекта.
6. 3D-анимация создается при помощи специальных программ (например, 3D MAX). Картинки получаются путем визуализации сцены, а каждая сцена представляет собой набор объектов, источников света, текстур.
7. Захват движения (Motion Capture) - первое направление анимации, которое дает возможность передавать естественные, реалистичные движения в реальном времени. Датчики прикрепляются на живого актера в тех местах, которые будут приведены в соответствие с контрольными точками компьютерной модели для ввода и оцифровки движения. Координаты актера и его ориентация в пространстве передаются графической станции, и анимационные модели оживают.
Принципы анимации
При создании анимационных фильмов используются некоторые общие принципы. Большинство из них сформулировано для анимации Диснея и первоначально относилось к мультфильмам, выполненным в технике традиционной анимации, но практически все они применимы и при других технологиях.
Сжатие и растяжение
Если передвинуть твердый реальный объект, к примеру, стул, то он останется жестким и в движении. Форма же живых существ всегда по-особому деформируется. Например, если Вы сгибаете руку, Ваш бицепс вздувается. Когда Вы выпрямляете руку, мышцы вытягиваются и выпрямляются. Согнутое положение показывают сплющенным объемом, а выпрямленное - вытянутым. Важное правило: считать объем объектов постоянным при сжатии, растяжении и в покое. Если этим пренебречь, то объекты будут выглядеть уменьшенными при сжатии и увеличенными при растяжении.
Классический пример - прыгающий мяч, когда он сплющивается при касании земли и вытягивается до и после касания. Растяжение, хотя и нереалистичное, заставляет мяч двигаться быстрее прямо перед касанием земли и сразу после.
Когда объекты сжимаются и растягиваются, это говорит нам, что они сделаны из пластичного материала, если нет, то из жесткого. Объекты, частично пластичные или частично жесткие должны деформироваться только в пластичных местах. Объекты на шарнирах могут двигаться без деформации, как, к примеру, Люксо Младший (Luxo, jr.).
Деформации особенно важны в лицевой мимике: они показывают пластичность кожи и мускулов, как и взаимосвязи различных частей лица. В самой ранней анимации персонажи двигали только губами, что выглядело нереалистично. Позднее инновации позволили изменяться всему лицу вслед за ртом, что уже выглядит более правдоподобно. Для эффекта это можно еще и преувеличить. Широкая улыбка или насупленное выражение лица привлекательнее, чем только изменение одного рта.
Деформации можно использовать и при быстром движении объектов. Если движение медленное, объект перекрывает сам себя в кадрах, и движение визуально сглаживается. Но если движение очень быстрое, то захлеста объектов нет и глаз различает отдельные картинки - объект начнет стробироваться, мелькать. Решение - растянуть объект, чтобы сохранить захлест и плавность движения.
Рис. 6.4. Иллюстрация принципа сжатия и растяжения в анимации
Пример: мяч справа был растянут, что выглядит более естественным.
Сжатие и растяжение может быть выполнено различными масштабированиями в 3D-системе координат ключевых поз. Следите за неизменностью объема. Так, растяжение по одной из осей (X), должно привести к сжатию в других направлениях (Z,Y). Растяжение должно быть выполнено также вдоль направления движения - может потребоваться и трансформация вращения.
Расчет времени и движения (тайминг)
Расчет скорости выполнения действия, или тайминг, имеет большое значение для движения, причем и физическое, и эмоциональное. Аниматору приходится уделять много внимания балансировке упреждения движения, самому движению и реакции на это движение. Если движение занимает слишком много времени, то зритель может потерять к нему интерес, а если слишком мало, то зритель может не разглядеть его или не понять.
Тайминг может передать ощущение массы объекта. Тяжелые объекты требуют большей силы и более длительного времени на ускорение и замедление. Например, мяч для боулинга персонаж поднимает медленнее, чем баскетбольный мяч. Подобным образом тайминг говорит и о размере объектов. Большие объекты двигаются медленнее, чем маленькие, имеют большую инерцию. Такой эффект делают не изменением поз, а варьированием промежутков (числа кадров) между позами.
Движение может давать иллюзию веса предметов. Рассмотрим, например, мяч, ударяющийся о коробку.
Если мяч отскакивает от коробки, а коробка неподвижна, у нас складывается иллюзия, будто коробка намного тяжелее мяча.
Если же мяч сдвигает коробку и двигается дальше, то коробка воспринимается как значительно более легкая, чем мяч.
Тайминг может иметь и эмоциональное значение. Рассмотрим сцену с головой, наклоненной сначала в сторону правого, потом в сторону левого плеча.
Изменяя число промежуточных кадров, можно изменить значение происходящего:
§ Без промежуточных кадров - персонажа очень сильно ударили, ему почти снесли голову.
§ Один промежуточный кадр - персонажа ударили чем-то весомым, например сковородой.
§ Два промежуточных кадра - персонажа свела нервная судорога
§ Три промежуточных кадра - персонаж уклоняется от пролетающего объекта.
§ Четыре промежуточных кадра - персонаж кивком головы отдает отрывистый приказ.
§ Шесть промежуточных кадров - персонаж увидел что-то привлекательное.
§ Девять промежуточных кадров - персонаж о чем-то задумался.
§ Десять промежуточных кадров - персонаж разминает затекшую шею.
Упреждение (или отказное движение)
Движение делится на три части:
1. подготовка движения – упреждение,
2. собственно движение,
3. окончание движения.
Упреждение можно рассматривать как подготовку движения, следующую из анатомии, например, замах ноги перед ударом по мячу.
Также его можно рассматривать как способ привлечения зрительского внимания к той части экрана, где подготавливается движение; например, поднимание рук вверх и выразительный взгляд на что-то до того, как его поднять; или взгляд на что-то вне экрана и затем реакция на него до того, как движение появится на экране. Так, например, сделана начальная сцена в Люксо Младшем (Luxo, jr.). Папа смотрит вне экрана и реагирует на что-то. Это заставляет зрителей смотреть на ту часть кадра, где должен появиться Люксо Младший (Luxo, jr.).
Правильно рассчитанное упреждение помогает зрителям лучше понять и быстрое движение, например, подготовку бега, а затем и прыжка за пределы экрана.
Упреждение может создавать ощущение веса или массы, например, тяжелые люди могут опираться на стул, чтобы встать, а вот маленькие могут просто вскочить.
Сценичность
Сценичность - это постановка идеи так, чтобы она читалась предельно ясно.
Идея может быть выражена в действии, индивидуальности, эмоциях или настроении - главное, чтобы идея была ясна для зрителей.
Сценичность ведет зрительские глаза туда, где произойдет действие, чтобы никто ничего не пропустил. Это означает, что в каждый момент важна только одна идея, иначе зрители не заметят нее. Так, иногда главный объект должен быть контрастнее остальной сцены. Хороший пример - привлечь внимание движением. В статичной сцене обратит на себя внимание движущийся предмет, в сценах же, где все движется, глаз остановится на неподвижном объекте.
Аниматор должен использовать различные техники, чтобы быть уверенным, что зритель смотрит на нужный объект в нужное время. Например, в Люксо Младшем (Luxo, jr.) папа появляется первым и поэтому становится центром внимания. А когда сынишка впрыгивает в кадр, двигаясь быстро, центр внимания переключается на него. В определенный момент сынишка останавливается и смотрит вверх на папу, опять переводя внимание на него.
В ранний период Диснея все персонажи были черно-белыми, без оттенков серого. Все движения показывались силуэтами (видами сбоку), иначе, если бы персонаж сдвинул свою черную руку вперед своего черного тела, это бы не прочиталось. Поэтому действие должно происходить на белом фоне. Аниматоры Диснея выяснили, что даже без этого технологического ограничения наиболее четко действие читается в силуэтах.
И в современной цветной 3D-графике силуэтные действия остаются наиболее разграниченными и, соответственно, предпочитаемыми даже по сравнению с фронтальным действием. К примеру, если силуэт персонажа просыпается и трет свои бока, легче будет понять, что происходит, чем если он потрет живот.
Сквозное движение и захлест действия
Сквозное движение - это непрерывность, отсутствие частей в движении. Примером может служить бросание мяча: рука продолжает двигаться, когда мяч уже брошен. При движении сложного объекта различные части объекта движутся различное время с различным темпом. Например, при ходьбе сначала идет бедро, затем остальная часть ноги и потом уже стопа. Когда ведущая часть останавливается, ведомые еще продолжают движение.
Тяжелые части запаздывают и останавливаются медленнее. К примеру, антенны насекомого будут запаздывать, а их движение будет более быстрым, указывая на меньшую массу.
Захлест означает начало второго движения до того, как первое полностью закончилось. Это удерживает интерес зрителя: между движениями не должно быть мертвых точек.
Вот замечание о захлесте от Уолта Диснея:
«Совсем не обязательно аниматору брать персонажа в первой точке и полностью завершать это действие и лишь затем переходить к следующему действию, как если бы он никогда не думал, что будет делать дальше до полного завершения первого действия. Когда персонаж знает, что он собирается делать, он не будет останавливаться перед каждым отдельным действием и раздумывать, делать ли его. Он спланирует это заранее в своей голове».
«Прямо вперед» и «от позы к позе»
«Прямо вперед» при ручном рисовании анимации - это когда аниматор начинает фазовать с первого движения, последовательно делая рисунок за рисунком, пока не закончит сцену. Это создает спонтанную и непредсказуемую анимацию и используется для диких путаных движений.
«От позы к позе» - аниматор аккуратно распланирует всю анимацию, нарисует последовательность основных поз (начало, несколько промежуточных фаз и финальные фазы), а потом уже все промежуточные кадры (это может сделать другой художник или компьютер). Такая техника используется там, где сцена требует большего внимания, а сами позы и расчет времени и движения очень важны.
Эта техника подобна расстановке ключевых кадров в компьютерной графике, которую приходится слегка доводить, ведь промежуточные фазы не всегда предсказуемы. Например, объекты или части объекта могут пересекать друг друга. В случае сложных объектов компьютерная расстановка фаз требует изменения и из-за иерархической структуры модели. Различные части иерархии должны быть трансформированы в различных ключах. Например, при прыжке, ключи перемещения могут быть установлены сразу для всей модели в направлениях X и Z. Затем дополнительные ключи вращения или перемещения могут быть установлены для отдельных частей модели, например рук и ног.
Смягчение начала и завершения
Прием расстановки промежуточных фаз между двумя крайними положениями. Это - второй и третий порядок продолженности (continuity, плавности) движения объекта. По сравнению с постоянной скоростью ускорения выглядят более привлекательно и иногда более естественно, из чего следует, что надо изменять скорость движения. Например, прыгающий мяч движется быстрее, когда он подлетает или отскакивает от земли и медленнее в наивысшей точке. Для объекта или персонажа это характеризуется словами «мягкое завершение» предыдущей позы и «мягкое начало» позы следующей.
Мяч слева прыгает с постоянной скоростью без сжатия/растяжения.
Мяч в центре имеет смягченные начало и завершение со сжатием/растяжением.
Мяч справа двигается с постоянной скоростью со сжатием/растяжением.
Этого обычно добиваются использованием сплайнов смягчения, контролирующих траектории движения объектов. Для достижения нужного эффекта можно изменять различные параметры сплайнов. В 3D Studio они контролируются параметрами Ease To и Ease From в закладке Key (вызванного из окна Track).
Когда эти параметры равны нулю, скорость постоянна в обоих направлениях, то есть в начале и в завершении ключевой фазы. При более высоком значении параметра Ease To движение ускоряется, покидая предыдущий ключевой кадр, и замедляется, подходя к текущему. При более низком значении параметра Ease From движение медленнее покидает текущий кадр и ускоряется к следующему ключевому кадру.
Установка параметра tick mark контролирует направление изменения скорости: с установленным tick mark такт движения замедляется, а с неустановленным - такт ускоряется.
Примеры:
§ Оба параметра Ease To/From установлены на 0 (bounce0.flc).
§ Оба параметра Ease To/From установлены на 50 (max value) (bounce1.flc).
Другие вероятные проблемы связаны с самими сплайнами, контролирующими движение в области ключевого кадра. Из-за математических свойств сплайнов возможен эффект засечения (overshoot). Посмотрите, например, на box1.flc. Для верхней коробки ключевые кадры были расставлены так, чтобы она только касалась верхней грани нижней коробки, но из-за свойств сплайнов после просчета промежуточных фаз она, двигаясь, засекает нижнюю коробку.
Требуются еще три других параметра, контролирующих форму сплайнов смягчения.
Натяжение (Tension) - контроллер натяжения определяет форму сплайновой кривой.
Продолженность (Continuity) контролирует угол, под которым сплайн входит в ключевой кадр или покидает его.
Смещение (Bias) поднимает или опускает кривую движения в позиции ключевого кадра.
Движение по дугам
Шарнирно соединенные сочленения двигаются по дугам. Конечности млекопитающих и многих других живых существ имеют именно такую конструкцию. Следовательно, когда мы двигаем руками или ногами, перемещение происходит по дуге. В результате движение получается натуральным и предсказуемым.
Однако это всего лишь частный случай. Аниматоры Диснея в 1920-30-х годах изучали, что именно хочет видеть зритель. Они обнаружили, что людям намного больше нравятся дугообразные формы, а не прямые линии. Поэтому при разработке траектории перемещения нужно убедиться, что с точки зрения камеры она имеет форму дуги.
Представьте себе подающего в бейсбольной команде. Он может заставить мяч двигаться по прямой линии, но действие станет намного более интересным, если траектория будет дугообразной. Это несложное изменение поразительно влияет на зрителей.
Преувеличение
Преувеличение не означает только растягивание движений или объектов, аниматор должен тщательно отбирать свойства, которые надо преувеличить. Когда преувеличено только что-то одно, оно может слишком выделяться. Если же вообще все преувеличить, то вся сцена будет выглядеть недостоверно.
Второстепенные действия
Эти движения являются результатами других действий. Они могут использоваться для усложнения, добавления деталей и интереса к сцене. Но они должны всегда иметь подчиненное положение по отношению к основным движениям в сцене. Например, эмоции на лице персонажа. Движения тела могут отражать основное действие, а выражение лица добавляется к нему. Другой пример - болтающийся электрический шнур за Люксо Младшим (Luxo, jr.).
Привлекательность
Привлекательность заставляет зрителей неотрывно следить за происходящим. Это - эквивалент харизмы живого актера. Сцена или персонаж не должны быть примитивными (скучными!) или слишком сложными (трудно воспринимаемыми). Отсюда принцип: избегать зеркальной симметрии. Асимметрия выглядит более интересной и привлекательной.
Индивидуальность
Цель всех принципов, рассмотренных выше, - придать анимированным персонажам индивидуальность, привлекающую зрителей. Различные принципы могут применяться к внешнему виду персонажа для достижения стойкой индивидуальности. Это значит, что аниматор должен иметь четкое представление об индивидуальности персонажа до того, как начнет его анимировать.
Принципов Аниме
Аниме произошло в конце 40-х годов из трех вещей: манга (герои и сюжет), японский театр кабуки и бунраку (темы и подтексты) и анимация Диснея (технология), которая впоследствии трансформировалась в совершенно новый стиль. Первые две вещи являются ключевыми - именно они отделяют аниме от остальной анимации.
1 принцип аниме
Сжатие и растяжение используются достаточно умеренно. В то время как Дисней пошел по пути карикатур (cartoon - первоначальное значение карикатура, впоследствии мульт), аниме художники пошли по пути реализма.
2 принцип аниме
Упреждение (или отказное движение). Упреждение используется только там, где без него не обойтись. Это - прыжки, битвы и всевозможные заклинания. Аниме фильмы - это больше театр, нежели карикатура. Также на этот принцип откладывают отпечаток и всевозможные восточные единоборства, где бойцы обычно двигаются почти безинерционно, и ударам очень редко предшествует замах, позволяющий увидеть и блокировать его.
3 принцип аниме
Сценичность. В аниме все внимание сосредоточивается на выражении лица и позе персонажа, что приводит к большему эмоциональному воздействию на зрителя.
4 принцип аниме
Сквозное движение и захлест. Сквозное движение сильно преувеличено. Волосы персонажей почти всегда развеваются по ветру. Плащи героев могут развеваться даже в закрытых помещениях. Уделяется очень много внимания сквозному движению и захлесту, это придает еще более живой вид персонажам.
5 принцип аниме
«Медленный вход» и «медленный выход». Значительно усилено для придания еще большей инерции персонажу. Действие этого принципа хорошо видно во всевозможных прыжках, когда герой плавно взмывает и так же плавно почти бесшумно приземляется.
6 принцип аниме
Второстепенные действия и преувеличение. В аниме эти два принципа используются вместе. Наиболее характерным моментом, где используется этот принцип, является удивленное выражение лица анимешных персонажей. При этом и без того большие глаза увеличиваются почти вдвое.
7 принцип аниме
Профессиональный рисунок. В Японии дизайном персонажей занимаются отдельные люди. Прорисовке фонов и персонажей в аниме уделяют несколько большее внимание, чем в Диснее.
8 принцип аниме
Привлекательность. Привлекательность аниме-персонажей складывается из нескольких факторов:
§ большие глаза, которые достались в наследство от Диснея, придают герою юный и доброжелательный вид;
§ большая голова - делает героев похожими на детей. Даже самый страшный монстр может стать безобиднее мышонка, если ему немного изменить пропорции тела;
§ у взрослых персонажей часто очень длинные ноги (чуть больше туловища с головой), за счет чего они выглядят более стройно.
1 Частота смены кадров за секунду составляет:
10 … 16 – для компьютерной анимации; 24 – для кинематографа; 25 – для системы PAL и SECAM телевещания; 30 – для системы NTSC телевещания.
Министерство образования и науки российской федерации
Государственное образовательное учреждение
Высшего профессионального образования
Таганрогский государственный институт южного федерального университета
Кафедра систем автоматизированного проектирования
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
к курсовой работе
Дисциплина: Перспективные информационные технологии и среды.
ЭОР на тему: « Средства поддержки анимации 2 D и 3 D ».
Выполнил:
Преподаватель:
Таганрог
Задание на курсовую работу:
Создание электронного образовательного ресурса на тему: «Средства поддержки анимации», где необходимо продемонстрировать на нескольких примерах принцип создания анимации. А так же сделать краткий обзор некоторых технологий создания и поддержки анимации 2 D и 3 D .
Введение
Актуальность темы «Анимация» сегодня не вызывает сомнения. Почти столетие назад появились первые мультфильмы, которые вызвали восторг у всех. С появлением современных технологий анимация становится одним из главных элементов мультимедиа проектов и презентаций, все чаще присутствует на интернет - страницах. Также анимация очень широко используется на телевидении. Например, многие телекомпании используют заставки, созданные с помощью компьютерной анимации. Создание видеопродукции также не обходится без компьютера, и все чаще профессиональное видео использует приемы компьютерной анимации.
В данной работе рассматриваются технологии и принципы создания анимации.
Анимация
Принятое в мире профессиональное определение «анимация» (в переводе с латинского «анима» – душа, «анимация» – оживление, одушевление) как нельзя более точно отражает все современные технические и художественные возможности анимационного кино, ведь мастера анимации не просто оживляют своих героев, а вкладывают в их создание частичку своей души.
Технологии создания анимации.
В настоящее время существует различные технологии создания анимации:
Классическая (традиционная) анимация представляет собой поочередную смену рисунков, каждый из которых нарисован отдельно. Это очень трудоемкий процесс, так как аниматорам приходится отдельно создавать каждый кадр.
Стоп-кадровая (кукольная) анимация. Размещенные в пространстве объекты фиксируются кадром, после чего их положение изменяется и вновь фиксируется.
Спрайтовая анимация реализуется при помощи языка программирования.
Морфинг – преобразование одного объекта в другой за счет генерации заданного количества промежуточных кадров.
Цветовая анимация – при ней изменяется лишь цвет, а не положение объекта.
3D-анимация создается при помощи специальных программ (например, 3D MAX). Картинки получаются путем визуализации сцены, а каждая сцена представляет собой набор объектов, источников света, текстур.
Захват движения (Motion Capture) – первое направление анимации, которое дает возможность передавать естественные, реалистичные движения в реальном времени. Датчики прикрепляются на живого актера в тех местах, которые будут приведены в соответствие с контрольными точками компьютерной модели для ввода и оцифровки движения. Координаты актера и его ориентация в пространстве передаются графической станции, и анимационные модели оживают.
Программное обеспечение для создания анимаций.
Программное обеспечение для создания анимаций создает удобства в работе как для новичка, так и для опытного пользователя. Подобные программы обладают различными техническими особенностями, весьма полезными и легкими в использовании для аниматора. В любой момент времени пользователь может получить on - line помощь. Подобное программное обеспечение различается по двум категориям: для двухмерной (2D) и трехмерной (3D) анимации. На рынке в настоящее время присутствует огромное количество и разнообразие программ для создания анимаций. Многие из них широко доступны и имеют испытательный режим, в течение которого пользователь может пользоваться программой бесплатно. После истечения этого срока, если пользователь доволен программой, для дальнейшего ее использования он может купить полную версию.
Особенности программного обеспечения для двухмерной анимации (2 D ):
Большинство подобных программ имеет дружественный интерфейс и предлагает множество функций. Например, такие полезные особенности, как настраиваемая сетка и авто заполнение промежутка. Автоматизированная функция синхронизации изображения и речевых сигналов экономит время.
Библиотека шаблонов создана для организации, хранения и многократного использования всех ваших активов и созданных анимаций может содержать все виды медиа файлов: фильмы, собрания фотографий, художественные работы таких форматов как SWF, AI, PDF, JPEG, PSD, TGA и GIF.
Специальные программные элементы делают процесс создания анимации столь же легким как «раз, два, три». Программные инструменты позволяют пользователю создавать эффекты движения, масштабирования, вращения и искажения. Есть функция автоматической вставки ключевого кадра в линию времени.
Процесс создание места действия займет секунды с помощью функции "перетащи и оставь" и инструментов проектирования места. Особенность создания тени добавит реалистичности анимации. Благодаря программе, процесс создания анимации становится легким занятием независимо от того, насколько сложна сама ее идея.
Создание или компилирование высококачественных анимаций для сети, КПК, iPod, сотовых телефонов, HDTV, включая SWF, AVI, QuickTime, DV потоков и многое другое.
для работы программного обеспечения двухмерной анимации:
Для операционной системы Макинтош - Power Macintosh G5, G4 (минимум), или Интел (r) CoreTM, процессор Mac OS X v10.4.7, ОЗУ (оперативная память) 512 МБ (или больше), 120 МБ доступного места на жестком диске, 24 битный цветной монитор, с 64 МБ (рекомендуется) или 8 МБ (минимум) видео памятью, со способностью разрешения до 1024x768 точек.
Для систем ПК - процессор 800 МГЦ Intel Pentium III (минимум) с Windows Microsoft XP или 2000, (рекомендуется) ОЗУ 512 МБ, 256 МБ (или больше), 120 МБ доступного места на жестком диске, 24 битный цветной монитор, видео память 32 МБ или больше, способность к разрешению в 1024x768 точек.
Особенности программного обеспечения для создания трехмерной анимации (3D):
Трехмерные средства модулирования, поддержка шрифта TrueType, импорт и изменения форматы файла, экспорт файлов 3DS, встроенный трехмерный браузер, составной символьный редактор, изменение объектов, рендерер для высокого качества, создание высококачественных изображений, создание трехмерных сцен и анимаций, поддержка рамок, рельефных преобразований, создание мягких теней, центров внимания, эффекта тумана, и многое другое, поддержка файлов форматов.BMP.GIF, и.JPG, скрипт язык и т.д.
Необходимые системные требования для работы программного обеспечения трехмерной анимации:
Windows NT 4, Win 95, Win 98, Win ME , Win 2 K , или Win XP , OpenGL ускоренная графическая карта с полной поддержкой ICD , (ala GeForce), как минимум 64 МБ оперативной памяти, 128 МБ (рекомендуется) или 256 МБ, в том случае, если вы пользуетесь Win XP , 300 МГц Pentium , места на диске 5 МБ.
Некоторые из наиболее популярных программных обеспечений для созданий анимации:
Ulead Animation, Ulead GIF Animator 5, CoffeeCup Animation Software, CoffeeCup GIF Animator, CoffeeCup Firestarter, Firestarter, Reallusion Animation Software, Effect3D Studio, 3D Max, Toonboom Studio, Macromedia Flash.
GIF-анимации используется возможность этого формата хранить в файле несколько изображений - анимационные gif’ы представляют собой серию кадров, быстро сменяющих друг друга, за счет чего и достигается анимационный эффект. Кадры, например независимые изображения или отдельные слои одного изображения, можно создать в любом графическом пакете - в Adobe Photoshop, Jasc Paint Shop Pro и др. А вот превращение их в анимационный gif-файл, содержащий не только все исходные изображения, но и данные о скорости их вывода на экран, применяемую палитру, звук и пр. (причем в сильно сжатом виде), осуществляется уже при помощи специальных программ. Сегодня благодаря широкому использованию в Web-дизайне формата Animation GIF число таких программ очень велико.
Классификация программ для создания gif - анимаций.
По большому счету все программы для создания анимационных gif’ов можно разделить на три группы:
1. В первую входят популярные двумерные графические пакеты, ориентированные в первую очередь для работы с двумерной растровой графикой и вместе с тем позволяющие создавать файлы в формате Animation GIF за счет дополняющих их соответствующих утилит. Наиболее популярные из них - Adobe Photoshop с входящей в его состав программой ImageReady, Jasc Paint Shop Pro, в поставке которого имеется программа Animation Shop, и Ulead PhotoImpact с программой GIF Animator. Основным преимуществом приложений данной группы является то, что анимационная программа тесно связана с соответствующим графическим пакетом и потому возможно быстрое переключение между программой-аниматором и графическим редактором при необходимости скорректировать изображение. Это удобно только в том случае, если вы разбираетесь во всех тонкостях работы с подобными пакетами (все они, в особенности Adobe Photoshop, требуют серьезной подготовки). По этой причине данный вариант в большей степени подходит для профессионалов, а новичкам лучше выбрать одну из программ второй группы.
2. Во вторую группу входят пакеты, предназначенные исключительно для создания анимационных gif’ов. Как правило, они обладают ограниченными возможностями в плане рисования, поэтому исходные изображения для анимации создаются в любом из графических пакетов - данные gif-аниматоры не привязаны к конкретному графическому приложению. Причем совсем не обязательно выбирать для работы сложные пакеты, такие как Adobe Photoshop, Jasc Paint Shop Pro и Ulead PhotoImpact. Возможность использования привычного графического пакета можно считать главным преимуществом gif-аниматоров из данной группы. К тому же независимые программы для разработки анимационных gif’ов имеют небольшие по объему дистрибутивы, поэтому их без проблем можно приобрести через Интернет. И наконец, в большинстве своем приложения из этой группы очень просты, поэтому их можно быстро освоить.
3. Третью группу образуют программы, ориентированные на создание 3D-графики (например, 3D Studio Max) и вместе с тем позволяющие создавать анимацию в формате Animation GIF (обычно за счет специального плагина, часто включаемого в поставку). Графические 3D-программы удобны тем, что не требуют покадровой прорисовки - обычно для создания gif-файла бывает достаточно задать объекту некое циклическое действие, например поворот вокруг оси, записать полученную анимацию как серию кадров и экспортировать ее в анимационный gif. Однако есть одно «но» - традиционные программы для работы с трехмерной графикой требуют глубоких профессиональных знаний и сложны в применении. Но не стоит отчаиваться! Если вам необходимо создать, например, анимированный трехмерный логотип, то вполне можно обойтись программой Xara3D , которая хоть и позиционируется для работы с трехмерной графикой, однако умеет создавать и анимационные gif’ы и очень проста в применении.
Добавим, что в группу программных продуктов, ориентированных исключительно на создание анимационных gif’ов, входят пакеты, которые также можно использовать для создания трехмерных анимационных кнопок и логотипов, правда они получатся не столь эффектными, как при применении программы Xara3D.
Рассмотрим некоторые технологии и принципы создания анимации.
Ulead GIF Animator
Ulead GIF Animator входит в графический пакет Ulead PhotoImpact, однако может использоваться и автономно - для создания анимированных gif’ов на основе изображений, созданных в любом графическом пакете. Благодаря удобному и интуитивно понятному интерфейсу и богатым возможностям, эта программа считается сегодня одним из самых удобных и функциональных gif-аниматоров и значительно экономит время web-дизайнера, поскольку может распознавать изменения, сделанные во внешних редакторах (PhotoImpact, Photoshop или Paint Shop Pro), и автоматически обновлять соответствующие кадры в анимации. Анимированный рисунок может быть экспортирован в формат PhotoImpact (UFO) или Photoshop (PSD) с сохранением разбивки на слои. Кроме того, можно выделить любой слой рисунка, созданного в графическом редакторе PhotoImpact, Photoshop или Paint Shop Pro, как отдельный объект для GIF Animator.
Программа предоставляет богатый набор средств композиции, редактирования, наложения спецэффектов, оптимизации и экспорта. Динамическая анимация многослойных рисунков на основе полноцветной объектно-ориентированной модели позволяет легко манипулировать несколькими объектами на рисунке и быстро создавать многообъектные анимации, а динамическое обновление изображений, созданных во внешних редакторах, устанавливает новый стандарт интеграции. Мастер анимаций упрощает размещение изображений на рабочем поле и дает возможность мгновенно оценить качество созданной анимации на основе ее демонстрационного показа в окне предварительного просмотра. Диспетчер объектов помогает вести учет всех объектов рисунка, а функции построения промежуточных кадров позволяют автоматизировать процесс анимации, генерируя промежуточные позиции выбранных объектов.
Среди возможностей Ulead GIF Animator - анимация текста и наложение более 130 анимационных эффектов. Реализованные в программе усовершенствованные методы сжатия изображений позволяют добиться существенного уменьшения размеров анимационных файлов, автоматическая генерация HTML-кода значительно ускоряет процесс вставки готовых анимаций в web-страницу, а поддержка экспорта в различные форматы, включая Flash, AVI, MPEG и QuickTime, делает программу еще более привлекательной.
ImageReady CS
Программа ImageReady CS входит в состав популярного пакета Photoshop CS от компании Adobe и предназначена для разработки различных Web-элементов, в том числе анимированных gif’ов, что с учетом полной совместимости с Photoshop делает ее прекрасным инструментом для web-дизайна, рассчитанных на профессионалов. Photoshop и ImageReady работают в тесном взаимодействии и прекрасно дополняют друг друга, а редактируемый файл можно без проблем перемещать между программами во время редактирования с автоматическим его сохранением. Возможен экспорт созданных анимированных gif-файлов в формат Macromedia Flash (SWF).
Анимированные gif’ы могут создаваться как на основе многослойных файлов Adobe Photoshop и Adobe Illustrator, так и из отдельных изображений, сохраненных в различных графических форматах. При создании анимации на основе серии изображений для монтажа кадров не обязательно нужно загружать каждое изображение отдельно - можно воспользоваться возможностью импорта из папки, в которой предварительно были сохранены отдельные кадры будущей анимации. Возможно автоматическое формирование необходимого количества промежуточных кадров, значительно ускоряющее получение плавных анимаций, так как отпадает надобность вручную создавать каждый кадр. В окне программы можно сразу же просмотреть результат и при необходимости внести требуемые изменения.
рис. 1
ImageReady имеет большую галерею фильтров, аналогичных многим известным фильтрам Photoshop. Поэтому для добавления к кадру того или иного эффекта не всегда надо переключаться в Photoshop - многие действия доступны и из среды ImageReady.
Для перехода из Photoshop в ImageReady и обратно нажмите левой кнопкой мыши на последней строчке вертикальной панели инструментов – Edit to Image Ready (Открыть в Image Ready), либо просто одновременной удерживайте комбинацию клавиш Shift+Ctrl+M :
Панель Animation можно вызвать командой Window > Animation (Окно > Анимация).
При GIF-анимации набор кадров изображения воспроизводится в порядке, определенном пользователем. Для Web-страницы можно создать различные анимационные эффекты: сделать так, чтобы текст или графика перемещались, постепенно исчезали или появлялись, либо изменялись другим способом.
Для подготовки анимации в программе ImageReady необходимо создать множество кадров изображения с помощью палитры Animation (Анимация), показанной на рис. 3. Затем можно редактировать отдельные слои каждого кадра с помощью палитры Layers (Слои) рис. 4, причем у каждого кадра будет собственная уникальная совокупность установок на палитре Layers. И наконец, надо сохранить последовательность кадров в виде одного GIF-файла - теперь анимация готова для просмотра в интерактивном режиме.
рис. 3
рис. 4
Эффекты слоя
Программа ImageReady предлагает тот же набор эффектов слоя, что и Photoshop. Но программа Photoshop регулирует свойства слоя с помощью диалогового окна Layer Style (Стиль слоя), a ImageReady - с помощью контекстной палитры опций слоя.
Эффекты в программе ImageReady обладают теми же характеристиками, что и в Photoshop: их названия отображаются под именем слоя, к которому они применены; эффекты перемещаются вместе со слоем; на элементах палитры есть обращенные вправо стрелочки, с помощью которых можно открыть или закрыть список эффектов. У каждого эффекта есть свой собственный значок, позволяющий отобразить или скрыть данный эффект.
Создание анимационного эффекта для какого-либо изображения.
1. Откройте или создайте изображение, содержащее фоновый слой и прозрачный слой с рисунком какого-либо предмета.
2. Откройте палитру Animation (Анимация).
3. Выберите слой на палитре Layers (Слои).
4. С помощью инструмента Move (Перемещение) перетащите элемент изображения к краю основного окна.
5. В нижней части палитры Animation щелкните по кнопке Duplicate current frame (Дублировать текущий кадр). Скопированный кадр будет выделен.
6. Слой, выбранный на шаге 3, должен оставаться выделенным.
7. С помощью инструмента Move (клавиша V) перетащите элемент слоя на другую сторону основного окна. Оставьте этот слой выделенным!
8. На палитре Animation щелкните по кнопке Tween (Промежуточные кадры) для построения промежуточных кадров между уже выбранными.
9. В диалоговом окне Tween (Промежуточные кадры) поставьте переключатель Layers (Слои) в одно из следующих положений:
· All Layers (Все слои), чтобы скопировать точки со всех слоев в новые кадры.
· Selected Layer (Выделенный слой), чтобы скопировать точки только выделенного слоя в новые кадры. Все другие слои будут спрятаны.
Затем установите в группе Parameters (Параметры) флажки тех параметров, которые будут изменяться в промежуточных кадрах: Position (Расположение), Opacity (Непрозрачность) и/или Effects (Эффекты).
Из всплывающего меню Tween with (Диапазон промежуточных кадров) выберите режим Previous Frame (Добавление промежуточных кадров между выделенным кадром и предыдущим).
Выбор параметров воспроизведения анимации
Из всплывающего меню, расположенного в нижнем левом углу палитры Animation (Анимация), выберите режим воспроизведения, указывающий, как будет воспроизводиться цнимация: Once (Однократно) или Forever (Непрерывно в цикле). Либо включите опцию Other (Иначе), чтобы указать определенное количество воспроизведений анимации, а затем щелкните по кнопке ОК.
Предварительный просмотр анимации
1. В основном окне выберите вкладку Original (Исходное изображение) или Optimized (Оптимизированное изображение).
2. Если первый кадр не выделен, то в нижней части палитры Animation (Анимация) щелкните по кнопке Select first frame (Выделить первый кадр).
рис. 5. Дублирование кадра анимации
3. Щелкните по кнопке Play (Проиграть) - см. рис 5. Анимация будет воспроизводиться чуть медленнее, чем должна. (Предварительный просмотр в программе ImageReady происходит медленнее, чем в браузере.)
4. Щелкните по кнопке Stop (Остановить), которая имеет вид квадрата, чтобы приостановить воспроизведение.
5. Сохраните файл, затем щелкните по кнопке Default Browser (Предварительный просмотр в браузере по умолчанию), расположенной на панели инструментов. Щелкните по кнопке Back (Назад), чтобы вернуться в программу ImageReady, когда просмотр будет закончен.
Анимация покачивания предметов
Далее рассмотрено, как сделать так, чтобы элемент слоя покачивался из стороны в сторону. Этот тип анимации затрагивает точки слоя и копируется во все существующие кадры. Необходимо создавать дубликат слоя для каждого этапа движения.
Создадим анимацию, в которой объект будет перемещаться в определенном направлении и обратно.
1. Откройте изображение и палитру Animation (Анимация).
2. В нижней части палитры Animation щелкните по кнопке Duplicate current frame (Дублировать текущий кадр). Теперь будет выделен дубликат кадра.
3. На палитре Animation щелкните по кнопке Tween (Промежуточные кадры), а затем поставьте переключатель Layers (Слои) в положение All Layers (Все слой), введите число кадров в поле Frames to Add (Добавить кадры), чтобы создать анимацию, и щелкните по кнопке ОК.
4. Щелкните по кадру, в котором должно начаться покачивание.
5. На палитре Layers (Слои) создайте дубликат того слоя, изображение которого будет двигаться.
6. Отредактируйте дубликат слоя (например, подкорректируйте цвет). Спрячьте исходный слой, чтобы увидеть внесенные изменения. Изменения отразятся в выделенном кадре на палитре Animation.
7. Выберите следующий кадр. Сделайте исходный слой receiver видимым и спрячьте его отредактированный дубликат.
8. Щелкните по следующему кадру. Теперь покажите отредактированный дубликат слоя и спрячьте исходный слой.
Так попеременно показывайте/прячьте слои для оставшихся кадров анимации.
Открытие анимации в формате GIF
Единственное видимое преимущество использования формата GIF - это возможность применения или редактирования настроек оптимизации файла.
1. Выполните команду File > Open (Файл > Открыть) либо нажмите комбинацию клавиш Ctrl+O.
2. Найдите название файла с расширением.gif и щелкните по нему.
3. Щелкните по кнопке Open (Открыть). Кадры анимационной последовательности при этом будут сохранены. Однако на палитре Layers (Слои) теперь станет отображаться последовательность слоев: по одному слою для каждого кадра. Отдельные элементы слоя теперь нельзя редактировать независимо от других кадров!
Оптимизация анимации
1. В меню палитры Optimize (Оптимизация) воспользуйтесь командой Optimize Animation (Оптимизировать анимацию).
2. В группе параметров Optimize By (Оптимизировать с помощью) установите флажок Bounding Box (Габаритная рамка), чтобы сохранить первоначальный кадр, а также только те области, которые изменяются при переходе от одного кадра к другому. В результате уменьшится размер файла, но в то же время не все программы-редакторы, воспринимающие формат GIF, смогут работать с данным файлом.
В дополнение к этим действиям или вместо них установите флажок Redundant Pixel Removal (Удалить лишние точки), чтобы удалить те точки объекта или фона, которые не меняются, то есть повторно выводятся при загрузке каждого нового кадра. Это также поможет уменьшить размер файла.
Ни одна из этих опций не изменит фактического вида анимации, все изменения происходят «за сценой».
Сохранение анимации.
Созданную анимацию можно сохранить в формате GIF либо как фильм QuickTime. Другие форматы файлов, такие как JPEG или PNG, сохранят только первый кадр изображения, не позволяя воспроизвести всю анимацию. Существует несколько способов сохранить оптимизированную анимацию для использования на Web-странице. В ImageReady достаточно выбрать команду File > Save Optimized (Файл > Сохранить оптимизированный), чтобы сохранить анимацию с установками, выбранными при предыдущем ее сохранении. Если это не первое сохранение, то диалоговое окно Save (Сохранить) не появляется и название файла и его параметры остаются теми же, что были присвоены ранее.
Выбор команды File > Save Optimized As (Файл > Сохранить как оптимизированный) позволяет изменить имя файла и выбрать другое место его хранения. Кроме того, возможен выбор измененного параметра Save As Type (Тип файла) из набора доступных значений:
· HTML and Images (HTML и рисунки) - генерирует HTML-файл и сохраняет каждый изображение в виде отдельного файла;
· Images Only (Только рисунки) - сохраняет только изображение в отдельном файле;
· HTML Only (Только HTML) - сохраняет только HTML-файл без файлов изображений.
Кроме того, ImageReady позволяет создать HTML-файл по команде Copy HTML (Копировать HTML), которая копирует код HTML в буфер обмена, а затем он может быть вставлен на Web-страницу в любом HTML-редакторе. В случае изменений исходного изображения для обновления HTML-файла выполняют команду Update HTML (Обновить HTML) с указанием имени обновляемого файла.
Чтобы сохранить анимацию в формате QuickTime, следует выбрать команду File > Export Original ( Файл > Экспорт начального) и из раскрывающегося списка выбрать значение QuickTime Movie (оно будет доступно, если на компьютере установлена программа QuickTime). Указав имя файла и его место расположения, щелчком на кнопке Save (Сохранить) создаем файл выбранного типа.
Как сделать анимированный дождь.
Шаг 1. Открываем изображение.
Шаг 2. Создаем новый слой и заливаем его серым цветом. И применяем к нему фильтр Filter - Noise - Add noise и выставляем такие настройки.
Затем применяем фильтр Filter-Blur-Motion Blur.
Ставим прозрачность слоя 30%
Шаг 3. Снова создаем новый слой и заливаем его серым цветом и применяем те же фильтры как в шаге номер два.но фильтр Motion Blur уже делаем с другими настройками.
и ставим прозрачность слоя 30%
Шаг 4 . Опять повторяем все тоже самое что мы проделывали в шаге 2. Фильтр Motion Blur делаем с такми настройками и ставим прозрачность слоя 30%.
Шаг5 . Переходим в Image Reader делается это с помощью сочетания клавиш ( Shift+Ctrl+M )
Шаг 6 . Делаем длину кадра 0,1sec.
Шаг7 . Делаем два дубликата нашего кадра.
Шаг 8 . Переходим на первый кадр и делаем чтобы виден был только первый слой с каплями которые мы сделали.
Шаг 9 . Переходим на второй кадр и делаем чтобы виден был только второй слой с каплями которые мы сделали.
Шаг 10 . Переходим на третий кадр и делаем чтобы виден был только третий слой с каплями которые мы сделали.
Всё наша анимация готова!
Xara3D 5.0
В отличие от большинства программ для работы с трехмерной графикой, Xara3D имеет простой и дружественный интерфейс и минимальное число настроек, благодаря чему в ней легко и быстро разберется даже новичок. И хотя программа предназначена в первую очередь для создания объемных текста и кнопок, она прекрасно подходит и для получения анимаций в форматах Animated GIF и AVI. Поэтому она с успехом используется web-дизайнерами преимущественно для создания профессиональных трехмерных текстовых логотипов.
В арсенале программы - большой набор шрифтов и текстур для оформления создаваемых объектов. Она обеспечивает полный контроль над создаваемым текстом, включая его положение, выравнивание, интерлиньяж, кернинг и пр., эффективное и гибкое управление цветом и структурой трехмерного изображения. Кроме того, изображения можно сделать матовыми или блестящими, наложить на них мягкую обрамляющую тень и т.п. Достаточно широк выбор анимационных эффектов: объекты могут вращаться, постепенно проявляться, пульсировать, наступать, качаться или исчезать. Кроме того, можно импортировать особенности анимации из одного файла и применить их к другому. Простые средства управления анимацией позволяют установить любые временные границы, например добавить разные по времени паузы, или задать свои особенности анимации для каждого объекта.
Программа поддерживает импорт двумерных графических файлов в форматах WMF, EMF, GIF и PNG, а результаты анимации можно сохранить не только в формате Animation GIF, но это при желании и в форматах AVI или SWF.
Macromedia Flash
Если быть точнее, Adobe Flash - среда для создания приложений под Flash платформу (Flash Platform), наряду с ней существуют и другие инструменты (среды):
Adobe Flex Builder;
Flash Development Tool (FDT) и др.
Flash-приложения создаются с помощью ActionScript - языка программирования. Если исходник не содержит в себе инструкции языка, то при компиляции, в любом случае, генерируется некоторый базовый код на ActionScript (это можно увидеть, просмотрев Flash-байткод). Далее, соответственно, существует базовый клип на сцене, унаследованный от MovieClip класса, который и начинает воспроизводиться. Среда Adobe Flash ориентирована в большей мере на дизайнеров, аниматоров, хотя и имеется возможность писать полноценный код. Flex Builder, FDT, ориентированы на программирование, и там нет специальных инструментов интерфейса для анимации, визуализации.
Flash одновременно употребляется и как название формата (флеш-фильмы, флеш-мувики) (полное название - Flash Movie).
При создании продукта можно использовать звуковые и графические файлы, можно создавать интерактивные интерфейсы и полноценные веб-приложения с использованием PHP и XML.
Flash-файлы имеют расширение «.swf» и просматриваются с помощью Flash Player, который может быть установлен как plugin в браузер. Также swf-файлы можно просматривать с помощью плеера Gnash. Распространяется бесплатно через сайт Adobe. Исходные файлы с расширением «.fla» создаются в среде разработки Adobe Flash, а потом компилируются в понимаемый Flash Player формат - «.swf».
В основе Flash лежит векторный морфинг, то есть плавное «перетекание» одного ключевого кадра в другой. Это позволяет делать достаточно сложные мультипликационные сцены, задавая лишь несколько ключевых кадров для каждого персонажа.
Flash использует язык программирования ActionScript, основанный на ECMAScript.
Технология векторного морфинга применялась задолго до Flash. В 1986 году была выпущена программа Fantavision, которая использовала эту технологию. В 1991 году на этой технологии была выпущена игра Another World, а двумя годами позже - Flashback.
История же Flash началась в 1995, когда после покупки программы для анимации FutureSplash Animator, компания Macromedia выпустила продукт под названием Flash.
Flash начинал свою профессиональную деятельность с выпуска обычного двухмерного анимационного программного продукта. Шло время, всё развивалось быстрыми темпами. Не обошло развитие стороной и Flash, он стал более современным и совершенным.
Сегодня существуют так называемые 3D-движки, например:
PaperVision3D, но их скорость и качество работы довольно низки, в основном из-за того, что на настоящий момент в составе flash player нет возможности использовать средства directX или openGL, так что выполняется полная эмуляция всех 3d-алгоритмов. Нет поддержки аппаратной акселерации, многоядерных процессоров - что также снижает скорость работы движка. Однако дизайнерами часто выполняется создание собственного 3d-движка заточенного под специфику конкретного проекта (игры).
Сегодня большинство браузеров имеют специально встроенный плагин Macromedia Flash Player, позволяющий им проигрывать Flash-файлы. Технология Flash заняла в Интернете доминирующее положение и стала стандартом в области отображения на веб-сайтах векторной анимации. Без Adobe Flash Player браузеры будут некорректно отображать веб-страницы и встроенные в них интерактивные веб-элементы, разработанные по технологии Flash.
Интерфейс Macromedia Flash.
рис.1
При открытии окна приложения Flash на экране появляются следующие элементы интерфейса:
· Stage (рабочий стол) - область для компоновки отдельных кадров, создания композиции из графических элементов или импортированных точечных изображений и просмотра результатов анимации;
· Timeline (ось времени) - окно, содержащее список отдельных слоев с расположенными на них графическими объектами и их распределением во времени (на оси времени отмечен каждый кадр фильма);
· Symbols (символы) - основные элементы фильма, как правило, многократно в нем используемые;
· Library (библиотека) - окно со списком символов и импортированных файлов, позволяющее выполнять их организацию и сортировку;
· Floating, dockable panels (пристыковываемые панели) - окна с набором вкладок, служащие для настройки приложения и изменения параметров элементов фильма;
· Movie Explorer (обозреватель фильма) - дополнительно вызываемое окно для просмотра структуры фильма.
Покадровая анимация
Итак, еще раз окинем взглядом окно программы Flash. Когда в нем открыт какой-либо ролик, в верхней части окна располагается так называемая шкала времени (timeline). В ее левой части приведены названия слоев, о которых мы поговорим в этой главе чуть позже, и их атрибуты. А в правой части обозначены пронумерованные кадры ролика (рис. 4). Благодаря нумерации кадров это окно и называют шкалой времени - ведь в ролике кадры следуют один за другим.
На шкале времени расположен красный прямоугольник, которым всегда выделен текущий кадр.
Заключение:
В мире современных технологий анимация становится одним из главных элементов мультимедиа проектов и презентаций, все чаще присутствует на интернет – страницах.
В данной работе рассмотрены наиболее распространенные средства поддержки и создания анимации, а так же описаны этапы создания gif – файлов, flash - роликов и анимированного объемного текста, с применением различных эффектов.
Xara3D – программа для работы с трехмерным текстом имеет дружественный интерфейс и минимальное число настроек, считается простой и удобной.
Благодаря удобному и интуитивно понятному интерфейсу и богатым возможностям Ulead GIF Animator считается сегодня одним из самых удобных и функциональных программ для создания gif - файлов и значительно экономит время web-дизайнера
является ведущим инструментом для создания мультимедийного информационного наполнения. Это программное средство интегрируют текст, графику, аудио- и видеоданные, образуя интерактивную мультимедийную среду, которая обеспечивает блестящие результаты при создании интерактивных презентаций, маркетинговых материалов, электронных учебных ресурсов и графических пользовательских интерфейсов.
Macromedia Flash Professional объединяя более миллиона разработчиков и пользователей в различных странах мира, использующих разнообразнейших вычислительных устройств. Технология Macromedia Flash считается самой распространенной программной плотформы.
Список используемой литературы:
1. Компьютер Пресс 3 ’2005;
2. http://computer.damotvet.ru/software/887515.htm ;
3. Иллюстрированный самоучитель по анимации для Интернет; 2007г. Dynamite Software Group.
Введение.................................................................................................................................3
Анимация...............................................................................................................................4
Технологии создания анимации...........................................................................................4
Программное обеспечение для создания анимаций...........................................................4
Особенности программного обеспечения для двухмерной анимации (2 D).....................5
Особенности программного обеспечения для создания трехмерной анимации (3D).....5
GIF-анимация.........................................................................................................................6
Классификация программ для создания gif – анимаций....................................................6
