Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio...
-
Upload
ludovica-diana -
Category
Documents
-
view
212 -
download
0
Transcript of Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio...
![Page 1: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/1.jpg)
Informatica AvanzataInformatica AvanzataTrattamento di Foto e Immagini Trattamento di Foto e Immagini
DigitaliDigitaliUNI3 - NICHELINOUNI3 - NICHELINO
Lez. N. 11 - 8 Maggio 2009Lez. N. 11 - 8 Maggio 2009di Pautasso Lucianodi Pautasso Lucianowww.ezguide.too.itwww.ezguide.too.it
![Page 2: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/2.jpg)
Le GIF animateLe GIF animate
• Le GIF animate sono dei piccoli filmini che se visualizzati su una pagina web (ovvero con un browser, quale Internet Explorer, Firefox, ecc, sembrano in movimento.
• Apriamo una GIF animata (usando I.E.)
• Se la apriamo con Paint Shop risulta fissa (non in movimento).
![Page 3: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/3.jpg)
Anatomia di una GIF animataAnatomia di una GIF animata
• Per vedere come è costruita una GIF animata occorre usare un software che è a corredo con Paint Shop e si chiama ANIMATION SHOP
• Psp : FILE ->PRODOTTI -> ANIMATION
![Page 4: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/4.jpg)
Apriamo la GIF animataApriamo la GIF animata
• File -> Apri -> 3d_cd.gif
• Si vedono tutti i fotogrammiche la compongono.
![Page 5: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/5.jpg)
Osserviamo l’effetto di animazioneOsserviamo l’effetto di animazione
• MENU->VISUALIZZA ->ANIMAZIONE
![Page 6: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/6.jpg)
Modifichiamo i tempo del primo Modifichiamo i tempo del primo fotogrammafotogramma
• MENU -> ANIMAZIONE -> PROPRIETA’ FOTOGRAMMA -> DURATA -> 100
![Page 7: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/7.jpg)
Osserviamo l’effetto di animazioneOsserviamo l’effetto di animazione
• Ora dovrebbe fare una pausa di 1 secondo (100/100) e poi ruotare
• MENU->VISUALIZZA ->ANIMAZIONE
![Page 8: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/8.jpg)
CREARE UNA GIF ANIMATACREARE UNA GIF ANIMATA
• Prepariamo con PSP7 alcune immagini, tutte della stessa dimensione, che rappresentano i fotogrammi della nostra GIF animata, e salviamoli con un nomi di file sequenziali, tipo 1.jpg, 2.jpg ecc ecc
![Page 9: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/9.jpg)
Lanciamo Animation ShopLanciamo Animation Shop
• Psp : FILE ->PRODOTTI -> ANIMATION
• Dal menu di Animation Shop scegliamo:FILE -> CREAZIONE GUIDATA ANIMAZIONE
![Page 10: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/10.jpg)
Impostiamo i dettagli Impostiamo i dettagli dell’animazionedell’animazione
• Dimensioni (uguale al primo fotogramma)
• Colore predefinito (Opaco)
![Page 11: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/11.jpg)
Proseguiamo le impostazioniProseguiamo le impostazioni
• Posizione dei fotogrammi
• Tipo di riproduzione (una sola o sempre)
![Page 12: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/12.jpg)
Aggiungiamo i fotogrammiAggiungiamo i fotogrammi
• Aggiungi immagine
• Per fare prima, e non doverle aggiungere una alla volta, tenere il Tasto CTRL premuto, e selezionare tutte le immagini
![Page 13: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/13.jpg)
Aggiustiamo la sequenzaAggiustiamo la sequenza
• Spostiamo le immagini alto-basso per la corretta sequenza desiderata.
![Page 14: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/14.jpg)
Iniziamo la creazioneIniziamo la creazione
• Quando la sequenza è corretta diamo AVANTI e poi FINE
![Page 15: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/15.jpg)
Ecco la sequenzaEcco la sequenza
• Possiamo controllare visivamente la sequenza dei fotogrammi, facendoli scorrere.
![Page 16: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/16.jpg)
Salviamo la sequenzaSalviamo la sequenza
• Anche qui c’è un formato (.mng) che salva tutto ed uno che è solo il risultato (.gif).
• La salviamo come Animazione1.mng
![Page 17: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/17.jpg)
Generiamo la GIF animataGeneriamo la GIF animata
• File –> Salva con nome -> CompuServe Graphics Interchange (*.gif)
• La chiamiamo Animazione1.gif
![Page 18: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/18.jpg)
Impostiamo la qualitàImpostiamo la qualità
• Lasciamo qualità massima.
• Se servisse si potrebbe diminuire in qualità guadagnando in dimensioni minori del file GIF.
![Page 19: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/19.jpg)
Attendiamo la creazioneAttendiamo la creazione
• Il tutto avviene in pochi secondi.
![Page 20: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/20.jpg)
Anteprima del risultato.Anteprima del risultato.
• Qui vediamo se la diminuzione di qualità scelta è troppo, e possiamo tornare indietro.
![Page 21: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/21.jpg)
Report finaleReport finale
• Possiamo anche visualizzare i dati tecnici dell’immagine.
![Page 22: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/22.jpg)
Proviamola su Internet ExplorerProviamola su Internet Explorer
• Apriamo Internert Explorer e “tiriamoci dentro” il file Animazione1.gif, oppure cerchiamolo dal suo menù con File Apri
• Ecco il movimento come si vede sul sito web
![Page 23: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/23.jpg)
Trasciniamo la GIF animata su Trasciniamo la GIF animata su Internet ExplorerInternet Explorer
• x
![Page 24: Informatica Avanzata Trattamento di Foto e Immagini Digitali UNI3 - NICHELINO Lez. N. 11 - 8 Maggio 2009 di Pautasso Luciano Lez. N.](https://reader036.fdocument.pub/reader036/viewer/2022070313/5542eb68497959361e8d4567/html5/thumbnails/24.jpg)
FineFine