Catégories
Astuces et Design

Apprentissage inattendu du codage d'œuvres d'art chaque jour pendant cinq ans – Smashing Magazine

A propos de l'auteur

Saskia Freeke met le code en jeu pour créer des œuvres géométriques au quotidien. Ses œuvres et sa pratique se démarquent par leur caractère distinctif, ludique…
Plus à propos
Saskia

Coder des milliers d'œuvres d'art vous apprend une chose ou deux sur le processus de création. Que vous souhaitiez surmonter le perfectionnisme, acquérir de nouvelles compétences ou simplement explorer le côté ludique du codage, des projets réguliers peuvent être exactement ce dont vous avez besoin.

Depuis plus de cinq ans, je crée une œuvre d'art numérique par jour, en utilisant du code pour générer des motifs, des formes et des animations. Mon projet artistique quotidien m'a aidé à explorer mon style artistique et à apprendre la pratique du codage de manière ludique. Quand j'ai commencé le projet, c'était un défi de trouver quelque chose chaque jour et de le publier en ligne. Maintenant, cela fait simplement partie de ma vie quotidienne.

Le temps consacré à mon «quotidien» est un moment pendant lequel je suis libre d’explorer et d’être créatif. Quand les choses deviennent ennuyeuses, je sais que je dois me remettre en question pour créer quelque chose de nouveau et de différent. Je suis heureux de partager mes pensées et mon expérience et j'espère vous donner l'inspiration dont vous avez besoin pour démarrer vos propres projets similaires.

Commencer

Alors, comment ai-je fini si profondément dans ce terrier de lapin de faire des œuvres d'art au quotidien?

Au cours de mes études, j'ai été initié à la programmation mais je n'ai pas eu le temps de la comprendre suffisamment. Non pas parce que j'étais paresseux, je crois, mais parce que j'excellais beaucoup plus dans le design que dans le code. Cependant, le désir de comprendre comment coder des œuvres d'art visuelles est resté avec moi après avoir obtenu mon diplôme.

En 2014, j'ai commencé une quête pour me remettre à explorer ma pratique artistique. Comme mon éducation en design graphique et interactif était plus axée sur la création d'expériences significatives, je voulais explorer plus librement et continuer à utiliser les connaissances en design que j'avais acquises. J'ai commencé à explorer la création de modèles génératifs, d'œuvres d'art et d'animations basées sur des grilles.

C'était effrayant de refaire les premières étapes pour explorer comment coder, car j'étais convaincu que cela pourrait être trop difficile pour moi à apprendre. Vous ne devriez pas laisser votre expérience passée diminuer votre désir d'apprendre.

Au cours de ma quête de sujets que je voulais explorer, je suis tombé sur le «HYPE Framework» et une classe SkillShare du designer Joshua Davis. Cela m'a amené à créer des modèles génératifs; c'était la bonne combinaison entre l'utilisation de mes compétences dans la création de formes dans Illustrator et l'utilisation d'un cadre pour apprendre comment le code fonctionne. Lorsque vous débutez, trouver quelque chose à apprendre qui se combine avec une compétence que vous possédez déjà vous permet d’obtenir plus facilement le résultat souhaité.

Surmonter le perfectionnisme

C'est à cette époque que j'ai commencé à faire des animations avec le logiciel de dessin basé sur la grille «Hexels», combinant parfois des formes que j'ai créées avec Hexels à utiliser avec le Framework HYPE. J'étais heureux d'explorer et d'être créatif avec les outils que j'apprenais. Un seul facteur redouté me retenait: le perfectionnisme. Les œuvres que je créais n'étaient jamais «assez bonnes» pour être montrées à d'autres personnes. C'est ce qui m'a poussé à me mettre au défi de commencer mon expérience «quotidienne»; Je créerais une œuvre d'art chaque jour pendant un mois et la téléchargerais sur mon blog Tumblr.

Oeuvre de Saskia Freeke
La gauche: Formes géométriques / 141117, créées avec le Hype Framework et des images svg. Droite: Formes géométriques / 141210, Formes géométriques / 141210-02, plusieurs formes sont dessinées dans Hexels et utilisées pour générer de nouvelles formes. (Grand aperçu)

Commencer quelque chose de nouveau était un défi, mais cela m'a fait sortir de ma zone de confort. Atteindre de petits objectifs qui sont hors de votre zone de confort vous donne envie d'atteindre des objectifs encore plus nombreux et plus grands. Après avoir terminé le premier mois de septembre 2014, j'ai continué à faire des œuvres d'art la plupart du temps, mais je me suis aussi permis d'en sauter d'autres. Lorsque le premier janvier 2015 est arrivé, j'ai pensé, revenons à les fabriquer tous les jours. Peut-être que je pourrais faire deux mois, peut-être plus. Je pensais que j'aurais créé tout ce que je pourrais imaginer en quelques mois, mais comme vous pouvez le voir, ça continue! Vous n'avez jamais fini d'être créatif.

