Как создавать анимацию. Создание GIF анимации в Photoshop. Используем Giphy GIF Maker

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

Шаги

Часть 1

Основы традиционной анимации

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

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

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

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

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

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

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

    Снова проверьте, что получилось. Да, вам постоянно нужно проверять результат.

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

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

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

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

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

Анимации создаются в графическом формате GIF (Graphics Interchange Format). Главное отличие этого формата заключается в том, что он не статичен.

Для создания анимации из видео или картинок существует огромное количество программ, в интернете даже можно найти сайты, где в online-режиме можно создать анимацию. В сегодняшней статье я выбрал самое оптимальное приложение для этой задачи. Что касается создания анимации с нуля, то здесь стоит выбирать Photoshop CS (желательно, чтобы это была шестая версия).

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

Поможет в нашем деле видео конвертер Movavi. Ниже предоставлены ссылки для скачивания:

Для Windows. - http://www.movavi.ru/download-videoconverter

Для Mac. - http://www.movavi.ru/download-videoconvertermac

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

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

Теперь переходим в список с названием «Конвертировать в» и выбираем опцию «Изображения». Нам нужно указать формат – GIF, а затем определиться с размером анимации. К примеру, в социальных сетях обычно используют средний размер – 200×200.

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

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

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

Как сделать анимацию с нуля в Photoshop CS6

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

Подготовка изображения для анимации

