GIF Animator: бесплатная программа для создания GIF анимации онлайн. Как создавать гифки: самое полное руководство

GIF-анимация – череда циклически изменяющихся изображений и кадров видео – один из популярных форматов интернет-контента. Этот формат особо любим интернет-маркетологами за его способность привлекать внимание аудитории. Формат GIF используется для создания рекламных баннеров, презентационных материалов продукции и услуг в коммерческой среде, развлекающего контента в соцсетях. GIF-анимация эффектнее статических картинок, а у видеоконтента выигрывает малым весом и способностью донести суть информации, как и изображение, почти мгновенно. Да и создание «гифок» – процесс, в разы проще, чем съемка и монтаж видео.

Безусловно, у процесса создания GIF-анимации есть свои уровни мастерства. На профессиональном уровне «гифки» создаются с использованием мощных графических редакторов типа Adobe Photoshop. Способ попроще – применение функциональных узконаправленных программ, предназначенных именно для создания GIF-анимации. Они не столь сложны, как графические редакторы профессионального уровня, но все же освоить их за один вечер удастся не каждому.

Программы для gif-анимации – это EximiousSoft GIF Creator, FotoMorph, Ulead Gif Animator и их аналоги – примечательны наличием специальных эффектов. Для создания простенькой GIF-анимации особых каких-то навыков не нужно. Любительские «гифки» можно создать просто, быстро и бесплатно. Для этого в Интернете существуют специальные веб-сервисы. Они могут дополнить функционал несложных графических редакторов или менеджеров изображений, которые не умеют экспортировать в формат GIF, но обладают необходимыми опциями для коррекции картинок, интересными эффектами и просты в использовании. Как сделать gif - анимацию из картинки? Тройку простых веб-сервисов и предлагаемых ими способов создания GIF-анимации онлайн рассмотрим ниже.

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

1. Веб-сервис ToolsOn

Веб-сервис ToolsOn – этой такой себе обывательский портал, предлагающий бесплатные простенькие инструменты для решения разного рода задач: создание рингтонов, логотипов, иконок, фотоколлажей, GIF-анимации. GIF-файлы можно создавать из изображений и видеороликов. Чтобы оживить статичные картинки, жмем раздел сервиса «Создать GIF-анимацию», добавляем хранящиеся на компьютере изображения (их общий вес не должен превышать 15 Мб), даем анимации имя, устанавливаем время задержки кадров и параметр цикличного воспроизведения (при необходимости).

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

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

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

Так же просто, как из картинок, создается GIF-анимация из видеороликов. В разделе ToolsOn «Конвертировать видео в GIF» жмем кнопку с надписью «Видео в GIF конвертер».

В форму сайта добавляем находящийся на компьютере видеофайл в поддерживаемых сервисом форматах MP4, OGV, OGG, WEBM. Далее в плеере-превью загруженного видео выбираем точку начала анимации. Задаем значение частоты кадров и жмем «Start Recording». По завершении нужного отрезка видео жмем кнопку «Stop Recording». Сохраняем GIF-анимацию на выходе в файл.

2. Веб-сервис Gif creator

Веб-сервис Gif creator предлагает больший перечень исходных материалов для создания GIF-анимации на выходе, нежели предыдущий участник обзора. «Гифки» могут быть созданы не только из хранящихся на диске картинок и видео, но также из фото, создаваемых по ходу процесса с помощью камеры компьютера. GIF-анимация, создаваемая посредством инструментария в окне браузера, размещается на сервере веб-сервиса, откуда файлы можно скачивать на компьютер. Не потерять веб-адрес созданного «шедевра» помогут кнопки расшаривания ссылки в соцсетях. Но Gif creator может работать и локально, для этого лишь нужно воспользоваться бесплатными клиентским приложением для iOS, Android или Windows 10. Благодаря наличию клиентских приложений, их простоте и удобству веб-сервис Gif creator и был выбран для этого обзора из немалого числа веб-ресурсов, предлагающих бесплатное создание GIF-анимации онлайн.

