Importare e trasformare

Transcript

1 Informatica Grafica I Importare e trasformare Per produrre immagini più realistiche od effetti più sofisticati è possibile importare immagini (vettoriali o raster) all'interno dei propri disegni. Il formato delle immagini ne determina le caratteristiche: colori, trasparenze, primitive utilizzate, etc... Marco Gribaudo marcog@di.unito.it Le immagini vettoriali vengono salvate da opportuni programmi ed hanno molteplici estensioni (Es..eps,.ai,.dxf,.fh9,...) Generalmente le immagini vettoriali vengono importate trasformando le primitive del file letto in quelle dello strumento utilizzato. Le immagini importate vengono raggruppate in un unico oggetto. Una volta importate, le immagini vettoriali possono essere modificate "rompendo" il gruppo in cui vengono racchiuse. Il programma in uso potrebbe non avere a disposizione tutte le primitive necessarie all'importazione. In questo caso esse vengono approssimate da quelle disponibili. Anche le immagini raster possono essere salvate in differenti formati. A seconda del formato utilizzato, vengono determinate le proprietà di visualizzazione delle immagini importate. Le immagini raster generalmente non possono essere modificate direttamente dai programmi di grafica vettoriale.

2 Le immagini GIF possono contenere trasparenze ed animazioni. Le immagini JPEG offrono un'ottima compressione per le fotografie, ma possono dare origine ad immagini di scarsa qualità. Non ammettono trasparenze od animazioni. Le immagini BMP o TIFF occupano molto spazio ma consentono di mantenere la qualità massima per le fotografie. Anch'esse non hanno trasparenze od animazioni. Le immagini PNG rappresentano il nuovo standard per la grafica destinata al web, e sono capaci di codificare trasparenze (alpha channel) ed infiniti colori. In Flash le immagini si importano attraverso il comando Importa del menu File. Flash e' in grado di importare i seguenti formati vettoriali (anche se non perfettamente): dxf, fh?, ai Li immagini importate vengono memorizzate come particolari oggetti di libreria. E' in grado di inportare i seguenti formati raster: bmp, jpeg, gif, png, pict, tga, tiff, psd, sgi

3 Richiamando le proprieta' dell'elemento di libreria con il tasto destro del mouse, si possono ottenere delle utili funzionalita': Ricarica l'immagine Sostituisce l'immagine Determina il peso nel filmato finale Agli oggetti possono esserre applicate alcune semplici trasformazioni. Queste trasformazioni non cambiano la forma dell'oggetto, ma lo ruotano e lo schiacciano mantenendo invariato il numero di componenti. Imposta tipo di compressione e qualita' dell'immagine La trasformazione più semplice è il ridimensionamento. Essa permette di ingrandire o rimpicciolire l'oggetto. Il ridimensionamento può essere differente lungo gli assi orizzontale e verticale, distorcendo la figura. Con la riflessione si puo' ribaltare un oggetto lungo l'asse orizzontale o verticale. La rotazione ruota la figura attorno ad un centro.

4 È generalmente possibile specificare il punto attorno al quale avviene la rotazione. Lo skew piega leggermente la figura lungo gli assi orizzontali o verticali. Le trasformazioni in Flash si possono eseguire attraverso lo strumento di trasformazione libera. Esso mostra una griglia attorno all'oggetto selezionato. Le varie trasformazioni possono essere ottenute posizionando il mouse in punti opportuni. Rotazione Ingrandimento proporzionale Skew verticale Ingrandimento orizzontale Centro di rotazione Ingrandimento verticale Le trasformazioni viste fino ad ora possono essere applicate a tutti gli oggetti: bitmap, elementi di libreria ed immagini vettoriali. La distorsione permette di proiettare l'immagine in un qudrilatero irregolare. Risulta utile per creare effetti di prospettiva. Sulle immagini vettoriali si posso applicare altre due trasformazioni speciali: Distorci ed Involucro

5 L'involucro peremtte invece di deformare attraverso curve di Bezier il contorno rettangolare dell'immagine. I vari tipi di trasformazione possono essere richiamati anche attraverso i pulsanti presenti nella casella delle opzioni Ruota Ingrandisci Distorci Involucro di colore Oltre alle trasformazioni sulle forme degli oggetti i programmi grafici consentono trasformazioni sui colori: di colore Cambiando la trasparenza (alpha) di un oggetto, si lascia intravvedere cio' che gli sta sotto. Traparenza Luminosita' Tinta di colore Quando si utilizzano le trasparenze, l'ordine in cui vengono disposti gli oggetti assume notevole importanza. di colore Nel caso di primitive, la trasparenza puo' anche essere assegnata direttamente al colore impostando un valore di Alpha inferiore a 100% nel Color Mixer. Livello di trasparenza

