Движущиеся картинки: Начало

[maelgon]

Меж тем благодаря любезности и отзывчивости sable_fuzzy – за что ей ещё раз спасибо - удалось восстановить большую часть архива анимированных картинок (сгинувших волею directupload). Причём забавно, что гляжу я на эти картинки и временами в упор не помню, что делал их - хотя подпись свидетельствует, что таки да, делал. По такому случаю было решено дать ответ на периодически возникающий в комментариях вопрос "а как эти гифки вообще делаются?". На самом деле ответ тоже давался неоднократно - и звучит он как: "очень просто". конец записи
Нет, действительно, процесс на деле не так уж сложен, и описание его занимает больше времени, чем применение на практике. Впрочем, можно и показать - с поясняющими скриншотами. Оговорюсь сразу, что если у вас "прокачан скилл" обращения с фотошопом или вы с различными графическими редакторами на короткой ноге, то под катом вам делать совершенно нечего. С прочими же продолжим.

Создание гифки по сути состоит из двух основных этапов (на самом деле из трёх: начальный, он же самый важный, - это решить, что именно вы хотите поведать "Urbi et orbi" посредством движущегося изображения. Но это уже вопрос творческий, сугубо индивидуальный - и какие-либо подсказки тут бессмысленны). Этап первый - набрать кадры, которые и будут собраны во что-то анимированное. Осуществить сей процесс можно разными способами, но я предпочитают прибегать к помощи KMPlayer или GOM Player. Запускаете в любом из них ваше видео, доматываете до интересующего фрагмента и применением магической комбинации "Ctrl+G" вызываете окошко захвата скриншотов. После чего можно собрать их либо путём последовательного нажатия кнопки, либо выставив примерно такие параметры (на примере KMPlayer) и запустив видео:



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



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



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



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

См. также:

онлайн-инструментарий

Comments

[ptiburdukoffa.livejournal.com]

надо же, совсем недавно интересовалась как же делать) причем мало где указывалось как сделать не просто гифку из фильма, а еще и обрезать - мне только один человек из кадра нужен) я так поняла только обрезанием гифки можно решить?

[maelgon.livejournal.com]

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

[ptiburdukoffa.livejournal.com]

но люди же как-то вырезают себе на юпики. как они это делают? составляющие кадры ведь замучаешься обрезать??!!

[maelgon.livejournal.com]

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

[replikator.livejournal.com]

Для этих целей есть множество программ из серии "avi2gif" или "video avatar" и похожих; большинство из них платны, но на торрентах всё можно найти. Суть работы проста: программе скармливается видео-ролик, задаётся размер выходного gif'a в пикселях, рамку можно подвигать, а лишнее - отрезать.
У меня, к сожалению, под рукой ничего нет, показал бы на скриншотах.

[ptiburdukoffa.livejournal.com]

спасибо, вечером попробую!

[jue1.livejournal.com]

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

[maelgon.livejournal.com]

Ну да, можно и так - я-то просто эти самые "быстро-быстро" гифки не люблю, мне всё смысл нужен по привычке. :)

[jue1.livejournal.com]

Это я так, для базы, вдруг кому пригодится...

[maelgon.livejournal.com]

А способ ещё быстрее - это заглянуть в тумблер. :-D Где, скорее всего многочисленные обитатели уже нашинковали гифок на интересующую тему (из интересующего видео)

[jue1.livejournal.com]

Это проще, но не быстрее - там зависнешь на два часа, это по-любому)))))

[maelgon.livejournal.com]

Прокрастинацию ещё никто не отменял! Хотя тумблер уже стал каким-то обособленным разделом интернета: там есть практически всё и вернуться оттуда трудно. :)

[jue1.livejournal.com]

Вот-вот! Я уж и так одним глазком стараюсь, и все равно затягивает по уши).

[voproshatelniza]

>>мне всё смысл нужен по привычке. :)

Вот! За что вас и любим :)

[maelgon.livejournal.com]

Спасибо; любознательность - она вообще украшает человека. :-D

[sever-jug.livejournal.com]

Ура! Спасибо! :)

[maelgon.livejournal.com]

Пожалуйста, дерзайте. :) больше гифок кровавых преступлений из Criminal minds!

[sever-jug.livejournal.com]

Я всегда очень радуюсь, когда Вы мне отвечаете под этим юпиком))

[replikator.livejournal.com]

Вот это я понимаю пост - сочетание полезности, практичности и пост-"задолбали уже спрашивать, вот вам ответы" :)

- Про волшебное сочетание "Ctrl+G" в GOM Player'е - не знал, по привычке вручную там снимал скриншоты сочетанием "Ctrl+E" (а затем ловил их в папке "Capture"), а оказывается вон как всё проще.
- Не смотря на многолетний опыт и уверенное владение фотошопом, Photoscape благодаря тебе тоже активно использую, и не только для гифок; пользуясь случаем - ещё раз скажу тебе спасибо за знакомство с оным :)
- Ну и ещё вопрос: чтобы наложить текст на последовательность кадров (например, прямую речь героя ролика) - нужно всё-таки накладывать эту надпись последовательно на каждый кадр (у меня это происходит так: копирование каждой картинки из PhotoScape / вставка на новый слой в Photoshop / добавление текста / выделение всего / копирование / вставка кадра в PhotoScape), или есть способ побыстрее?

[maelgon.livejournal.com]

"задолбали уже спрашивать" - это вообще самый действенный стимул!

Более того, в GOM Player'е оказывается можно даже весь фильм "отскриншотить" на быстрой основе. Хотя с image uploader сейчас в этом нужды нет.

>> у меня это происходит так: копирование каждой картинки из PhotoScape / вставка на новый слой в Photoshop / добавление текста / выделение всего / копирование / вставка кадра в PhotoScape

Фига себе ты заморачиваешься! Но есть способ куда быстрее, действительно: заходишь в раздел "пакетный редактор" - и будет тебе счастье. Там не только текст можно добавлять, но и картинки, цветовые фильтры на все кадры разом выставлять и т.д.

[replikator.livejournal.com]

О, спасибо, про пакетный редактор не знал, вечером поэкспериментирую.

> Более того, в GOM Player'е оказывается можно даже весь фильм "отскриншотить" на быстрой основе
Полагаю, результаты этого мы постоянно и наблюдаем в твоих постах.
Ты просто скриншотишь весь фильм, а потом просто отсеиваешь лишнее? :)

[maelgon.livejournal.com]

Ты раскусил мой творческий метод. :-[ *со вздохом* придётся теперь тебя убить.. Напомни, где ты там проживаешь (и во сколько домой возвращаешься)?

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

[replikator.livejournal.com]

> ежели вдруг захочется фильм пересмотреть, так по картинкам можно пробежаться
Интересный у тебя метод пересмотра старых лент :)
А как же вспомнить, что говорил Главный Герой своей спутнице в минуты интимной близости?
Я к тому, что титры на кадрах тоже должны присутствовать :))

[maelgon.livejournal.com]

Говорит в минуты интимной близости? Это ты неправильные порнофильмы смотришь!

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

[korli.livejournal.com]

Спасибо! Никогда не требовалось, но механика процесса всегда интересовала. Причем именно на нормальном пользовательском уровне.

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

[maelgon.livejournal.com]

>> чтобы надпись продержалась несколько кадров, ее придется вставлять на каждый?

На каждый нужный кадр, да, - но это можно делать не вручную, с каждой картинкой отдельно, а через пакетный редактор (выбрав сразу несколько кадров)

[korli.livejournal.com]

Благодарствую. Теперь я тоже знаю кун-фу!

[maelgon.livejournal.com]

[plushuman.livejournal.com]

Ух ты, спасибо, что поделились мудростью с народом=)))

[maelgon.livejournal.com]

You are welcome, как говорится. :)

[syndyfrella.livejournal.com]

Я блондинко. Я не хочу резать гифки, я хочу туфельки и в ниццу тихо скрасть ту, что стоит вверху поста )))

[maelgon.livejournal.com]

>> тихо скрасть ту, что стоит вверху поста

И привычно отправить пост в шерлокианское сообщество? :-D Вот так - не успеешь отвернуться, уже весь пост по частям разворуют!

[syndyfrella.livejournal.com]

я? никогда! ну, ладно, иногда )))
нееее, я жадная, я только к себе утащу )))

[dra-9.livejournal.com]

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

[maelgon.livejournal.com]

*с опаской* Это не заразно? А то, не ровен час, тоже обленюсь и перейду в режим пассивного наблюдателя. о_О

[dra-9.livejournal.com]

Не, нужно быть блондинкой, ты не подходишь)))

Я вот только решила прерваться на несколько серий "Мамы", а тут ты провоцируешь меня юпиком не прекращать))

[maelgon.livejournal.com]

:-P

[dra-9.livejournal.com]

Что это за траурный фон?! *нервно грызет ногти, срываясь на нервное сипение*
Вы мне тут так не шутите!

[ecoross1.livejournal.com]

Спасибо

[obi-ton.livejournal.com]

а если у меня есть гифка, из которой надо вырезать кусок по размерам и количеству кадров?

[maelgon.livejournal.com]

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

[yelena-tetrol.livejournal.com]

Большое спасибо за подробную инструкцию! PhotoScape у меня нет, но при первой возможности установлю и разберусь в данной методике.
Гифка в начале поста великолепна! :)

[maelgon.livejournal.com]

PhotoScape можно скачать по ссылке в посте. А вообще он очень прост и понятен в обращении - и вместе с тем обладает большим набором возможностей; отличный бесплатный редактор. :)