Nozioni Base Photoshop_nozioni Grafica

7/29/2019 Nozioni Base Photoshop_nozioni Grafica

http://slidepdf.com/reader/full/nozioni-base-photoshopnozioni-grafica 1/27

Dipartimento di Storia, Disegno e Restauro

dell’Architettura

Photoshop

Nozioni base di grafica

14 aprile 2011Chiara Capocefalo




Mae West „portrait‟, 1936 Salvator Dalì

Mae West room, Dalì Museum,Figueres (Spain)




La percezione e la psicologia della visione La percezione è definibile come il processo psichico che opera lasintesi dei dati sensoriali in forme dotate di significato (processo

cognitivo e non solo sensoriale).

1935 Teoria della Gestalt o teoria della forma: la percezione è data dalla strutturazione dei singolielementi in un “insieme organizzato”, in una Gestalt (“forma”, “struttura”, “pattern”).

1950 Movimento New Look of Perception: lapercezione della forma dipende dal valore personale esociale della forma.

1966 Teoria ecologica di Gibson: la percezione è soloun aspetto dell'interazione tra organismo e ambiente in unprocesso attivo, che relaziona la posizione del corpo, lesue attività e le sue funzioni nell'ambiente stesso.

1870 Teoria empiristica di Helmhotz: la percezione èla sommatoria delle sensazioni di tipo elementare,

integrate dalle informazioni apprese in precedenza.




Organizzazione semantica dei dati nella percezioneIl tutto è più della somma delle parti

1 Figura – sfondo: tutte le parti di una zona sipossono interpretare sia come oggetto sia comesfondo (principio del contrasto).

2 Legge della prossimità: più sono fra loro vicini due o più elementi maggiore è le probabilitàche essi siano visti come una figura.

3 Legge della somiglianza: gli elementi tra lorosimili per forma, colore e dimensione vengonopercepiti come collegati.

4 Legge della chiusura: in una configurazione tendono ad emergere le forme chiuse.




La progettazione graficaIl tutto è più della somma delle parti




Criteri di composizione grafica

- GERARCHIA visiva forte per l‟organizzazione dei

contenuti;

- EQUILIBRIO delle forme (peso visivo) e dei colori

(combinazioni);

- CHIAREZZA nella progettazione del layout e nella

comunicazione tramite codici comuni;

- COERENZA tra tutti gli elementi e, nel caso, tra tutte

le pagine;







Pixel: elemento più piccolodell‟immagine caratterizzato daposizione, colore e intensità.

Grafica raster

Risoluzione: qualità dell‟immagine espressa in dots

per inch (dpi).

Profondità di colore: memoria dedicata ad ognipixel (bit). Maggiore è il numero di bit, maggiore è ilnumero di colori che è possibile descrivere.

NB: La relazione tra dimesioni in pixel e dimensioni in cm dellastampa passa solo ed esclusivamente attraverso il concetto di dpi.




BMP, Bitmap: formato standard delle immagini diwindows, non supporta il canale Alpha (trasparenza).

JPEG, Joint Photographic Experts Group: formato

standard di compressione delle immagini con perditaselettiva dei dati. Si utilizza per le immaginifotografiche.

PNG, Portable Network Graphics: nato comeformato alternativo al gif, di maggiore qualità per leimmagini web. Oggi è paragonabile al jpg ma supportaanche il canale Alpha.

TIFF, Tagged Image File Format: formato per lastampa di qualità. Supporta salvataggi a milioni dicolori, il canale Alpha e la compressione senzaperdita.

Raster, i formati




CDR, Coreldraw: formato standard delle immagini di

windows, non supporta il canale Alpha (trasparenza).

AI, Adobe Illustrator: formato di Illustrator.

DXF, Drawing Exchange Format: formato di scambio tra i software di tipo CAD.

Vettoriale, i formati

PDF, Portable Document Format: può contenere siaimmagini bitmap che vettoriali, oltre che strumentiper ricerca e navigazione in documenti elettronici.

EPS, Encapsulated Postscript: formato supportato

da quasi tutti i software di grafica. Usato come filedi scambio e per la stampa professionale.

PSD: formato di Adobe Photoshop.

I formati ibridi




Metodi di colorestabiliti nel 1931 dal CIE

(commissione internazionale dell‟illuminazione)




Gamut: spazio coloreDiagramma di cromaticità

(spettro del visibile)Diagramma di cromaticità

con spettro dell‟RGB e del CMYK