6 di colore La luminosità di un'immagine puo' essere variata per ottenere effetti di dissolvenza. di colore Cambiando la tinta di un oggetto, si può variare la tonalità del colore predominante. di colore Le trasformazioni di colore in Flash si effettuano solo sui simboli, utilizzando la pagina delle proprieta' Nessnua Luminosita' Tinta Le parti interne dei poligoni e delle altre figure chiuse possono essere riempite con effetti più complessi rispetto al colore uniforme. Tra i riempimenti avanzati i gradienti sono quelli più semplici. Avanzata Trasparenza Un gradiente consiste in una sfumatura continua tra due colori. Esistono diversi tipi di gradienti: Lineari Radiali Conici Quadrati

7 In un gradiente lineare i colori si susseguono lungo una linea retta. Generalmente si può stabilire la direzione della retta. In un gradiente radiale i colori si susseguono in modo circolare a partire da un centro. Generalmente è possibile stabilire il centro. Un gradiente conico crea un effetto simile a quello di un cono visto dall'alto. È caratterizzato da un centro e da un angolo. Un gradiente quadrato crea un effetto piramidale. Anche esso è caratterizzato da un centro e da un angolo. Solitamente è possibile specificare più colori intermedi e la proporzione in cui essi si alternano, creando effetti "arcobaleno". I gradienti in Flash si creano utilizzando il Color Mixer Percentuali RGB, ed Alpha Tipo di riempimento: Solido, Lienare o Radiale: Permette di modficiare il colore di sfumatura selezionato Colori tra i quali avviene la sfumature: si aggiungono facendo click sulla barra sfumata, si rimuovono facendovi click col mouse e trascinandoli verso il basso, si selezionano facendovi click sopra.

8 Un altro tipo di riempimento avanzato è denominato texture. Le texture vengono importate esattamente come le altre immagini... Una texture è un'immagine raster che viene ripetuta più volte in modo da riempire un'area delimitata da una primitiva.... e possono essere utilizzate per riempire aree quali rettangoli, cerchi e poligoni. Normalmente le texture rappresentano materiali reali quali legno, pietra, tessuto od altro. In questo modo si può dare l'impressione che gli oggetti disegnati siano costituiti dal materiale impiegato. Le texture possono essere regolate in modo da migliorare la qualità dell'effetto.

9 Si può generalmente specificare un'origine da cui far partire la ripetizione delle immagini ed applicare le trasformazioni base quali ridimensionamenti, rotazioni e skew. Le texture in Flash si utilizzano selezionando Bitmap nel color mixer. Il fil transform tool serve a regolare la posizione dei gradienti e delle texture Flash mostra tutte le bitmap presenti in libreria, permettendo di selezionare quella desiderata. Nel caso di gradienti lineari ci da la possibilita' di: Nel caso di gradienti radiali: Ruota gradiente Posiziona centro Rende ellittico Ridimensiona gradiente Ridimensiona gradiente Posiziona centro Ruota gradiente

10 Nel caso di texture: Il "color picker" (contagoccie) permette di catturare non solo colori fissi, ma anche tratti, gradienti e texture. Ridimensiona orizzontale Ridimensiona proporzionale Skew orizzontale Ruota bitmap Skew verticale Posiziona bitmap Ridimensiona verticale Il lucchetto presente nel pennello e nel contenitore colore, bloccano la direzione del gradiente in oggetti successivi. Vettorializzazione Quando si usano programmi vettoriali, può essere necessario converitre un'immagine raster nell'equivalente vettoriale. Vettorializzazione La vettorializzazione cerca di trasformare aree contigue di colore simile in poligoni. Molti strumenti mettono quindi a disposizione funzionalità di vettorializzazione con cui trasformare un'immagine raster nell'equivalente vettoriale. Vettorializzazione Generalmente è possibile specificare una tolleranza che determina la fedeltà della immagine generata, a scapito della sua complessità. Vettorializzazione La vettorializzazione in Flash si esegue attraverso la voce di menu "ricalca bitmap". Quanto simili devno essere i colori per essere considerati identici Quanto piccole possono essere le aree trasformate in un unica primitiva Quanto precisamente vengono riconosciute le curve