Apprendre à la fois l’art, la musique et le développement web en créateur solitaire

Résumé

Quiconque entreprend de dessiner des mangas, de composer de la musique et de construire en plus le site web qui les présente peut croire qu’il lui faudra étudier pour trois. Dans la pratique, pourtant, nous avons constaté qu’apprendre les trois à la fois va plus vite, car le cadre fondamental nécessaire pour progresser est presque le même dans chaque domaine. Cet article présente une voie permettant à une seule personne d’aborder l’art, la musique et le développement web — une voie qui peut sembler détournée, mais qui est en réalité la plus directe. Les apprendre l’un après l’autre, dans l’ordre, ne connaîtrait sans doute jamais de fin.

Arrière-plan

Le dessin, la musique et le code semblent être des compétences entièrement différentes, mais le cadre de la progression est presque le même. Le premier élément consiste à saisir la structure : en dessin, l’anatomie et la perspective ; en musique, les progressions d’accords et le rythme ; en code, la conception et les structures de données. Le deuxième consiste à exprimer par le contraste : en dessin, la différence entre lumière et ombre ; en musique, la tension et la résolution ; dans les interfaces, le contraste et l’espace blanc. Le troisième consiste à porter l’œuvre dans le temps : en manga, l’enchaînement des cases ; en musique, le développement d’un morceau ; sur le web, l’ordre de chargement et le défilement.

C’est pourquoi développer le sens de la résolution en musique renforce l’attrait d’une double page en manga. Resserrer les espacements d’une mise en page en CSS exerce le sens de l’espace utile à la composition. Les trois domaines se servent mutuellement de leçons complémentaires, et c’est la raison de les aborder ensemble. Étudier un domaine pendant trois ans avant de passer au suivant prend neuf ans, mais étudier les trois ensemble pendant trois ans permet parfois d’atteindre le niveau de ces neuf années, car les acquis se transmettent d’un domaine à l’autre.

Remarques complémentaires

Pour commencer, plutôt que de vous lancer dans l’étude, fixez d’abord la forme de l’œuvre à achever. Commencer par l’étude mène presque toujours à s’arrêter en chemin. Nous recommandons la plus petite unité : un manga web d’une page et un morceau de musique d’ambiance. Ce format mobilise les trois domaines et peut être achevé en un ou deux jours. Achever est en soi le meilleur des exercices ; tant que l’on débute dans les trois domaines, projeter une épopée de cent pages ne mène pas à une œuvre terminée.

• Manga : quatre à huit cases, en noir et blanc, une seule page
• Musique : 30 à 60 secondes ; une boucle convient
• Web : une seule page HTML où les deux apparaissent côte à côte

L'étape suivante consiste à bien employer les 30 premières heures dans chaque domaine. Beaucoup de manuels de théorie musicale commencent par les intervalles et les gammes, et c'est une cause fréquente d'abandon. Nous recommandons d'aborder les notions suivantes dans l'ordre où la composition en a besoin. En guise d'exercice, relever dans une DAW (comme la version gratuite de Studio One, Cakewalk ou GarageBand) les grilles d'accords de dix chansons que l'on aime, puis y ajouter seulement une mélodie de son cru, en apprend davantage que la lecture d'un manuel de théorie tout entier.

• Accords diatoniques (les sept accords d’une tonalité). En do majeur : C, Dm, Em, F, G, Am, Bdim
• Trois progressions essentielles : la progression du Canon, la progression dite « voie royale » (4, 5, 3m, 6m) et la progression Komuro (6m, 4, 5, 1). Avec ces trois-là, on peut écrire des centaines de chansons
• Dominante et résolution : pourquoi C paraît satisfaisant après G. C’est le cœur de la théorie
• Modulation et accords d’emprunt : des techniques pour créer un changement de scène au sein d’un morceau, la même idée que le découpage des cases en manga

Le dessin exige du volume, mais accumuler des dessins sans direction ne sert pas à grand-chose. L’ordre suivant favorise la progression. En guise d’exercice, faites chaque jour dix minutes de croquis de 30 secondes, et après avoir copié un modèle, redessinez-le une fois sans le regarder. Ce second dessin fixe l’image dans la mémoire ; se contenter de copier ne fait qu’ajouter des habitudes de la main.

• Esquisses et structure : saisir le corps humain avec des boîtes et des cylindres, et ne pas commencer par le visage
• Perspective et espace : la perspective à un point de fuite suffit, et savoir dessiner les décors fait passer une œuvre à un niveau supérieur
• La silhouette : qu'un personnage reste reconnaissable même entièrement noirci, voilà l'essence du character design
• Découpage des cases et guidage du regard : c'est l'élément le plus important du manga, et la lisibilité passe avant la virtuosité du dessin

