whitecat introduzione alla grafica · e mappe mentali) scelta del layout preparazione di 2 proposte...

21
Introduzione alla Grafica G R A F I C A Teoria del colore Stampa Offset - Deretinatura Stampa digitale Immagini raster Immagini vettoriali - Pdf Briefing con il cliente Riepilogo... whitecat

Upload: doanbao

Post on 20-Feb-2019

220 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

Introduzione alla Grafica

ANIMAZIONE GRAFICA COMUNICAZIONE EVENTI

• Teoriadelcolore• StampaOffset-Deretinatura• Stampadigitale• Immaginiraster• Immaginivettoriali-Pdf• Briefingconilcliente• Riepilogo...

white

cat

Page 2: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

ceRchIODIITTenal centro i tre colori primari rosso-giallo-blu

white

cat

Page 3: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

CMYK Cyan Magenta Yellow Key black

HSB LABALTRI

RGB

Red Green Blue

Modellidicolore un modello matematico astratto che permette di rappresentare i colori in forma numerica

Hue - Saturation - BrightnessTonalità - Saturazione - Luminosità

Luminosità - a e b colore opponenteLab include tutti i colori percepibili

Modello sottrattivo(il nero, in fisica, è l’assenza di tutti i colori)

Modello additivo(il bianco, in fisica, è la somma di tutti i colori)

= nero = R 255G 255B 255

= rossoR 255G 0B 0

= neroR 0G 0B 0

= gialloR 255G 255B 0

= grigioR 100G 100B 100

= R 150G 200B 0

= bistro

C 100M 100Y 100K 0

C 0M 0Y 0K 100

esempio di neropieno

C 60M 40Y 20K 100

=

= verde= rosso

C 0M 100Y 100K 0

C 100M 0Y 100K 0

verdebrillante

C 35M 0Y 100K 0

=

I colori si ottengono con valori espressi in percentuale I colori si ottengono con valori espressi in 256 numeri che vanno da 0 a 255

verdebrillante

white

cat

white

cat

Page 4: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

Spazidicolore

X e Z = valori di cromaticitàY luminanza

la combinazione di un modello di colore e di una appropriata funzione di mappatura

SPAZIOcROMATIcO

RGB(MOnITOR)

SPAZIOcROMATIcO

CMYK(STAMPAnTe)

SPAZIOcROMATIcOSTAnDARDDeLL’OcchIOUMAnO

white

cat

Page 5: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

StampaOffset

white

cat

Page 6: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

ceRchIODIITTen

white

cat

Page 7: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

Deretinatura

white

cat

Page 8: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

TipografiacaratteriMobili

Litografia white

cat

Page 9: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

PantoneMatchingSystem

white

cat

Page 10: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

StampaDigitale

white

cat

Page 11: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

risoluzione• è il numero di pixel contenuti

in un’unità di misura• si misura il dpi (dot per inch)

o ppi (pixel per inch)• è ottenuta moltiplicando il numero

delle righe di pixel per quello delle colonne di pixel

• misure comuni: 300 dpi per la stampa, 72 dpi per il web

profondità• è la quantità di memoria (bit) che si dedica

ad ogni pixel per descrivere il colore• si misura in BPP (Bit Per Pixel)• numero di bit alto = maggior numero

di colori che è possibile descrivere• comunemente si usano 8 bit (per

ogni canale) ovvero 256 livelli discreti per definire la profondità di colore. La gamma di colori sarà 256×256×256=16,7 milioni di colori.

formatidifilenoncompressi raw bmp

compressionelossless png tga tiff gif (fino a 256 colori)

compressionelossy jpeg gif (oltre 256 colori)

ImmaginiBitmap/RasterParametri

white

cat

Page 12: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

curvediBeziérImmagini Vettoriali

definizioneL’immagine è un insieme di primitive geometriche che definiscono punti, linee, curve e poligoni ai quali possono essere attribuiti colori e anche sfumature.

formatidifile ai svg pdf

vantaggi dimensioni qualità svg

white

cat

Page 13: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

ANIMAZIONE GRAFICA COMUNICAZIONE EVENTI

PDFVantaggi

UsabilitàDimensioniPrestazioniProtezioneAll-Inclusive

ivantaggivalgonoseilpdfègeneratocorrettamente...

mediaboxle dimensioni del supportocontiene tutti gli altri box

bleedboxdefinisce i limiti in cui il contenuto della pagina viene tagliato in produzione, ma comprende ancora il cosidddetto “rifilo”

trimboxle dimensioni definitive della pagina dopo il taglio finale, è tipicamente definito dai crocini di taglio

artboxdefinisce il contenuto “significativo” della pagina, cioè l’area che comprende i vari elementi (immagini, testo)

cropboxnon ha relazione con il formato geometrico della pagina, può essere considerato come un default per la visualizzazione in applicativi generici

mediaboxbleedboxtrimbox

cropboxartbox

white

cat

Page 14: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

primaraccogliereinfosulcliente

duranteraccoglieretutteleinfochedàilcliente,icontenuti1.chi2.cosa3.dove4.quando5.come6.perché7.target(achièrivolto)

briefing

white

cat

Page 15: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

dopostudiodelconceptgrafico(brainstormingemappementali)

sceltadellayoutpreparazionedi2proposte

rileggerel’ultimabozza

(farrileggerel’ultimabozzaanchealcliente)

briefing

white

cat

Page 16: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

white

cat

Page 17: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

Comune di Aviano

Assessorato alla Cultura

Mercoledì 24 aprile il Sindaco consegnerà la bandiera e il testo della Costituzione agli alunni delle scuole

è un’iniziativa di Salam Shalom XI ed.

Giovedì25 aprore 17.00

veNerdì 3 MaGore 20.45

veNerdì10 MaGore 18.00

veNerdì24 MaGore 20.45

Concerto degli allievidell’Istituto di Musica della Pedemontana

Sala Consiliare Palazzo Bassi

Incontro pubblico con

Beppino englaromodera Paolo Ledda

Sala Consiliare Palazzo Bassi

i diritti civili e politici nella Costituzione italiana

Incontro pubblico conEnrico Manzon, magistrato

Sala Consiliare Palazzo Bassi

io sono Liregia di Andrea Segrea cura di CinemazeroCasa dello Studente

GiorNate di iMpeGNo CiviLediritti di Cittadinanza

white

cat

Page 18: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

è un’iniziativa di Salam Shalom XI ed.

Comune di Aviano

Assessorato alla Cultura

Giornate di impeGno Civile

Diritti di Cittadinanza

Concerto degli allievidell’Istituto di Musica della Pedemontana

giovedì 25 aprile ore 17.00Sala Consiliare Palazzo Bassi

Incontro pubblico con

Beppino englaromodera Paolo Ledda

venerdì 3 maggio ore 20.45Sala Consiliare Palazzo Bassi

i diritti civili e politici nella Costituzione italiana

Incontro pubblico con Enrico Manzon, magistratovenerdì 10 maggio ore 18.00

Sala Consiliare Palazzo Bassi

io sono liun film di Andrea Segre, a cura di Cinemazero

venerdì 24 maggio ore 20.45Casa dello Studente

Illu

stra

zion

e di S

arol

ta S

zuly

ovsz

ky

Mercoledì 24 aprile il Sindaco consegnerà la bandiera e il testo della Costituzione agli alunni delle scuole

white

cat

Page 19: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

Comune di Aviano

Assessorato alla Cultura

Giornate di impeGno CivileDiritti di Cittadinanza

giovedì 25 aprile ore 17.00

Concerto degli allievidell’Istituto di Musica della PedemontanaSala Consiliare Palazzo Bassi

venerdì 3 maggio ore 20.45Incontro pubblico con

Beppino englaromodera Paolo LeddaSala Consiliare Palazzo Bassi

venerdì 10 maggio ore 18.00

i diritti civili e politici nella Costituzione italianaIncontro pubblico con Enrico Manzon, magistratoSala Consiliare Palazzo Bassi

venerdì 24 maggio ore 20.45Proiezione di

io sono liregia di Andrea Segre, a cura di CinemazeroCasa dello Studente

Mercoledì 24 aprile il Sindaco consegnerà la bandiera e il testo della Costituzione agli alunni delle scuole

è un’iniziativa di Salam Shalom XI ed.

white

cat

Page 20: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

daricordaresempre...• immaginiinaltarisoluzione• impostareleabbondanze(min.3mm)• incorporarelefont(otracciarle)• usareK100suitestiinnero• rileggereunabozzastampata

esoprattutto...sevuoiessereunverografico...

white

cat

Page 21: whitecat Introduzione alla Grafica · e mappe mentali) scelta del layout preparazione di 2 proposte rileggere l’ultima bozza (far rileggere l’ultima bozza anche al cliente) briefing

nonusareMAI

ilcomicsans!!!

white

cat