Клиентские приложения Gif creator поддерживают только создание GIF-анимации из изображений – имеющихся на компьютере или создаваемых по ходу процесса с помощью камеры. В окне приложения выбираем раздел «Gif из картинок».

Соответствующими кнопками внизу либо активируем камеру для создания снимков, либо добавляем имеющиеся изображения. По итогу жмем кнопку-галочку.

Затем задаем значение задержки кадров анимации, при желании добавляем какую-то надпись и нажимаем кнопку «Применить». Если нужно только локальное сохранение GIF, далее используем кнопку «Сохранить», и файл будет сохранен в специальном месте устройства. Для Windows 10, например, это папка «Gif creator» внутри папки пользовательского профиля «Изображения».

Все созданные с помощью приложения GIF-файлы отображаются в местной галерее «Мои Gif». Любую из них в дальнейшем можно удалить и с компьютера, и с сервера Gif creator.

3. Веб-сервис Google Фото

Веб-сервис Google Фото – фотохостинг от крупнейшего поисковика Интернета – явный победитель в номинации «Самый простой способ создания GIF». Но это пока что. Дело в том, что фотохостинг от Google активно развивается, но уже можно предположить, что поисковой гигант намеревается сделать своего рода уникальный продукт с минимумом инструментария для пользователей, но с максимумом заявленных возможностей. Плюс к этому, Google Фото задуман как интеллектуальный продукт. Сервис сам каталогизирует загруженные изображения по тегам мест съемки, тематики, сам может создавать из фото эффектные видео по типу слайд-шоу. А после установки клиентского приложения для iOS, Android или Windows и оставлении его работать в фоновом режиме, компания Google будет еще и незримо стоять на страже сохранности пользовательских медиатек, автоматически отправляя копии созданных фото и видео в интернет-хранилище Google Фото. Из доступных для пользователей возможностей внутри сервиса – несложное редактирование изображений, наложение эффектов, создание коллажей и GIF-анимации.

Для создания «гифки» в веб-интерфейсе Google Фото выбираем первый раздел «Ассистент», а в нем жмем кнопку «Анимация».

Выделяем нужные картинки из числа предварительно загруженных в Google Фото, жмем кнопку «Создать».

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

Все созданные таким образом GIF-анимации хранятся в разделе Google Фото «Альбомы», в подразделе «Анимации».

Не имея настроечных опций при создании GIF, Google Фото выигрывает у других сервисов возможностью загрузки большего веса исходных изображений. Для бесплатного хранения медиаконтента в Google Фото каждому зарегистрированному пользователю выделяется 15 Гб облачного пространства. Включить в состав анимации можно аж до 50-ти изображений.

Отличного Вам дня!

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

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. В дальнейшем готовый файл можно импортировать в социальные сети, вставлять в блоги.

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

Именно благодаря этому методу и создаются баннеры, и даже полнометражные мультфильмы…………………….

В этой статье мы расскажем — основные секреты создания видеороликов с анимацией ↓

Как сделать простой мультик на YouTube

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

Это самый лучший способ создать оригинальный (авторский) контент, который в последствие принесет вам .

Принято выделять несколько видов анимаций: ↓↓↓

Естественно, если вы хотите сделать анимацию для канала YouTube, то лучше всего использовать —второй способ !!! — так намного легче

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

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

Что же нам потребуется для анимации мультиков на YouTube: ↓↓↓

1. программы для создания анимации на компьютере;
2. сюжет будущего мультика;
3. сценарий и озвучка;
4. подготовка анимации.

Обзор наилучших инструментов

Главный инструмент в руках современного аниматора – это специальные программы, которые помогут создать качественный мультик всего за несколько часов.

Совет -Для удобства работы с этими утилитами мы рекомендуем скачать футажи анимаций!

5 место . Express Animate → (бесплатно )

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

