Street scene

Luca Tornatore
Contenuti del corso (1)
 Introduzione al mondo delle immagini e loro utilizzo per la
comunicazione visiva e l'arte
 Informazione Analogica vs. Informazione Digitale:
richiami sul sistema binario, campionamento (profondità
di bit), quantizzazione (risoluzione), Limiti di
rappresentazione del reale dovuti alla quantizzazione e
campionamento, HDR.
 Formazione delle immagini
Contenuti del corso (2)
 Imaging Pipeline: Acquisizione, Post-Acquisizione, Post





Elaborazione, Production
Formati delle immagini e compressione
Percezione e Modelli di colore
Concetti di base di elaborazione delle immagini
Grafica Vettoriale
Fondamenti di digital audio e video
“Strumenti” utili
Materiale didattico
 Slides (www.leoausili.it/Infxgrafica)
 Link a risorse internet
Software
 Gimp
 Photoshop
 Inkscape
 Raw Therapy
Perchè “Informatica per la Grafica”?
 Il “Graphic Designer” è un professionista con
conoscenza
delle
discipline
artistiche
e
informatiche nel campo della comunicazione
visiva.
 Per un “Graphic Designer” l’informatica è
fondamentale per la progettazione della grafica nel
terzo millennio.
 I computer e le applicazioni software per la
produzione della grafica sono strumenti
indispensabili per i professionisti della creatività.
Perchè “Informatica per la Grafica”?
 Le
basi teoriche dell’informatica utili alla
rappresentazione
e
alla
elaborazione
delle
informazioni audio-visive (immagini, video, suono),
permettono al “Graphic Designer” di selezione gli
strumenti adeguati durante la realizzazione di un
progetto grafico, e sono utili al “Graphic Designer” per
avere intuizioni su come procedere durante lo sviluppo
dello stesso e su come l’opera finale verrà percepita dal
pubblico.
 Nuove idee e nuove tecniche possono essere ottenute a
partire dalla conoscenza delle basi teoriche relative
all’informatica per la grafica.
Un immagine è meglio di 1000 parole!
US National Park Service
Immagini, Video, Testo, Audio
Scheduling delle lezioni
 L1 Giovedì 26 Gennaio
 Introduzione al corso
 materiale
 L2 Venerdì 27 Gennaio
 Installazione software
 L3 Giovedì 2 Febbraio
 Modelli di colore
 Profili ICC
 L4 Giovedì 9 Febbraio
 Analogico vs Digitale
 L5 Venerdì 10 Febbraio
 Laboratorio GIMP
 L6 Giovedì 16 Febbraio
 Immagini raster
 Formati grafici
Scheduling delle lezioni
 L8 Venerdì 17 Febbraio
 Laboratorio Inkscape
 L11 Giovedì 15 Marzo

 L9 Giovedì 23 Febbraio
 LUT e Filtri
 L12 Venerdì 16 Marzo

 L10 Venerdì 24 Febbraio
 Laboratorio GIMP
 L13 Venerdì 22 Marzo

Esame
 Revisioni durante il corso di:
1. Creazione fiocco di neve di Koch
2. Creazione di un logo in formato vettoriale a partire da un
logo in formato raster.
3. Creazione di un barattolo (con etichetta) in formato
vettoriale
4. Miglioramento delle immagini dark presenti sul sito
5. Creazione di una GIF animata con GIMP
6. Elaborazioni artistiche mediante i filtri convolutivi (3x3,
5x5)
7. Elaborazione di una immagine con GIMP
8. Creazione di un immagine stick con GIMP
Esame
 Revisioni durante il corso di:
9. Ridimensionamento basato sul contenuto mediante
Photoshop (presa una immagine in cui figura un gruppo di
persone, l’immagine deve essere rimpicciolita del 35%
rispetto alle righe e del 20% rispetto
10. Sviluppo digitale di immagini almeno 1 RAW (tra quelle
distribuite a lezione) con il SW Rawtherapee
11. Produrre immagine HDR (Photoshop e Photomatix)
12. Creazione di un immagine panorama con Photoshop alle
colonne, mantenendo inalterati i contenuti salienti)
 Prova Orale
Domande?
 La parola a voi!!!!
 Non bisogna avere paura del docente!
(ho già pranzato!!)
 Una lezione interattiva:
 annoia meno gli studenti
 aiuta gli studenti a comprendere concetti che altrimenti
rimarrebbero oscuri
 aiuta il docente a comprendere se è riuscito a
trasmettere agli studenti i concetti
Quiz
 Chi è stato il primo a scattare una
foto a colori ?
 Maxwell
 Quando?
 1861
 Vecchie “foto” a colori:
 Prokudin-Gorskii

http://www.loc.gov/exhibits/empire/
Immagini
Immagini in bianco e nero
Immagini a toni di grigio
Immagini con un numero limitato
di colori
Immagini a colori
Fonti di variabilità dell'immagine
Very many
sources of
variability
Image
Fonti di variabilità dell'immagine
Scene type
Scene geometry
Street scene
Fonti di variabilità dell'immagine
Scene type
Scene geometry
Object classes
Street scene
Sky
Sidewalk
Bicycle
Building×3
Tree×3
Car×5
Road
Person×4
Bench
Bollard
Fonti di variabilità dell'immagine
Scene type
Scene geometry
Object classes
Object position
Object orientation
Street scene
Sky
Sidewalk
Bicycle
Building×3
Tree×3
Car×5
Road
Person×4
Bench
Bollard
Fonti di variabilità dell'immagine
Scene type
Scene geometry
Object classes
Object position
Object orientation
Object shape
Street scene
Fonti di variabilità dell'immagine
Scene type
Scene geometry
Object classes
Object position
Object orientation
Object shape
Depth/occlusions
Fonti di variabilità dell'immagine
Scene type
Scene geometry
Object classes
Object position
Object orientation
Object shape
Depth/occlusions
Object appearance
Fonti di variabilità dell'immagine
Scene type
Scene geometry
Object classes
Object position
Object orientation
Object shape
Depth/occlusions
Object appearance
Illumination
Shadows
Fonti di variabilità dell'immagine
Scene type
Scene geometry
Object classes
Object position
Object orientation
Object shape
Depth/occlusions
Object appearance
Illumination
Shadows
Fonti di variabilità dell'immagine
Scene type
Scene geometry
Object classes
Object position
Object orientation
Object shape
Depth/occlusions
Object appearance
Illumination
Shadows
Motion blur
Camera effects
Fonti di variabilità dell'immagine
Scene type
Scene geometry
Object classes
Object position
Object orientation
Object shape
Depth/occlusions
Object appearance
Illumination
Shadows
Motion blur
Camera effects
Esempi
Alcuni esempi di immagini che possono essere
classificati come "scena industriale". Variabilità visive
derivanti dalle angolo di visuale, l'illuminazione della
scena, scale dell’immagine, condizioni ambientali, la
variabilità di oggetto all'interno della scena stessa.
Variabilità di immagini
Sopra: immagini di esempio di "edifici alti" o di
“aperta campagna" illustrare l'ampia variabilità di
particolari categorie es. classe dei paesaggi ategorie.
In basso: a seconda dell'applicazione, "autostrada" e
"strada" all'interno di una città potrebbe essere
considerate (i) classi diverse, nel qual caso le loro
differenze visive sono importanti, o della stessa
classe ("strada"), in cui caso la loro somiglianze visive
sono importanti.
L’importanza del contesto
L’importanza del contesto
Oggetti nascosti!
1
2
Il
Graphic
Designer
 “Elabora” Immagini acquisite mediante digital
camera
 Crea nuove Immagini a partire dalle immagini
acquisite
 Crea nuove immagini a partire da idee
Image
Processing
Computer
Graphics
Nuovi
strumenti
avanzati sono in
arrivo grazie
alla Computer
Vision
Image Processing
Manipolare le immaggini intervenendo in diversi
momenti/maniere:
Imaging Pipeline
Digital Restoration
Enhancement
Non Photorealistic Rendering
Compression
:
Imaging Pipeline
Single Sensor Imaging Pipeline
Post-Acquisition
http://www.emanuelecarpenzano.it/
Making Color Images from
Prokudin-Gorskii's Negatives
Da leggere: http://www.loc.gov/exhibits/empire/making.html
Digital Restoration
Output
Input
Image Processing:
Digital Restoration
Digital Restoration
Image Processing:
Digital Restoration
Input
Output
Image Enhancement
Image Processing:
Enhancement
Input
Output
Non Photorealistic rendering
Image Processing:
Non Photorealistic
Rendering
Input
Output
Non Photorealistic rendering
Image Processing:
Non Photorealistic
Rendering
Input
Output
Non Photorealistic rendering
Input
Output
Composing
Mix di tecniche diverse
Image Compression
Alcuni Scatti Elaborati...
http://www.lupinanto.com/
http://www.fotosiciliane.com/
Alcuni Scatti Elaborati...
http://www.lupinanto.com/
http://www.fotosiciliane.com/
Computer Graphics
 Alcune definizioni:
 L’insieme delle tecnologie usate per creare “arte” con
l’ausilio del computers.
 Arte o disegno creato usando tali tecnologie
Quiz: Chi èWilliam Fetter?
William Fetter (1928-2002), an art director who worked
for Boeing (aerospace and defense corporation), was a
computer graphics pioneer.
He coined the term Computer Graphics in 1960, to
describe his work at Boeing.
He made the first computer model of a human body.
Da Leggere:
http://courses.washington.edu/eatreun/html/history/h_nw.html
http://en.wikipedia.org/wiki/Computer_graphics#History
http://www.bbk.ac.uk/hosted/cache/archive/BCS/Comp%20Bull
etin%201980/Computer%20Bulletin%20March%201980.pdf
http://design.osu.edu/carlson/history/lessons.html
Computer Grapics: Alcune Applicazioni
http://www.pixar.com/
http://eu.playstation.com
http://www.toonz.com/
http://www.the-tab.com/
http://gl.ict.usc.edu/Films/Parthenon/film.php
http://www.debevec.org/
http://www.shalai.it/
Sticking
Panorama
Content Aware fill & resizing
Impaining: Object Removal
Blending