media design skill COLORI E FORME

ELABORAZIONE CON ILLUSTRATOR

18 ottobre 2018

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR2MEDIA DESIGN SKILL

Simbolismo universale È indubbio che nella percezione del colore vi sia un significato universale

che elegge i colori a simboli comuni a tutti gli uomini. Sia in Oriente che in Occidente i colori primari, fondamentali, primitivi, quelli da cui tutti gli altri deriverebbero, sono il bianco (luce, giorno), il nero (notte, morte), il rosso (energia, vita).

Percezione emotiva del colore La psicologia del colore è stata studiata da grandi maestri come Goethe

e Kandinsky. Nell’osservare entra in gioco la spiritualità dell’individuo. Gli studi sui colori descrivono il significato oggettivo delle tonalità e cercano di scoprire in che modo i sentimenti e la psiche del singolo influiscono sulla percezione del colore, e in che modo quel colore influisce su individui di uno stesso contesto culturale.

IL COLORE SIGNIFICATO E SIMBOLISMO

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR3MEDIA DESIGN SKILL

Il colore come elemento “organizzatore” Al di là di tutte le variazioni culturali, al di là dei significati fluttuanti, delle

differenti e/o ambivalenti interpretazioni, quella che emerge prepotentemente dagli studi, è la funzione organizzatrice del colore. Esso serve soprattutto a classificare, a gerarchizzare, ad associare, ad opporre, a designare. Il colore è l’organigramma di ogni vita sociale e mentale; articola lo spazio e il tempo, coordina le conoscenze e crea al loro interno dei sistemi. Il colore è sempre un’arte della memoria. Ma un’arte della memoria che varia da una società all’altra, che si trasforma nel corso del tempo. (Michel Pastoureau)

IL COLORE TRA TECNICA ED EMOZIONI

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR4MEDIA DESIGN SKILL

In psicologia Gli psicologi distinguono generalmente i colori in “caldi” e “freddi”. I primi

sono dotati di un potere stimolante, i secondi favoriscono i processi sedativi, tranquillizzanti. Nella concezione analitica, in particolar modo secondo Jung, i colori esprimono le principali funzioni psichiche dell’uomo, quali il pensiero, il sentimento, l’intuizione, la sensazione. In questo modo, il rosso è il colore del sangue, della passione, del sentimento. Il giallo, quello della luce, dell’oro, dell’intuizione. Verde è anche la tinta della natura e della crescita.

LA PERCEZIONE DEL COLORE

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR5MEDIA DESIGN SKILL

Vassily Kandinsky Nel suo primo acquerello astratto, nelle macchie più scure predominano due

colori, il rosso e l’azzurro, che evidentemente considera in relazione perché li utilizza sempre insieme. «Il rosso è un colore caldo e tende a espandersi; l’azzurro è freddo e tende a contrarsi». Kandinsky si serve di due colori come di due forze controllabili che possono essere sommate o sottratte e, secondo i casi, si avvale di entrambi affinché si limitino o si esaltino a vicenda. Verifica così la legge dei contrasti simultanei.

IL COLORE NELL’ ARTE

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR6MEDIA DESIGN SKILL

La relazione tra colore e spiritualità nelle opere di Kandinsky Nella sua teoria sull’uso del colore, ne intravede una dimensione spirituale.

Secondo Kandinsky il colore può avere due possibili effetti sullo spettatore: un “effetto fisico”, superficiale e basato su sensazioni momentanee, determinato dalla registrazione da parte della retina di un colore piuttosto che di un altro; un “effetto psichico” dovuto alla vibrazione spirituale (prodotta dalla forza psichica dell’uomo) attraverso cui il colore raggiunge l’anima. Esso può essere diretto o verificarsi per associazione con gli altri sensi. L’effetto psichico del colore è determinato dalle sue qualità sensibili: il colore ha un odore, un sapore, un suono (fonte Wikipedia).

IL COLORE E LA SPIRITUALITÀ

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR7MEDIA DESIGN SKILL

La percezione sensoriale dei colori per Kandinsky Il rosso risveglia in noi l’emozione del dolore, non per un’associazione di idee

