Для работы вам понадобятся: видеопроигрыватель GOM-player, фотошоп не ниже второй версии (CS2), программа Image Ready и… фантазия))

Итак, этап 1 – нарезка кадров.

По сути, гифка – это проигрывание в определенной последовательности определенных кадров. Для этого можно использовать любой видео-проигрыватель, который позволяет делать покадровые скрины. Я пользуюсь GOM-player’ом. В настройках необходимо указать путь сохранения скринов, а затем, выбрав начало необходимого момента, нажать на паузу и с помощью кнопочки Screen Capture (фото 1) «проиграть» момент, т.е. нажимать эту кнопку до тех пор, пока необходимый отрезок видео не закончится. Иногда кадров очень много (40-50), иногда меньше – это зависит от длительности момента, выбранного для гифки.


Этап 2 – обработка кадров и открытие их с помощью Image Ready.

Заходим в папку, куда были сохранены скрины. Если вы случайно захватили ненужные – просто удаляем их. Затем открываем Image Ready, выбираем File -> Import -> Folder as Frames, а затем в появившемся окне обзора указываем ту папку, куда сохранены скрины. Лучше всего, чтобы в папке не было лишних скринов – только те, что необходимы для текущей гифки. Когда Image Ready загрузит все изображения, необходимо выбрать File -> Edit in Photoshop (фото 2). Почему вот так, спросите? Дело в том, что в Фотошопе (по крайней мере, моем) нет такой возможности, как преобразование всей папки сразу в слои. Да, вы можете открывать каждый скрин отдельно, а затем вручную переносить его в свой рабочий документ, но вы представляете, что это такое? Между прочим, по незнанию поначалу я делала именно так…
В общем, мы перенесли все скрины в Фотошоп (фото 3). Про Image Ready можно забыть, теперь она нам не нужна. Впрочем, можно делать авки сразу в ней, но мне привычнее работать именно в ФШ.


Этап 3 – работа с изображением и слоями.

У нас с вами есть документ, который содержит все скрины. В данном примере их 34 штуки. Дальше я создаю новый документ, размером 100х100 (или любой другой, в зависимости от размера авки) и переношу в него все скрины с первого документа. Для этого в первом документе выделяю все слои с помощью Shift (то есть удерживаю эту кнопку и параллельно с этим выделяю все слои), а затем просто перетаскиваю их во второй документ (фото 4).


Дальше работаю уже только со вторым документом. Наши скрины получились куда большего размера, чем необходимо. Также они все еще выделены. Поэтому мне будет очень просто их трансформировать. Нажимаю Ctrl+t (фото 5) и начинаю вертеть/уменьшать скрины как мне угодно. Очень важно при этом, чтобы все до одного скрыны были выли выделены и чтобы пропорции изображения сохранились (для этого уменьшаю только при нажатой Shift и только с помощью угловых бегунков). В итоге я выбираю такое вот положение скринов (фото 6).


Background я заливаю черным. Мне кажется, что сами скрины чуть темноваты, мне хочется их осветлить. Но как же быть, их 34? Самый оптимальный способ – создание макроса, хотя, конечно же, можете работать и в ручную с каждым кадром)))
В панели Actions я выбираю создание новой последовательности (на фото 7 выделено красным), задаю вызов последовательности через F9 (фото 8), а дальше выполняю с одним из слоев четко те действия, которые мне нужны. Их может быть много, но для данной гифки я всего лишь увеличиваю контрастность на 30%. Затем завершаю запись действия и повторяю его с помощью горячей клавиши для всех слоев.


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


Этап 4 – создание анимационной картинки.

Открываю окно анимации. Затем с помощью стрелочки в верхнем правом углу выбираю «Создать фреймы из слоев» - Make Frames from Layers (фото 11).


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


Далее с помощью Shift выделяем все фреймы в этой панели и – внимание – в окне слоев (основном окне, том, что справа) указываем видимость бэкграунда, текста, кистей. Кроме того, щелкаем по «0 sec» на любом из фреймов и задаем длительность проигрывания (фото 13). Я выбрала 0,2 секунды. Правда, длительность части первых фреймов я потом заменила на 0,1.
Теперь нам необходимо сделать текст мигающим. Для этого я выделяю фреймы по три штуки и меняю видимость не первого слоя с текстом, а второго, то есть чередую (фото 14).


В целом, это все. Осталось только правильно сохранить гифку.

Этап 5 – сохранение гифки в нужном размере.

Выбираем File -> Save for Web. Открывается окно (фото 15), основные параметры, на которые вам следует обратить внимание, я выделила.


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

Вот и все!) Поверьте, ничего сложного в этом нет, нужно лишь попробовать и основательно разобраться. Удачи вам!