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

0
13
nancy-chiang gifs из графики

(В продолжение Части 1)

Чтобы создать GIF, нужно сначала открыть новый файл, как говорит Ori Toor (Израиль). Он создает новый слой и начинает рисовать фигуру.

Я рисую кадр за кадром. Я стараюсь сделать это интересным и вернуться к первому кадру. Когда есть цикл, я экспортирую его в After Effects, где я дублирую цикл и рассматриваю его как своего рода анимированный блок LEGO.

Ori создавал что-то с блоками, а иногда совмещал другие петли. Он будто играл с размерами, вращением и положением петель, и также с тем, как они соотносятся друг с другом на временной шкале – они не начинаются и не заканчиваются одновременно. То, что получилось, – это очень органичная абстрактная скульптура, которая постоянно движется. Художник экспортировал ее в качестве файла MOV и вернул обратно в Photoshop, где сохранил его как Gif (используя большинство функций управления Legacy – Save for Web).

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

Не забывайте об эстетике GIF. Вам придется найти компромисс в качестве изображения, чтобы создать GIF, совместимый с большинством веб-платформ. Это означает, что вам придется либо создать что-то очень простое, с ограниченной палитрой, либо очень сложное и насыщенное, но затем очень сжатое. Сделать 10-секундную анимацию HD с тоннами цвета не получится. Просмотрите руководство Tumblr и подготовьтесь заранее: 

Нет способа привлечь внимание и популярность как производитель GIF – здесь абсолютно нет правил. Можно заметить, как GIF используются как рекламные движущиеся изображения, альтернатива музыкальному видео (как и лирическое видео), а иногда и редакционная иллюстрация. GIF также является поджанром видеоарта.

Ori Toor советует лучше подойти к любому художественному проекту, не зная точно, что еще будете делать. Если у вас есть общая идея, лучше держать ее неопределенной и начинать работать сразу, а не слишком сильно изменять ее с помощью эскизов и тому подобного. Во время работы с GIF это ничем не отличается.
gifs из графики 12Источник изображения: www.digitalartsonline.co.uk

Основная магическая черта иллюстрации заключается в создании чего-то, чего не существует в жизни, – и это дает вам абсолютную свободу. Например, как в серии Poltergeist, над которой недавно работал Laurène Boglio (Франция / Великобритания).

Компания Tumblr поручила художнику работать над запуском фильма «Полтергейст». Laurène прислали несколько изображений из фильма и трейлера. Ему отправили ссылку на рисунок, который он опубликовал ранее в своем блоге, и попросили использовать этот конкретный стиль, поэтому художник был вдохновлен моментом в трейлере, где у подростка в семье был свой телефон, которым управлял полтергейст.
gifs из графики 21Источник изображения: www.digitalartsonline.co.uk

Я работал над этим GIF, но Tumblr решил упростить его, удалив сообщения, которые я с радостью сделал.Laurène Boglio
gifs из графики 02Источник изображения: www.digitalartsonline.co.uk

Окончательный GIF.

Создать GIF очень просто в Photoshop. Вы просто должны быть организованы в работе со слоями и достаточно терпеливы, потому что Photoshop очень чувствителен и, иногда, перемещение неправильного слоя может испортить всю анимацию.
gifs из графики 31Источник изображения: www.digitalartsonline.co.uk

Снежный глобус – моя недавняя рождественская коллекция художницы Nancy Liang (Австралия). В отличие от ее обычных работ, где она щепетильно планировала сцену, цель данной работы состояла в том, чтобы сделать более простой GIF, который быстро передает идею.
nancy-chiang gifs из графики 1Источник изображения: www.digitalartsonline.co.uk

Всегда все начинается с эскизов и планирования. Я делаю черновик, используя быстро нарисованные эскизы, и записываю заметки для анимации – мне нужно знать, как это примерно выглядит, и мне нужно перечислить, что нужно анимировать и как это будет сделано.Nancy Liang
nancy-chiang gifs из графики 2Источник изображения: www.digitalartsonline.co.uk

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

Для Nancy Liang организованность – это ключ к успеху – все должно быть названо соответствующим образом, и особенно важно классифицировать анимированные элементы из неподвижных.

Самое приятное в создании GIF для заказчика – это то, что у них уже есть идея, им просто нужно, чтобы кто-то это осознал. Имея это в виду, процесс создания GIF для клиента очень похож на процесс еще одной иллюстрации: начальное планирование и эскизы, затем этап рендеринга и анимации и любые изменения, которые появляются позже.
nancy-chiang gifs из графики 3Источник изображения: www.digitalartsonline.co.uk

Главная задача – внимание к деталям, особенно во время анимации. Такой процесс довольно трудоемкий – он включает в себя перемещение элементов за кадром – поэтому, когда один кадр отключается, все это тоже не работает. Если заказчик не согласен с определенным движением, это иногда означает повторное создание всего движения с нуля.
nancy-chiang gifs из графики 4Источник изображения: www.digitalartsonline.co.uk

Чтобы свести к минимуму эту вероятность, нужно быть максимально конкретным с самим собой и заказчиком на этапе планирования – убедитесь, что вы оба на одной странице. Ах да, управление версиями – это тоже полезно.
nancy-chiang gifs из графики 5Источник изображения: www.digitalartsonline.co.uk

Одним из самых интересных проектов, над которыми работала Nancy, является ребренд для компании Quantcast. Для дизайнерской студии JaegerSloan нужно было создать GIF-файлы с циклическим рисунком, которые компания могла использовать в своем логотипе. Эти GIF демонстрируют ценности бренда и типы поведения.
gifs из графики 29Источник изображения: www.digitalartsonline.co.uk

Будучи частью более крупного ребренда, GIF должны быть четкими и лаконичными и следовать цветовой палитре бренда.
gifs из графики 30Источник изображения: www.digitalartsonline.co.uk

Первый этап – это концептуализация произведения и создание иллюстрации. Это начинается как обычная сборка иллюстраций с эскизами, а затем обработано в Illustrator. Разница заключалась в том, что файл был настроен так, что он был готов к анимации – все слои были разделены и помечены.

После того, как вы вышли из системы, пришло время принять его в After Effects. Вот уж где истинное удовольствие! Художница примерно понимала то, что должна делать анимация – предметы выпадали, коробка складывалась и перекатывалась лента. Но в каком порядке это происходит? Как быстро падают вещи? Как именно перемещаются предметы, когда они падают и отскакивают? Все это становится ясно на этапе анимации. Этот конкретный GIF прошел через три круга пересмотров – в основном, из-за времени – чтобы получить готовый результат.
gifs из графики 31

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

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

По мнению Nancy Liang иллюстрация может сообщать очень конкретную мысль или сложную концепцию дистиллированным, острым, смешным или уникальным способом – или всеми способами сразу. У GIF может быть очень четкий почерк, который отделяет его от традиционной фотографии.