Outils

Le Framework HYPE m'a aidé à me remettre au codage et à me remettre à la création d'œuvres d'art en utilisant «Processing». Le traitement est un environnement pour apprendre à coder dans le contexte des arts visuels, un projet open-source qui a débuté en 2001. Le cadre HYPE est une collection de classes de traitement. En utilisant le Framework HYPE, j'ai créé des motifs en utilisant de petits dessins vectoriels et en les plaçant au hasard sur une toile.

En assignant différentes couleurs et en jouant avec une variété d'autres paramètres, j'ai réussi à générer différentes compositions. En utilisant Hexels, je dessinerais des animations ou créerais de petites formes vectorielles que je pourrais ensuite utiliser pour générer des motifs. Ces petites formes seraient idéales pour créer des motifs et des formes plus complexes, ce que je ne pourrais jamais faire sans code aussi rapidement. Jouer avec la quantité de formes, les types de formes, les couleurs, etc. m'a donné d'innombrables options à explorer.

Évolution

En août 2015, déjà huit mois après avoir créé des illustrations quotidiennes, j'ai commencé à coder ma première animation à partir d'un croquis de traitement vierge. Il m'a fallu un certain temps pour rechercher comment aborder le processus d'animation et comment créer exactement quelque chose qui boucle, et j'ai copié autant de bits de code que je pouvais trouver.

Le code était peut-être très compliqué, et probablement assez inefficace, mais j'ai quelque chose qui a fonctionné. En ce sens, peu importe qu'il ne soit pas parfaitement codé, ou même que vous compreniez vraiment son fonctionnement. Créer quelque chose à la suite de votre recherche et essayer d'autres exemples afin de créer quelque chose de nouveau est un bon début, quel que soit l'angle sous lequel vous le regardez.

Jouez et apprenez

Il est donc évident que vous n’avez pas toujours besoin de savoir comment fonctionne quelque chose pour commencer à jouer avec. Une approche ludique m'a aidé à apprendre et à comprendre comment les choses fonctionnent. Le fait d'avoir une sortie visuelle m'a aidé à faire de petites itérations. En apprenant quelque chose de nouveau, je changeais de petits morceaux de code pour essayer de comprendre ce que ces choses faisaient. Au début, je ne comprenais certainement pas grand-chose, mais en jouant avec le code, en faisant de petites itérations, j'ai appris à le comprendre petit à petit.

Dans des projets comme celui-ci, l’art que vous créez n’a pas besoin d’être écrit de zéro à chaque fois. L'itération est la clé de la création. Au cours de la première année, l'exploration quotidienne était vaste. Le matin, je pensais à ce que je pourrais faire ce jour-là, en me rappelant parfois, en réfléchissant aux croquis précédents. D'autres sources d'inspiration seraient des choses qui m'apparaîtraient ce jour-là, qui, étonnamment souvent, seraient sans rapport avec le code et l'art. Dans ce cadre, j'ai pu trouver les domaines que je souhaitais approfondir.

C’est tout à fait bien de commencer à créer avec des connaissances limitées et sans un grand plan de ce que vous voulez faire. Vous le comprendrez et en apprendrez encore plus.

Définition des thèmes

En plus du défi quotidien, j'ai lentement mais sûrement relevé des défis permanents. Par exemple, je me mets au défi d'utiliser la même palette de couleurs pendant trois jours d'affilée, tout en créant des compositions différentes en utilisant différents éléments. Cela s'est avéré être un excellent moyen d'explorer comment la couleur fonctionnait avec des formes et des compositions spécifiques.

Ces défis se sont transformés en défis prolongés, que je qualifierais de thèmes. Au cours de la quatrième année de mes quotidiens, j'ai commencé à travailler avec un thème mensuel, ce qui m'encourageait à essayer d'être créatif dans un cadre ou un ensemble de limites spécifiques. Cela m'a beaucoup aidé à gagner du temps, car je n'avais pas à penser à ce que je voulais faire ce jour-là, mais au lieu de cela, je pouvais simplement être ludique avec le cadre avec lequel j'ai commencé, l'élargir, le modifier, etc. En plus de rendre certains aspects de mon processus beaucoup plus faciles et plus efficaces, cela m'a également permis et mis au défi d'être créatif avec un ensemble toujours croissant de règles auto-imposées.

Un mois en utilisant des caractères Unicode
Animations géométriques / 181001 – 181031. Un mois en caractères Unicode.

Après un an de thèmes mensuels, j'ai intensifié mon jeu, passant aux thèmes hebdomadaires. En travaillant avec des thèmes mensuels, j'avais constaté que la longévité de cette approche me retenait, laissant une certaine créativité et inspiration incapable de s'exprimer. Les thèmes hebdomadaires, cependant, sont parfaits pour moi, car chaque semaine je recommencerai avec un nouveau thème et continuerai à l'explorer en profondeur pendant sept jours. Voir un thème évoluer au cours d'une semaine est incroyable. Il est bon d'essayer de jouer avec différentes approches, de voir comment celles-ci se sentent et s'intègrent dans votre vie.

