34 подсказки для превращения вашего арта и графики в удивительные GIF-файлы. Часть 1

0
8
gifs из графики 35

Шесть иллюстраторов (Фаусто Монтанари (Италия) и Николай Иванов (Болгария) – одни из них) показывают, как превратить произведения искусства в забавные, очаровательные, мощные или веселые анимированные GIF-файлы в Illustrator, Photoshop или After Effects.

Если у вас недостаточно опыта в создании GIF, начните с объединения двух или трех разных изображений. Например, создайте кнопку переключения, которая включает свет, когда она нажата, и наоборот.

gifs из графики
gifs из графики 1

Основными элементами привлекательного GIF являются легкий язык и динамическое движение, которое соответствует настроению концепции и смыслового послания.

Например, хороший GIF иногда может быть действительно игривым и полным динамики, или он может содержать очень медленное и плавное движение, которое описывает ощущение движущихся изображений.

gifs из графики 2
gifs из графики 3
gifs из графики 4
gifs из графики 5

Концепция этого GIF разрабатывалась с использованием логотипа клиента в качестве основной ссылки. Художники хотели воссоздать его в стиле иллюстрации и сохранить смысл, который оно несет. Он представлял собой передвижной дом с четырьмя колесами, дымоходом и дымом, выходящими из него, что символизировало уют дома. Люди, стоящие за логотипом, – это группа энтузиастов, которые имеют общую цель помочь бездомным стать на ноги. Они помогают найти их место в жизни, помогая им устроиться на работу, чтобы у них все наладилось.

Задача здесь заключалась в том, чтобы создать простую для восприятия визуализацию, чтобы легко передать смысловое послание, и в то же время достаточно серьезную, чтобы показать эту непростую тему. Это также должно было дать зрителю возможность использовать свое воображение, чтобы представить, что будет дальше.

gifs из графики 13

Gif взят с www.digitalartsonline.co.uk

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

gifs из графики 4

Gif взят с www.digitalartsonline.co.uk

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

Вам не нужно анимировать все объекты на экране, чтобы сделать их мощными для восприятия. Иногда одного простого движения более чем достаточно.

gifs из графики 6Gif взят с www.digitalartsonline.co.uk

Если вы хотите создать GIF, рассказывающий историю, вам нужно точно знать, что вам нужно будет оживить, когда вы создадите иллюстрацию. Ваш GIF – это ваш маленький фильм с сюжетом.

gifs из графики 7Gif взят с www.digitalartsonline.co.uk

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

gifs из графики 21Gif взят с www.digitalartsonline.co.uk

Все начинается с идеи. К примеру, художник Рафаэль Варона (Германия) проснулся утром, и ему захотелось оживить лося, пробегающего природу. Но вместо движущегося фона он захотел, чтобы весь замкнутый GIF был неподвижным. Поэтому нужно было создать какую-то машину, которая бы «подделала» естественный мир вокруг этого лося.

gifs из графики 16Изображение взято с www.digitalartsonline.co.uk

В то время как части фона были анимированы с помощью простых твинов движения в After Effects, другие были созданы с хорошим старым кадровым рисунком.

Чтобы ваша анимация выглядела как можно более реалистично, выберите лучший пример из природы, который вы можете найти – в данном случае знаменитую лошадь Муйбридж – и скопируйте его движение.

gifs из графики 7Изображение взято с www.digitalartsonline.co.uk

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

gifs из графики 8Изображение взято с www.digitalartsonline.co.uk

Я создал большую иллюстрацию на экране для берлинского производителя очков под названием Mykita. Как только это было сделано, они попросили меня сделать пару зацикленных GIF для их ежегодного благотворительного проекта в том же стиле. Я начал разрабатывать некоторые идеи, как включить ту мысль, стоящую за различными благотворительными организациями, и как оживить иллюстрации и сделать их захватывающими и визуально привлекательными.Rafael Varona (Германия)

gifs из графики 17Gif взят с www.digitalartsonline.co.uk

Благотворительная организация, стоящая за этими GIF, обучает слепых технике эхолокации, что позволяет им даже ездить на велосипеде. Было очевидно разместить персонаж на велосипеде в центре.

gifs из графики 9Изображение взято с www.digitalartsonline.co.uk

Волосы и рубашка девушки были анимированы кадр за кадром. Для фона Рафаель использовал очень простой способ создания приятного чувства глубины: он создал пару слоев с деревьями и дополнительными цветами и добавил анимацию движения слева направо. Чем дальше объект – тем медленнее скорость. Этот метод, известный как параллакс, позволяет создавать реалистичный движущийся фон.

gifs из графики 10

Изображение взято с www.digitalartsonline.co.uk

Продолжение следует. Следите за нашими публикациями.