Pour le développement web, ni React ni Vue ne sont nécessaires pour simplement présenter son travail. Procédez dans l’ordre suivant. En guise d’exercice, ne vous arrêtez pas après avoir recopié un tutoriel ; adaptez-le toujours à votre propre œuvre. Remplacer simplement le bouton de lecture d’un lecteur de musique par une illustration originale change déjà la manière dont l’apprentissage s’ancre.

• HTML/CSS : balises sémantiques, Flexbox et Grid. Commencez par achever une seule page
• JavaScript pur : manipulation du DOM, événements et fetch. Donner du mouvement à la page
• Côté serveur : PHP ou Node, pour ne pas avoir à rédiger chaque article à la main
• Stockage des données : JSON ou base de données. À ce stade, il devient possible de construire son propre CMS

Quant au rythme hebdomadaire, travailler chaque jour les trois domaines à parts égales laisse tout à moitié fait. Attribuez à chaque jour de la semaine un axe principal et procédez comme suit. Les jours clés sont le mercredi et le samedi : en mettant systématiquement le travail en ligne sur le site ces jours-là, les trois domaines n’en forment plus qu’un. Les dessins et les chansons ne restent pas inachevés, et le développement web trouve un véritable but.

• Lundi et jeudi (dessin) : dix minutes d’exercice de dessin, suivies de deux heures de storyboard ou d’illustrations définitives
• Mardi et vendredi (musique) : relevé d'accords, puis réalisation d'une pièce de 30 secondes
• Mercredi et samedi (web) : intégrer au site réel les dessins et les musiques achevés dans la semaine
• Dimanche : partager ce qui a été publié, lire les réactions et se reposer

Le vrai sens de « garder les mains en mouvement » n'est pas de cesser de réfléchir, mais d'achever une œuvre alors qu'on est encore inexpérimenté et de la partager, sans attendre que la préparation soit parfaite. Lorsqu'on travaille dans trois domaines, on ne cesse de trouver des points encore insuffisants. À se dire que le dessin est trop immature pour être publié, que la musique sonne trop amateur pour être diffusée, ou que le site manque de fonctionnalités pour être annoncé, plusieurs années peuvent s'écouler sans que rien ne soit partagé. Une œuvre imparfaite mais achevée vaut bien davantage qu'un chef-d'œuvre inachevé. La première suscite des réactions, et ces réactions sont le seul maître de l'autodidacte.

Il existe trois écueils fréquents. Le premier est de trop préparer ses outils et son environnement : acquérir une nouvelle tablette graphique, une DAW ou un framework ressemble à de l'étude, mais n'en est pas. Le deuxième est de ne bâtir que les fondations, sans aucun contenu à l'intérieur, un risque propre à ceux qui maîtrisent le développement web : construisez toujours le contenant et le contenu tour à tour, et, pour chaque fonctionnalité ajoutée, publiez une œuvre. Le troisième est de vouloir faire avancer les trois domaines au même rythme : les domaines forts progresseront et les plus faibles stagneront, et c'est acceptable. Adapter l'ampleur de l'œuvre au domaine le plus en retard — par exemple choisir un format qui ne demande qu'un seul dessin si le dessin avance lentement — est le plus court chemin vers l'achèvement.

Grâce à cette méthode, les étapes suivantes peuvent être atteintes en 90 jours. En trois mois, on dispose d'un ensemble d'œuvres et l'on peut les présenter au monde par soi-même. Si l'on avait appris les trois domaines l'un après l'autre, trois mois n'auraient même pas suffi à achever les bases du dessin.

• Jours 1 à 30 : en dessin, structure et silhouette ; en musique, accords diatoniques et les trois progressions ; sur le web, une page unique en HTML/CSS. Résultat : un manga d’une page et 30 secondes de musique d’ambiance
• Jours 31 à 60 : en dessin, perspective et décors ; en musique, développement et arrangement ; sur le web, ajout de mouvement avec JavaScript. Résultat : une histoire courte de quatre pages et trois morceaux
• Jours 61 à 90 : en dessin, découpage et mise en scène ; en musique, mixage et volume ; sur le web, gestion des articles avec PHP/JSON. Résultat : un épisode de série et le lancement du site

Tout faire seul est assurément exigeant, et dans bien des situations, répartir le travail irait plus vite. Si l’on choisit malgré tout cette voie, c’est que lorsque les trois naissent des mêmes mains, l’œuvre gagne en unité. Dès que l’on comprend qu’une scène appelle un certain son, on peut le créer ; dès que l’on décide qu’un effet requiert une transition d’écran particulière, on peut l’implémenter, sans perdre de temps à expliquer à quelqu’un d’autre ni à attendre. Cette rapidité est une force d’une autre nature que la technique. Commencez dès aujourd’hui par réunir sur une seule page un manga d’une page et un morceau de 30 secondes ; inutile qu’il soit abouti, mais achevez-le et partagez-le.