Nouvelles explorations

Un nouveau départ est souvent un peu moche. Lorsque je commence à explorer un nouveau domaine, il y a de fortes chances que je manque de certaines connaissances nécessaires pour créer le type de travail que j'ai en tête.

Par exemple, lorsque j'ai commencé à utiliser des formes 3D dans mes animations, j'ai d'abord pensé que je devais faire de nombreuses heures de recherche sur ce sujet avant de pouvoir comprendre comment utiliser des formes 3D dans mes croquis. Comme la vie devient parfois trop mouvementée pour se concentrer sur le travail vers un objectif spécifique, ces «nombreuses heures» dont je pensais avoir besoin ne sont pas venues naturellement.

L'utilisation de formes 3D est venue un jour, comme une étincelle dans ma tête alors que j'étais prêt à faire mon quotidien. J'ai simplement cherché comment créer des formes 3D et ai fait une esquisse de base, en itérant à partir d'une esquisse 2D précédente.

Comme vous pouvez le voir dans mes trois premiers croquis 3D, ce n’est pas si joli ni une nouvelle approche révolutionnaire dans mon voyage quotidien. Mais c’est tout à fait correct, car c’est quand même un pas en avant.

Au cours des jours suivants, j'ai poursuivi mes recherches sur l'utilisation de formes 3D dans mes croquis, et j'ai vite compris beaucoup plus, comme l'utilisation de la lumière. Une semaine de plus dans l'utilisation des formes 3D, les résultats étaient déjà plus esthétiques. Après seulement quelques jours d'inconfort dans une nouvelle direction, j'avais créé une autre dimension dans laquelle jouer.

Animations géométriques / 180124
Animations géométriques / 180124

Trouver le temps

L'un des plus grands défis pour être créatif au quotidien pourrait être de trouver le temps. C'est quelque chose avec lequel vous devez également jouer. Pour certains projets créatifs, cela peut fonctionner le mieux tôt le matin, pour d'autres (comme moi), la soirée est excellente. On pourrait dire que créer et jouer avec du code est devenu un outil méditatif; une période de temps personnelle pendant laquelle je peux me détendre et être créative.

Faire quelque chose quotidiennement me maintient dans un mouvement, mais peut-être ne voudrait-on pas créer de petites choses et préférer faire un projet chaque semaine à la place. Voyez ce qui fonctionne pour vous. Ne pas rechercher la perfection, expérimenter et itérer est le cœur, ne pas avoir l’illustration parfaite. C’est drôle de voir que parfois des œuvres qui ne se démarquent pas personnellement ont tendance à recevoir plus de likes que d’autres œuvres dont je suis beaucoup plus folle.

Oeuvre de Saskia Freeke
Explorations avec des lignes pour créer des dégradés, Formes géométriques / 191219, Formes géométriques / 200102, Formes géométriques / 200112. (Grand aperçu)

Essayez vous-même

Vous savez maintenant que j'aime utiliser des formes simples pour créer des motifs. J'ai créé un croquis avec lequel vous pourrez jouer. Essayez de modifier des nombres spécifiques, réduisez les rotations ou agrandissez ou réduisez la grille. Modifiez la taille des formes ou ajoutez d'autres formes. Découvrez ce que vous pouvez faire. Rendez-vous sur la référence p5.js pour en savoir plus sur les fonctions que j'ai utilisées et en ajouter vous-même.

Voir le stylo (motif de formes géométriques) (https://codepen.io/smashingmag/pen/QWNYWMJ) de Saskia Freeke.

Voir le modèle de formes géométriques de stylo par Saskia Freeke.

Si vous souhaitez vous lancer dans la création d'œuvres d'art via du code, p5js est une excellente bibliothèque Javascript à explorer. Consultez le didacticiel de mise en route et ses exemples. Daniel Shiffman crée des didacticiels vidéo amusants, nommés The Coding Train, à la fois pour p5js et Processing, ainsi qu'en combinaison avec d'autres bibliothèques. Pour plus d'inspiration, rendez-vous sur OpenProcessing et jouez! Tous mes travaux de l'année écoulée se trouvent sur ma page Tumblr ou sur mon Instagram.

Conclusion

Être créatif, c'est explorer, jouer avec des outils connus et inconnus. Ne laissez pas votre expérience passée influencer vos désirs d’apprendre. Mettez-vous au défi de sortir de votre zone de confort.

Vous n’avez pas besoin de commencer par un gros projet; créez-en de petits qui pourraient devenir plus gros au fur et à mesure que vous les nourrissez. Trouvez l'heure et l'approche qui vous conviennent le mieux, jouez également avec cela. Ne recherchez pas la perfection dans votre art ou dans votre approche. Et surtout, amusez-vous à explorer.

Éditorial fracassant(fb, ra, yk, il)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *