Несколько программ для создания гиф анимации. Как создать Gif анимацию в Фотошоп

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Зарплата моушн-дизайнера от $1000\мес. Пройди курс сидя на диване:

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

Кроме того, на основе полученных знаний вы сможете в дальнейшем развивать свои навыки, ведь курсы предполагают знакомство с основным инструментами Adobe After Effects, а также закрепление полученных навыков. Согласитесь, отличный «фундамент» для раскрытия своих талантов и дальнейшего саморазвития.

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

Оглавление
Как создать анимацию Рика и Морти?
Как создать анимацию с псевдо-3D поворотом?
Создание анимации зависшего робота.
Как создать анимацию чайного пакетика?
Как создать анимацию рыцаря?
Как создать анимацию вылетающего ноутбука?
Как создать анимацию с кроликом на облаке?
Как создать анимацию пингвина?
Как создать анимацию погодного переключателя?
Как создать анимацию с персонажами Gravity Falls?
Как создать космическую анимацию в Adobe After Effects?
Как создать анимацию собаки?
Разбираем домашнее задание.
Как создать анимацию детского цветочного горшка?
Как создать анимацию с морфингом?
Как создать анимацию с маяком?
Как создать анимацию рыбы?
Как создать анимацию на тему регби?
Как создать анимацию кота-повара?
Как создать анимацию из мультфильма «По ту сторону изгороди»?
Как создать анимацию с бургером и японскими палочками?
Как создать анимацию испуганного рулона?
Как создать анимацию свечек?
Как создать анимацию псевдо-3D midi-клавиатуры в After Effects?
Как создать анимацию космонавта?
Как создать анимацию саксофониста?
Как создать анимацию с мышью и холодильником?
Как создать анимацию с медузами?
Как анимировать самолетик?
Как анимировать тачку?
Как создать анимацию с изометрией?
Как создать анимацию бесстыжего кота?
Как создать анимацию с НЛО? Урок 1

Как создать анимацию Рика и Морти?

Программа Adobe After Effects – отличный инструмент для тех, кого интересует моушн и анимация. Ее возможности безграничны, и помогают создавать массу креативных гифок любой сложности. Присоединившись к курсу, вы с первого же урока узнаете, как научиться работе в программе Adobe After Effects CC 2017. В первом уроке автор покажет и расскажет, как создать анимационных персонажей Рика и Морти , на основе несложной иллюстрации из Сети. Можно найти такую же, или набросать свою. Из первого урока вы также узнаете, как настроить рабочую область под себя, какие инструменты вам понадобятся на начальном этапе, как создавать новый проект, открывать файлы, импортировать их из Photoshop и многое другое.

Урок 2

Как создать анимацию с псевдо-3D поворотом?

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

Урок 3

Создание анимации зависшего робота.

Отличный урок для новичков, который также будет полезен и опытным пользователям. Особенность инструкции в создании анимации полностью с нуля, что особенно актуально для людей, которые впервые видят программу Adobe After Effects, но хотят научиться анимации. Как и в предыдущих уроках, работаем в Adobe After Effects CC 2017, разбираем иллюстрацию на слои, которые потом будем анимировать. Из урока вы также узнаете, что такое маски, контуры, как соединить объекты, что такое снепинг, тайм лайн, как увеличить композицию. Параллельно автор делиться различными фишками для профессионалов, объясняет преимущества горячих клавиш, делаться собственными наработками, позволяющими оптимизировать процесс создания анимации.

Урок 4

Как создать анимацию чайного пакетика?

Интересная анимация, которая может использоваться в коммерческих проектах, например, для ролика чайного магазина или кафе. Автор подробно остановиться на рабочих областях, расскажет, где и какие инструменты расположены, как выглядит рабочий экран, как настроить весе это под себя. Подробно он остановиться на окошечке «Project», как его настроить, что обозначает каждый пункт. Вы научитесь создавать новый проект с нуля, настраивать его. На каких пунктах необходимо остановиться, какие настройки важны. Что такое «Preset» и какой из них выбрать? Также смотрим параметры Duration, и как их высчитывать. Что такое 25 кадров в секунду? Почему это важно и в чем секрет плавной анимации. За основу берем рисунки из Сети.

Урок 5

