Tutorial: Gimp & Picasa web Alcuni semplici passi per ottimizzare immagini per il web, creare album 2.0 e embeddarli in blog e wiki Barbara Bevilacqua e Nerina Carlotto 2012/2013

1. THE GIMP e PICASA:
alcune utili indicazioni per
ottimizzare e pubblicare
nel web le tue foto
by Nerina Carlotto: n3rina@gmail.com & Barbara Bevilacqua: babevila@gmail.com 2012/2013
http://creativecommons.org/licenses/by-nc-nd/2.5/it/

2. ● è un programma free di fotoritocco, composizione
e creazione di immagini
● si scarica dal sito linux originale: http://gimp.linux.
it/www
● dove ci sono tante risorse interessanti (manuali,
tutorial, guide, etc.)

3. questo è il procedimento: cliccare su
"download"

4. cliccare su "salva file"

5. avviare l'applicazione scaricata (file .exe) dalla directory
prescelta per il download oppure cliccando 2 volte su
"gimp-2,8.2setup-1.exe"

6. cliccare su "Esegui"

7. dopo aver selezionato la lingua del software,
cliccare su "OK"

8. cliccare su "Installa"

9. aspettare che l'installazione sia completa...

10. cliccare su "Fine": l'installazione è completata

11. Come alleggerire
un'immagine (disegno/foto)
con THE GIMP

12. - Con lo scanner caricare i disegni nel pc (se sono foto
scaricarle dalla memory card della macchina
fotografica)
- Salvare le immagini in locale, ad es. nella cartella
"Raccolta Immagini" (nominandola: es. GIOVANNA)

13. Utilizzare il software "The gimp" per alleggerire
i disegni o foto, seguendo le seguenti indicazioni:
- dopo aver avviato
il programma,
scegliere:
- file
- apri

14. - Selezionare un'immagine dalla cartella dove si sono
precedentemente salvate (es. GIOVANNA)

15. - Selezionare l'immagine
- Cliccare "apri"

16. Ora l'immagine è in The Gimp:
- dal menù "immagine"...

17. - ... selezionare "scala immagine"

18. - In "larghezza": digitare ad es. 450 (misura valida per inserire un'immagine in
un articolo di un blog di wordpress). Automaticamente il programma adatta
proporzionalmente anche l'altezza dell'immagine.
- Cliccare su "scala"

19. - Per salvare l'immagine modificata
cliccare su "ESPORTA"

20. - Scrivere il nome che si desidera in una apposita cartella
denominata "immagini ottimizzate" o salvare con nome
specifico, es. "disegno1_ottimizzato"

21. L'immagine è pronta per essere inserita nel blog.
- Nella modalità editing dell'articolo, cliccare su
"aggiungi media" (macchina fotografica)

22. L'immagine può essere anche inserita in un wiki.
- Nella modalità editing della pagina, cliccare su "file" e
poi su "upload file"

23. PICASA
Picasa è un repository per album web 2.0,
cioè un archivio on line, utile per conservare
le nostre foto senza "appesantire" il nostro
pc e ci consente di creare facilmente album
2.0 da embeddare in un blog o in un wiki.
Si accede direttamente a PICASA
dall'account di gmail.

24. Creare un album con Picasa
Per chi entra in Picasa per la prima volta:
- cliccare sul seguente link di Picasa web:
picasaweb.google.com
- fare il login (lo stesso di gmail)

25. Creare un album con Picasa
- Per chi entra in Picasa da Gmail:
a) Altro
b) Foto

26. - Cliccare su "carica"per inserire le immagini

27. - Scrivere il titolo dell'album. Esempio "Nonni a
scuola..."
- Cliccare "seleziona foto dal tuo computer" per
caricare le foto
NONNI a ...

28. - Scegliere le immagini dalla cartella di
destinazione

29. - Quando le foto sono caricate, cliccare Ok

30. - Cliccare su "le mie foto"(a) e appare l'album(b)
a
b

31. - Cliccare sull'album e appariranno tutte le
foto dell'album

32. - Cliccare su "AZIONI" per scegliere la copertina che
comparirà poi nel blog o nel wiki come prima immagine
dell'album

33. - Cliccare su "AZIONI" per scrivere le didascalie, digitare
il testo desiderato nell'apposito spazio e cliccare su
"completato"
Es. Nonni durante l'intervista ...

34. - Prima di pubblicare aggiungere una breve descrizione
dell'album, ad es: " Intervista ai nonni a scuola"- alunni 3T cl.4^
Sc.Primaria di Costo, ins. Carlotto M. Giovanna ...completare
le varie parti indicate dalle frecce...e poi "salva modifiche"
Intervista dei nonni...
es: " Intervista ai nonni a scuola"- alunni 3t cl.4^-sc.primaria di Costo, ins. Carlotto M. Giovanna
I.C. 2_Arzignano (VI)-http://progetto3t.wordpress.com/
Arzignano (VI)
PUBBLICA

35. - Si pubblica sul web, cliccando su "modifica"

36. - Ora si può inserire l'album nell'articolo del blog (nel gergo
del web 2.0 si dice "embeddare"):
a) cliccare su "Link a questo album"

37. b) cliccare sul codice "<table..." e copiare
(ctrl+c)

38. - Nella modalità editing dell'articolo del blog:
a)indicare con delle lettere es. XXX dove si vuole collocare
l'album
b) scegliere la modalità "Testo"
b
a

39. c) selezionare XXXXX
d) ctrl V per incollare il codice del link
all'album
...

40. ed ecco l'album EMBEDDATO nell'articolo e
pronto per essere pubblicato !

41. Per embeddare l'album in un wiki, invece:
1. Cliccare su "Link a questo album"
2. Scegliere "Incorpora slideshow"
3. Nella nuova finestra impostare le opzioni dell'album (dimensioni, mostra
didascalie, riproduci automaticamente..)
4. Copiare il codice del riquadro giallo e cliccare sul pulsante "completato" (5)

42. 5. Nella pagina del wiki in modalità editing scegliere "widget"
6. Cliccare su "altro html"
7. Copiare il codice nel form
8. Cliccare su "salva"

43. Salvare la pagina del wiki.
Questo sarà l'effetto dell'album embeddato: