Как делают сложные gif анимации?

Question

[bernex]

Пример например вот: datcouch.com/custom_images/datmenu-desc-2v2.gif

Одно дело сделать запись экрана, и закодировать в gif.
А другое потом еще в область другого изображения и вывести в gif.

Answer 1

[Руслан]

Это не запись с экрана, after effects+photoshop, в фотошопе подготавливают дизайн, в after effects переходы, композицию и т.д., потом в шопе импорт видео, дорабатывают напильником и оптимизируют для экспорта в гиф, вот для примера урок: developertodesigner.wordpress.com/2014/05/09/how-t...

Answer 2

[Юрий Лобанов]

Задавался тут уже этот вопрос. Есть Adobe After Effect, который может сократить работу, но все равно - это кропотливый труд.
Я в свое время тоже не мог поверить, что все это покадрово делается.
По AAE есть куча уроков, посмотрите.
adobe after effect tutorial

Comments

[Глеб Хорунжий]

Все верно, кропотливый труд. А вы думали дизайнеры из за своей прихоти на работу приходят в обед?

[Юрий Лобанов]

@cndfr это Вы кому пишете?

[juliadesigner]

Я иллюстрациями занимаюсь 2 года с копеечками, но гифки рисовать очень не просто, а особенно красивые. Остаётся иногда только удивляться насколько талантливые дизайнеры, кто делают шедевры. Каждый день захожу посмотреть, что нового на слинки в этом плане. slinky.me/?q=%D0%BF%D0%B5%D1%80%D1%81%D0%BE%D0%BD%... вдохновляют персонажи из жизни, которые сделаны в простой форме. Это нечто большее, чем просто картинка и больше, чем просто дизайне. В этом ощущается душа автора и аниматора.

Answer 3

[Сергей Протько]

крайне сомневаюсь что это запись экрана. А в чем собственно проблема то? Photoshop поддерживает средства для покадровой анимации.

Comments

[bernex]

В том и проблема. Например в Камтазии сделать запись области легко и вывести в gif. Но потом ее по кадрово редактировать в фотошопе и делать анимацию кажется работой не благодарной ( Наверняка должен быть системный подход!

[Андрей Ларин]

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

Answer 4

[Владлен Грачев]

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

Answer 5

[Андрей Ларин]

Я делаю все в blender-е, макетирую UI в инкскейпе.
Собираю гиф из кадров в фотошопе. Сначала пробовали записывать с экрана, но для серьезных публикаций, гифки приходится ваять вручную. Долго и муторно :\