Уроки анимации

Глава 8.

Основы анимации персонажей

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

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

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

Значение расчета времени

Правильный расчет времени влияет на все аспекты фильма. Во-первых, фильм имеет определенную продолжительность - от 30 секунд рекламного ролика до 2 часов полнометражного фильма. Во-вторых, разбиение этого отрезка времени на сцены определяет настроение и темп фильма. В-третьих, игра персонажа и синхронизация его действий влияют на характер каждой сцены.

Действие фильма, как и звучание музыкального произведения, в значительной степени зависит от времени. Фильм можно считать таким же произведением аниматора, как песню или симфонию - произведениями композитора. Сцены из фильма можно рассматривать как строфы стихотворения или припев песни. Партии отдельных инструментов вполне сравнимы с отдельными действиями персонажей. Каждое действие, как и каждая нота, должно происходить в нужном месте в нужное время. Как мгновенно определяется неверная нота в музыке, так и неправильная синхронизация в анимации сразу же бросается в глаза.

Расчет времени

Расчет времени фильма начинается с его продолжительности. Рекламный ролик может длиться около 30 секунд, а полнометражный фильм - час и более. Затем готовятся сценарий, раскадровка и записываются диалоги. Диалоги определяют продолжительность анимации, поэтому используйте их в меру. На затянутые диалоги и речь медленно говорящего персонажа впустую расходуется много времени.

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

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

Число кадров в секунду

При раскадровке сцены во время анимации в первую очередь выбирается частота кадров. В течение полувека все анимационные фильмы снимались на кинопленку с частотой 24 кадра в секунду.

Распространение видео, компакт-дисков и других носителей информации усложнило выбор. В США частота кадров для видео равна 30 кадрам в секунду, в Европе - 25, а частота анимации во многих играх составляет всего 15 кадров в секунду.

Из-за такого разнообразия временных масштабов иногда сложно определить количество кадров, которое займет то или иное действие. Опытный художник-аниматор обычно может назвать эту цифру при частоте 24 кадра в секунду. Чтобы перевести данное значение в число кадров для видео с частотой 30 кадров в секунду, нужно умножить его на 1,2 (24 х 1,2 = 30).

Какую частоту следует выбирать при расчете времени?

Целесообразно использовать обе - 24 и 30 кадров в секунду, чтобы иметь возможность переключаться между ними в зависимости от требований проекта. Большинство современных студий до сих пор снимает на кинопленку, поэтому приобретенный навык пригодится. Многие художники-аниматоры работают и над роликами для видео или компьютерных игр, и в этом случае лучше выбрать частоту в 30 кадров в секунду. Вам может также пригодиться секундомер аниматора, который позволяет подсчитать число кадров для частоты как 24, так и 30 кадров в секунду.

Определение времени при помощи таблиц кадров

Таблицей кадров (exposure sheet) называется обычный лист бумаги, разбитый на строки и столбцы, в котором каждая строка представляет один кадр анимации, а каждый столбец содержит какую-либо информацию, например, текст дорожки диалога (подробнее см. главу 10), инструкции для оператора, и поля, на которых режиссер может планировать время выполнения сцены, набрасывая позы персонажа или отмечая линиями начало и конец действия (рис. 8.1).

Рис. 8.1. Таблица кадров

Расчет времени на компьютере

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

Другие студии создают так называемые аниграммы (animatic), в которых по сцене двигаются заготовки персонажей, позволяющие примерно представить, как она будет выглядеть. После того как режиссер одобрит аниграмму, художники-аниматоры используют ее в качестве шаблона при компоновке сцены и расчете времени. Разработать аниграмму достаточно просто, и при ее воспроизведении синхронно с диалогом она выполняет примерно те же функции, что и таблица кадров.

Сколько времени?

Это первоочередной вопрос для любого художника-аниматора. Время -весьма коварная материя. Если отвести для фильма слишком много времени, то он получится растянутым и скучным, если слишком мало - скомканным. Чувство времени оттачивается по мере приобретения мастерства. Используйте метод проб и ошибок. Если вы не знаете, сколько времени займет выполнение того или иного действия, задайте его продолжительность приблизительно. Затем кадры добавляются, если действие развивается слишком быстро, или удаляются, если оно становится замедленным. Компьютеры позволяют быстро изменять время выполнения анимации.

Последовательность действий

Существует важное правило для расчета анимации: необходимо соблюдать последовательность действий. Зритель лучше всего воспринимает события, если они происходят последовательно. Например, необходимо сначала изобразить, как споткнувшийся персонаж подпрыгивает, пытаясь сохранить равновесие, затем отразить на его лице определенные эмоции. Если не показать подскока, зритель не поймет, чем вызвана гримаса персонажа. Не забывайте, что, скорее всего, зритель смотрит ваш фильм впервые. Поэтому руководите его вниманием на протяжении всего ролика. Вспомните мультфильм «Roadrunner». Когда Хитрый Койот проваливается в ущелье, он не сразу замечает, что висит в воздухе. Заметив это, он в ужасе перебирает лапами, а затем смотрит в камеру с жалостным выражением на морде. Сцена длится почти секунду. Койот моргает или подергивает усами, но в целом он неподвижен. С экрана он исчезает в течение нескольких кадров. За то время, пока животное остается неподвижным, зритель успевает понять, о чем думает койот, - он обречен на гибель. Таким образом, аниматор ясно излагает задуманный сюжет мультфильма.

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

Верный расчет времени

Художники-аниматоры вырабатывают чувство времени годами. Чтобы сделать первый шаг в этом направлении, проследите какую-нибудь последовательность действий, затем разбейте ее на точные временные отрезки. Многие художники-аниматоры изучают классические мультипликационные и художественные фильмы по кадрам, чтобы понять, как был проведен хронометраж движения. Полезным в этом отношении может оказаться видеомагнитофон с функцией стоп-кадра.

Для приобретения необходимых навыков следует также изучать принципы синхронизации движения по художественным фильмам. Движение в мультфильмах V утрированное изображение реального. Художник-аниматор вначале учится изображать реальных людей, чтобы понять строение фигуры человека, и только потом переходит к созданию мультипликационных героев; иначе он не сможет правильно передать фигуру при помощи нескольких линий. Аналогичная ситуация и с движением: разобравшись, как перемещается тело в реальной жизни, вы сможете утрировать движение, придав ему карикатурный оттенок.

При определении длительности сцены ее необходимо проиграть с секундомером в руках и замерить точное время выполнения каждого действия. Подставьте полученные значения в предварительный расчет и выполните доводку в программе анимации.

Расчет времени и программное обеспечение

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

Кривые

Большинство графических пакетов позволяет представить движение объектов в виде кривых, что очень важно для диагностики и исправления ошибок анимации. Вы должны иметь представление о кривых анимации и уметь работать с ними. Несмотря на отличия пакетов, большинство кривых строится одинаково. Как правило, горизонтальная ось соответствует времени, вертикальная - изменяемому параметру, в качестве которого служит положение, угол, размер и т.д. Эти параметры отображаются в виде графика для наглядного представления о том, как двигается объект.

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

График движения может выглядеть примерно так, как показано на рис. 8.2.

Если автомобиль перемещается с постоянной скоростью, график представлен прямой линией. Если он стоит, график на этом участке горизонтален. Во время изменения скорости движения график имеет вид кривой. Если кривая изгибается вверх, то движение ускоряется, если вниз - замедляется.

В большинстве пакетов движение объекта отображается тремя графиками: для осей х, у и z. Объект может двигаться линейно по одной из осей и ускоряться вдоль другой. На рис. 8.3 показано окно программы, где три линии соответствуют осям х, у и z. Обратите внимание, что одна линия горизонтальна, то есть движения вдоль оси z нет.

Рис. 8.2. Кривая анимации движения автомобиля по городу

Рис. 8.3. Окно программы с графиками движения

Рис. 8.4. Проблемный участок анимации

Графики движения позволяют находить и устранять недостатки анимации. Обычно они выглядят как всплески на графике. Они соответствуют тем позициям, в которых ключевой кадр меняется или находится в неправильном положении (рис. 8.4). Эти графики используются и для отслеживания движения. Например, если нога персонажа неподвижна, то кривая ее перемещения имеет нулевое значение (рис. 8.5)." Если кривая принимает отрицательные значения, значит, нога опускается ниже уровня пола (рис. 8.6).

Рис. 8.5. Нулевое значение кривой может указывать на начало нежелательного перемещения ступни

Редактирование кривых

Редактирование кривых анимации похоже на редактирование кривых, применявшихся при моделировании. С каждой кривой связаны управляющие элементы, соответствующие ключевым кадрам. В большинстве программ кривая имеет элементы управления кривых Безье, которые позволяют варьировать ее форму (рис. 8.7).

Можно также перемещать сами элементы управления, изменяя тем самым длительность или параметры определенного события.

Кроме элементов управления кривыми Безье во многих пакетах используются другие виды интерполяции. Линейная кривая не имеет участков торможения или ускорения и представляет собой последовательность отрезков прямых линий (рис. 8.8). Ступенчатая кривая выглядит как последовательность сигналов прямоугольной формы, и переходы от одного значения к другому происходят скачкообразно (рис. 8.9). Большинство видов интерполяции выполняется с применением кривых Безье.

Рис. 8.6. Отрицательные значения кривой указывают на то, что нога «провалилась» сквозь «землю»

Рис. 8.7. Управление при помощи кривых Безье

Рис. 8.8. Линейные кривые

Рис. 8.9. Ступенчатые кривые

Использование кривых для анимации методом компоновки

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

Аналогичный подход можно использовать и в компьютерной анимации. Художник набрасывает основные позы на шкале времени с помощью ступенчатой кривой. При этом персонаж «перескакивает» от одной позы

Рис. 8.10. В этой анимации персонаж стоит, потом нагибается, чтобы что-то рассмотреть на земле, а затем распрямляется

Основы анимации персонажей к другой (рис. 8.11). Если воспользоваться линейными кривыми, то из-за плавного характера переходов сложно точно отслеживать время. Конечно, при скачкообразном изменении поз теряется реалистичность, но такой прием позволяет сосредоточиться на отдельных моментах анимации и их продолжительности. После того, как время задано, ключевые точки копируются на несколько кадров позже на шкале времени (рис. 8.12), а затем ступенчатые кривые преобразуются в кривые Безье. Теперь персонаж принимает одну позу, которая плавно переходит в следующую, и т.д. Сцена принимает естественный вид (рис. 8.13). После синхронизации можно приступать к созданию промежуточных поз. Основная идея заключается в том, чтобы последовательно фиксировать позы в течение небольшого промежутка времени, а затем делать переходы между ними. Как правило, на переход отводится 6-8 кадров (хотя это число может меняться в зависимости от сцены). Затем переходы преобразуются в кривые Безье. После этого движение корректируется, кадры сводятся до совпадения и т.д.

Рис. 8.11. Использование ступенчатой кривой

Рис. 8.12. Скопированные ключевые точки

Рис. 8.13. Преобразование ступенчатых кривых в кривые Безье

Временные таблицы

Временная таблица является более простым способом представления анимации. Кривая (зависимость значения параметра от времени) дает двумерное представление движения, а временная таблица - одномерное. Аниматор имеет дело с линией, на которой точками или другими символами обозначены изменения движения в ключевых кадрах (рис. 8.14 и 8.15). В предыдущем примере первая точка на временной шкале соответствовала началу движения персонажа. Моменту остановки соответствует следующая отметка, и еще одна обозначает изменение направления движения. Эта линия похожа на кривую анимации, но не содержит информации о значении параметра кривой.

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

Рис. 8.14. Временная таблица в программе 3D Studio MAX

Рис. 8.15. Временная таблица в программе Maya

Пути/траектории

Другой метод управления анимацией предполагает использование пути. Большинство пакетов отображают путь объекта в пространстве, что помогает точно определять его движение (рис. 8.16). При коррекции формы пути изменяется способ перемещения персонажа по сцене.

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

Рис. 8.16. Линия, обозначающая путь движения запястья

Рис. 8.17. Использование пути при анимации методом инверсной кинематики

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

Расчет времени движения с учетом веса модели

Если используемый вами пакет не рассчитывает движение тела в соответствии с законами физики, то задать вес объекта невозможно. Рассмотрим шар, лежащий на земле (рис. 8.18). Что это - шар для боулинга или баскетбольный мяч? Пока он не начнет двигаться, ответить на этот вопрос нельзя. Шар для боулинга тяжелый, катится медленно, и чтобы изменить направление его движения, требуется большое усилие. Баскетбольный мяч относительно легкий, катится быстрее, легко отскакивает, и подбросить его способен даже младенец.

Рис. 8.18. Шары, вес которых неизвестен, пока они не начнут перемещаться

Упражнение 1. Имитация веса при помощи движения

Для начала лучше всего поэкспериментировать с простыми объектами (сферой и кубом). Их модели несложно создать и использовать в анимации в любом пакете трехмерной графики. Выбирая для анимации простые объекты, вы можете сосредоточиться на самом движении и процессе синхронизации.

1. Смоделируйте шар, куб и гладкую поверхность. Разместите шар и куб на поверхности на некотором расстоянии друг от друга.

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

3. Как только шар коснется куба, измените направление его движения на противоположное. Куб при этом должен оставаться неподвижным. Выполните рендеринг сцены.

4. Создается впечатление, что шар намного легче куба. Теперь воспроизведите обратную ситуацию.

5. При том же исходном положении выполните анимацию движения шара, чтобы он катился по прямой линии в сторону куба.

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

7. Возникает ощущение того, что шар тяжелее сбиваемого им куба.

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

Язык движения

Художник-аниматор должен знать базовые принципы движения. Речь идет об основных правилах воспроизведения движения, описываемых такими терминами, как «дуги», «подготовка», «принятие позы», «вторичное движение», «доводка», «наложение», «удержание позы» и т.д.

Дугообразные траектории

В природе многие движения совершаются вдоль дугообразной траектории. Например, благодаря тому, что суставы человеческого тела могут вращаться, при повороте плеча и локтя рука описывает дугу. Подобную кривую описывает при этом кисть и пальцы (рис. 8.19).

Рис. 8.19. Дуга, по которой движется рука

Перемещаться по дуге заставляет объекты также и сила притяжения: планеты движутся по эллиптическим орбитам, а брошенный мяч летит по параболической траектории (рис. 8.20). Таким образом, тела часто при своем движении описывают дугу.

Наглядным примером движения по дуге является простой поворот головы. Предположим, вам необходимо, чтобы персонаж повернул голову влево. Первым желанием будет просто повернуть голову по прямой горизонтальной линии. При этом движение получается неестественным (рис. 8.21). В реальной жизни голова обычно сначала немного опускается во время поворота и затем приподнимается, описывая дугу, как показано на рис. 8.22.

Рис. 8.20. Траектория полета подброшенного в воздух мяча

Рис. 8.21. Неправильно выполненный поворот головы

Рис. 8.22. Кадры правильной анимации

Ускоренное начало и конец движения

Естественное движение не начинается и не заканчивается внезапно. Один из законов Ньютона гласит, что объект, к которому приложена сила, совершает ускоренное движение. Следовательно, начало движения объекта происходит с некоторым положительным ускорением, а окончание - с отрицательным. Представьте себе подброшенный вверх мяч. Сила тяжести поначалу замедляет его взлет до тех пор, пока он не остановится, а затем ускоряет падение вплоть до касания земли. В анимации подобные эффекты называются ускоренными началом и концом движения (slow-in и slow-out.)

Кроме силы тяжести на персонажи действует множество других сил. Они могут быть внешними, если, например, героя толкают (рис. 8.23), тянут за руку или везут в машине, или внутренними. Силы внутреннего происхождения действуют, когда из-за сокращения мышц поворачивается сустав, что приводит к ускоренному движению конечности. (С определенной степенью обобщения это понятие можно отнести и к силе мысли персонажа - нерешительный герой даже двигается по-другому, чем самоуверенный.)

Чтобы сымитировать эффект ускоренного начала движения и торможения в конце его, лучше всего использовать кривую Безье. Однако, как правило, этого не требуется. Например, если персонаж сталкивается с кирпичной стеной, то он останавливается практически мгновенно, без торможения. Обратите внимание, что на графике при приближении скорости к нулю кривая становится почти горизонтальной (рис. 8.24). В данном случае целесообразно применить линейную или ступенчатую кривую.

Рис. 8.23. Ускоренное движение героя, которого толкнули

Рис. 8.24. Кривые анимации для отображения ускоренного движения в начале и конце пути

Запаздывание

При анимации нужно учитывать эффект так называемого запаздывания. Прилагаемая к объекту сила по-разному воздействует на различные его части. Рассмотрим два стержня, имеющих шарнирное соединение. Если потянуть за один из них, то второй не сразу последует за ним (рис. 8.25). Сначала второй повернется вслед за ним (рис. 8.26) и только через какое-то время два стержня расположатся вдоль одной прямой (рис. 8.27). Этот эффект называется запаздыванием (lag), или инерционностью.

При движении объекта, составленного из множества звеньев, каждый из шарниров совершает поворот вслед за предыдущим. Если добавить к первым двум третий стержень, то он начнет движение вслед за вторым.

Добавление третьего стержня вносит дополнительную задержку. Третье звено движется за вторым, который перемещается вслед за первым (рис. 8.28).

Рис. 8.25. Потянули за первый стержень

Рис. 8.26. Второй стержень повернулся вслед за первым с запаздыванием

Рис. 8.27. Стержни расположились вдоль одной прямой

Рис. 8.28. Движение трехзвенной цепочки

Те же принципы применимы и к движению суставов персонажа. Позвоночник представляет собой совокупность аналогичных шарниров. Сила, приложенная к одному концу позвоночника, достигает другого его конца через некоторое время, как и сила, приложенная к мышце предплечья, - плеча (рис. 8.29). Представьте себе хвост собаки. Суставы ее хвоста ведут себя так же, как шарниры в нашем примере. Основание хвоста вращается, вызывая с некоторым запаздыванием движение остальных его частей (рис. 8.30).
Наша продукция – иску сственный и природный камень , а так же сопутствующие материалы. Широкий ассортимент природного и искусственного камня, возможность продавать камень как розничным, так и оптовым покупателям, конкурентные цены на природный натуральный камень, удобная торговая площадка – вот что делает наши предложения привлекательными для покупателя. В нашей компании вы сможете купить природный камень, включая травертин, мрамор, ракушечник, гальку, камень для бани...

Покадровая анимация (англ. - «Stop motion») – это техника анимации, при которой отрисовывают каждый кадр. Фильм или мультфильм, созданный при помощи покадровой анимации, состоит из сотен или даже тысяч кадров, каждый из которых прорисовывается отдельно.

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

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

История явления

История начинается в 1895 году. Для съемки сцены казни режиссер попросил палача замереть в момент взмаха топора. Работу камеры приостановили, а место девушки в кадре заняла кукла. Затем съемку возобновили, и получилась эффектная сцена.

В 1900 году анимация применялась в коротком фильме “Очарованный рисунок”. В нем главный герой показывает преимущества покадровой анимации.

Персонаж как бы взаимодействует с изображением на холсте, мастерски работая со стоп кадрами. Он то добавляет объекты на рисунок, то наоборот достает их.

Одним из самых ярких примеров покадровой анимации в истории по праву считается фильм “Кинг-Конг”, 1933 год. Была создана кукла обезьяны из резины, шкуры и пенопласта. На создание анимации ушел целый год.

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

Отличия от других анимационных техник

Существует несколько видов анимации:

• Покадровая;
• Перекладная;
• Компьютерная 2D;

Перекладная анимация – одна из самых старых техник, которую можно увидеть, например, в мультфильме “Ежик в тумане”. На бумаге объект разрезается на отдельные куски, которые передвигают (перекладывают). Реализация по принципу покадровой анимации, только рисовать каждый кадр не надо. Несмотря на примитивность такой анимации, “Ежик в тумане” считается одним из лучших мультфильмов всех времен.

Компьютерная 2D анимация – современная техника, которую применяют почти в каждом мультфильме. Можно сказать, что это просто рисованная анимация, которую рисуют на компьютере. Зрители сильно полюбили этот вид анимации, ведь мультфильмы получаются яркие, динамичные и простые.

3D анимация – это по-настоящему живые персонажи в мультфильме. На компьютере создается трехмерная модель персонажа, которая “оживает” с помощью компьютерной графики. Поэтому мультфильмы с применением 3D анимации особенно нравится смотреть, когда в кадре люди или животные.

Покадровая анимация – самый сложный и долгий процесс из всех перечисленных. Однако, такая анимация плавная и “живая”. Множество мультфильмов компании “Дисней” выполнены именно в этой технике.

Особенности создания покадровой анимации

Как мы сказали ранее, при покадровой анимации каждый кадр прорисовывается заново. Контуры персонажей, предметов, текста – все детали четко отрисовываются, в следствие чего анимация выглядит немного неестественно. Однако это и есть ее отличительная черта.

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

Известные современные примеры

Сейчас покадровая анимация применяется в основном при создании простых видео для youtube и других видеоплощадок в интернете. Это могут быть как забавные короткие видео, так и видео, несущие информационный характер. Среди наиболее известных примеров можно выделить “Simons’ cat” и “Mr. Freeman”. В анимации используется 10-15 кадров в секунду, однако это и является ключевой фишкой этих мультфильмов. Все действия выглядят динамично, их интересно смотреть.

Итоги

Покадровая анимация постепенно уходит на второй план, появляются новые технологии, с помощью которых нарисовать сцену для фильма или целый мультфильм намного проще и быстрее. Тем не менее, покадровая анимация – это основа основ, именно она стала началом всех современных мультфильмов.

Два вида компьютерной анимации

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

Покадровая анимация

Покадровая анимация (ее еще называют классической ) представляет собой набор кадров, хранящихся как отдельные изображения и сменяющих друг друга с большой скоростью. Это самый старый и самый надежный способ сохранения движущегося изображения на каком-либо носителе (пленке, бумаге, магнитной ленте, жестком диске, CD, DVD). Пример покадровой анимации из пяти кадров показан на рис. 1.6.

Абсолютно все фильмы, созданные к данному моменту времени трудолюбивым человечеством, представляют собой покадровую анимацию. Еще бы - ведь сам принцип действия киноаппарата основан на фиксации на светочувствительной пленке множества неподвижных изображений, каждое - через определенный промежуток времени. Двадцать четыре (стандартная частота кадров "большого" кино) раза в секунду киноаппарат приказывает: "Остановись, мгновенье". Из многих тысяч таких вот "остановившихся мгновений" и состоит любая кинолента.

Аналогичным образом работает и видеокамера. Правда, в этом случае процесс создания последовательности кадров не так очевиден: информация записывается в электронном виде на магнитный носитель, и невооруженным глазом ее не увидишь. Но, можете поверить, здесь все абсолютно так же, как в случае с кинокамерой.

А если взять рисованные и кукольные анимационные фильмы, то там покадровая анимация существует в чистом виде. Каждый кадр фильма рисуется или выстраивается на сцене, после чего кинокамерой делается один-единственный кадр. Затем готовится следующий кадр - и т. д., пока не будет готов весь фильм. Адская работа… Конечно, сейчас появилось множество технических новинок, облегчающих труд аниматора, в том числе и компьютеры, но принцип остался тем же.

Чем же полюбилась человечеству покадровая анимация? Вместо ответа рассмотрим все ее преимущества.

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

Широкие возможности для творчества. Ну, тут уж и говорить не о чем!..

К несчастью, на этом преимущества покадровой анимации кончаются. И начинаются недостатки.

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

Большие проблемы, возникающие при сохранении покадровой анимации в цифровом виде.

Вот здесь давайте остановимся и поговорим о переводе фильмов в цифровой вид (оцифровке ) и их хранении.

Каждый из множества кадров, составляющих фильм, занимает при хранении определенное пространство на диске. Предположим, что это пространство составляет 100 килобайт - для хранения полноцветного изображения высокого разрешения в формате JPEG этого даже маловато. Теперь предположим, что количество изображений составляет 100 ООО - такой длинный у нас фильм. Умножив 100 на 100 000, получим 10 000 000, т. е. примерно 10 гигабайт (примерно, потому что гигабайт - это не 1 000 000 000, а 1 073 741 824 байта). Выходит, для хранения фильма нам нужен целый жесткий диск или примерно 2,5 диска DVD, а уж сколько для этого понадобится обычных CD, просто страшно подумать!

Что делать? Разумеется, сжать фильм посильнее! И заодно сжать звуковое сопровождение, если оно есть.

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

На заметку

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

Перечислим самые популярные алгоритмы сжатия видео, применяемые в настоящее время.

? Intel Indeo. Разработан фирмой Intel в начале 90-х, на заре эры мультимедиа. Обеспечивает довольно слабое сжатие, но зато без проблем работает на старых компьютерах. Сейчас используется для сжатия совсем коротких, в несколько секунд, видеороликов, зачастую используемых в качестве элементов интерфейса Windows-программ.

? MPEG I. Самый первый из этого семейства алгоритмов, разработанный также в начале 90-х группой MPEG (Motion Picture Encoding Group, группа кодировки движущихся изображений) для записей дисков VideoCD. Обеспечивает среднюю степень сжатия и довольно высокое качество изображения. Существует также разновидность этого алгоритма, предназначенная для сжатия звука, - MPEG I level 3 (MP3).

? MPEG II. Был разработан во второй половине 90-х для записи дисков DVD-Video. Обеспечивает более высокие качество и степень сжатия изображения, чем MPEG I.

? MPEG IV. Был разработан также во второй половине 90-х специально для распространения фильмов через Интернет. Обеспечивает более высокую степень сжатия, чем MPEG II, а также поддерживает различные дополнительные возможности, например, защиту от несанкционированного копирования и создание интерактивных элементов.

? DivX. Был разработан в самом конце 90-х группой независимых программистов как бесплатная альтернатива коммерциализированному MPEG IV. Использовался для распространения пиратских копий фильмов, но потом "вступил на честный путь" и в настоящее время сам стремительно коммерциализируется.

Современные алгоритмы сжатия, например, MPEG IV и DivX, позволяют поместить сжатый в неплохом качестве полноразмерный фильм на обычный компакт-диск, т. е. размер сжатого с их помощью видеофайла составляет примерно 700 мегабайт. Фактически именно эти два алгоритма и совершили "компьютерно-киношную" революцию, создав высококачественное цифровое кино "для народа".

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

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

Очень часто и кодер, и декодер объединяют в одну программу, называемую кодеком (кодером-декодером). Кодек часто носит название реализуемого им алгоритма сжатия: так, например, существуют кодеки MPEG II и DivX.

Но здесь возникает другая проблема. Сжатые с помощью алгоритмов MPEG IV и DivX фильмы могут "осилить" только достаточно мощные компьютеры. Если вы попробуете просмотреть фильм DivX на компьютере выпуска пятилетней давности, то увидите не нормальный фильм, а некое слайд-шоу. Это происходит потому, что маломощный процессор, не успевая распаковывать данные и выдавать их на экран, вынужден пропускать целые кадры. К счастью, никому в голову не приходит запускать цифровое кино на старых компьютерах.

Вот, собственно, и все о покадровой анимации. Теперь поговорим о ее конкуренте.

Трансформационная анимация

Давайте еще раз посмотрим на рис. 1.6 и предположим, что каждый кадр такой анимации хранится в векторном виде. (Анимация, изображенная на рис. 1.6, так и просится в векторный вид. Сами посмотрите - ведь это простейшая графика, одни только линии.) Далее, предположим, что мы можем описывать с помощью формул не только форму кривых линий и прочих графических примитивов, но и их поведение. Следовательно, мы можем изменить форму "рта", просто вызвав соответствующую формулу и подставив в нее нужные параметры. Что у нас получится?

А получится у нас трансформационная анимация. От покадровой она отличается тем, что не описывает каждый кадр последовательности отдельно, а сразу задает поведение того или иного примитива (рис. 1.7).

Так как же создается трансформационная анимация? Очень просто. Сначала мы создаем два кадра, определяющие начальное и конечное состояние нашего изображение. Давайте назовем эти два кадра, созданные нами, ключевыми - в дальнейшем этот термин будет применяться очень часто. Остальные же кадры (промежуточные ; на рис. 1.7 они показаны серым цветом) будут сформированы программой-проигрывателем на основе заданных нами ключевых кадров.

Внимание!

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

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

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

Перечислим все достоинства и недостатки трансформационной анимации. Начнем, конечно же, с достоинств.

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

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

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

Полюбовались мы трансформационной анимацией - и хватит! Пора и поругать ее за недостатки. Недостаток, правда, всего один, но зато какой!

Давайте еще раз посмотрим на рис. 1.6 и 1.7 и еще раз подумаем. Что мы можем делать с помощью покадровой и трансформационной анимации? С помощью покадровой - все. А с помощью трансформационной? Не так уж и много - только самые простейшие движения. Все богатство возможностей, предлагаемых покадровой анимацией, нам в этом случае недоступно.

В утешение скажем, что Flash позволяет создавать как покадровую, так и трансформационную анимацию. А это значит, что мы можем объединять достоинства и избавляться от недостатков этих двух видов анимации. Осталось только выяснить, какой вид анимации, а также - когда и где следует применять.

Применение разных видов анимации

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

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

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

Из книги Microsoft Office автора Леонтьев Виталий Петрович

