Adobe illustrator CS5

Transcript

1

2 Adobe illustrator CS5 Definizione: La grafica computerizzata o computer grafica (CG) riguarda l attività di generazione e manipolazione di immagini per mezzo di un elaboratore digitale [computer]. Viene definita anche come la disciplina che studia e tecniche e gli algoritmi èer la visualizzazione di informazioni numeriche prodotte da un elaboratore. Dal momento che illustrator è un software di elaborazione grafica, converte delle informazioni in curve matematiche chiamate vettori, che ci permettono di realizzare immagini vettoriali. Che cos è la grafica vettoriale? La grafica vettoriale è una tecnica con cui viene descritta un immagine. UN immagine vettoriale, in illustrator, è composta da un tracciato lavorabile attraverso manipolatori e punti. I manipolatori sono quelli che determinano la complessità e il tracciato stesso, mentre i manipolatori sono quelli che determinano l inclinazione di una curva. Dai manipolatori di un punto passa una sola retta che, per definizione, è una e una sola ed è la retta tangente a quella curva. Cos è un immagine raster? Un immagine bimpap o grafica raster, è una tecnita utilizzata per descrivere un immagine. Di fatto un immagine raster è una griglia di punti chiamati pixel, ognuno con un proprio stato di colore. In una grafica raster la risoluzione è fissa e dipende dai pixel che determinano l immagine di partenza. In particolare, immagini come fotografie sono immagini raster. Cosa differenzia l arte dal progetto? 1. il progetto grafico deve tener conto delle specifiche richieste che il committente richiede; l abilità del grafico consiste nel saper mettere a disposizione la propria conoscenza e tradurre in elementi grafici i concetti espressi dal cliente nel brief. Le scelte sono sono casuali, ma devono essere giustificate attraverso un percorso progettuale. 2. nella società dell immagine, questa è molto importante: il progettista lavora per una committenza - questa ultima può essere un azienda, una società, un istituzione, un associazione no-profit etc... Il cliente costituisce un oggetto con un identità ben precisa, al pari di ogni individuo essa ha un indole e dei valore che la contraddistinguiono. Tali valore devono essere trasmessi e comunicati a chiunque entri in contatto diretto con l azienda stessa, attraverso la fruizione dei prodotti o dei servizi da essa erogati. 3. imparare osservando: guardarsi intorno, capire ed imparare cosa è già stato fatto e cosa è nuovo. 4. il progetto è dappertutto: font, packaging, copertine di libri, infografica, etc. Il marchio (o logotipo) è l elemento grafico che contraddistingue una determinata azienda, prodotto o servizio. La marca è un nome con cui si identificano tutti i prodotti o servizi realizzati da un azienda stessa. Il brand è l insieme di tutte le esperienze positive (o negative) collegate ad un segno distintivo (marchio, nome, logo) che si aggiungono o sottraggono al valore generato da un prodotto o servizio. Con illustrator possiamo realizzare delle forme esportabili in formati ridimensionabili in qualsiasi dimensione; queste forme possono essere importati in altri software utilizzati per realizzare pagine web, come flash. Con l avvento dell iphone e ipad c è stata anche la necessità di realizzare grafiche per dispositivi mobili; le varie interfacce realizzate per questi dispositivi possono essere sviluppate a partire da programmi che originano file vettoriali.

3 Interfaccia Titolo del progetto Profilo documento: Illustrator da la possibilità di scegliere un formato ISO a seconda della destinazione del progetto. In particolare, se la destinazione finale è STAMPA, illustrator rende possibile impostare i margini di pagina al vivo, cioè quei margini ulteriori della pagina che verranno recisi in stampa una volta terminato e stampato il progetto. A seconda della della destinazione del progetto, illustrator permette di scegliere il metodo di lavorazione (se la destinazione è la stampa, il metodo colore sarà in CMYK con effetto raster da 300 dpi, se è il web o video il metodo colore sarà RGB con risoluzione 72 dpi).

4 Palette e area di lavoro Menù contestuale dipendente dallo strumento selezionato presente anche nei pannelli di lavoro. Margine pagine al vivo Pannelli di lavoro (colori, livelli, tavole, tracciati etc.) Area di lavoro Pannello (palette) strumenti

