1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

18
1 FORTIC2 percorso B1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre I modulo, II incontro: 1 dicembre 2006 2006

Transcript of 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

Page 1: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

11

FORTIC2 percorso B1FORTIC2 percorso B1

Elementi multimediali: GRAFICAElementi multimediali: GRAFICA

I modulo, II incontro: 1 dicembre 2006I modulo, II incontro: 1 dicembre 2006

Page 2: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

22

Elementi multimediali: GRAFICAElementi multimediali: GRAFICAScopo dell’incontro:Scopo dell’incontro: Riconoscere le varie tipologie di immagini e i Riconoscere le varie tipologie di immagini e i

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

fotoritoccofotoritocco Utilizzare gli strumenti grafici per semplici Utilizzare gli strumenti grafici per semplici

rielaborazioni o costruzionirielaborazioni o costruzioni Catturare immagini da vari tipi di perifericheCatturare immagini da vari tipi di periferiche Copiare immagini da internetCopiare immagini da internet Utilizzare lo scanner per acquisire immagini Utilizzare lo scanner per acquisire immagini Utilizzare l’OCR Utilizzare l’OCR

Page 3: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

33

Varie tipologie di immaginiVarie tipologie di immagini

DISEGNI ANIMAZIONI

FOTOGRAFIE

IMMAGINI

jpg tiff

bmp

png gif swf

Page 4: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

44

Diverse estensioni di fileDiverse estensioni di fileLa 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

Page 5: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

55

Diversi formati di fileDiversi 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)

Page 6: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

66

I più diffusi programmi di disegnoI più diffusi programmi di disegno

PaintPaint Drawing Drawing forfor childrenchildren (soprattutto per la (soprattutto per la

primaria)primaria) Programmi specifici Programmi specifici delle lavagne delle lavagne

interattive multimediali interattive multimediali The GIMP (per creare clipart animate)The GIMP (per creare clipart animate)

Page 7: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

77

I più diffusi programmi di fotoritoccoI più diffusi programmi di fotoritocco

Photoshop (il software più diffuso, ma a Photoshop (il software più diffuso, ma a pagamento)pagamento)

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

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

Page 8: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

88

Per inserire un’immagine in un documentoPer 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.

Page 9: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

99

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

Page 10: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

1010

Immagini dalle varie perifericheImmagini dalle varie periferiche

TAVOLETTAGRAFICA/

PLOTTER…

FOTOCAMERA

SCANNER

IMMAGINIsu PC

WEBCAM/ VIDEOCAMERA

Page 11: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

1111

Lo scanner per acquisire immaginiLo scanner per acquisire immagini

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

Page 12: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

1212

OCROCR

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

Page 13: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

1313

Proposte di lavoro in classe con Proposte di lavoro in classe con softwaresoftware

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

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

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

Page 14: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

1414

Proposte di lavoro in classe con Proposte di lavoro in classe con internetinternet

Attenzione però ai banner pubblicitari!!!Attenzione però ai banner pubblicitari!!! soprattutto per la primaria o il sostegno: stampa soprattutto per la primaria o il sostegno: stampa

di disegni da colorare reperibili su di disegni da colorare reperibili su aquinoaquino, , diennetidienneti, , coloratuttocoloratutto, , disegnidacoloraredisegnidacolorare o su o su simonerossi.itsimonerossi.it

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

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

Page 15: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

1515

Trucchi e suggerimenti: 1Trucchi e suggerimenti: 1

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

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

aprire Paint o Wordaprire Paint o Word cliccare su “modifica”, poi su “incolla”cliccare su “modifica”, poi su “incolla” apparirà l’intera videata salvataapparirà l’intera videata salvata ritagliare la parte che interessa ritagliare la parte che interessa

Page 16: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

1616

Trucchi e suggerimenti: 2Trucchi e suggerimenti: 2

Per cancellare lo sfondo da un’immagine Per cancellare lo sfondo da un’immagine ritagliata: ritagliata:

Page 17: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

1717

Trucchi e suggerimenti: 2Trucchi e suggerimenti: 2

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

Page 18: 1 FORTIC2 percorso B1 Elementi multimediali: GRAFICA I modulo, II incontro: 1 dicembre 2006.

1818

Trucchi e suggerimenti: 2Trucchi e suggerimenti: 2

Effetto finaleEffetto finale