Открываем программу и создаем новый документ (нажимаем комбинацию Ctrl + N). В окне выбираем размеры 800×600 – это стандарт. Фон можно залить люблю цветом, у нас это черный. Теперь переходим в меню «Слои», далее «Стиль слоя» — «Наложение градиента» ((Layer> Layer Styles> Gradient Overlay). Устанавливаем следующие параметры: цвет от черного к синему, стиль Радиальный.

Нам нужно сделать новый слой, назовите его Noise Layer. Выбираем инструмент «Заливка» (Paint Bucket Tool). Выполняем заливку этого слоя черным цветом. Оставляем слой активным и переходим в меню «Фильтр», затем «Шум» — «Добавить шум». (Filter> Noise> Add Noise). В диалоговом окне нам необходимо задать следующие настройки: распределение (Uniform), Эффект (Amount) – 3%. Подтверждаем свое действием нажатием на «ОК».

Нажимаем «Ctrl + U» и выставляем в окне значение «Насыщенности» (Saturation) 100%. Нужно поменять режим наложения слою, выставляем «Мягкий свет» (Soft Light).

Вписываем любой текст на основной слой. В нашем случае – это 123RF. В стилях не забудьте выбрать «Обводку» (Stroke) для текста. Размер обводки можно выбирать по личному предпочтению.

Теперь нам нужно добавить светящийся эффект для нашего логотипа. Заходим в настойки слоя (два раза щелкаем на него). Здесь нам нужно выставить показатель «Тиснение» (Bevel & Emboss) точно так же, как на скриншоте ниже.

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

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

Тень (Drop Shadow).

После окончания переходим в стили слоя и убираем ему значение «Заливки» (Fill) на 0%.

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

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

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

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

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

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

Нажимаем на инструмент «Кисть» (Brush Tool), здесь нам нужно выбрать мягкую кисточку, показатель «Непрозрачность» (Opacity) меняем на 95%. На каждом слое из папки Light Spots поставьте бело пятнышко. На каждом знаке – в определенном месте.

Начинаем работать над анимацией. Заходим в «Окно», далее в «Шкалу времени» (Windows – Timeline). В левой части вы можете наблюдать свои слои. Вам нужно выделить слои из папки Light Sport. Проверьте индикатор – он должен стоять на 0. На каждом слое из группы нужно создать ключевой кадр – для этого нажимаем на «Позицию» (Position).

Теперь выставляем индикатор времени на отметку «01:00 F». Теперь перетаскиваем световое пятно на букве F по траектории.

Так создается анимация, отрезки должны небольшими.

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

После завершения работы заходим в меню «Файл» и выбираем «Сохранить для Web» (File – Save for Web). Измените настройки как на изображении ниже.

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

На сегодня это все о чем я хотел Вам сегодня рассказать. Всем до встречи в следующей статье.

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-анимация или «гифка»?

  • Гифка (GIF) – анимированная картинка, в которой поочередно меняются кадры, создавая тем самым движущееся изображение. Если сказать другими словами, то это маленький видеоролик, преобразованный в графический формат, который просматривается стандартной программой для просмотра изображений и отображается на всех web-страницах.
  • Так же гифка весит в 10-100 раз меньше видео, в зависимости от частоты показанных в ней кадров и размера изображения. Именно поэтому GIF-анимацию стали широко использовать разнообразные интернет-ресурсы ещё в середине 2000-х годов в качестве рекламных баннеров.

Пример поздравительной новогодней гифки

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

Как создать GIF-анимацию или «гифку» из видео самому с помощью программы?

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

Рисунок 1. Как создать GIF-анимацию или «гифку» из видео самому с помощью программы?

  • Программа представляет собой компактный и удобный видеоконвертер с множеством полезных функций. С его помощью можно преобразовывать видеоролики не только в GIF-анимацию, но и в другие форматы, такие как AVI, MPG4, MPG-2, 3GP, DivX, XviD, DVD и многие другие.

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

  • Шаг 1 . Скачайте программу с официального сайта , установите её и запустите. В программе нажмите на вкладку «Файл » и далее на пункт «Открыть ». В открывшемся окне загрузите с компьютера видео, из которого Вы хотите сделать GIF-анимацию.

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

  • Шаг 3 . На следующем этапе необходимо выбрать размер конечного изображения. Внизу можно увидеть несколько рекомендуемых вариантов. Выберите один из них или установите собственные параметры в пикселях. Чтобы видео полностью уместилось в указанные рамки, поставьте галочку напротив «Уместить видео ». Если Вас всё устраивает, нажмите кнопку «Далее ».

  • Шаг 4 . Конечным шагом будет настройка скорости воспроизведения, установка необходимого количества кадров для показа (FPS) и количество повторов. Количество повторов рекомендуется выставить «Повторять всегда », чтобы анимация автоматически обновлялась. После выставления нужных параметров нажмите «Создать GIF » и сохраните полученный файл к себе на компьютер.
  • Дело сделано. Теперь в вашем распоряжении есть анимационное изображение, которое Вы можете загрузить к себе на страницу ВКонтакте, отправить на стенку друзьям и знакомым. На некоторых ресурсах такие изображения можно использовать в качестве аватаров.
  • Подробную инструкцию по пользованию программой «ВидеоМАСТЕР » можно посмотреть на видео в конце статьи.

Как создать GIF-анимацию или «гифку» из видео самому с помощью интернет-сервисов?

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

Но в этой статье мы поговорим о зарубежном ресурсе Gifs.com , основным отличием которого является возможность создания GIF-анимации из видео с YouTube, Instagram, Facebook и других популярных социальных сетей, без необходимости их скачивать. Ресурс полностью на английском языке, однако разобраться в нём не составит большого труда. И так, приступим:

  • Шаг 1 . Перейдите на сайт gifs.com . В открывшемся окне Вам предлагают загрузить видео с компьютера (Drag & Drop or select file ), либо вставить ссылку на видео с YouTube или другого ресурса (Search or paste a URL ). Попробуем создать гифку из популярного сериала «Теория большого взрыва». Вставьте ссылку на видео с YouTube в соответствующее поле и дождитесь окончания загрузки.

Рисунок 1. Как создать GIF-анимацию или «гифку» из видео самому с помощью интернет-сервисов?

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

  • Шаг 3 . После того, как Вы выбрали отрезок, наложили текст и дополнительные эффекты, нажмите кнопку «Create GIF », дождитесь окончания конвертации и сохраните полученный файл в любое место на жестком диске. На выходе у нас получилась вот такая гифка:

Рисунок 3. Как создать GIF-анимацию или «гифку» из видео самому с помощью интернет-сервисов?

ВИДЕО: Учебник по конвертации видео в программе «ВидеоМАСТЕР»

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

В конце концов люди начали спрашивать нас: «Как вы создаете GIF анимации?». Пришло время раскрыть секрет.

Дизайн GIF изображений

1. Секретный ингредиент

Вот мой небольшой секрет: все мои GIF анимации сначала были видео-файлами. Обычно я использую ScreenFlow , который я кстати также применяю для создания видео наших продуктов. Это простая программа, которая в то же время содержит множество полезных анимационных инструментов.
После того как я сохраняю анимацию как видео файл, я импортирую его в Photoshop через File > Import > Video Frames As Layers.

Совет: Если ScreenFlow или After Effects вам не по карману, то создайте анимацию в Keynote, и экспортируйте ее как видео. Наконец-то, хоть какое-то применение этой функции в Keynote.

2. Меньше цветов = больше веселья

Если вы хотите делать крутые GIF анимации, то нужно с особым трепетом подойти к выбору цвета. Это повлияет не только на размер файла, но и позволит создать более продолжительные анимации с маленьким размером файла. (Для меня маленький - это менее 1MB)

3. Используйте размытие в движении (motion blur), если возможно

Такие программы как ScreenFlow и After Effects позволяют экспортировать видео с применением размытия в движении. Это не только придаст вашей анимации профессиональный вид, но и упростит процесс уменьшения размера файла в Photoshop.

4. Будьте (отчасти) ленивыми

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

Экспорт GIF анимаций

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

5. Удалите кадры-дубликаты

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

Если это не поможет, попробуйте заново импортировать видео, но на этот раз выберите параметр Limit To Every 2 Frames. Это должно значительно уменьшить размер файла.

Совет: Если ваша анимация состоит из более 150 кадров, то возникнут проблемы при попытках уменьшить размер файла.

6. Меньше цветов

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

7. Измените параметр Lossy* (потери)

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

*«Потери» (Lossy) - допустимый уровень потери графической информации в растровом файле, позволяющий уменьшить файловый размер изображения

Ничего не изменилось! Помогите!

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

От переводчика. Со всеми пожеланиями и замечаниями по поводу перевода прошу обращаться ко мне в личку. Спасибо!

Понравилась статья? Поделиться с друзьями: