Неожиданные уроки от кодирования иллюстраций каждый день в течение пяти лет

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

Время, потраченное на мой «ежедневный», — это время, в течение которого я свободен исследовать и творить. Когда все становится скучно, я знаю, что мне нужно снова бросить себе вызов, чтобы создать что-то новое и необычное. Я рад поделиться своими мыслями и опытом и надеюсь вдохновить вас, чтобы начать подобные собственные проекты.

Начиная

Так как же я оказался так глубоко в этой кроличьей норе ежедневного создания произведений искусства?

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

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

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

Во время поиска предметов, которые я хотел изучить, я наткнулся на «HYPE Framework» и класс SkillShare от дизайнера Джошуа Дэвиса. Это подтолкнуло меня к созданию генеративных паттернов; это была правильная комбинация использования моих навыков создания фигур в Illustrator и использования фреймворка для изучения того, как работает код. Когда вы только начинаете, найдите что-то, чему можно научиться в сочетании с навыком, который у вас уже есть, и это облегчит достижение желаемого результата.

Преодоление перфекционизма

Именно в это время я начал делать анимацию с помощью программного обеспечения для рисования на основе сетки «Hexels», иногда комбинируя формы, которые я создал с помощью Hexels, для использования с HYPE Framework. Я был счастлив исследовать и творчески использовать инструменты, которые я изучал. Только один страшный фактор сдерживал меня: перфекционизм. Работы, которые я создавал, никогда не были «достаточно хороши», чтобы показывать их другим людям. Именно это заставило меня бросить себе вызов начать свой «ежедневный» эксперимент; Каждый день в течение месяца я создавал по одному произведению и загружал его в свой блог на Tumblr.

Начинать что-то новое было сложно, но это вывело меня из зоны комфорта. Достижение небольших целей, выходящих за пределы вашей зоны комфорта, заставляет вас хотеть достигать еще больших и больших целей. После того, как я закончил первый месяц в сентябре 2014 года, я продолжал рисовать большую часть дней, но также позволял себе пропускать другие дни. Когда наступило первое января 2015 года, я подумал, а давайте вернемся к тому, чтобы делать их каждый божий день. Может быть, я мог бы сделать два месяца, может быть, больше. Я думал, что создам все, что только можно представить, всего за несколько месяцев, но, как видите, это продолжается! Вы никогда не закончите с творчеством.

Инструменты

HYPE Framework помог мне вернуться к кодированию и созданию произведений искусства с использованием «Обработки». Processing — это среда для обучения кодированию в контексте изобразительного искусства, проект с открытым исходным кодом, начатый в 2001 году. HYPE Framework — это набор классов Processing. Используя HYPE Framework, я создал шаблоны, используя небольшие векторные рисунки и случайным образом размещая их на холсте.

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

Эволюция

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

Код мог быть очень запутанным и, вероятно, довольно неэффективным, но я получил то, что работало. В этом смысле на самом деле не имеет значения, написан ли он не идеально, или даже то, что вы действительно понимаете, как это работает. Создание чего-то в результате вашего исследования и опробование других примеров для создания чего-то нового — отличное начало, с какой бы точки зрения вы на это ни смотрели.

Играй и учись

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

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

Совершенно нормально начинать творить с ограниченными знаниями и без большого плана того, что вы хотите сделать. Вы разберетесь и узнаете еще больше.

“

Настройка тем

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

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

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

Новые исследования

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

Например, когда я начал использовать 3D-фигуры в своих анимациях, я изначально думал, что мне придется потратить много часов на изучение этой темы, прежде чем я смогу понять, как использовать 3D-фигуры в своих эскизах. Поскольку жизнь иногда становится слишком беспокойной, чтобы сосредоточиться на работе над достижением конкретной цели, те «много часов», которые, как я предполагал, мне понадобятся, не пришли сами собой.

Использование 3D-форм пришло однажды, как искра в моей голове, когда я был готов делать свою повседневную жизнь. Я просто посмотрел, как создавать 3D-формы, и сделал базовый набросок, повторяя предыдущий 2D-набросок.

Как вы можете видеть в моих первых трех 3D-набросках, это не так уж красиво и не является новаторским подходом в моем ежедневном путешествии. Но это совершенно нормально, потому что, тем не менее, это шаг вперед.

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

Поиск времени

Одной из самых больших проблем для ежедневного творчества может быть поиск времени. Это то, с чем вы тоже должны поиграть. Для некоторых творческих проектов лучше всего подходит раннее утро, для других (таких как я) отлично подходит вечер. Можно сказать, что создание кода и игра с ним стали медитативным инструментом; отрезок личного времени, в течение которого я могу расслабиться и заняться творчеством.

Ежедневное выполнение чего-то держит меня в потоке, но, возможно, кто-то не захочет создавать мелкие вещи и предпочитает вместо этого делать проект каждую неделю. Посмотрите, что работает для вас. Не гонитесь за совершенством, экспериментирование и повторение — это основа, а не идеальная работа. Забавно, как иногда работы, которые не особенно выделяются лично для меня, все же получают больше лайков, чем другие работы, от которых я больше без ума.

Попробуй сам

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

Если вы хотите начать создавать произведения искусства с помощью кода, p5js — отличная библиотека Javascript для изучения. Ознакомьтесь с руководством по началу работы и его примерами. Дэниел Шиффман создает забавные видеоуроки под названием The Coding Train как для p5js, так и для Processing, а также в сочетании с другими библиотеками. Для большего вдохновения перейдите на OpenProcessing и поэкспериментируйте! Все мои работы за последний год можно найти на моей странице в Tumblr или в моем Instagram.

Заключение

Творчество — это исследование, игра с известными и неизвестными инструментами. Не позволяйте своему прошлому опыту влиять на ваше желание учиться. Испытайте себя, чтобы выйти из зоны комфорта.

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