→ У программы имеется интуитивный одно-оконный интерфейс, разделенный на 4 области.

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

4 место . iClone Pro (пробная версия на 30 дней)

iClone Pro – позволяет создавать сложные 3D анимации с разно-плановыми героями.

Главная фишка программы – это возможность использовать фотографии реальных людей вместо лиц мультипликационных персонажей. При помощи технологии FaceTrix фотографиям придается 3D-эффект ↓

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

Пример ↓

3 место . Anime Studio (лицензия за $300)

Anime Studio – одна из лучших программ для анимации 2D мультиков. Данная утилита является профессиональной и позволяет создавать ролики на уровне с популярными японскими аниме.

Пример ↓

Среди главных преимуществ программы Anime Studio стоит выделить: ↓

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

Несмотря на очень широкий функционал, Anime Studio – это очень понятная и простая программа для создания 2D анимации мультиков.

2 место . Toon Boom Harmony (лицензия от $15)

Toon Boom Harmony – программа с простым интерфейсом и огромным набором инструментов. Утилита знакома многим бывалым мультипликаторам.

В центральной части располагается поле для работы с графикой, а снизу полоса прокрутки, слои и прочее ↓

Особенности программы для создания мультиков: ↓↓↓

• «True Pencil» — умеет сканировать рисунки;
• Можно делать из 2D изображений 3D;
• Перемещение камеры и проведение захвата;
• Можно создавать полноценные мультфильмы.

1 место . Easy GIF Animator (лицензия $29.65)

→ Всего 5 минут и простоя анимация готова – все это возможно вместе с Easy GIF Animator. Эта программа для анимации на русском языке подойдет в первую очередь для создания простых и коротких роликов. Можно использовать уже готовые изображения и делать их анимированными.

С помощью Easy GIF Animator можно применять разнообразные эффекты, переходы, текстовую информацию, работать с разными форматами и прочее….

Инструкция по шагам

Даже если вы не умеете красиво рисовать, но, если у вас есть творческая жилка, то создать красивый мультик в Anime Studio у вас получится без труда.

Главный этап любого ролика – это действующие герои. Именно они будут динамическими объектами в нашем мультике.

Фоны, аксессуары и прочее – все это может оставаться статичным.

Итак, чтобы создать вашего первого персонажа в Anime Studio: ↓↓↓

• нажимаем «Файл» и «Новый проект»;
• теперь выбираем «Файл» и «Настройки проекта»;
• здесь нужно указать разрешения и скорость кадров;
• рисуем персонажа, используя панель управления слева (более подробно тут ⇓ )

• выставляем слои и прокладываем кости для удобного управления;
• сохраняем изменения.

Теперь перед вами стоит не менее сложная задача – заставить персонажа ходить !!!

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

К сведению ↓

Сложность мультфильма определяется: ↓

1. количеством действующих героев
2. тонкими движениями
3. а также количеством локаций

Но все это вы сможете узнать в процессе работы

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

Вот одна из анимашек которую я сделала в PixMix за 5 минут

Как начать пользоваться онлайн фоторедактором PixMix

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

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

Вы можете написать блестящий или однотонный текст с обводкой на своём анимированном шедевре. Для этого надо кликнуть на букву «T» (жёлтая стрелочка). Написать текст (синяя стрелка). Наверху выбрать стиль шрифта (Бирюзовая стрела) и обводку (сиреневая) или без обводки (красная).

Выбрать чернила слева (то есть заливку текста), когда вы нажимаете на текст в онлайн фоторедакторе автоматически выставляется раздел «Чернила»

Жмите на слово «Хорошо» и увидите текст на своей анимационной картинке.

Вокруг текста вы увидите прямоугольную рамку и инструменты в каждом углу этой рамки:

1. Крестик – удалить
2. Стрелочка с двумя наконечниками – сделать надпись больше или меньше
3. Стрелочка закруглённая – наклонить в одну, либо в другую сторону
4. Прямоугольник в кружке – размножение текста