NB: Il 100% di tutte e tre le componenti (CMYK 100,100,100,0) non genera solitamente il nero,bensì il bistro, colore simile a una tonalità di grigio molto scura. Perciò nei processi di stampa si èaggiunto l'inchiostro di un quarto colore, il nero, per avere il nero pieno (CMYK 0,0,0,100)risparmiando sulle componenti degli altri tre inchiostri.




Attributi percettivi del colore Attributi di base:- Brillantezza (brightness)- Tinta (hue)- Pienezza (colorfulness)

Brillantezza (brightness) :l‟attributo di una percezione visivasecondo il quale un‟area appare emettere (o riflettere) più omeno luce (corrisponde alla grandezza fotometrica dellaluminaza).

Attributi relativi:- Chiarezza (lightness)- Croma (chrome)- Saturazione (Saturation)





Tinta (hue) : è l‟attributo di una sensazione visiva secondo ilquale un'area osservata appare simile a un colore o ad unaloro combinazione. Una tinta non è un colore, ma unafamiglia di colori (corrisponde alla lunghezza d‟onda dellaradiazione luminosa).






Pienezza (colorfulness) : è l‟attributo della percezione dicolore secondo cui un‟area appare esibire una quantità(intensità) maggiore o minore di tinta. La pienezza dipendedal livello di illuminazione: quando questa aumenta, la

pienezza aumenta.






Chiarezza (lightness) : è la brillanza di un‟area giudicatarelativamente alla brillanza di un‟area similmente illuminatache appare bianca. Non dipende dall‟illuminazione.






Croma (chrome): è l‟attributo di una sensazione visiva cheriguarda la pienezza di un'area in proporzione allabrillantezza di un'area similmente illuminata che apparebianca. Non dipende dall‟illuminazione.


NB: Questi colori hanno la stessa chiarezza e tinta. Il colore più a sinistra hacroma nulla (è un grigio, dunque non ha tinta), mentre la croma aumenta inmodo uniforme andando verso destra. Se l‟oggetto ha lo stesso grado diilluminazione i rapporti di pienezza sono uguali ai rapporti di croma, cioèpienezza e croma sono essenzialmente la stessa cosa. Il nostro sistema visivo èportato a giudicare la croma di un oggetto, non la sua pienezza.





Saturazione (Saturation): è la pienezza di un'area giudicatain proporzione alla sua brillanza. Si può intendere come lapurezza di un colore: un colore puro o saturo quindi noncontiene tracce di nero o di bianco, quindi possiede ilmassimo grado di intensità e pienezza e si chiama colore timbrico .





Metodi di colorestabiliti nel 1931 dal CIE

(commissione internazionale dell‟illuminazione)

Lab: si basa sulla percezione umana del colore.Ha una componente di luminosità (L)compresa tra 0 e 100 e una componente a (asse verde-rosso) ed una componente b (asseblu-giallo) comprese tra +127 e – 128.

HLS (hue, Lightness, Saturation)







Arch. Prue Chiles

Immagine tratta da Architects‟ sketchbook di W. Jones, editore L‟ippocampo, 2011

Immagine fotografica + immagine renderizzata (fotoinserimento)

I i f fi i i d i (f i i )




A4 Studio


Immagine fotografica + immagine renderizzata (fotoinserimento)

Disegno a mano libera + Immagini fotografiche o texture




A4 Studio






Arch. Prue ChilesImmagine tratta da Architects‟ sketchbook di W. Jones, editore L‟ippocampo, 2011


Disegno a mano libera + Immagine fotografica




Arch. Alistair Lillystone


Disegno a mano libera + Immagine fotografica

Immagine fotografica + Disegno a mano libera




Arch. Nagan Johnson


Immagine fotografica + Disegno a mano libera




Bibliografia• CIE: International Lighting Vocabulary 1987 (IV ed.),

Pubblicazione IEC/CIE.• Munari, B., Design e comunicazione visiva. Contributo a una

metodologia didattica , 2007, Laterza.• Arnheim, R., Arte e percezione visiva (1957), 1962, Feltrinelli.•

Arnheim, R., Il pensiero visivo (1969), 1974, Einaudi.• Gregory, R., Occhio e cervello , 1998, Editore R. Cortina.• Kandinskij, W., Punto, Linea e Superficie , 1967, Adelphi.• Klee, P., Teoria della Forma e della Figurazione , 1959,

Feltrinelli.• Samara, T., Elementi di grafica, 2008, Logos

Sitologia - 2011• Elementi di comunicazione visiva, Alberto Trussardi, 2010,

www.webfandom.com• La Gestalt? Non è roba che si mangia ma fa mangiare il grafico

sagace, http://www.grafite.biz/content/view/35/27/

Documents

Nozioni Base Photoshop_nozioni Grafica