Основы самостоятельного создания GIF анимации. GIF из обычного фото. Анимирование статических изображений

Задумывались ли вы, как создаются анимированные GIF-файлы? Автор урока предлагает вам за одну ночь освоить некоторые секреты анимации с помощью этого урока. Так же вы научитесь использовать Шкалу времени (Timeline) , которая доступна в версии Photoshop CS6. А теперь начнём!

Результат урока.

Шаг 1

Создайте новый документ (Ctrl + N ) с размерами файла 800 х 500 пикселей. Залейте фон любым цветом, который вы хотите. Теперь идём в меню Слои - Стиль слоя - Наложение градиента (Layer> Layer Styles> Gradient Overlay). Примените следующие настройки: Стиль Радиальный (Radial), цвета от чёрного (# 000000) к синему (# 54799b), который будет использоваться в центре.

Шаг 2

Создайте новый слой и назовите его Noise Layer . Выберите инструмент Заливка (Paint Bucket Tool) и залейте созданный слой тёмным цветом (# 231f20). Оставьте активным слой Noise Layer и идите в меню Фильтр - Шум - Добавить шум (Filter> Noise> Add Noise). В диалоговом окне настроек фильтра поставьте такие значения: Эффект (Amount) 3%, распределение Равномерное (Uniform) и нажмите ОК.

Шаг 3

Нажмите комбинацию клавиш (Ctrl + U) и в появившемся диалоговом окне настроек коррекции введите значения Насыщенности (Saturation) 100%: Измените этому слою режим наложения на Мягкий свет (Soft Light).

Примечание переводчика: для того чтобы добиться такого цвета как у автора на скриншоте, можно при коррекции Цветовой тон / Насыщенность (Hue/Saturation) значение Цветового тона (Hue) поставить на - 140.

Шаг 4

Добавьте любой текст, который вы хотите. Здесь мы будем использовать текст логотипа сайта 123RF. В стилях слоя используйте Обводку (Stroke). Значения размера обводки выберите по своим предпочтениям.

Примечание переводчика: На скрине автора уже растрированный текст вместе со стилем Обводка. Чтобы у вас получилось так же, после того как применили обводку, уберите Заливку (Fill ) слоя с текстом на 0%, преобразуйте этот слой в смарт объект, а затем растрируйте его.

Шаг 5

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

Тиснение (Bevel & Emboss)

Внутренняя тень (Inner Shadow)

Внутреннее свечение (Inner Glow)

Наложение цвета (Color Overlay)

Внешнее свечение (Outer Glow)

Тень (Drop Shadow)

Шаг 6

Как только вы закончите создавать световые эффекты с помощью стилей слоя, перейдите в палитру слоёв и уменьшите этому слою значение Заливки (Fill) на 0%.

Шаг 7

Дублируйте слой, который вы создали в шаге 5 и отключите этой копии все стили слоя. Настройте теперь стили так:

Внутренняя тень (Inner Shadow)

Внутреннее свечение (Inner Glow)

Шаг 8

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

Шаг 9

Теперь мы создадим движущиеся световые пятнышки. Создайте 5 слоев поверх существующих, и переименуйте их как 1,2,3, R и F. Если у вас свой текст создайте слои в соответствии с вашими буквами. Сгруппируйте эти слои в папку, которой дайте название Light Spots и смените режим наложения на Осветление основы (Color Dodge).

Активируйте инструмент Кисть (Brush Tool), выберите мягкую кисточку, установите Непрозрачность (Opacity) на 95% и белым цветом нарисуйте пятнышки поверх текста. Для каждой буквы отдельное световое пятно на своём слое. Ниже на скриншоте вы можете рассмотреть, как слои выглядят у автора в палитре слоёв.

Шаг 10

Теперь идём в меню Окно - Шкала времени (Window > Timeline). Вы заметите, что ваши слои уже построены в этой палитре в левой её части. Выделите каждый из пяти слоёв со световыми пятнами, которые находятся в группе Light Spots и убедитесь что индикатор текущего времени (голубой слайдер) стоит на нулевом кадре. Теперь на каждом слое в группе, при его активности, нажмите на опцию Позиция (Position), чтобы создать ключевой кадр.

Примечание переводчика: Для того чтобы активировать шкалу времени, нажмите кнопку Создать временную шкалу для видео (Create Video Timeline) и все ваши слои загрузятся в шкалу времени. Выделен в ней будет тот же слой или группа, что и в палитре слоёв.

Шаг 11

Установитеиндикатор текущего времени (голубой слайдер) на отметке 01:00 F и переместите слои со световыми пятнами по траектории их движения относительно контура буквы.

Шаг 12

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

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

Подготовка холста и слоев

Для начала необходимо создать документ.

В появившемся диалоговом окне можно указать название, размеры и прочее. Все параметры устанавливаются на ваше усмотрение. После изменения этих параметров нажимаем «ОК».

После этого делаем несколько копий нашего слоя либо создаем новые слои. Для этого необходимо нажать на кнопку «Создать новый слой», которая расположена на панели слоев.

Эти слои в будущем будут кадрами вашей анимации.

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

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

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

Шкала времен обычно появляется в нужном формате кадров, но если этого не произошло, то просто нажмите на кнопку «Отобразить кадры», которая будет посередине.

Теперь добавляем столько кадров, сколько вам необходимо, нажатием на кнопку «Добавить кадр».

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

Все! Анимация готова. Вы можете просмотреть результат, нажав на кнопку «Запуск воспроизведения анимации». А после этого можете сохранить ее в формате *.gif.

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

Вы не задумывались, что скрывается за красивой анимацией баннеров в интернете? Или за новомодными мультиками, созданными с помощью компьютерных технологий? Чаще всего в их основе лежит «плоть », точнее так переводится с английского название технологии Flash . Сегодня мы поговорим о флеш анимация для сайта:

Технология Flash

Мультимедийная основа, была разработана компанией Macromedia . Но после ее поглощения (слияния ) все права на технологию перешли новому владельцу — компании Adobe Systems .

Область современного применения Adobe Flash :

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

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


  • Реализация мультимедийных возможностей – для прослушивания аудио и воспроизведения видео на сайтах часто используют медиа плееры, созданные на основе Flash . Их разработка включает в себя использование одного из скриптовых языков (чаще JavaScript ):


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

Основы и инструментарий для разработки Flash

Для создания флеш анимации чаще всего используется традиционный инструментарий от Adobe :

  • Adobe Flash Professional – программа для создания интерактивной анимации (аниматор );
  • Adobe Flash Builder – среда для создания интерфейса веб-приложений;
  • Adobe Flash Player – интегрируемый в браузер плеер для воспроизведения Flash .

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

Данная технология позволяет отображать любой тип графики (растровую, векторную, 3D ). А также поддерживает потоковую ретрансляцию аудио и видео данных. Специально для мобильных устройств была разработана облегченная версия Flash Lite .

Основным стандартом для флэш-файлов является расширение SWF . Аббревиатура расшифровывается как Small Web Format . Видео, записанное в Flash , имеет файловые расширения FLV , F4V .

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

Размер файла флэш приложения одинаков для всех пользователей независимо от технических характеристик экрана (разрешения ).

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

К недостаткам технологии можно отнести следующие моменты:

  • Сильная нагрузка на центральный процессор клиентской машины. Это связано с низкой эффективностью виртуальной машины флэш, встраиваемой вместе с проигрывателем в браузер пользователя;
  • Высокая вероятность возникновения ошибок – проигрывание флэш анимации может происходить с высокой вероятностью возникновения ошибок. Причем сбои в проигрывании Flash негативно влияют на работу всего клиентского приложения (браузера ). Это связано это с недостаточным контролем отказоустойчивости программного кода при создании флэш-приложений;
  • Невозможность индексирования – весь текстовый контент, отображаемый в содержимом Flash , не участвует в процессе индексации. Данное ограничение особенно проблематично для тех ресурсов, которые созданы на основе этой технологии.

Обзор стороннего программного обеспечения для создания Flash

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

Кроме создания и редактирования флэш редактор «умеет » работать со всеми остальными видами веб-анимации (GIF , HTML и другие стандарты):


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

Для того чтобы понять, как сделать флеш анимацию в этом приложении, воспользуемся встроенными шаблонами. Диалоговое окно «New From Template » появляется сразу после запуска программы. Кроме того его можно вызвать через пункт главного меню «File ». Среди предлагаемых вариантов мы выбрали создание баннера:


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


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


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


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


Созданную флеш анимацию для сайта можно опубликовать. Способ публикации можно выбрать, нажав вверху на кнопку «Publish ». Предлагается на выбор три варианта, в том числе и вставка в html код. Детальная настройка этого процесса доступна в отдельном окне «Publish Settings »:


Для ознакомления предоставляется бесплатная версия программы сроком на 30 дней. Полная стоимость Sothink SWF Quicker составляет 85$:


Ближайшие конкуренты приложения.

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

Редактируйте онлайн

Скачайте или опубликуйте своё видео

Выберите шаблон

Некоторые из представленных нами шаблонов

Набор инструментов для пояснительных видео

Набор инструментов для пояснительных видео включает более 400 сцен для создания любого вида пояснительного видео. Здесь представлены анимации героев, сцены обстановки, инфографика, различные иконки, кинетическая типографика и остальное. Шаблон также включает в себя набор эффектов, что делает производство видео ещё быстрее. Этот шаблон – лучший выбор для стартапов и малого бизнеса, чтоб продвигать свой бренд и быть на виду.

Набор инструментов для создания видео "Мир"

Решили создать анимированное объясняющее видео, чтобы рассказать историю своего бизнеса, привлечь больше клиентов, максимизировать осведомленность о вашем бизнесе и увеличить продажи? В таком случае пришло время задуматься о лучшем в мире объясняющем видео, созданном с помощью набора инструментов для создания объясняющих видео "Мир". С набором Вам открывается масса возможностей, предоставляется более 200 иконок, персонажей и анимированных сцен из разных областей, все это - в одном шаблоне. Доступно 3 разных стилях с более 5 динамическими переходами. Этот суперфункциональный шаблон - настоящая инновация с точки зрения дизайна. Попробуйте сегодня, оно того стоит!

Инструментарий "Образовательное Видео"

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

Инструментарий "Приключения Персонажей"

Воплотите свои идеи в жизнь с помощью инструментария "Всемирные Путешествия". Более 150 коротких анимаций, фонов, иконок, и мест для путешествий в вашем распоряжении для создания ваших замечательных проектов.Идеально подходит для презентаций, праздничных сервисов, интро для трансляций шоу о путешествиях, промо отелей, компаний по бронированию авиабилетов, турагенств и подобных проектов! Просто загрузите свои изображения, добавьте музыку, измените текст и получите в итоге ваш самый лучший проект с Renderforest. Это бесплатно!

Вы можете использовать наш создатель анимации для создания любого видео анимированных видео.

Пояснительные анимации

Смешные анимаированные видео

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



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

СОЗДАНИЕ МУЛЬТФИЛЬМА
Статья

Как создать мультфильм

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

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

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

Этапы создания

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

1. Написание сценария мультфильма

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

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

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

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

2. Разработка персонажей

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

Сначала, как правило, художник делает какие-то черновые скетчи, простые зарисовки карандашом или на планшете. На этом этапе не важен ни цвет, ни четкость прорисовки. Главное сначала найти подходящий образ. Создается 1-3 разных вариантов образа персонажа. Если ничего не понравилось, то можно сделать дополнительные варианты.


После утверждения наброска следующим этапом идет уже его чистовая доработка и окончательная прорисовка в цвете и векторе (в случае если это флеш мультфильм).


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

3. Раскадровка

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

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



пример раскадровки для мультфильма


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

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

4. Аниматик

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


Пример создания аниматика

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

5. Создание мультфильма

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

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

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

Основные принципы мультипликации

В классической анимации (мультипликации) мультфильм создается из последовательности статичных картинок (кадров). Частота кадров может быть разная (чаще всего, это от 12 до 30 кадров в секунду). То есть за секунду просматривается 12-30 кадров, каждый из которых немного отличается от предыдущего. За счет этого создается видимость движения.

Чем больше кадров в секунду, тем более плавное движение, чем меньше, тем более прерывистое. Для флеш мультфильмов в интернете, чаще всего, используется 12-18 кадров в секунду - это связано с тем, что делать 24-30 кадров в секунду в 2 раза дольше, чем 12-15. Для ТВ стандарт Pal 24-25 кадров для NTSC 30 кадров в секунду. Но, конечно, лучше и для интернета делать те же 24-25 кадров в секунду - такая анимация выглядит более плавно и красиво.

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

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


На видео анимация в программе Флеш


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

Постпродакшн, компоузинг для мультфильмов

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

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

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

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




Самые популярные из них: Adobe Flash, Toonz, Toon Boom Studio, Adobe After Effects, Anime Studio. Есть и многие другие, но ограничимся в этой статье этими.

Flash стал лидером в создании анимации для интернета за счет своих гибких возможностей. Toon Boom Studio можно назвать аналогом, имеющим свои особенности, конечно, и без таких возможностей программирования, как у флеша.

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



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

Посмотрите мультфильмы нашей студии здесь: