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 fotoritocco Utilizzare gli strumenti grafici per semplici rielaborazioni o costruzioni Catturare immagini da vari tipi di periferiche Copiare immagini da internet Utilizzare lo scanner per acquisire immagini Utilizzare l’OCR 2 Estensioni 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 3 Varie tipologie di immagini tiff jpg FOTOGRAFIE IMMAGINI DISEGNI ANIMAZIONI bmp png gif swf 4 Diverse estensioni di file immagini La 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 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. 9 Semplici rielaborazioni di immagini Con Microsoft Office Picture Manager è possibile ruotare le immagini, correggerne automaticamente luminosità e nitidezza, ritagliarle, ridimensionarle e comprimerle 10 Immagini dalle varie periferiche SCANNER TAVOLETTA GRAFICA/ PLOTTER… IMMAGINI su PC WEBCAM/ VIDEOCAMERA FOTOCAMERA 11 Lo scanner per acquisire immagini Uno 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 internet Attenzione 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: 1 Per salvare un’immagine che “fotografi” ciò che state vedendo sul video: sulla tastiera “Stamp” (ricordarsi di posizionare il mouse fuori dall’area che si intende riprodurre) aprire Paint o Word cliccare su “modifica”, poi su “incolla” apparirà l’intera videata salvata ritagliare la parte che interessa premere 16 Trucchi e suggerimenti: 2 Per cancellare lo sfondo da un’immagine ritagliata: 17 Trucchi e suggerimenti: 2 Cliccare 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: 2 Effetto finale 19