Как создать анимацию рыцаря?

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

Урок 6

Как создать анимацию вылетающего ноутбука?

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

Урок 7

Как создать анимацию с кроликом на облаке?

Рисуем милую анимацию – кролика на облаке. Кроме полноценной пошаговой инструкции с разбором параметров, нюансов и фишек программы вы также узнаете, почему лучше использовать англоязычную версию программа. Более того, спикер расскажет, в чем отличия англоязычной и русскоязычной версии, и почему профессионалы устанавливают именно первый вариант. Вы также узнаете, на какие окна в первую очередь обратить внимание, что такое Project и для чего он нужен. Автор покажет и расскажет, что такое подменю и что в него входит. Подробно поговорим о композиции, создании нового проекта, импортировании файлов и особенностей процесса. Также вы узнаете, где искать недавно открытые файлы. Урок научит экономить время во время работы, оптимизировать процесс и другие лайфхаки. Также автор расскажет о скрытых возможностях программы. Другие темы: важность базовых знаний, горячие клавиши, кодировка, группы инструментов для навигации, движения, создания объектов или текстов, ретуширования. Активно создаем различные геометрические объекты, а также закрепляем навыки по инструментам навигации (лупа, рука и т.д.)

Урок 8

Как создать анимацию пингвина?

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

Урок 9

Как создать анимацию погодного переключателя?

Основное внимание в уроке уделяется возможностям горячим клавишам. Рисуем в программе более сложные – многоугольные – фигуры и элементы. Знакомимся со смежными техниками, используем инструмент «Сетка», знакомимся с ее функциями. Автор покажет, где искать этот инструмент, работает с заливкой, создает дополнительные элементы, которые мы будем использовать в анимации. Работаем с фоном и с эффектами. В результате у вас получиться довольно простая, но эффектная анимация, построенная на основе движения множества одинаковых элементов, которые должны появляться в кадре плавно и одновременно. На основе полученных навыков вы сможете создавать еще более сложную анимацию на основе похожей техники, чем существенно расширите свои возможности.

Урок 10

Как создать анимацию с персонажами Gravity Falls?

Очень крутой урок, посвященный очень популярным персонажам мультфильма Gravity Falls – Мейбл и Дипперу Пайнс. Особенность урока в том, что нам необходимо анимировать только отдельные, небольшие элементы рисунка. В качестве основы можно взять собственное изображение или подобрать источник из Сети. Создаем pre-compose. Используем точки и настраиваем их, чтобы зафиксировать определенные элементы картинки и благодаря этому сделать часть рисунка неподвижной. Добавляем анимацию на таймлайн. Меняем настройки, чтобы получить необходимый эффект анимации. Рассматриваем такие понятия как энергия и плавность движения, выставляем правильный показатель Frame Rate, чтобы сделать картинку плавной. Автор расскажет, почему это важно, а также какой Frame Rate использовали в современных играх, классической мультипликации Диснея и в кино.

Урок 11

Как создать космическую анимацию в Adobe After Effects?

Урок 12

Как создать анимацию собаки?

Превращаем в анимацию векторное изображение собаки, предварительное найденное в Сети. Для реализации урока можно использовать собственные рисунки из Adobe Illustrator. Автор подробно описывает основные инструменты и рабочие области программы, останавливаясь на каждом пункте. Благодаря этому вы узнаете об особенностях инструментария. Кроме того, из урока вы узнаете, что такое Anchor Point или точка привязки (выделанная точка кадра), для чего это нужно и как работает. В качестве основного инструмента на протяжении всего урока будем использовать перо, чтобы приобрести и закрепить новый, важный навык. Автор также покажет, как работать с масштабами, что такое непрозрачность, повороты и многое другое.

Урок 13

Разбираем домашнее задание.

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

Урок 14

Как создать анимацию детского цветочного горшка?

Анимируем милую и довольно простую иллюстрацию. Можно предварительно нарисовать рисунок в Abode Illustrator или создать набросок в окне Adobe After Effects. За основу берем любой рисунок – свой или из Сети, выбрав один или несколько источников. Благодаря уроку мы научимся анимировать не только отдельные детали рисунка, но и дополнительные элементы, например, порывы ветра, что добавит анимации необычности и «свежести». В дальнейшем подобную фишку можно применять в самых разнообразных проектах.