Эффекты анимации Если бы мы работали в Word или Publisher, то на этом, собственно, пришлось бы и остановиться – что можно сделать с неподвижной картинкой? Но слайду в PowerPoint совершенно нет нужды быть неподвижным! Напротив, ему это в корне противопоказано.Надписи, картинки и прочие

Из книги Компьютер + мобильник: эффективное взаимодействие автора Гольцман Виктор Иосифович

Глава 6 СОЗДАНИЕ КАРТИНОК, АНИМАЦИИ И ИГР Где искать мелодии и как их создавать самостоятельно, вы уже знаете. Эта глава будет посвящена картинкам, анимациям и играм для мобильных телефонов. Прочитав эту главу, вы научитесь самостоятельно создавать анимированные картинки

Из книги Язык программирования С# 2005 и платформа.NET 2.0. автора Троелсен Эндрю

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

Из книги Программирование КПК и смартфонов на.NET Compact Framework автора Климов Александр П.

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

Из книги Macromedia Flash Professional 8. Графика и анимация автора Дронов В. А.

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

Из книги автора

Создание анимации Теперь нужно научиться перемещать объект по экрану. Если это делать достаточно быстро, то у пользователя создается ощущение непрерывного воспроизведения анимации. Для этого следует создать метод updatePositions, который позволит перемещать изображение. Пока

Из книги автора

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

Из книги автора

Создание кадров анимации Итак, мы хотим создать последовательность кадров, т. е. покадровую анимацию, фильм. Давайте же создадим ее.Из главы 1 мы помним, что каждый кадр покадровой анимации - ключевой. Мы уже говорили об этом, так что сейчас не будем повторяться.Один

Из книги автора

Просмотр созданной анимации Вот и готов наш первый фильм Flash. Давайте, что ли, посмотрим его?..Простейший способ воспроизвести созданный фильм прямо в среде Flash - нажать клавишу < Enter> или выбрать пункт Play меню Control. Flash тотчас воспроизведет наше творение. При этом бегунок

Из книги автора

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

Из книги автора

Два вида трансформационной анимации Flash позволяет создавать трансформационную анимацию двух видов: движение и морфинг. Оба этих вида имеют практически одинаковые возможности, но применяются к разным видам элементов изображения.Первый вид трансформационной анимации -

Из книги автора

Еще раз об "оборванной" анимации Заканчивая разговор о движении, укажем на "подводные камни", которые могут встретиться на пути начинающего Flash-аниматора. И, разумеется, поговорим о том, как эти "камни" обойти.Как мы помним, "оборванная" анимация получается в том случае, когда

Из книги автора

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

Из книги автора

Параметры внутренней анимации Теперь давайте выделим на рабочем листе экземпляр нашего анимированного образца и посмотрим, что нам предлагает панель Properties. Если это экземпляр графического образца, эта панель примет вид, показанный на рис. 13.4. В данный момент нас

Из книги автора

Создание многослойной анимации Создадим новый документ Flash и нарисуем на рабочем листе круг. Преобразуем его в графический образец и дадим ему имя Круг. В результате этих действий мы получим на рабочем листе экземпляр этого образца.Теперь можно приступать к созданию

Из книги автора

Управление воспроизведением анимации Обычно каждый клип начинает воспроизводиться сразу же после загрузки и воспроизводится до последнего кадра его анимации. Однако, используя сценарии, мы можем управлять этими процессами, в частности, останавливать и запускать

Важное примечание. Если вам нужно быстро создать простейшую Анимацию из нескольких кадров в Фотошопе, перейдите на урок - .

Я довольно-таки давно интересуюсь покадровой анимацией, хотя и изучила мало материалов. Все книги, которые я начинала читать, довольно длинные, трудные и «сухие».

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

Многие советовали мне переходить на другие программы (например, TVP Animation Pro ), но я, не желая подстраиваться под новые интерфейсы других программ, решила делать всё в Фотошопе.

А этот урок я написала специально для тех, кто не понимал технологию создания покадровых анимаций конкретно в Фотошопе. Кто не хотел чуть-чуть покопаться и понять, что к чему.

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

Короткие анимации – это анимированные аватарки, смайлики и т.д.

Длинные анимации – это мультфильмы, видео и т.п.

Сначала я расскажу теорию, а затем мы создадим анимацию на практике.

Важное дополнение

Многие спрашивают: «Почему моя анимация такая дёрганная, мой персонаж/объект быстро/медленно двигается?»
Отвечаю: ваш персонаж/объект двигается быстро , потому что вы нарисовали мало кадров.

Ваш персонаж/объект двигается медленно , потому что вы нарисовали много кадров.

Ваш персонаж/объект дёргается, потому что вы не проследили за предыдущим движением и нарисовали следующее, которое не согласованно с предыдущим.

Запомните: в одной секунде 24 кадра!

Поэтому, когда вы соберётесь создавать свою анимацию, помните: 24 кадра = 1 секунда, 24 кадра = 1 секунда. Никогда не забывайте об этой очень важной детали.

Короткие анимации

Я думаю, вы часто сталкивались с анимациями на аватарках, с анимированными смайликами.
Некоторые смайлики сделаны во Flash’e , но свои я рисую в Фотошопе. Не стоит думать, что такие короткие анимации делать легко. С одной стороны – да, они небольшие по размеру, но с другой – пока отрисуешь эти 15 -30 кадров, замаешься (а представьте, если вы хотите создать трёхминутный клип, то вам придётся делать 4320 кадров!).

Что вы должны помнить и знать?

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

Во-первых, волосы это вам не картон – под воздействием ветра средней силы они будут являться поперечными волнами.

Примерно так это показано на схеме:

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

И, наконец, слабый ветерок аккуратно приподнимает и опускает волосы.

Слабый ветер:

Средний ветер:

Сильный ветер:

Всё то же самое относится к ткани и одежде - они будут вести себя примерно так же, как и волосы.

А теперь, например, вы захотели нарисовать анимацию с движением своего персонажаобъекта. значит:

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

Таких примеров можно привести огромнейшую кучу, но лучше посмотреть:

Чтобы не попасть впросак с этими движениями перед действиями (ДПД), чаще анализируйте и наблюдайте за движениями людей или животных.

