Imparare insieme arte, musica e sviluppo web come unico creatore

Sintesi

Chi si propone di disegnare manga, comporre musica e costruire anche il sito web che li presenta potrebbe pensare che occorra lo studio di tre persone. Nella pratica, però, abbiamo scoperto che imparare tutte e tre le cose contemporaneamente è più rapido, perché la struttura di fondo necessaria per crescere è quasi la stessa in ciascun ambito. Questo articolo presenta un percorso con cui una sola persona può dedicarsi ad arte, musica e sviluppo web: un percorso che può sembrare una deviazione, ma che in realtà è il più diretto. Impararle una alla volta, in sequenza, probabilmente non avrebbe mai fine.

Sfondo

Disegno, musica e codice sembrano abilità del tutto diverse, ma la struttura del miglioramento è quasi la stessa. Il primo elemento è cogliere la struttura: nel disegno, anatomia e prospettiva; nella musica, progressioni di accordi e ritmo; nel codice, progettazione e strutture dati. Il secondo è esprimersi attraverso il contrasto: nel disegno, la differenza tra luce e ombra; nella musica, tensione e risoluzione; nelle interfacce utente, contrasto e spazi bianchi. Il terzo è condurre l'opera attraverso il tempo: nel manga, il flusso delle vignette; nella musica, lo sviluppo di un brano; nelle pagine web, l'ordine di caricamento e lo scorrimento.

Per questo motivo, sviluppare il senso della risoluzione in musica migliora la forza d'attrazione di una doppia pagina nel manga. Curare la spaziatura dell'impaginazione in CSS allena la consapevolezza spaziale per la composizione. I tre ambiti fungono l'uno per l'altro da lezioni integrative, ed è questa la ragione per affrontarli insieme. Studiare un ambito per tre anni prima di passare al successivo richiede nove anni, mentre studiarli tutti e tre insieme per tre anni può talvolta raggiungere il livello di quei nove, perché l'apprendimento si trasferisce da un ambito all'altro.

Note aggiuntive

Come primo passo, anziché cominciare dallo studio, stabilite innanzitutto il formato dell'opera da portare a termine. Partire dallo studio porta quasi sempre a fermarsi a metà strada. Consigliamo l'unità più piccola: un manga web di una sola pagina e un brano di musica di sottofondo. Questo formato mette in gioco tutti e tre gli ambiti e si può completare in uno o due giorni. Portare a termine è di per sé il miglior esercizio; da principianti in tutti e tre gli ambiti, progettare un'epopea di cento pagine non condurrà a un'opera finita.

• Manga: da quattro a otto vignette, in bianco e nero, una sola pagina
• Musica: da 30 a 60 secondi; va bene anche un loop
• Web: un'unica pagina HTML in cui i due compaiono affiancati

La fase successiva riguarda come impiegare le prime 30 ore in ciascun ambito. Molti manuali di teoria musicale iniziano dagli intervalli e dalle scale, e questa è una causa frequente di abbandono. Consigliamo di apprendere i seguenti argomenti nell'ordine in cui la composizione li richiede. Come esercizio, trascrivere in una DAW (come l'edizione gratuita di Studio One, Cakewalk o GarageBand) le progressioni di accordi di dieci brani preferiti e aggiungervi soltanto una propria melodia insegnerà più che leggere un intero libro di teoria.

• Accordi diatonici (i sette accordi di una tonalità). In do maggiore: C, Dm, Em, F, G, Am, Bdim
• Tre progressioni essenziali: la progressione del Canone, la cosiddetta progressione "royal road" (4, 5, 3m, 6m) e la progressione Komuro (6m, 4, 5, 1). Con queste tre si possono scrivere centinaia di brani
• Dominante e risoluzione: perché il do dà soddisfazione dopo il sol. È il cuore della teoria
• Modulazione e accordi presi in prestito: tecniche per creare un cambio di scena all'interno di un brano, la stessa idea dell'impaginazione delle vignette nel manga

Il disegno richiede quantità, ma accumulare disegni senza una direzione serve a poco. L'ordine seguente favorisce il miglioramento. Come esercizio, fate disegni da 30 secondi per dieci minuti ogni giorno e, dopo aver copiato un riferimento, ridisegnatelo ancora una volta senza guardarlo. Questo ridisegnare fissa l'immagine nella memoria; la semplice copia aggiunge soltanto abitudini della mano.

• Linee guida e struttura: cogliere la figura umana con parallelepipedi e cilindri, senza partire dal volto
• Prospettiva e spazio: basta la prospettiva centrale, e saper disegnare gli sfondi porta un'opera a un livello superiore
• Silhouette: che un personaggio sia riconoscibile anche se campito interamente di nero è l'essenza del character design
• Disposizione delle vignette e guida dello sguardo: nel manga è l'elemento più importante, e la leggibilità viene prima dell'abilità nel disegno