Урок 15

Как создать анимацию с морфингом?

Цель урока – познакомить учащихся с таким эффектом как морфинг, показать примеры, а также научиться реализовывать подобный эффект в работе. Если коротко, то морфингом называют технологию в анимации или визуальный эффект превращения одного объекта в другой. Необходимо, чтобы объект трансформировался плавно, не «резал» глаз, выглядел стильно и интересно. Подобную фишку в дальнейшем можно использовать в телевизионном кино или в игровых фильмах, а также в рекламных роликах для ТВ. Морфинг часто используют в кино о супергероях или в фантастических лентах. Автор покажет, как создавать такую визуализацию на основе несложных объектов.

Урок 16

Как создать анимацию с маяком?

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

Урок 17

Как создать анимацию рыбы?

Урок 18

Как создать анимацию на тему регби?

Оригинальная анимация с необычным ракурсом на тему спорта – отличный вариант для тех, кто планирует заниматься дизайном для игр или создавать графику для коммерческого использования, специализируясь на спортивных мероприятиях. Урок оценят как новички, так и опытные пользователи, которые хотят добавить «свежести» в свои работы или найти новый подход. Автор показывает, как создать анимацию с нуля, а также расскажет о базовых основах – инструментах. Для анимации используем готовую иллюстрацию, можно создать ее с нуля или найти референсы в интернете, отрисовать в Иллюстраторе. Также необходимо разбить иллюстрацию на слои, чтобы с каждым из них можно было работать отдельно.

Урок 19

Как создать анимацию кота-повара?

Милая анимация на основе рисунка. Можно использовать собственную иллюстрацию или референсы из Сети. Также можно создать основу в Abode Illustrator или After Effects. Урок посвящен поэтапному созданию анимации кота-повара. Также автор подробно разбирает таймлайн, объясняя каждую функцию и возможность. Например, вы узнаете, как изменить размер линии, что такое прозрачность слоя и другие фишки. Также автор остановиться на основах, а потому у слушателя будет возможность освежить знания и дополнить их. Помимо теории все полученные навыки закрепляем на практике. После урока у вас в портфолио появится анимированный котик, который станет идеальным персонажем для коммерческого проекта (оформление сайта ресторана или рекламного ролика кафе).

Урок 20

Как создать анимацию из мультфильма «По ту сторону изгороди»?

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

Урок 21

Как создать анимацию с бургером и японскими палочками?

Разнообразим наше портфолио оригинальной работой. На этот раз приводим в движение бургер и японские палочки для еды. Рисунок создаем сразу же в окне программе. Он довольно простой, а потому подготовка не займет много времени. После – приступаем к анимации. Создаем новый проект, настраиваем его с учетом особенностей опций. Меняем фон по желанию. Активно используем горячие клавиши, настраиваем позицию, можем менять Frame Rate. Автор более подробно рассказывает о таком понятии, как шейпы. Что это такое, как их создавать и использовать. Обзор инструментов выделения, ключики, тщательная проработка движения объектов. Кроме того, вы узнаете, почему лучше использовать англоязычную программу.

Урок 22

Как создать анимацию испуганного рулона?

Сегодня создаем забавную анимацию с испуганным рулоном. Необычная работа с вау-эффектом, которая понравиться и профессионалу, и новичку, особенно если вы работаете над портфолио и хотите добавить что-то очень оригинальное. В основе анимации – циклическое движение, то есть повторение ряда сочетаний движений. Работаем с заготовленными рисунками в Abode Illustrator. Также можно нарисовать персонажей прямо в After Effects. Импортируем файл, обращаем внимание на настройки. Также создаем новый документ с учетом настроек. Активно используем таймлайн, а также работаем со слоями, изучаем подменю и опции слоев. Вы узнаете, что такое контуры, вершины, как работать с заливками и многое другое.

Урок 23

Как создать анимацию свечек?

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

Урок 24

Как создать анимацию псевдо-3D midi-клавиатуры в After Effects?

Темой для урока послужила интересная компьютерная технология, которую называют псевдотрехмерностью. Псевдо 3 D – это графика, за счет которой пытаются имитировать трехмерное игровое пространство, однако оно не является таковым. Подобный эффект часто используют в компьютерных играх. Одним из примеров подобного подхода можно назвать известную игру Doom. Именно это мы и будем изучать! Автор расскажет и покажет, как создать анимацию клавиатуры, используя псевдотрехмерностью. Урок будет особенно интересен тем, кто планирует связать свою дальнейшую работу с игровыми технологиями или компьютерными играми. В дальнейшем вы сможете создавать более сложные анимации, используя эту фишку.

Урок 25

Как создать анимацию космонавта?

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

Урок 26

Как создать анимацию саксофониста?

Тема урока – создание анимации в стиле коллаж со звуком. Для начала нам необходимо подготовить материалы, из которых мы создадим коллаж. Также необходимо выбрать фото в качестве основы под иллюстрацию. Также необходимо найти видео с выступлением саксофонистов, чтобы повторить их движения, сделать анимацию более естественной. Рисуем в Abode After Effects, создавая множеством слоев. Благодаря этому нам будет легче анимировать коллаж. Также можно использовать файлы Photoshop. Все это и многое другое наглядно показывает автор курса. Также он параллельно отвечает на вопросы слушателей курса.

Урок 27

Как создать анимацию с мышью и холодильником?

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

Урок 28

Как создать анимацию с медузами?

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

Урок 29

Как анимировать самолетик?

Начинаем с обзора базовых вещей – прорабатываем основные инструменты, создание нового проекта (нового документа), рабочих окон. Рисуем основу с нуля в программе. Также можно использовать Иллюстратор, а затем импортировать его в After Effects. Настраиваем новый документ и начинаем рисовать, чтобы затем анимировать изображение. Особое внимание уделяем плавности движения гифки, настраиваем параметры Rate, позволяющие добиться необходимого эффекта. Сегодня работаем с 14 кадрами в секунду, по аналогии с фильмами. Смотрим на результат, исправляем недочеты вносим корректировки в проект. Также работаем с траекторией полета, с объектами, выходящими за рамки листа. Используем перо и другие инструменты.

Урок 30

Как анимировать тачку?

В качестве основы для анимации выбираем сложный элемент – автомобиль. Используем объемное изображение с тонами и полутонами, которое затем будем приводить в движение. Рисунок можно создать в Иллюстраторе или прямо в окне After Effects. За основу берем любой набросок или фотографию из Сети. Также в процессе нам понадобится несколько текстур, например, стекло и паттерн. Формируем общую картинку. В процесс работы «привязываем» элементы друг к другу, а также работаем с якорными точками, настраивая их и проверяя, настраиваем количество кадров в секунду. Практически все команды выполняем горячими клавишами, чтобы запомнить их и ускорить процесс работы.

Урок 31

Как создать анимацию с изометрией?

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

Урок 32

Как создать анимацию бесстыжего кота?

Урок 33

Как создать анимацию с НЛО?

Заключительный урок курса, благодаря которому вы создадите летающую тарелку с лучом. Начинаем с обзора рабочего экрана и основных функций программы, затем переходим к созданию гифки. Закрепляем все навыки и знания, полученные в предыдущих уроках, а именно, работаем со слоями и их возможностями, редактируем фон, настраиваем анимацию и подгоняем скорость движения с помощью таймлайна. Также мы настраиваем композицию, рисуем в программе, используя перо и другой инструментарий, устанавливаем различные эффекты в анимации. После всего курса по Abode After Effects в вашем портфолио будет 30+ полноценных примеров работы, анимация с НЛО – одна из них.

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

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

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

Раскадровка

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

Аниматик

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

Готовый мультфильм

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

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

В большинстве случаев кадры сменяются 12-30 раз на протяжении секунды. Иными словами, на самом деле человек видит не движущиеся объекты, а 12-30 картинок, которые успевают быстро сменить друг друга незаметно для глаза. Для большего количества кадров характеры :

• плавность и реалистичность движений;
• большой размер файла;
• длительность разработки.

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

Программы для создания анимации

Animate от Adobe

Данный продукт является наследником Flash Professional и позволяет создавать анимации с частотой 24 кадра в секунду . Принципиальных отличий от своего предшественника Animate CC не имеет. Существует возможность прорисовывать каждый кадр самостоятельно. Кроме того, так как это довольно затратно по времени, был разработан инструмент «Анимация движения », которому задаются начальное и конечное положение анимируемого объекта.

Toon Boom Studio

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

After Effects

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

Anime Studio

Ключевым преимуществом данного программного решения является интуитивно понятный интерфейс и легкость использования . Несмотря на это Animate Studio обладает хорошим набором инструментов , который позволяет решать все распространенные задачи.

Synfig Studio

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

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

GIF-анимация: что собой представляет?

Формат.GIF, что расшифровывается как Graphic Interchange Format, представляет собой компактный графический файл, свойствами которого является возможность создания анимации и прозрачного фона. Этот набрал популярность во время расширения области покрытия сети Интернет, когда пользователям был необходим обмен "легкими" изображениями, которые не занимают большого времени на загрузку и одновременно Сейчас Gif-анимация используется в оформлении сайтов, в сообщениях, блогах как средство передачи эмоционального состояния автора. Откуда берутся и как создавать гифки? Обо всем по порядку.

Банки GIF-анимации

• Tumblr.
• Pinterest.
• GIPHY.
• Reddit.
• ReactionGifs.
• Gifs.net.

Как создавать гифки "ВКонтакте"?

Для того чтобы создавать гифки и отправлять их своим друзьям "ВКонтакте", не будет требоваться особых знаний и навыков. Это чрезвычайно просто! Воспользовавшись сайтами, наполненными GIF-контентом, можно произвести нехитрую манипуляцию и добавить интересные анимации на свою страницу и в сообщения. Так как "ВК" создать гифку? Порядок действий таков:

1. Выбрать или создать анимацию. О том, как создавать гифки, статья расскажет немного позже. После выбора нужно сохранить изображение в памяти компьютера.
2. Загрузить изображение. С левой стороны главного меню находится кнопка "Документы". После перехода в контекстное меню необходимо нажать кнопку "Добавить документ" и выбрать файл.
3. Гифка загружена! Теперь ее можно прикреплять к сообщениям, комментариям и постам на стене.

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

GIF из обычного фото

Из фото? Достаточно воспользоваться онлайн-сервисами для создания анимированных изображений. Для создания GIF нужно загрузить на сайт несколько изображений в допустимых форматах, выставить такие параметры, как высота-ширина кадра, позиционирование изображения, скорость смены изображениями друг друга, настроить правильный порядок кадров, сменяющих друг друга, выстроить пропорции. Такие программы куда удобнее в работе обычного человека, так как не появляется необходимости в долгой установке и изучении новой программы. Требуется буквально минута времени и парочка кликов - и вот цель достигнута! Можно загружать изображение в социальную сеть. Одним из подобных онлайн-сервисов является Gifmaker.me.

Как создать самостоятельно GIF-анимацию

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

• Программа Loogics поможет создать небольшую анимацию из видео, размещенных на Youtube.
• Утилита Makeagif также умеет создавать короткие анимации из видео на Youtube, кроме того, она знает, как создавать гифки с помощью веб-камеры или из готового видео.
• GIFPal, кроме всего прочего, может украсить готовую анимацию с помощью различных эффектов.

Создание GIF при помощи Photoshop

Часто люди интересуются тем, как создать гифку в "Фотошопе". Это возможно. Достаточно импортировать файл с видео в программу (Import->Video Frames to layers). Затем нужно выбрать конвертируемый отрывок (есть возможность выбора всего файла целиком). Видео будет разбито на множество отдельных изображений, которые будут расположены слоями. Внизу каждого изображения будет обозначена скорость смены кадров. Чем выше число, тем более медленной и спокойной будет анимация. Для того чтобы зациклить файл, нужно просто оставить отметку на пункте Forever. Чтобы отсечь лишние участки, необходимо выделить главную зону и отметить пункт Crop. По окончании редактирования необходимо сохранить файл, не забыв отметить формат.gif. В дальнейшем готовый файл можно импортировать в социальные сети, вставлять в блоги.

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

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

СОЗДАНИЕ МУЛЬТФИЛЬМА

Статья

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

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

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

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

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

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

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 анимации, пластилиновой анимации и т.п. Но это уже отдельный разговор.

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