Elementi multimediali: GRAFICA

15 giugno 2007

1

Scopo dell’incontro:Riconoscere le varie tipologie di immagini e i

diversi formati di file Conoscere i più diffusi programmi di disegno

e fotoritoccoUtilizzare gli strumenti grafici per semplici

rielaborazioni o costruzioniCatturare immagini da vari tipi di perifericheCopiare immagini da internetUtilizzare lo scanner per acquisire immagini Utilizzare l’OCR

2

Estensioni

3

ESTENSIONI TIPO DI FILE

.com . bat .exe applicazioni e file eseguibili di sistema

.dll .drv .sys. .vbx driver di periferiche e altri flile di sistema

.doc .rtf .txt .wmf .wri documenti creati con elaboratori di testo

.htm documenti HTML cioè pagine web

.bmp .gif .jpg .png .tif immagini in diversi formati

.aif .mid .mp3 .waw suoni in diversi formati

.avi .mov .mpg filmati in diversi formati

.zip .tmp file compressi e file creati temporaneamente dal sistema

DISEGNI ANIMAZIONI

FOTOGRAFIE

IMMAGINI

4

Varie tipologie di immagini

jpg tiff

bmp

png gif swf

Diverse estensioni di file immaginiLa grafica annovera una lunga lista di formati diversi, perché le immagini possono essere codificate e/o rappresentate in molti modi diversi: inoltre molti programmi di grafica che trattano immagini associano ai dati grafici veri e propri anche una serie di informazioni supplementari, per esempio sulla loro rappresentazione.Per le immagini si utilizzano principalmente formati con estensioni:

- BMP (Bitmap) - GIF - JPEG, JPG - PICT - PNG - TGA (Targa) - TIFF - DjVu

5

Diversi formati di file

I formati grafici ammessi nel Web sono sostanzialmente tre:

GIF (Graphic Interchange Format): le GIF sono immagini con non più di 256 colori (dunque con colori piatti e senza sfumature), come grafici o icone

JPG: è l’acronimo del gruppo di ricerca che ha ideato questo formato (il Joint Photographic Experts Group), idoneo per le immagini di qualità fotografica

PNG (Portable Network Graphic). Il PNG è un tipo di immagine introdotto più recentemente, elaborato dal W3C (accessibilità siti)

6

I più diffusi programmi di disegno Paint Drawing for children (soprattutto per la

primaria) Programmi specifici delle lavagne interattive

multimediali The GIMP (per creare clipart animate)

7

I più diffusi programmi di fotoritocco Photoshop (il software più diffuso, ma a

pagamento) Pixia (ottimo software libero e gratuito) Programma per piccoli ritocchi, ma

veloce, pratico ed efficace: Microsoft Office Picture Manager (è in tutti i PC che utilizzano Office in “start”, “programmi”, “microsoft office”, “strumenti di office”)

8

Per inserire un’immagine in un documento

9

Per inserire un’immagine si può procedere in diversi modi:Si può usare il solito sistema copia-incolla prelevando l’immagine da internet, da un CD, da un’enciclopedia, da un altro file, ecc. In questo caso l’immagine viene inserita nella presentazione e farà parte integrante della stessa; non c’è quindi bisogno di memorizzarla separatamente.

Dal menu INSERISCI – IMMAGINE, scegliendo poi se da file, da scanner o altro; anche in questo caso l’immagine sarà incorporata.

Semplici rielaborazioni di immaginiCon Microsoft Office Picture Manager è possibile ruotare le immagini, correggerne automaticamente luminosità e nitidezza, ritagliarle, ridimensionarle e comprimerle

10

Immagini dalle varie periferiche

11

TAVOLETTAGRAFICA/

PLOTTER…

FOTOCAMERA

SCANNER

IMMAGINIsu PC

WEBCAM/ VIDEOCAMERA

Lo scanner per acquisire immaginiUno scanner d'immagini in ambito informatico è un dispositivo che digitalizza immagini bidimensionali. Ne esistono di varie marche. Una volta istallati, per avviarli è sufficiente premere sui tasti davanti allo scanner o cercare il software tra i “programmi”, solitamente catalogato sotto il nome della marca dello scanner stesso (HP, Epson…).

12

OCR

Sistemi di Optical Character Recognition (riconoscimento ottico dei caratteri detti anche OCR) sono programmi dedicati alla conversione di un'immagine contenente testo in testo modificabile con un normale programma di videoscrittura. Solitamente le immagini sono acquisite da uno scanner d'immagini o da un sistema di digitalizzazione che si avvale di una telecamera o di una webcam.

13

Proposte di lavoro in classe con software creazioni di disegni da inserire in testi,

ipertesti o presentazioni con Paint, con Drawing for children (più adatto per la primaria), con Pixia. Per esempio bandiere delle varie nazioni, creazioni con l’ausilio della griglia (esempi in www.shangrila.altervista.org o in www.midisegni.it/scuola/didattica.shtml), autoritratti, sfondi di paesaggi…

utilizzo di immagini con Power Point (che verrà trattato nel prossimo modulo)

creazioni di frattali (mix di foto, effetti…) visibili anche nel sito grancaffescuola

14

Proposte di lavoro in classe con internetAttenzione però ai banner pubblicitari!!! soprattutto per la primaria o il sostegno:

stampa di disegni da colorare reperibili su aquino, dienneti, coloratutto, disegnidacolorare o su simonerossi.it

creazione di avatar (immagini di piccole dimensioni da utilizzare nei forum…) on line su

raccolte di gif on line divise per argomenti (siti in francese:)www.quigif.com www.yatoula.com/gif/pages/gif.html

15

Trucchi e suggerimenti: 1Per salvare un’immagine che “fotografi” ciò che state vedendo sul video:

premere sulla tastiera “Stamp” (ricordarsi di posizionare il mouse fuori dall’area che si intende riprodurre)

aprire Paint o Wordcliccare su “modifica”, poi su “incolla”apparirà l’intera videata salvataritagliare la parte che interessa

16

Trucchi e suggerimenti: 2Per cancellare lo sfondo da un’immagine ritagliata:

17

Trucchi e suggerimenti: 2Cliccare sull’icona indicata dalla freccia rossa o cliccare su “visualizza”, “barra degli strumenti”, “immagine” e poi cercare l’icona. Cliccare sulla penna e poi sulla parte dell’immagine che si vuole rendere trasparente

18

Trucchi e suggerimenti: 2Effetto finale

19