(rosso-sangue-dolore), ma per le sue proprie caratteristiche, per il suo “suono interiore”. Kandinsky utilizza una metafora musicale per spiegare quest’effetto: il colore è il tasto, l’occhio è il martelletto, l’anima è un pianoforte con molte corde. Il colore può essere caldo o freddo, chiaro o scuro. Questi quattro “suoni” principali possono essere combinati tra loro: caldo-chiaro, caldo-scuro, freddo-chiaro, freddo-scuro. Il punto di riferimento per i colori caldi è il giallo, quello dei colori freddi è l’azzurro. Il giallo è dotato di un movimento radiante che lo fa avanzare verso lo spettatore, inoltre è dotato di un movimento eccentrico-centrifugo perché si allarga verso l’esterno, abbaglia, respinge. L’azzurro è dotato di un movimento orizzontale che lo fa indietreggiare dallo spettatore ed è dotato di un movimento concentrico-centripeto perché si avvolge su sé stesso, creando un effetto di immersione che attira lo spettatore.

LE SENSAZIONI DERIVANTI DAI COLORI

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR8MEDIA DESIGN SKILL

Forma e colore nella composizione La composizione pittorica (o artistica, o grafica) è formata

dal colore, che nonostante nella nostra mente sia senza limiti, nella realtà assume anche una forma. Colore e forma non possono esistere separatamente nella composizione. L’accostamento tra forma e colore è basato sul rapporto privilegiato tra singole forme e singoli colori. Se un colore viene associato alla sua forma privilegiata gli effetti e le emozioni che scaturiscono dai colori e dalla forma vengono potenziati. Il giallo ha un rapporto privilegiato con il triangolo, il blu con il cerchio e il rosso con il quadrato. Molto importante è anche l’orientamento delle forme: se il quadrato su un lato è solido, consapevole, statico, su un vertice (rombo) è instabile e gli si assocerà un rosso caldo, non uno freddo e meditativo.

KANDINSKY: COLORE E FORMA

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR9MEDIA DESIGN SKILL

GLI STUDI DI ITTEN

Colori e forme Tre colori primari (giallo, rosso, blu) e tre forme

(triangolo, quadrato e cerchio):

• TRIANGOLO simbolo del pensiero è associato al giallo, colore che esprime anche senso divino

• QUADRATO simbolo della materia è associato al rosso, colore del fuoco, della guerra, della passione

• CERCHIO simbolo di distensione e uniformità è associato all’azzurro, colore che esprime calma, tranquillità ma anche fede (per i cinesi indica l’immortalità) il celestiale

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR10MEDIA DESIGN SKILL

GLI STUDI DI ITTEN

Colori intermedi Secondo Itten le forme intermedie

tra le tre primitive vengono associate ad altri colori frutto della combinazione dei tre primari.

Sia nella grafica sia nel mondo della fotografia, l’associazione di forme e colori dà origine alla possibilità di rappresentazioni originali.

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR11MEDIA DESIGN SKILL

L’interazione del colore Nella percezione visiva un

colore non viene quasi mai visto come nella sua realtà fisica poiché cambia a seconda delle interazioni con gli altri colori e secondo l’interpretazione soggettiva. Questo fa sì che il colore sia il mezzo più relativo in campo artistico. Inoltre la memoria visiva è limitata rispetto a quella uditiva e la nomenclatura è davvero inadeguata, infatti riconosciamo non più di una trentina di nomi dei colori anche se esistono milioni di tonalità.

LA TEORIA DI ALBERS

Interazione di colori – Josef Albers

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR12MEDIA DESIGN SKILL

Il colore e le relazioni tra discipline artistiche Non è un caso che il numero 7 ricorre sia nelle note che nei colori dello

spettro. E come nella musica la combinazione di 7 note dà vita a infinite possibilità epsressive, con i colori è lo stesso: milioni di tinte e di combinazioni infinite. Kandisky non è stato l’unico ad associare il colore con la musica. Prima di lui l’ha fatto Isaac Newton. Dopo di lui altri artisti tra cui Ottavio Missoni, che ha fatto del colore il suo principale strumento espressivo creando uno stile inconfondibile. Missoni ha sperimentato l’utilizzo del colore nell’astratto: nelle sue creazioni non ci sono forme definite ma è il colore che crea la forma. Tutto è basato sugli accostamenti cromatici. I suoi studi sono seguiti da molti artisti. Il colore preferito di Ottavio Missoni era il viola, della moglie Rosita l’arancio: abbinamento perfetto...

COLORE E MUSICA

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR13MEDIA DESIGN SKILL

Colore e natura «Il colore è parte integrante del mio Dna. Dalla Dalmazia