5 Il percorso corretto per importare un file è il seguente (è possibile anche solo trascinare il file, tuttavia questo secondo percorso è sconsigliato, perchè non è possibile selezionare la possibilità template): file - inserisci - selezione file nella cartella - spunto COLLEGA e/o TEMPLATE (questa opzione mi crea un livello bloccato di default chiamato livello template, che in anteprima mi mantiene la forma e non mi fa vedere il contorno) - inserisci. Poter visualizzare un immagine come template permette di bloccare l immagine; è utile quando passiamo dalla modalità anteprima alla modalità contorno. è possibile collegare automaticamente i file utilizzati al progetto, in modo tale che, una volta spostato il progetto non debba ricollegare tutti i file (link) ma li raggruppi semplicemente in una cartella, in modo da non perdere informazioni. Livello normale (visualizzando il contorno mi vede solo il tracciato) Livello template visualizzo esattamente quello che vedevo come anteprima Visualizza contorno ctrl+y (windows) cmd+y (apple)

6 Tracciati Manipolatori/ maniglia: matematicamente, per due punti passa una retta. Questa retta passa anche per il punto della traccia. Modificando una o entrambe i manipolatori(maniglie cambio l inclinazione della curva. Mantieni proporzioni shift se voglio modificare le dimensioni in modo generico (windows - apple) shift+alt se voglio modificare le dimensioni mantenendo il centro Quando i manipolatori sono sulla stessa retta ho una linea morbina, ma posso avere anche un solo manipolatore, e allora ho uno spigolo o punto d angolo. è possibile avere spigoli in forme curvilinee (avendo così forme miste) o in forme regolari (rettangoli, quadrati, triangoli o poligoni). Illustrator da la possibilità di convertire un punto d angolo in un punto morbido, selezionando nel menù contestuale relativo allo strumento selezione diretta la conversione del punto di ancoraggio. Punto della traccia, posso spostarlo con lo strumento penna di selezione diretta (A) Convertire un punto d angolo in un punto di ancoraggio significa mettere i manipolatori sulla stessa linea, o viceversa.

7 Colori Posso cambiare il riempimento e il colore della traccia anche dal pannello Quando dobbiamo stampare, dobbiamo impostare il documento in CMYK, mentre se dobbiamo lavorare su documenti destinati poi al web dobbiamo impostare un documento in RGB. Cosa significano queste due eventualità? La luce è divisa in varie frequente, delle quali sono una piccola parte è visibile ad occhio umano. Sappiamo che se vediamo un colore, è perchè quell oggetto assorbe tutte le frequenze luminose tranne quella porzione particolare, che viene riflessa e arriva al nostro occhio, da lì al nostro cervello che codigica la frequenza in colore. Detto ciò dobbiamo fare la distinzione tra i due acronimi che abbiamo nominato in precedenza. Infatti: RGB si riferisce ai tre colori luce che compongono la sintesi sotrattiva. R sta per RED, G sta per GREEN e B sta per BLUE. La somma di tali colori da la luce bianca, e questo succede perchè i colori luce sono quelli che compongono i subpixel dello schermo dove andiamo a visualizzare il colore. CMYK si riferisce ai colori pigmento, cioè quelli che vengono utilizzati in stampa o per dipingere. C sta per CYAN, M sta per MAGENTA, Y sta per YELLOW. Benchè nella sintesi additiva (quella che somma i tre colori primari pigmento) non necessiti del nero, si aggiunge nella quadricromia una chiave, o KEY (K). Il nero o KEY (la K sta anche per BLACK) è necessario perchè la somma di ciano, magenta e giallo non da un nero puro, ma un marrone molto scuro chiamato bistro. Ci sono poi colori chiamati premiscelati o PANTONI. I pantoni sono tinte piatte o miscele pre-create che non sono il risultato della somma dei quattro colori della quadricromia. Posso scegliere se il colore utilizzato sia un colore in quadricromia (o RGB) oppure una tinta piatta o pantone. Senza andarlo a cercare, posso trasformare il mio colore in CMYK (o RGB) in pantone. Un Pantone o tinta piatta è sempre un colore globale, mentre un colore in quadricromia non è detto che lo sia. Cliccando anteprima posso vedere come il mio campione colore cambi. Ad esempio, se seleziono un colore in quadricromia globale, al campione viene sovrapposto ad un angolo un angolino bianco, mentre se lo trasformo in tinta piatta viene ad esso sovrapposto un quadratino nero tracciato di bianco.

8 Può accadere che tra colore RGB e colore CMYK non ci sia una corrispondenza biunivoca (cioè che il colore visualizzato in stampa non appaia così come lo vediamo sullo schermo). In questo caso Illustrator ci da un avviso; cliccando su tale quadratino il colore viene ricampionato, mostrandoci il colore biunivoco a quello scelto. Hue, Saturation, Brightness (Tinta, saturazione e liminosità) Quadricromia CMYK Hue Brightness Saturation Tricromia RGB Colori espressi in codice esadecimale (R G B ogni colore ha due simboli, quindi il codice conta sempre 6 cifre/ lettere) per il web

9 Lo scostamento dei tracciati permette di riprodurre il tracciato senza copiarlo o ritracciarlo. Lo scostamento positivo aggiunge un tracciato al di fuori della traccia selezionata; per contro uno negativo l aggiunge all interno.

10 Trama sfumata Lo strumento trama sfumata si può applicare solo ad oggetti e forme già create, e su questi va a creare una forma ulteriore in cui, ad ogni punto di tale superficie, corrisponde ad un passaggio più o meno regolare di colori, cioè dei gradienti. Per evidenziare il gradiente devo associare ad ogni punto un colore, la cui intensità e il raggio posso modificare grazie alle maniglie di ogni punto. Ogni punto interno conta quattro manipolatori (maniglie). I punti sulla traccia ne contano tre, e modificando la posizione dei manipolatori se ne modifica il contorno, rendendo possibile passare da forme regolari a forme irregolari e tondeggianti e complesse. Esiste un metodo diretto che consente di applicare ad una figura regolare una trama stufama composta da righe e colonne disposte in modo regolare. Il metodo è questo: selezionare forma regolare > oggetto > crea trama sfumata < seleziona opzioni. con il tasto destro del mouse e selezionare separa, dopodichè l opzione rilascia maschera di ritaglio. Selezionando quindi i segmenti è pissibile modificare la sfumatura. Cliccando su un punto e sullo strumento trama sfumata è possibibile modificare la posizione di una delle due curve o di tutti e quattro i manipolatori interni mantenendo premuto shift. Dal momento che la sfumatura segue l andamento dell oggetto, se la forma è circolare le curve della trama saranno bombate. è possibile però utilizzare un tipo di trama sfumata di tipo radiale, applicandola ad oggetti e forme che hanno una base tondeggiante. Per ottenere l effetto radiale è necessario creare una forma tondeggiante ed applicarle una frumatura radiale. Dopodichè la si deve espandere. Nelli mmagine qui a fianco sono segnate le opzioni da spuntare. Dopodichè si passa a selezionare la forma, cliccarvi copra

11 Assonometria Illustrator ha un effetto, nel menù effetto, chiamato 3D. Tale effetto mi permette di rendere un tracciato tridimensionale. Questa opzione è, tuttavia, relativamente recente: infatti nelle versioni precedenti di Illustrator non era presente. Quindi, anzichè utilizzare un comando automatico, si utilizzava uno schema di assionometria, che permetteva di creare oggetti con un inclinazione particolare, caratteristica - appunto - dell assionometria. Nel nostro caso si è partiti con questo esercizio per arrivare all uso automatico dell impostazione 3D. figura sulla griglia, oppure modificare e trasformare una figura utilizzandolo schema che segue. Come per Photoshop, è possibile creare in Illustrator azioni preset che mi permettono di evitare di ripetere infinite volte la stessa operazione. Un azione si crea nel modo seguente: - aprire il pannello azioni selezioanando la voce finestra poi azioni. - creare un azione nuova cliccando sul foglio in basso. (Da questo momento fino alla fine della registrazione, Ill. registra QUALSIASI azione noi compiamo -quindi anche quelole sbagliate). Ill. registra se è selezionato il cerchio rosso. - Per bloccare la registrazione devo cliccare sul quadrato, presente sempre nello stesso pannello. - Per applicare la registrazione cliccare sulla figure su cui la si vuole applicare e, successivamente, sul play. Assionometria Aprire un foglio di lavoro. Successivamente si costruisce una griglia assionometrica (assionometria isometrica, dove iso significa uguale. Pertando l isometrica ha angoli tutti e tre di 120 ) nel modo seguente: - costruire una linea che copre tutta la superficie del foglio cliccando l opzione linea e facendo un click sul foglio. La linea dovrà avere inclinazione duplicare la linea per formare un pattern di linee parallele tutte inclinate di 30 nel modo seguente: 1) oggetto, trasforma, spostamento. 2) seleziona 10 mm in corrispondenza della voce orizzontale e 0 mm in corrispondenza di verticale. Al fine di non ripetere infinite volte l azione cliccare sulla tastiera ctrl+d o cmd+d (su mac) [ripete l azione precedente] e coprire con le linee tutta la superficie del foglio. 3)copio il tracciato, lo dublico nella stessa posizione (ctrl+c, ctrl+f) e lo rifletto. - trasformare le linee in guide attraverso la voce menù: visualizza, guide, crea guide (ctrl+5). Per visualizzare o nascondere le guide faccio ctrl+,. Ora abbiamo la griglia. Per costruire solidi è possibile o costruire direttamente la

