Gif animate, glitter ed emoticons con GIMP
Consiglio di seguire prima questo tutorial, se gia avete un po di esperienza con GIMP e state cercando un modo per creare glitter potete passare direttamente al tutorial sulle immagini glitter con gimp.
Consiglio di seguire prima questo tutorial, se gia avete un po di esperienza con GIMP e state cercando un modo per creare glitter potete passare direttamente al tutorial sulle immagini glitter con gimp.
| Un’ immagine png permette di rappresentare milioni di sfumature di colore. | La stessa immagine salvata in formato GIF perde di qualità a causa dei limiti del formato. |
![]() |
![]() |
| Trasparenza tra un’immagine GIF e un’immagine PNG a confronto. ATTENZIONE! Se state utilizzando Internet Explorer 6 o inferiore non potete visualizzare la trasparenza delle immagini png, nonostante il formato esista dal ‘95 IE lo supporta solo dalla versione 7. Lo sfondo a quadretti rappresenta la trasparenza, la differenza tra i due formati è evidente Prova con uno sfondo diverso: |
Immagine GIF, non è possibile utilizzare sfumature nella trasparenza.
![]() |
Immagine PNG, si possono utilizzare 256 livelli di trasparenza nelle immagini.
![]() |
Se non avete le idee molto chiare su cosa siano le gif animate, i livelli e GIMP vi consiglio di seguire prima questo tutorial introduttivo, i passaggi sono comunque molto semplici.
Se gia avete un po di pratica con gli editor di immagini e i codici HTML potreste trovare interessante questo tutorial per forzare il limite di 8 bit per i colori delle gif utilizzando immagini png.
Con le tecniche che state per apprendere potete creare diversi tipi di decorazioni animate ma se non avete tempo potete raggiungere comunque degli ottimi risultati utilizzando altri strumenti.
Plugins:
Sparkles ad esempio è un plugin prodotto da Xero per photoshop che potete utilizzare su GIMP grazie alle librerie PSPI.
Editor online:
Il problema di questo tipo di editor è che spesso aggiungono il loro logo all’immagine e non è possibile gestire immagini di grandi dimensioni, avere un editor con funzioni preconfigurate e standard rende la cosa molto più semplice a discapito della libertà di sprigionare la propria creatività. Eccone alcuni:
www.glitterfy.com
blingee.com
Iniziamo ora con il tutorial.
Quello che andremo a fare per creare l’animazione è costruire i fotogrammi singolarmente in livelli per poi salvarli come gif animata.
Per aggiungere le decorazioni possiamo utilizzare principalmente due tecniche, l’una o l’altra potrebbe risultare più comoda a seconda del risultato che vogliamo ottenere.
Per la prima utilizzeremo una base sulla quale sovrapporre l’immagine da decorare (es. 1) per la seconda utilizzeremo un pennello personalizzato per decorare l’immagine dopo averla duplicata in tanti livelli quanti frame vogliamo abbia l’animazione (es 2). In effetti detta così potrebbe risultare un po incomprensibile ma con gli esempi risulterà tutto più chiaro.
Potete scaricare questo file zip con quasi 200 basi glitter per esercitarvi o modificare le vostre foto.
Esempio 1
Creare un’immagine glitter utilizzando un motivo di riempimento personalizzato.
Prima di iniziare dovrete preparare il motivo personalizzato da aggiungere alla lista dei motivi di GIMP, in questo esempio ne utilizzerò uno preso dal pacchetto del paragrafo precedente ma potete anche crearne uno da voi con le tecniche apprese nei precedenti tutorials.
| Per questo esempio utilizzerò questo motivo. | ![]() |
| 1. Aprite l’immagine con gimp e visualizzate i livelli con CTRL+L Se quello che vedete è qualcosa del genere, ovvero solo il primo fotogramma è normale mentre gli altri mostrano il canale alpha significa che l’immagine è stata salvata in modalità “combine” ovvero vengono salvate solo le differenze tra un fotogramma e l’altro. In questo caso il motivo deve essere corretto, altrimenti Saltate il prossimo passaggio. |
|
| 2. Per correggere il motivo dobbiamo copiare il livello di base sotto ogni livello da correggere. Per farlo selezionate il livello di base e utilizzate il tasto “copia livello” (cerchiato in rosso). Con il mouse spostate i nuovi livelli appena creati sotto i livelli da correggere come in figura. |
|
| Utilizzate il comando “fondi in basso” che appare quando cliccate con il tasto destro sul livello per unire le coppie “livello da correggere” – “duplicato del livello di base” | |
| A questo punto avrete ottenuto dei livelli indipendenti. | |
| 3. Salviamo i livelli in immagini separate nel formato utilizzato da gimp per i motivi. Per farlo visualizziamo il solo livello da salvare e clicchiamo su Come tipo di file dalla schermata “Salva Immagine” scegliamo “Motivo GIMP” che ha estensione pat. Dato che i motivi gimp non supportano i livelli ci verrà chiesto se vogliamo unire l’immagine e se vogliamo convertirla in scala di grigi o RGB, cliccate su esporta. Date una descrizione al pattern e salvate l’immagine. Potete scaricare qua lo zip con i motivi appena creati. |
| 4. Copiate i motivi appena creati nella cartella dei motivi di GIMP nella versione utilizzata per questo tutorial è: Chiudete e riaprite GIMP o utilizzate il tasto aggiorna dalla finestra di selezione pattern. |
| 5. Apriamo l’immagine da modificare, per questo esempio ho utilizzato questa foto:
dalla schermata dei livelli clicchiamo con il tasto destro del mouse sul livello dell’immagine e su “aggiungi canale alpha”, in questo modo le parti cancellate verranno rese trasparenti. |
| 6. Utilizzando lo strumento gomma (o cancellino, Maiusc+E) e il pennello più adatto a quello che vogliamo fare portiamo in trasparenza la parte dell’immagine dove vogliamo che si veda il motivo di sfondo. In questo caso voglio che il motivo non copra la luna, i quadretti indicano la trasparenza.
|
| 7. A questo punto duplichiamo in livelli separati l’immagine tante volte quanti sono i motivi che abbiamo creato e per ogni livello ne aggiungiamo un’altro nuovo subito sotto da utilizzare come sfondo. Utilizzate i tasti cerchiati in rosso rispettivamente per creare i nuovi livelli e per duplicare quelli dell’immagine e ordinateli con il mouse. Nuovo livello, Nuovo livello#1 e Nuovo Livello#2 |
|
| 8. Andiamo ora a riempire i livelli da utilizzare come sfondo con i pattern appena creati. Selezioniamo lo strumento “Riempimento di colore”. Selezioniamo “riempimento con motivo” e il primo dei motivi da noi creati Dopo aver selezionato il primo livello di sfondo, nell’esempio “Nuovo Livello” Ripetete la procedura su tutti i livelli di sfondo applicando rispettivamente i diversi motivi creati. |
|
| Ecco come dovrebbe risultare dalla schermata dei livelli.
Unite ora i livelli a coppie, il primo con il secondo e così via come abbiamo visto nella creazione del motivo utilizzando il tasto destro sul livello e il tasto fondi in basso. |
| 9. Come visto nel tutorial introduttivo sulle gif animate con GIMP salviamo l’immagine come gif, selezioniamo “salva come animazione” ed “esporta”. Ecco il risultato: |
| Con un po più di pratica e di pazienza, possiamo utilizzare diverse gradazioni di trasparenza sull’immagine.
Per ammorbidire il tratto della comma e creare semi trasparenze impostate un livello inferiore di opacità nelle proprietà della gomma. Questa a fianco è la seconda immagine utilizzata come esempio con il canale alpha. |
![]() |
| E questo è il risultato ottenuto dopo aver applicato il motivo ripetendo i passaggi dal punto 7 di questo esempio.
Si possono anche aggiungere altri motivi, meglio se formati dallo stesso numero di elementi, ripetendo gli ultimi passaggi di questo tutorial e applicando trasparenze a diverse parti dell’immagine. Con il primo esempio abbiamo finito, se lo avete trovato interessante aggiungete pure nei commenti un link ai vostri lavori. |
![]() |
Esempio 2
Creare un’immagine glitter utilizzando un pennello personalizzato.
Mentre nel primo esempio abbiamo inserito un motivo sotto l’immagine rendendo trasparenti le parti dove volevamo si vedesse, in questo caso andiamo a decorare direttamente con il pennello le parti interessate.
Prima di seguire questo esempio vi consiglio di consultare il manuale sull’utilizzo dei pennelli e la creazione di pennelli animati personalizzati a questa pagina.
| Dopo le precedenti spiegazioni non è necessario dilungarsi più di tanto, quello che andiamo a fare è duplicare la nostra immagine in tanti livelli quanti frame vogliamo abbia l’animazione per poi decorare ogni livello con il pennello che preferiamo.
|
| Per questo esempio ho utilizzato una maschera per decorare con pennelli diversi la scritta e lo sfondo, potete scaricare il file zip contenente il file originale in formato GIMP.
|
Conclusione.
Mischiate le tecniche appena apprese e fate un po di pratica, al passaggio 8 del primo esempio potreste usare la modalità riempi colori simili o riempire una selezione invece di usare i livelli di sfondo.
Non limitatevi al glitter e le stelline, potreste aggiungere delle foglie che cadono in un viale alberato o una cometa che attraversa il cielo stellato.
Date enfasi alle scritte e aggiungete sempre un bordo o un’ombra per farle risaltare sullo sfondo, fatele muovere per dare allegria e aggiungere movimento all’immagine.
I tutorial che avete appena seguito possono essere migliorati grazie al vostro aiuto, aggiungete commenti e critiche e i link alle vostre creazioni in modo che possano essere di aiuto agli altri.
Da alcuni commenti sembra non risulti chiaro che dopo aver inserito i pattern bisogna aggiornare la lista, se non trovate il tasto aggiorna chiudete e riavviate GIMP, assicuratevi di aver caricato i pattern nella giusta cartella.
Ho cercato di essere il più preciso possibile con esempi e immagini ma quello che risulta immediato per alcuni può non esserlo per altri, se qualcosa non dovesse essere chiaro spiegate cosa in modo da poter migliorare il tutorial invece di limitarvi a lasciare commenti del tipo “nn ci capisco niete!”.