Per lo sviluppo web non servono né React né Vue solo per presentare la propria opera. Procedete nell'ordine seguente. Come esercizio, non fermatevi dopo aver copiato un tutorial: adattatelo sempre alla vostra opera. Anche solo sostituire il pulsante di riproduzione di un lettore musicale con un'illustrazione originale cambia quanto l'apprendimento si radica.

• HTML/CSS: tag semantici, Flexbox e Grid. Per prima cosa, completate una singola pagina
• JavaScript puro: manipolazione del DOM, eventi e fetch. Dare movimento alla pagina
• Lato server: PHP o Node, per non dover scrivere ogni volta gli articoli a mano
• Archiviazione dei dati: JSON o un database. A questo punto diventa possibile realizzare un CMS proprio

Quanto alla routine settimanale, lavorare ogni giorno su tutte e tre le cose in egual misura lascia tutto a metà. Assegnate a ogni giorno della settimana un ambito principale e procedete come segue. I giorni chiave sono il mercoledì e il sabato: dedicando sempre questi giorni al lavoro sul sito, i tre ambiti si uniscono in uno solo. Disegni e canzoni non restano incompiuti e lo sviluppo web acquista uno scopo concreto.

• Lunedì e giovedì (disegno): dieci minuti di esercizio di disegno, seguiti da due ore di storyboard o tavole finite
• Martedì e venerdì (musica): trascrizione di accordi, seguita dal completamento di un brano di 30 secondi
• Mercoledì e sabato (web): inserimento nel sito vero e proprio dei disegni e della musica completati in quella settimana
• Domenica: condividere ciò che è stato pubblicato, leggere le reazioni e riposare

Il vero significato di continuare a muovere le mani non è smettere di pensare, ma portare a termine un'opera mentre si è ancora inesperti e condividerla, senza aspettare che la preparazione sia perfetta. Lavorando in tre ambiti, non si finisce mai di scoprire aree ancora carenti. Pensando che il disegno sia troppo acerbo per essere pubblicato, che la musica suoni troppo dilettantesca per essere diffusa o che al sito manchino le funzioni per annunciarlo, possono passare diversi anni senza che nulla venga condiviso. Un'opera compiuta e imperfetta vale molto più di un capolavoro incompiuto. La prima riporta delle risposte, e quelle risposte sono l'unico maestro nell'apprendimento autodidatta.

Ci sono tre insidie comuni. La prima è preparare in eccesso strumenti e ambiente di lavoro: procurarsi un nuovo display a penna, una DAW o un framework somiglia allo studio, ma non è studio. La seconda è costruire soltanto le fondamenta senza alcun contenuto all'interno, un rischio particolare per chi è esperto di sviluppo web; costruite sempre a turno il contenitore e il contenuto e, per ogni funzione aggiunta, pubblicate un'opera. La terza è cercare di far procedere i tre ambiti allo stesso ritmo: gli ambiti forti cresceranno e quelli deboli si fermeranno, e va bene così. Adattare la portata dell'opera all'ambito più indietro, ad esempio scegliendo un formato che richieda un solo disegno se il disegno procede lentamente, è la via più breve per portarla a termine.

Con questo metodo, in 90 giorni si possono raggiungere le seguenti tappe. In tre mesi si avrà un corpus di opere e si sarà in grado di presentarle al mondo in autonomia. Se i tre ambiti fossero stati appresi uno dopo l'altro, tre mesi non sarebbero bastati nemmeno a completare i fondamenti del disegno.

• Giorni 1-30: nel disegno, struttura e silhouette; nella musica, accordi diatonici e le tre progressioni; nel web, una singola pagina in HTML/CSS. Risultato: un manga di una pagina e 30 secondi di musica di sottofondo
• Giorni 31-60: nel disegno, prospettiva e sfondi; nella musica, sviluppo e arrangiamento; nel web, aggiungere movimento con JavaScript. Risultato: una storia breve di quattro pagine e tre brani musicali
• Giorni 61-90: nel disegno, impaginazione delle vignette e regia; nella musica, missaggio e volume; nel web, gestione degli articoli con PHP/JSON. Risultato: un episodio a puntate e il lancio del sito

Fare tutto da soli è certamente impegnativo, e in molte situazioni dividersi il lavoro sarebbe più rapido. Il motivo per scegliere comunque questa strada è che, quando tutti e tre gli elementi escono dalle stesse mani, l'opera acquista unità. Nel momento in cui ci si accorge che una scena ha bisogno di un certo suono, quel suono si può creare; nel momento in cui si decide che un effetto richiede una particolare transizione, la si può realizzare, senza perdere tempo a spiegare ad altri e ad aspettare. Questa rapidità è una forza di natura diversa dalla tecnica. Cominciate oggi stesso collocando su un'unica pagina un manga di una pagina e un brano di 30 secondi: non occorre che sia rifinito, ma portatelo a termine e condividetelo.