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

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

Одно дело сделать запись экрана, и закодировать в gif.
А другое потом еще в область другого изображения и вывести в gif.
  • Вопрос задан
  • 4158 просмотров
Пригласить эксперта
Ответы на вопрос 5
rOOse
@rOOse
Frontend developer
Это не запись с экрана, after effects+photoshop, в фотошопе подготавливают дизайн, в after effects переходы, композицию и т.д., потом в шопе импорт видео, дорабатывают напильником и оптимизируют для экспорта в гиф, вот для примера урок: developertodesigner.wordpress.com/2014/05/09/how-t...
Ответ написан
Комментировать
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Задавался тут уже этот вопрос. Есть Adobe After Effect, который может сократить работу, но все равно - это кропотливый труд.
Я в свое время тоже не мог поверить, что все это покадрово делается.
По AAE есть куча уроков, посмотрите.
adobe after effect tutorial
Ответ написан
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
крайне сомневаюсь что это запись экрана. А в чем собственно проблема то? Photoshop поддерживает средства для покадровой анимации.
Ответ написан
Для такой анимации и Afrer Effects не нужен. Стандартных средств фотошопа хватит. Делается нужное число слоев (тут около 10 достаточно), располагаются в начальном положении, фиксируется этот кадр на панели анимации, потом фиксируется конечное положение, а далее нажимается волшебная кнопочка, создающая набор промежуточных кадров, который в результате и является плавной анимацией.
Ответ написан
Комментировать
engine9
@engine9
Разрабатываю интерфейсы и трехмерные презентации.
Я делаю все в blender-е, макетирую UI в инкскейпе.
Собираю гиф из кадров в фотошопе. Сначала пробовали записывать с экрана, но для серьезных публикаций, гифки приходится ваять вручную. Долго и муторно :\

999da72acf924bc8a1ce243dd4fdc72f.jpg
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы