ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте
Стать модераторомОтзывы

Предложения

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Урок: Анимация из видео без Photoshop

Сообщений 1 страница 10 из 10

1

Данный материал уже ранее публиковался мною на другом ресурсе.

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

Итак, нам потребуются:
- Собственно исходник видео
(любой на ваш вкус, но лучше до 500-700мб, т.к. очень большие по объёму видео могут существенно затормозить работу программы)
- Программа Free Video to GIF Converter
(к сожалению, официальный сайт, откуда качал я, приказал долго жить, поэтому если не хотите качать через разные порталы софта, можно взять у меня. Программа freeware, насколько мне известно)

Почему именно Free Video to GIF Converter?
+ интуитивно понятный интерфейс (правда, на английском, но нет хуллиона настроек и бегунков, не нужно ломать голову с параметрами сохранения, как в том же фотошопе)
+ возможность работать с кадрами, удалять ненужные, в т.ч. лишние сцены, если интервал между нужными сценами небольшой
+ отличное качество гифок (- возможен большой их вес)

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

1. Устанавливаем конвертер, запускаем.

Видим вот такой незамысловатый интерфейс:

https://i.imgur.com/YPKhszY.png
Browse Video - позволяет выбрать видео из имеющихся на компьютере. После добавления видео отображается его общая длина и оригинальное разрешение кадра (Video Duration и Image Size).
Reload - это что-то с перезагрузкой. Не знаю, мне оно нафиг не надо XD
Extract Frames - извлечение кадров. From - начало, To - конец. Соответственно, задаёт интервал видео, из которого будут извлекаться кадры. Если не уверены, лучше брать с запасом за секунду до нужной сцены и через секунду после.
Width и Height - соответственно, ширина и высота будущей гифки. По умолчанию после выбора видео будет стоять 160 пикселей. Можно изменить вручную на любой другой размер не более оригинального.
Keep aspect ratio - лучше поставить галочку, чтобы при выборе размера автоматически регулировалось правильное соотношение сторон.
Extract ... frames per second / frame rate - количество кадров в секунду. По умолчанию стоит 10. Можно оставить так, но лично я люблю по хардкору - ставлю на максимум - 20 XD

2. Итак, с первой частью интерфейса программы разобрались, выбираем видео. Я выбрал для примера IV эпизод Звёздных Войн - момент, где Звезда Смерти уничтожает Альдераан.
В моей версии видеофайла это интервал с 59:06 и до 59:13.

Выставляем эти данные в программе:

https://i.imgur.com/hS1u2l3.png

Ширину кадра для гифки я взял по тумблеровским стандартам - 245 пикселей. Высота подстроилась сама. И частота кадров 20.

3. Далее жмём Next > и ждём. Программе может потребоваться несколько минут на обработку, в случае с данным видео - 1-2 минуты. Если видео более объёмное - может потребоваться и 10 минут, поэтому я не рекомендую видео в HD качестве. Как только программа обработает видео, интерфейс переключится на вторую вкладку.

4. Готово.

Видим следующее:

https://i.imgur.com/zPQkePV.png
Preview - позволяет видеть картинку выбранного кадра. Переключаться по кадрам справа (Frame List) можно с помощью мышки или клавишами ↑ и ↓ на клавиатуре, либо < и > в интерфейсе программы. Будьте осторожны, не нажимайте лишних кнопок вроде ENTER, иначе может перебросить обратно на 1ю вкладку и придётся снова нажимать на Next > и ждать, пока программа обработает видео.
Frame List - собстно список кадров, вырезанных из выбранного ранее интервала. Можно удалять с помощью кнопки Remove. Если случайно удалили лишний, есть кнопка Reload, позволяющая восстановить все кадры в выбранном интервале. Поэтому прежде, чем удалять лишние кадры, рекомендую пробежаться кнопками < и >, дабы ознакомиться с содержимым.
Color Matching - выбор качества итоговой гифки.
Normal Quality, Smaller File Size - нормальное качество, меньший размер файла. Скажу по секрету - качество тут ни разу не нормальное, поэтому смело переключайте на пункт ниже, а именно на:
Excellent Quality, Вigger File Size - отличное качество, больший размер файла. Получится близко к оригиналу. Сломать качество в редакторах в дальнейшем ещё успеется XD
Play Speed - скорость воспроизведения.
Same as source video - как в оригинальном видео. Обычно оставляю по умолчанию. Однако при желании можно поэкспериментировать с пунктом ниже:
Custom - пользовательская скорость. Там уже на ваш вкус из имеющихся вариантов.

