Come salvare un file in gif con the Gimp?

Nei precedenti tutorial abbiamo parlato di jpg e ong, e ora passiamo a parlare di gif, (vedi qui su wikipedia)

Quando e perche salvare un immagine in gif?
A) se stiamo facendo un animazione (ne tratteremo più avanti)
B) se vogliamo mantenere la trasparenza dell'immagine
C) se vogliamo un immagine molto compressa e leggera
D) se non abbiamo un immagine prevalentemente sfumata

Formati in pillole
* gif = si trasparenza, no sfumature, media qualità = leggera
* png = si trasparenza, si sfumature, si qualità = pesante
* jpg = no trasparenza, si sfumature, si qualità = medio peso

procedimento
1. File --> Salva con nome
2. Finestra di dialogo per salvare l'immagine nel proprio pc a questo punto scriviamo: immagine.gif, si aprirà questa finestra di dialogo:


3. Esportiamo l'immagine cliccando su "Esporta" e vedremo:


Se stiamo salvando un immagine semplice (non un'animazione) tutta una serie di parameti sotto li vedremo in grigetto, appunto perchè sono i parametri dell'animazione (temporizzazione, ritardo in millesecondi, ecc)

Possiamo scrivere dei commenti, che rimarranno nell'immagine, oppure cancellare il tutto e poi..

4. Clicchiamo "salva" alla fine della finestra e la nostra gif è salva(ta)

Come salvare un file in png con the Gimp?

Nel precedente tutorial abbiamo parlato del formato di salvataggio Jpg, ora passiamo a voler salvare la nostra immagine nel formato "png" cosa significa?

Andiamo a vederlo insieme

1. File --> Salva con nome

2. Cliccando "Salva con nome" si aprirà la finestra di dialogo per salvare l'immagine nel proprio pc a questo punto scriviamo immagine.png
(vedi qui su wikipedia)

Il png è un formato simile al gif (altro formato utilizzato principalmente per immagini senza sfumature e animazioni) mantiene la trasparenza dell'immagine (quello che non succede con il jpg) ha una buona compressione dei dati, ma conserva tutte le caratteristiche dell'immagine

Formati in pillole
* gif = si trasparenza, no sfumature, media qualità = leggera (tutorial futuro)
* png = si trasparenza, si sfumature, si qualità = pesante
* jpg = no trasparenza, si sfumature, si qualità = medio peso

La finestra di dialogo per le png è la seguente:


L'immagine possiamo alleggerirla leggermente se decidiamo di NON salvare i commenti e la data di creazione, criptati all'interno dell'immagine stessa.
Toccando il livello di compressione anche li, più alto è il valore (ad es. 9) e più alta è la compressione = minor peso.


3. E ora clicchiamo su "salva" alla fine della finestra e il gioco è fatto!


Nel prossimo tutorial come salvare in gif, perchè, e quando serve!

Come salvare un file in jpg con the Gimp?

Un tutorial su come salvare un immagine, direte che è una cosa semplice, basta cliccare, ma state davvero salvando al meglio la vostra immagine?

Salvare un immagine significa anche deciderne il formato, il livello di compressione e la qualità.

Formati in pillole
* gif = si trasparenza, no sfumature, media qualità = leggera (tutorial futuro)
* png = si trasparenza, si sfumature, si qualità = pesante
* jpg = no trasparenza, si sfumature, si qualità = medio peso

Andiamo a vedere insieme i parametri per un salvataggio di un jpg.

1. File --> Salva con nome


2. Cliccando "Salva con nome" si aprirà la finestra di dialogo per salvare l'immagine nel proprio pc a questo punto scriviamo: immagine.jpg
(vuoi informazioni su questo formato di salvataggio per le immagini? vedi qui su wikipedia)
Il programma ci chiederà di "esportare" l'immagine cliccando di "si", si apre la seguente finestra di dialogo

Questa finestra di dialogo che appare ci da la possibilità di scegliere la qualità (e dunque il livello di compressine) se puntiamo la casella "Mostra l'anteprima nella finestra immagine" possiamo vedere in tempo reale come risulterà essere la nostra immagini e ci da simultaneamente la dimensione (cioè il peso in kb) dell'immagine.

E le opzioni avanzate?
se clicchiamo sulla freccetta nera si apre un ulteriore parte della finestra di dialogo con la possibilità di scegliere:

* Ottimizzazione (cliccate sul quadrattino, sempre congliata)

* Progressiva (dite di si, funziona che l'immagine se caricata viene visualizzata prograssivamente, dunque copressa meglio)

* Sottocampionatura: scegliere il metodo (da quello più compresso a quello meno compresso, tutto questo va a incidere sul peso finale dell'immagine)

3. Clicchiamo su "salva" alla fine della finestra e il gioco è fatto!


Nel prossimo tutorial come salvare in png e cosa significa farlo...

Come ritagliare un immagine con the Gimp?

Eccoci tornati con un "tutorial per negati" per chi appunto è alle prime arme con i programmi di grafica (titolo preso dalla famosa collana di libri)

Scalare un immagine con the Gimp.. è facilissimo!
Grazie allo strumento "taglierina", [è lo strumento che vi ho evidenziato con il cerchietto rosso qui a fianco.]

1. Aprire il programma di manipolazione immagini The Gimp

2. Aprire l'immagine da ritagliare File --> Apri

3. Cliccare sull'icona "strumento taglierina"

Con questo strumento attivato andiamo a selezionare la parte della nostra immagine che vogliamo ritagliare.
Lo strumento crea una visualizzazione in modo da evidenziare quello che vogliamo ritagliare, mentre ciò che è fuori dalla selezione diventa scuro, in modo da far evidenziare la zona interessata

4. Cliccare due volte, velocemente, in uno dei 4 angoli della selezione creata, in questo modo la parte non selezionata viene tagliata fuori dall'immagine.

Ecco che la nostra immagine è ritagliata per bene!

nel prossimo tutorial per negati vi racconterò anche come salvare un immagine per comprimerla al meglio.. immagini troppo pesanti sono un problema per il mondo web e per le presentazioni a presto!

Come scalare un immagine con the Gimp?

Questo tutorial è molto facile, mi sono accorta che chi è completamente digiuno di programmi i grafica anche il semplice "scalare" un immagine e salvarla in modo compresso, non è un operazione cosi semplice, allora ho pensato di scrivere ogni tanto dei "Tutorial per negati."

Come scalare un immagine
1. Aprire il programma di manipolazioni di immagini The Gimp.
2. Aprire l'immagine da File --> Apri --> [scegli immagine]
3. Dal menu orizzontale Immagine --> Scala immagine


4. Impostare la scalatura:


Come si possono vedere possiamo dare diversi "parametri" per scalare l'immagine:

* larghezza e altezza (che rimarrà proporzionata se lasciamo che l'icona del lucchetto è chiusa) questa possiamo definirla in pixel (di base) ma anche in altre unità di misura come i mm

* risoluzione che si esprime in pixel/in, cioè i DPI, cioè i punti per pollice, maggiore è il loro numero, migliore è la resa dell'immagine, ma badiamo bene a "cosa" ci serve l'immagine, se questa deve essere stampata allora penseremo a 300 dpi, mentre se va letta solo a monitor possiamo viaggiare sui 72-100 dpi.

* qualità, mentre il programma scala la nostra immagine originaria possiamo decidere se il procedimento di riduzione sia più o meno di qualità, solitamente l'interpolazione cubica (che è quella consigliata) è di buona qualità.

5. Cliccare su "scala" e il gioco è fatto..!


nel prossimo tutorial per negati vi racconterò di come ritagliare un immagine!

Come cambiare il colore degli occhi con Gimp

Ho trovato su Youtube questo video, lo posto perchè seppure fatto da un tedesco, il titolo del video è "Augen farbe" (colore occhi) si capisce ugualmente bene! :)



Magari non vi capiterà mai nella vita di dover fare una cosa del genere... ma è sempre utile sapere qualche.. trucco in più! :)

In pochi passaggi:
- selezionare gli occhi della ragazza alla perfezione con lo strumento "selezione a mano libera"
- creare un nuovo livello e riempire la selezione con il colore che si desidera
- mettere il nuovo livello, nella finestra livelli,in modalità "Colore"
- correggere un pò per far vedere il nero della pupilla e il gioco è fatto!

Ho sempre sognato di avere gli occhi verdi.. grazie a Gimp ora posso! :P

Come creare un biglietto da visita

Ognuno di noi si sarà trovato spesso davanti al problema di aver bisogno di un biglietto da visita professionale o non, per dare i propri recapiti con velocità e immediatezza a chi incotra per strada. Ecco che le domande sorgono spontanee... come faccio un biglietto da visita? che ci scrivo dentro?
Tutto .... purchè sia utile davvero! Se sono personali o professionali, scegliamo una serie di dati che siano di interesse per chi li riceverà, per ricordarci di noi.

Non possono mancare:
- Nome (eventuale posizione e nome società)
- indirizzo: via, città, cap
- recapito: telefono, fax, email, contatto skype (sempre molto utile)
- eventualemente se lo abbiamo indirizzo del nostro sito
- P.IVA e Codice Fiscale


Creiamo un biglietto da visita con Inkscape

1.Creeremo un biglietto semplice ma andando ad esaminare alcune funzioni del programma che potranno esserci utili in futuro per utilizzarlo al meglio.Apriamo un documento nuovo, e impostiamo le dimensioni a 9x5 cm
(file -> document proprieties)

2. Selezionate lo strumento testo, facendo click in qualsiasi punto del foglio si inizia a scrivere un testo, scegliendo dimensione e font a vostro piacere. Dopo aver scritto cliccate sullo strumento di selezione per modificarlo.

3. Create un motivo grafico, magari una forma colorato che potete giocare con i riempimenti, oppure anche dello stesso testo, dando un gradiente sia al contoeno che all'interno, grazie alla finestra dello strumento riempimento:

4. Una cosa importantissima è la semplicità. Chiaro - meglio se su sfondo bianco, inoltre il biglietto deve avere uno dei due lati bianchi perchè è essenziale che la persona che lo riceve possa scrivere un appunto su "chi siamo noi" e "come mai ha il nostro biglietto", è importante poter prendere appunti!

E il vostro biglietto da visita com'è?

Come creare un effetto glossy

Forse vi sarà capitato di voler fare un banner per piacere o dovere e non sapere esattamente da dove iniziare, ecco che questo breve tutorial su cos'è un banner e come si può realizzare potrebbe tornarvi utile :)

Ma cos'è? Il banner web o banner è una delle forme pubblicitarie più diffuse su internet e rientra nella tipologia di marketing definita promotion marketing online, per documentarsi meglio ecco la pagina su wikipedia

Come si realizza?
A seconda del risultato che vogliamo ottenere abbiamo diverse tecniche per realizzarlo, in questo breve tutorial volevo parlarvi di come fare un effetto glossy che tanto va di moda in questo momento ed è tanto gradito all'occhio dell'osservatore!


Effetto glossy

- Aprite The Gimp versione 2.4.6, create un documento con sfondo bianco.
Consiglio: se vogliamo fare qualsiasi lavoro grafico è sempre meglio lavorare al doppio della grandezza che ci serve per avere un risultato migliore nel risultato finale.

- La base. Con lo strumento selezione (dalla paletta degli strumenti) prendiamo lo strumento selezioni circolari e creiamo una selezione circolare in un livello trasparente, scegliamo due colori di nostro gradimento e riempiamolo di colore:



- creiamo un ombra, per dare un effetto di tridimensionalità, conla stessa selezione circolare che abbiamo usato prima, in un altro livello trasparente riempiamola di un colore che servirà da ombra (nel mio caso ho usato un rosso scuro) poi con il livello attivo, andate su: Filtri - Sfocature - Gaussiana e date una sfocatura verticale e orizzontale di 5.
Fatto questo spostate il livello verso destra e verso il basso affinchè ne risulti un ombra delicata e spostata.




- riflessi. iniziamo a pensare ai riflessi, in un altro livello trasparente, creiamo una selezione circolare più piccola del nostro cerchio colorato, poi andiamo sul menu: Seleziona - Inverti, in modo da avere la parte esterna al cerchio selezionata e riempiamola di bianco. Possiamo poi di decidere di diminuire l'opacità del livello per avere un primo effetto di riflesso, oppure, cosa che consiglio, creiamo su questo livello un "livello maschera" andando sul menu: Livello - Maschera - Aggiungi maschera di livello bianca, con la maschera selezionata date una sfumatura dal bianco al nero in modo da tenere il risultato desiderato.




Dopo aver fatto la prima maschera, vi accorderete che è davvero un attimo crearne delle altre per dare altri effetti di traslucenza e riflessi come meglio vi piace! :)




-Aggiungiamo un testo. Con lo strumento testo dalla paletta principale aggiungiamo un testo bianco:



poi duplicate il livello del testo (Livello - duplica livello) cambiategli colore, in tinta con quello che avete scelto come ombra del cerchio inizialmente, poi andate su: Livello - A dimensione immagine, poi su Filtri - Sfocatura gaussiana e date un gauss di 5, spostatelo, ed ecco il risultato:



Questa è una tecnica base, poi da qui si possono fare sempre più perfezionamenti ed effetti, man mano che si prende confidenza con il programma! :)

The Gimp

Se si parla di grafica, la prima parola che mi viene in mente è... The Gimp!GIMP è l’acronimo di GNU Image Manipulation Program.
E’ una software liberamente distribuibile ideale per il foto ritocco, composizioni e la creazione di immagini, è un programma di grafica bitmap, cioè "ragiona per pixel", quei piccoli quadrattini colorati che compongono una foto. The Gimp lo si può avere tramite un gratuito download, nel sito ufficiale www.gimp.org

The Gimp, programma estramamente espandibile ed estensibile, è stato sviluppato e scritto su piattaforme UNIX da Peter Mattis e Spencer Kimball. Molti altri sviluppatori hanno contribuito con plugin e migliaia hanno offerto supporto e testato il software. Il programma con una breve istallazione può essere usato sia su Linux che su Windows, disponibile anche nelle versioni più aggiornate, in italiano.

Personalmente lo uso per lavoro e svago, cosi ho deciso che nei ritagli di tempo, mi metterò a scrivere qualche breve tutorial, per realizzare in poco tempo, effetti grafici utili e d'effetto!
Alla prossima puntata!