ho portato con me i blu, che profumano d’Oltremare, e i rossi aranciati dei tramonti sull’Adriatico; i gialli, screziati d’ocra e marrone, parlano di rocce e di sabbie, lambite, rimescolate ed erose dalle onde. Non possono mancare i neri, che amalgano. E poi il viola, mio colore prediletto, in tutte le sue sfumature. Se si guarda bene c’è sempre, anche se non compare a prima vista». (Ottavio Missoni)

Il colore è vita «Il colore è vita, un mondo senza colore sarebbe un mondo senza vita...

La luce... ci rivela nei colori lo spirito e l’anima vitale del nostro mondo». (Ottavio Missoni)

IL COLORE DI OTTAVIO MISSONI

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR14MEDIA DESIGN SKILL

Art & Crafts L’arte ha come obiettivo l’eternità, parla al futuro. La grafica ha come obiettivo

il momento, parla al presente. C’è differenza tra arte e grafica (o moda o qualsiasi altra forma espressiva) benchè entrambe utilizzino spesso gli stessi strumenti. Del resto in passato gli artisti si sono cimentati nel disegno di oggetti come cinture, abiti, illustrazioni (Bernini, Leonardo). Non esisteva questo limite netto tra arte e funzione. Nel tentativo di riavvicinare i due concetti, nella seconda metà del 1800 nasce in Inghilterra il movimento Art & Crafts con l’intento di rimediare allo scadimento qualitativo ed estetico della produzione industriale e riaffidare agli artisti la cura degli oggetti quotidiani. All’inizio del XX secolo, su questa scia, nasce il movimento filosofico-artistico-sociale Bauhaus.

MOVIMENTI CULTURALI

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR15MEDIA DESIGN SKILL

1919 Scuola d’arte fondata a Weimar nel 1919 dall’architetto Walter Gropius (chiusa

poi a Berlino nel 1933). Letteralmente “La casa del costruire”, movimento che riporta alla ribalta il dualismo tra arte e funzione, tra espressioni artistiche e filosofia, tra l’artista e il suo tempo. Sintesi perfetta tra teoria e pratica, artigianato e conoscenza, armonia assoluta tra il fare e il pensare: cultura e pragmatismo. Ne fanno parte, tra gli altri numerosi artisti, Itten, Kandisky, Klee. Quest’ultimo si esprime così in merito al colore: «Il colore si è impadronito di me, non devo più dargli la caccia. So che mi tiene in pugno per sempre». E da qui la sua tensione spirituale tra spazio e colore, momento altissimo in cui quello che si vede è anche quello che si sente. (foto Polyphony - Paul Klee)

IL BAUHAUS

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR16MEDIA DESIGN SKILL

Il Novecento Molti gli artisti che si sono espressi sull’eco del

Bauhaus: gli scatti cromatici di Enrico Prampolini (a destra), le illustrazioni di Fortunato Depero (in basso a sinistra), la precisione disordinata di Bruno Munari (in basso a destra).

IL VISUAL DESIGN

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR17MEDIA DESIGN SKILL

L’ISPIRAZIONE DEL BAUHAUS

Fondamentale nel design Il termine Bauhaus gode di grande considerazione soprattutto in riferimento

al design. È stato scuola di Architettura, Arte e Design, movimento innovatore fondato sul razionalismo e il funzionalismo. Ancora oggi ispira i lavori di artisti, designer e comunicatori.

Attualità Nel 2019 sarà celebrato il centenario della nascita del Bauhaus.

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR18MEDIA DESIGN SKILL

BAUHAUS E CARATTERI TIPOGRAFICI

Futura Presentato per la prima volta nel 1928, è considerato il principale carattere