5. Итак, с интерфейсом второй вкладки разобрались, теперь удаляем лишние кадры. В моём случае это кадры 1-5 (кусочек от предыдущей сцены с запуском луча), 40-54 (на них Лея) и 139-142 (следующая сцена). После удаления кадров жмём кнопку Make GIF. Выбираем папку, придумываем гифке название и жмём Сохранить.

После сохранения открывается диалоговое окно:

https://i.imgur.com/8iTMkCm.png
В нём указаны:
Total Frames - итоговое количество кадров
Duration - длительность
Picture size - размер картинки
File Size - вес файла.
Можно сразу же нажать кнопку Да и посмотреть на результат.

Да, почти 1,7 метра, но зато какая красота:
https://i.imgur.com/B7L2jS6.gif

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

P.S. За всё время использования программы я обнаружил 1 неприятный баг: если слишком много чёрного цвета в кадре итоговый результат может заметно мерцать. Я не знаю, почему так получается, потому что, допустим, в данном примере много чёрного, но всё ок. Поэтому если получается мерцание - можно попробовать впоследствии обработать гифку с помощью другой программы или вырезать анимацию другим способом.

Надеюсь, урок был полезным) В случае вопросов - пишите сюда. Если ссылки окажутся нерабочими/картинки пропадут - милости прошу в ЛС, перезалью.

+3

2

Очень интересная статья! Для меня всегда создать анимацию, это целая проблема! Да и комп у меня не самый мощный, так что во время большой анимации всё виснет сильно в ФШ. Надо бы попробовать эту программу...

+2

3

#p146349,Automation Baby написал(а):

Очень интересная статья! Для меня всегда создать анимацию, это целая проблема! Да и комп у меня не самый мощный, так что во время большой анимации всё виснет сильно в ФШ. Надо бы попробовать эту программу...

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

+2

4

Скачала программу, вечерком попрактикуюсь...

+2

5

спасибо огромное за статью, очень полезная программа!

+2

6

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

Причём, в самих гифках, уже готовых, можно разложить на фреймы( покадрово и изменить , что нужно)

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

Делается все быстро, я бы сказал в момент.

https://forumuploads.ru/uploads/0007/e3/f7/6763/959449.png

Сжала там твой гиф, убрав из него метр . Теперь он весит 765 кб.
https://forumuploads.ru/uploads/0007/e3/f7/6763/31683.gif

+1

7

Алгол
Ну ведь никогда не знаешь, когда сайт упадёт или ещё что. Ещё не все проги способны вырезать гифку из фильма весом в 2 и более гигов. Плюс гиф может и стал меньше, но в качестве тоже слегка потерял. Я просто не особо доверяю онлайн-ресурсам, но в принципе почему нет, кому как удобнее.
Некоторые до сих пор в ФШ режут XD

0

8

#p146426,бродяга написал(а):

Некоторые до сих пор в ФШ режут XD

Я так делала, потому что думала что иначе нельзя...

0

9

#p146429,Automation Baby написал(а):

Я так делала, потому что думала что иначе нельзя...

Можно) Проблема в том, что большинство прог так себе результат выдают. Или откровенно ужасный. Или попросту не работают.
Я так и не разобрался, как в ФШ резать анимацию из видосов) Но у меня видосы обычно эпичные, может, в этом дело.

0

10

Сделала новый баннер для своей ролевой, используя эту программу и получилось очень легко и быстро, в общем, спасибо ещё раз за урок!

+1

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."