Вы можете менять «чернила», обводку и стиль текста, не меняя самого текста. Нажимать «Хорошо» и смотреть что у вас получится.

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

Там же вы можете выбрать скорость анимации. По умолчанию там выставлена средняя.

И в заключении надо нажать на зелёную кнопку «Реестр».

После этого фоторедактор PicMix сгенерирует вашу блестящую анимированную картинку. И под своей анимационной картинкой вы увидите вот такие функции:

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

Марки вы можете так же добавить в избранное в разделе STAMPS на главном меню сайта ПикМикс.

Когда нас перекинет на другую страницу — нажимаем на слова «Версия без логотипа»

И наша анимированная картинка открывается в новом окне.

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

Скорее всего на Фейсбуке картинка будет прочитана не сразу, а сначала появится вот такая публикация

Не спешите нажимать на слово «Опубликовать». Обновите страницу и поставьте ссылку туда ещё раз. Если опять появится то же самое, то опять обновите страницу. И только когда появится ваша красавица анимированная картинка, кликайте на слово «Опубликовать».

Красиво смотрится анимированная картинка на Фейсбуке. Гугл+ и Одноклассниках. А вот ВКонтакте картинка получается маленькая и чтобы увидеть анимашку во всей красе надо кликать на неё. Мне это не очень нравится, если честно.

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

Теперь вы сможете создавать потрясающие анимационные картинки в онлайн фоторедакторе PicMix и выкладывать их в социальных сетях.

А если вам не слишком то понятны скриншоты и объяснения в моей статье, то предлагаю посмотреть видеоурок

Файлы в формате GIF повсюду. Некогда скромные анимированные изображения теперь являются неофициальным языком интернета. GIF анимация — это самый быстрый способ выразить эмоции в Twitter, а ещё мы можем тратить часы на её просмотр пролистывая ленту новостей в VK, Facebook или Одноклассниках.

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

Примечание: Во всех примерах из этой статьи я использую Photoshop CC 2017.

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

Для начала необходимо запустить Photoshop, перейти в «Файл» > «Импортировать» > «Кадры видео в слои» и выбрать необходимую видеозапись.

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

Примечание: Имейте в виду, что чем больше видео, которое вы импортируете, тем больше будет ваш GIF. Также, если вы импортируете слишком длинную видеозапись, выбор «Оставить каждый 2 Кадры» (или больше) — это простой способ уменьшить размер, не слишком сильно влияя на качество.

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

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

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

В итоге должно получиться что-то вроде этого:

Создание GIF анимации из серии статических изображений

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

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

1. Если вы уже создали изображения для своей анимации, импортируйте их, выбрав «Файл» > «Сценарии» > «Загрузить файлы в стек…». Нажмите «Обзор» и выберите свои изображения, затем нажмите «ОК». Каждое изображение будет помещено на отдельный слой внутри одного и того же файла.
2. Если вы еще не создали изображения, сделайте это сейчас. Помните, что каждое отдельное изображение — это часть будущей анимации.

Теперь вы готовы начать создавать анимацию.

Анимирование статических изображений

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

Для создания первого кадра сделайте самый первый слой видимым, а все остальные отключите. Затем, создавая второй кадр, сделайте второй слой видимым, а затем третий слой в третьем кадре и так далее. Когда вы начнете, всё станет понятнее.

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

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

Повторяйте этот процесс, пока не добавите все необходимые для анимации кадры.

Завершение

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

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

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

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

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

Усовершенствование анимации путём добавления промежуточных кадров

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

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

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

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

Нажмите кнопку воспроизведения, чтобы просмотреть эффект.

Сохранение анимации

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

Для сохранения созданной анимации перейдите в «Файл» > «Экспортировать» > «Сохранить для Web (старая версия)…». В открывшемся окне выберите формат GIF, а в поле «Цвета» укажите 256. Для того, чтобы уменьшить общий размер файла, уменьшите размер в поле «Размер изображения».

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