12 3D L immagine a fianco mostra il pannello degli effetti 3D, voce estruzione e smusso. La forma da cui si parte è una forma bidimensionale, che corrisponde (nella visualizzazione della finestra) alla faccia blu del cubo in figura. è possibile modificare il solido trascianando o gli ingoli del cubo, o le facce, o i lati, oppure l intera figura trascinando il cursore sulla sfumatura circolare che contorna il cubo. Lo spessore può essere cambiato modificando il valore profondità estrusione, che permette anche di creare oggetti pieni o bucati. Nella sezione immediatamente al di sotto si può modificare anche il tipo di spessore (ondulato, spigoloso, vario etc) e modificare lo spessore di questo effetto. Illustrator permette anche di scegliere il tipo di visualizzazione (disegno tecnico, o tipo di ombreggiatura). Nella voce superficie --> ombra diffusa, è possibile selezionare ulteriori opzioni, che permettono di gestire e aggiungere una o più fonti luminose in modo di modificare ancora la superficie, e scegliere il colore di questa luce.

13 Pattern raster Per realizzare una sfumatura in serigrafia, non posso usare vere sfumature: devo utilizzare, infatti, dei pattern. Questi pattern li posso realizzare in due modi - o attraverso photoshop, partendo dalla forma base vettoriale, oppure partendo da un riempimento pattern realizzato a partire da illustrator. Nel primo caso, eseguirò le seguenti operazioni: - aprire photoshop e creare un documento le cui dimensioni siano più grandi di quelle del file originale realizzato in illustrator; - in illustrator, l oggetto vettoriale che voglio sfumare lo devo copiare e rendere di colore piatto e unico. - copio il file vettoriale di colore piatto in photoshop lasciando l opzione oggetto avanzato, in modo che, comunque, l oggetto sia - seppur di poco - più grande di quello originale. - aumentiamo le dimensioni dell oggetto tenendo la sua posizione centrale (shift + alt); - successivamente applico all immagine una sfumatura a piacere, facendo: filtro > sfocatura > controllo sfocatura; - cambiamo ora il metodo di colore (immagine > metodo) selezionando prima scala di grigi e, successivamente, in bipmap. - interessante è il pannello bipmap, dove posso scegliere in metodo le modalità di conversione (nel nostro caso, pattern mezzetinte e la frequenza dei punti (10, nel nostro caso, facendo attenzione a mantenere un tipo di punti rotondo). Per poter utilizzare, poi, l immagine in illustrator, è sufficiente salvare il risultato ottenuto in.tiff. Solo con queste opzioni in illustrator è possibile cambiare il colore all oggetto ottenuto con photoshop. L oggetto ottenuto in vettoriale e il corrispondente pattern sfumatura ottenuto attraverso l operazione descritta qui a fianco.

14 Pattern vettoriali è possibile anche realizzare contenutori vettoriali in cui possiamo inserire riempimenti pattern. In questo modo agiremmo direttamente in illustrator, senza dover fare ricorso ad immagini raster. L operazione è la seguente: - data una forma da riempire (il nostro contenutore ), selezionare nel pannello campioni > pattern > grafica di base > grafica di base_2; - successivamente, al fine di avere una frequenza maggiore o minore di puntini all interno della figura ridimensionando l oggetto, facendo: oggetto > trasforma > ridimensiona, e impostiamo una scala o superiore o inferiore a quella che abbiamo, a seconda della frequenza di punti che vogliamo nella nostra figura; - il passaggio successivo è: oggetto > espandi aspetto (ottengo un oggetto con molte linee. Per ovviare questo problema vado nel menù effetti > elaborazione tracciati > combina. - infine, per riuscire a modificare separatamente i puntini, e cambiare loro colore, devo andare di nuovo nel pannello tracciato > espandi aspetto.

15 Brush o pennelli Lo strumento brush o pennelli è presente in illustrator nel pannello strumenti situato sulla sinistra nella finestra del software. è possibile scegliere il tipo di tracciato del pennello, modificarne il tratto selezionando - a seconda dello strumento utilizzato - le opzioni di modifica del pennello cliccando due volte sul tipo di pennello. A seconda dell effetto che voglio ottenere, potrò utilizzare o pennelli calligrafici, oppure pennelli artistici. Nel primo caso avrò una finestra come quella riportata nell immagine qui a fianco. Nel secondo caso, aprirò un pannello di modifica del pennello artistico, con molte più voci. Possiamo decidere di cambiare la direzione del pennello, la dimensione, la scala etc. Possiamo anche decidere di creare un pennello, nel seguente modo: - creare una forma; - andare successivamente nel pannello brushers, selezionare la voce pennello > nuovo pennello > pennello artistico. Ad esempio, i pennelli applicate a tracce di spessore variabile si creano nel seguente modo (vedi figure sotto).

16

17 Live trace è possibile, in determinati casi, ottenere immagini perfettamente contornate senza doverlo fare attraverso lo strumento penna, ma attraverso il ricalco dinamico, e cioè partendo da immagini opportunamente trattate in photoshop si possono convertire in tracciato attraverso lo strumento live trace in illustrator. Ad esempio, per trasformare un immagine in un tracciato, in photoshop dovrò fare le seguenti operazioni: - aperta l immagine in photoshop, la modifico in modo da avere eventuali macchie indesiderate invisibili (attraverso i livelli). - successivamente applico una soglia, cioè converto l immagine in bianco e nero attraverso immagini > regolazione > soglia. - infine faccio gli stessi procedimenti fatti per la texture: converto prima in scala di grigi e, successivamente, in bipmap, senza però usare il pattern mezzetinte ma lasciando semplicemente la soglia 50% (vedi immagine a fianco). Salvo il tutto il.fiff e importo in illustrator. Posso utilizzare le opzioni di default oppure creare una conversione con opzioni scelte da me, andando a creare una scheda applicabil a qualsiasi altra immagine dello stesso tipo. > Corrispondenza di tracciato = 1 px > Area minima = 2 px (non vogliamo che i pixel vengano quadrati, ma che siano verosimili all immagine) > Angolo = 1 px > IGNORA BIANCO (perché non vogliamo che contorni anche il bianco)

18 Colorare le illustrazioni Posto che è possibile colorare immagini vettoriali attraverso illustrator con lo strumento secchiello pittura dinamico, nei casi descritti nel tutorial live trace, è possibile colorare illustrazioni raster. In che modo? Innanzitutto, se l immagine è ottenuta da una scannerizzazione dovrò convertirla dapprima in.tiff e, successivamente, importarla in illustrator (file > inserisci) e tracciarla attraverso il live trace. Per colorare un area CHIUSA, basta selezionare lo strumento di pittura dinamica nascosto sotto allo strumento crea forme nel pannello degli strumenti. > fare attenzione a quando si seleziona un colore, che non sia selezionata la parte nera del contorno, perchè selezionando un colore si potrebbe cambiare il nero della traccia. Inoltre è possibile, dato un colore, cambiare la tonalità dello strumento pittura dinamica cliccando o la freccia destra o sinistra. Si andrà a così a selezionare il colore alla destra o alla sinistra di quello scelto nel pannello colore. è possibile anche utilizzare un altro strumento, ossia il pennello tracciato chiuso ; questo strumento serve a colorare ampie aree utilizzando, appunto, un pennello che crea tracce non vettoriali, ma oggetti con un riempimento ed una eventuale traccia. Di fatto è meno preciso del riempimento dinamico, ma più comodo nel caso si debba riempire un area ampia. Anche se ho più passaggi, illustrator mi crea sempre e comunque un unico oggetto (se uso sempre lo stesso colore, altrimenti riconosce che, avendo diversi colori, gli oggetti sono diversi e quindi non li somma ), fondendo in un unico oggetto tutti i tratti. Si sa se ad un oggetto è stato applicata la pittura dinamica perchè il rettangolo che ingloba tutte le forme colorate non è un rettangolo semplice, ma riporta dei manipolatori con il segno più. è perciò consigliabile espandere l oggetto dinamico, combinandolo successivamente, perchè agli oggetti a cui è stata applicata la pittura dinamica non si possono applicare tutti gli effetti.

19 Calligrafia Dalla versione CS5 di Illustrator è possibile realizzare caratteri o scritte non espandendo la traccia ed andando ad agire direttamente suo manipolatori, creando spessori lungo le curve, ma agendo sul tracciato vettoriale ed applicandogli una «larghezza» attraverso lo strumento larghezza. Data una traccia vettore, senza riempimento, cliccando con lo strumento larghezza sulla traccia e trascinando i manipolatori (in realtà non sono veri e propri manipolatori) è possibile creare una traccia dallo spessore variabile. Cliccando due volte sul punto centrale è possibile modificare le opzioni dello strumento larghezza; è questo, oltretutto, l unico modo per eliminare un punto dello strumento larghezza, selezionando nel pannello la voce elimina. Si può agire sul tracciato anche attraverso il profilo di larghezza variabile, presente nelle opzioni proprie della traccia.