tipografico derivante dal movimento Bauhaus in Germania. Paul Renner (tipografo, pittore, autore e insegnante) ha abbozzato i disegni originali e li ha basati sulle semplici forme di cerchio, triangolo e quadrato (https://www.myfonts.com/fonts/linotype/futura/)

Bauhaus by Adobe Herbert Bayer della Bauhaus School di Dessau, ha disegnato un carattere

tipografico, detto “il carattere universale”, mentre insegnava lì nel 1925. Ed Benguiat e Vic Caruso ridisegnarono questo carattere nel 1975. ITC Bauhaus è un sans serif arrotondato su base geometrica. Ha linee semplici e pulite e le controforme non del tutto chiuse lo rendono leggibile anche sullo schermo (https://www.myfonts.com/fonts/adobe/itc-bauhaus/)

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR19MEDIA DESIGN SKILL

BAUHAUS & ADOBE

Il centenario del Bauhaus Adobe reinterpreta il design di 5 font storici del Bauhaus ritrovati dopo quasi

100 anni. Il progetto si chiama The Hidden Treasures Bauhaus Dessau (https://adobehiddentreasures.com/) e consiste nella digitalizzazione di 5 alfabeti storici creati e lasciati incompiuti dai maestri della celebre scuola di architettura e design (https://fonts.adobe.com/fonts/hidden-treasures)

Joschmi Alfarn Xants CarlMarx Reross Quadratic & Rectangular

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR20MEDIA DESIGN SKILL

IL PROGETTO

The Hidden Treasures Bauhaus Dessau Erik Spiekermann, designer di fama mondiale specializzato nei caratteri

tipografici (tra i suoi clienti Cisco, Mozilla e Autodesk), ha curato il progetto di trasformazione dei frammenti in set di font Typekit completi, insieme a un team internazionale di professionisti di tipografia e studenti di design. Per poter terminare i font, il gruppo di lavoro ha cercato di dedurre, attraverso un calcolo dettagliato delle probabilità, come i maestri originariamente pianificassero di completare i loro progetti. Usando questi dati, il team ha poi utilizzato Adobe Illustrator CC per completare e digitalizzare i set di caratteri. «Adobe ha avuto la grande idea di reinterpretare il design dei font», ha dichiarato Claudia Perren, Direttrice del Bauhaus Dessau. «Iniziative come “Hidden Treasures” mostrano in modo molto preciso quanto l’eredità del Bauhaus sia attuale e affascinante. Soprattutto per le giovani generazioni di designer» (https://www.artribune.com/progettazione/new-media/2018/06/adobe-design-5-font-storici-bauhaus-ritrovati-dopo-100-anni/)

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR21MEDIA DESIGN SKILL

TEMI CROMATICI

Creare combinazioni I colori dovrebbero essere associati secondo i criteri dell’Armonia dei colori.

In Illustrator usate la Guida Colori. Dal web Adobe Color

https://color.adobe.com/it/create/color-wheel/

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR22MEDIA DESIGN SKILL

LE TEXTURE

Combinare forme e colori Dalla combinazione ripetitiva di forme e colori nasce la texture, ovvero

l’alterazione visiva e/o tattile di una superficie. Con il termine texture si intende anche l’insieme delle variazioni cromatiche e morfologiche di un materiale.

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR23MEDIA DESIGN SKILL

ILLUSTRATOR CC COLORARE

Creare e gestire i colori Pannelli Colore/Campioni/

Sfumatura/Guida colori.

Modificare i colori Intervenire sui colori utilizzando

predefiniti di conversione.

Ricolora grafica Cambiare i colori di una grafica in

modo dinamico.

Pittura dinamica Applicare il colore a parti del

disegno in modo intuitivo e dinamico.

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR24MEDIA DESIGN SKILL

Scegliere in base alle relazioni I colori si influenzano a vicenda

ed esistono tra loro delle relazioni peculiari come il contrasto, l’analogia o la complementarietà.

Nella grafica i colori si scelgono in base alle loro relazioni (vedi Guida colori di Illustrator che ne visualizza le regole).

REGOLE DELL’ARMONIA DEI COLORI

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR25MEDIA DESIGN SKILL

ILLUSTRATOR CC ELABORARE I TRACCIATI

Elaborazione tracciati Unire/sottrarre/

intersecare/scomporre/escludere due o più oggetti in modo da creare forme risultanti. Il pannello Elaborazione tracciati è una delle funzioni estremamente utili e potenti di Illustrator per disegnare forme partendo da altri oggetti.

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR26MEDIA DESIGN SKILL

ELABORAZIONE DI FORME

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR27MEDIA DESIGN SKILL

ILLUSTRATOR CC PATTERN E TEXTURE

Riempimenti Oltre al colore, come

attributo di riempimento a una forma si può associare un pattern o una texture. In questo modo si dà l’idea del materiale di cui è composto l’oggetto.

COLORI E FORMEELABORAZIONE CON ILLUSTRATOR28MEDIA DESIGN SKILL

Gli stimoli esterni Il colore ci attrae

continuamente e in ogni momento potremmo essere colti dall’ispirazione di utilizzare quei colori per i nostri progetti grafici

Abbiamo solo bisogno di un iPhone o un iPad per catturare l’ispirazione.

IL COLORE SOLLECITAZIONI CASUALI