Небольшое дополнение

В общем, никогда не забывайте о физике. Вес объектов, материалы, из которых они сделаны (упругость, мягкость, жёсткость и т.п.), всё это нужно.

Поймите, что без этого ваша анимация будет мёртвой, ужасной и некрасивой!

Лучше поработайте над ней и никогда не спешите.

Длинные анимации

Ооо, вот тут-то и начинается всё самое интересное!

Частенько ли вы, смотря мультики или аниме, восхищались анимацией и завидовали тем, кто умеет их делать? Все эти прекрасные сцены, пластика движений и мн. др.? Я честно признаюсь - да. Каждый раз, когда я что-то смотрю, я пытаюсь понять, как же аниматоры с этим работали? Как они всё это создавали?

Но, в силу того, что я не знаю, в каких они работают программах, я пытаюсь понять весь процесс, используя механизмы Photoshop-a.

И знаете, я ведь нахожу ответы на все свои вопросы!

Но давайте будем разбирать всё по порядку.

Процесс создания длинной анимации

1. Изначально нам нужна ИДЕЯ

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

Если вы матёрый художник-аниматор, вы можете в своём клипе «заставить танцевать» от 3 и более девушек.

Но в начале своего пути аниматора лучше ограничиться одной-двумя.

2. Теперь вам необходимо составить раскадровку по сценам (РПС)

Что это такое, и с чем её едят?

Представьте себе фильм. Теперь представьте кол-во различных видов из разных камер. Крупный план, пейзаж, камера, следующая за персонажем...

Ладно, когда их не так много. Но когда мы делаем целый клип их может быть больше 30 штук!
Поэтому умные дяденьки и тётеньки аниматоры пользуются такой прекрасной штукой, похожей на расчерченную книжечку.

В ней они изображают сцены.

Только одни рисуют в каждом отсеке таблицы одну сцену, потом другую, третью и т.д., а другие рисуют в каждом отсеке таблицы изображения через несколько секунд (извиняюсь, если непонятно объяснила).

Очень удобно и то, что можно делать сбоку описания, а то, бывает, нарисуешь, потом через некоторое время посмотришь, и не поймёшь - что это я тут изобразила?

Так что берём себе на заметку такую раскадровку по сценам и пользуемся такими книжечками.
Можно даже не делать книжку, а просто создать большой файл в Фотошопе и там все сцены отрисовывать.

3. Теперь вам нужно придумать фон, концепт персонажей и движения

Движения рисуем в книжечке РПС.

Если у вас не одна сцена в клипе, то придётся рисовать несколько разных фонов. Рисуйте их в отдельных файлах.
И запомните одну вещь - фон не появляется из ничего. Так что если вы хотите, чтобы камера как бы отъезжала вбок, то фон там тоже должен быть. т.е. придётся рисовать фон по длине (или по ширине, а может и по тому, и по другому) больше.

Затем вы продумываете внешний вид вашего персонажа и начинаете создавать анимацию.

От теории переходим к практике

Давайте вот с этого момента вы немного подумаете над ИДЕЕЙ и, вообще, над пунктом «Процесс создания анимации». К чему это я? К тому, что сейчас вам будет нужен подопытный кролик, которого вы будете заставлять двигаться. Мы не будем делать клип, в котором 4320 кадров. Лучше всего и легче всего будет понять, как создать покадровую анимацию по 24 -72 -кадровой анимации.

Что ж, начнём!

1. Создаём новый документ. Для своей анимации я взяла небольшой размер – 400 x 500 px.

2. Теперь, если у вас нет внизу слева окна «Анимация », смотрим наверх, открываем вкладку «Окно » - «Анимация ».*

* - В примерах используется русифицированная версия Photoshop CS2 .

На скриншоте выше мы видим окно анимации в котором есть первый кадр, ниже него небольшая панель, на которой расположены кнопки:

Всегда/однажды - выбрав «Всегда» вы зациклите анимацию. Если вы выберете «Однажды», анимация будет проигрываться только один раз. (Оба варианта анимаций в моём уроке есть: зацикленная - где показан принцип ДПД, воспроизводимая один раз - где показана смена сцен).

Выберите первый кадр - возвращает нас к самому началу.

Выбирает предыдущий кадр - не будем звать Кэпа. (=

Играет анимацию/Останавливает анимацию - Play/Stop.

Выбирает следующие кадры - следующий кадр. Ваш Кэп!

Tweens кадры анимации - с помощью этой кнопки мы можем добавить плавные переходы между двумя кадрами посредством добавления новых.

Дублирует выбранные кадры - не совсем верное название... Лучше бы было «Добавление нового кадра».

Удаляет выбранные кадры - корзина.

3. Теперь мы можем начинать рисовать. для этого созданный ранее вами фон поставьте на Background (Задний план / Фон).

4. Затем создайте новый слой (Ctrl+Shift+Alt+N) и нарисуйте на нём своего персонажа.

4. Теперь начинается самое трудное: нам нужно нарисовать мно-о-ого раз подряд одного и того же персонажа в разных позах.

Создаём новый кадр, и... Тут есть два варианта:

А) Либо вы начинаете каждый раз рисовать своего персонажа заново, либо..

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

Поднатаскавшись в анимации вы сможете безболезненно пользоваться обоими вариантами. (Можете попробовать каждый из них в отдельном документе).

Вариант А:

1. Мы нарисовали наш первый кадр.

2. Чтобы видеть, как изменять следующий, мы уменьшаем прозрачность слоя примерно до 30% и создаём новый слой, на котором уже рисуем кролика для второго кадра.

3. Дорисовываем второй кадр и отключаем видимость у предыдущего, первого слоя.

Вариант Б:

1. Создаем кадр с персонажем и делаем этот слой невидимым.

2. Затем дублируем его (Ctrl+J), перетащив слой на кнопочку «Создать новый слой» левее корзины.

3. Теперь делаем второй слой видимым и начинаем его изменять.

Таким образом, дублируя предыдущие слой, вы создаёте новые кадры и изменяете именно их, а не один и тот же.

5. Сидим, рисуем кадров 10 -15 ...

6. И смотрим, что получилось.

Получился бегущий кролик.

Причём ни одна его часть не скопирована: каждый кадр нарисован заново.

Смотрите сами:

В процессе создания анимации следует помнить, что довольно-таки трудно переключаться между сотней слоёв, и поэтому не стоит откладывать покраску или изменение чего-либо на потом. Делайте сразу.

Почти конец

Выше я оговорилась об инструменте ().
Пользоваться им стоит тогда, когда вы например, хотите отдалить камеру, приблизить её, повернуть и т.д. (Если вам нужно только переместить фон, воспользуйтесь видео-редакторами, вам же будет легче). Не стоит пользоваться искажением, наклоном и другими инструментами трансформации без надобности.

И, после того, как мы сохранили нашу gif -анимацию как видео файл формата .avi , например, можно смело идти в Киностудию Windows Live .
Там уже делайте с вашим клипом всё, что душе угодно.

А затем вы можете загрузить свой клип на youtube.com и наслаждаться проделанной работой.

Всем БОЛЬШОЕ СПАСИБО за внимание, с вами была Lero-art. Извините меня за косноязычие, странность изложений и другие огрехи в уроке, если таковые есть. Все они от того, что мысли путаются, а слова не складываются в предложения...

Но, надеюсь, вы почерпнули для себя что-то новое и интересное!

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

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

Для этих целей существует множество программ для покадровой анимации. Рассмотрим некоторые из них и определимся с выбором.

Atani

Редактор, предназначенный для создания покадровой анимации. Он имеет встроенный графический редактор и позволяет изображения импортировать в форматы WMF, BMP, GIF, EMF, JPG, ICO и PNG. Созданный мультфильм можно сохранить как AVI или как GIF-файл. Каждый анимационный кадр можно редактировать отдельно в режиме морфинга. Есть возможность предварительного просмотра анимации и поддержка горячих клавиш.

Основные функции:

Приложение Pivot Stickfigure Animator

Инструмент, который позволит создать вам простую анимацию, даже если вы не ничего не понимаете во флэш-анимации. Утилита позволяет добавлять неограниченное количество самых разнообразных слайдов. Сохранение готового ролика возможно только в формате.gif.

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

Создание покадровой анимации с Stickman

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

Программой используется довольно интересная и новая технология создания анимации: используются ключевые кадры вместо того, чтобы прорисовывать каждый кадр, а промежуточные движения вычисляются самостоятельно. Группы контрольных точек задаются каждой фигуре и позволяют управлять анимацией.

Кроме того, экспортирование готовой мультипликации доступно в форматы SWF, MP4, MOV, AVI, MPG, FLV и другие. Можно записать собственный голос или добавить звук из файла любого формата.

Функции и особенности:

• создание по ключевым кадрам анимации;
• импорт изображений;
• поддержка нескольких камер;
• экспорт готовой анимации в девять видеоформатов;
• поддержка слоев;
• экспорт во флеш.

Утилита Easy GIF Animator

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

Приложение обладает множеством настроек, которые позволят изменить большинство характеристик gif-файла. Например, продолжительность ролика или его цветовую гамму. Кроме того, программа покадровой анимации Easy GIF Animator позволяет непосредственно на изображение добавлять тексты и осуществлять в браузере предварительный просмотр проекта. Можно добавить звуковое сопровождение в создаваемый ролик и сохранить результат форматом.swf.

Программа Easy Gif Animator Rus подойдет разработчикам рекламной продукции и веб-аниматорам. Разработчиками предложена система функциональной оптимизации. Готовая анимация уменьшается до размеров полученного файла. Используются почти все популярные графические форматы для сохранения мультипликации: PNG, BMP, JPG, и GIF.

Ключевые функции и особенности

• добавление визуальных и текстовых эффектов анимации;
• предварительный просмотр в браузере;
• покадрово выбирается прозрачность цвета;
• установка продолжительности анимации и счетчиков циклов;
• реверс части анимации или всего ролика;
• для каждого изображения устанавливается позиция;
• оптимизация анимации и изображений;
• конвертация анимации в черно-белый формат или оттенки серого;
• редактирование палитры;
• экспортирование анимации в avi-формат.

Покадровая анимация с Synfig Studio

Бесплатная программа для создания высококачественной двухмерной анимации. Работает в основном с векторными объектами и позволит создать и небольшие анимационные картинки, и нарисовать целые мультфильмы.

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

Готовые ролики сохраняются в форматах Digital Video, AVI, Theora и MPEG, для мультипликации используются форматы MNG и GIF. Все эти свойства делают эту программу отличным выбором для создания в домашних условиях анимации.

Adobe Photoshop

Список возможностей и эффективность этой программы бесполезно оспаривать. Профессиональные дизайнеры и художники давно признали этот факт и серьезно расширили творческие перспективы благодаря этому популярному графическому редактору. Без сомнений эта утилита обладает огромным функционалом и является индустриальным стандартом.

Уникальность программы определена такими функциями, как управление цветом, маски, умная автокоррекция, наложение эффектов, управление слоями, инструменты для точного выделения, наборы кистей и так далее.

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

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

Мощная и популярная программа Adobe Flash CS5 Professional

Эта утилита предназначена для профессиональной и качественной разработки интерактивного содержания веб-страниц, интерактивных flash-роликов, а также для создания видеороликов.

Приложение имеет широкие функциональные возможности, которые позволяют просто и легко создавать интерактивные проекты под разные платформы.

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

• Создание мультипликационных проектов с живой и максимально реалистичной анимацией.
• Благодаря Creative Suite, значительно улучшена адаптация программы.
• Наличие инструмента «Декорирование», позволяющего добавление выразительных эффектов анимации.
• Палитра «Кости» содержит новые атрибуты движения.
• Функция вставки в проект музыкального сопровождения в формате MP3.
• Улучшенные возможности редактора.
• Панель «Фрагменты кода» содержит заготовки, которые быстро вставляются в проект.
• Создание реалистичной анимации.