• Tutorial HDR | Fase 3 – Postproduzione Qtpfsgui + GIMP
• Creare foto HDR da un unico file JPG – RAW | GIMP – Photoshop
• Creare e aggiungere una favicon al proprio sito web – GIMP
• Recensione: i migliori programmi di fotoritocco per iPad
• The Mill – Series .4

Primo passo è aprire l’immagine desiderata con GIMP.

Utilizzando la funzione Immagine -> Scala Immagine ridimensionare l’immagine a 16px x 16px.

Salvate l’immagine come .ico.

Una volta salvata in .ico andrà copiata nell’FTP del sito ed inserito il codice hmtl necessario per la corretta visualizzazione:

<link rel=”icon” href=”/favicon.ico” type=”image/x-icon”>

Se invece site pigri e non volete aprire il vostro programma di fotoritocco, potete utilizzare alcuni ottimi servizi web:

• FaviconCC
• 256pixels
• FaviconTool
• Favicon Generator & Gallery
• Favicon Generator Tool

Un pò per tutti i servizi è possibile generare favicons da immagine caricate oppure realizzarla da zero. Una volta salvata la vostra bella favicon in formato .ico potete salvarla sul vostro FTP come illustrato precedentemente.

Articoli correlati:

• Creare foto HDR da un unico file JPG – RAW | GIMP – Photoshop
• Tutorial HDR | Fase 3 – Postproduzione Qtpfsgui + GIMP
• 30 Web Font 2.0 – Gratis
• Tutorial HDR | Fase 2 – Lo scatto
• Tutorial: realizzare facilmente icone stile web 2.0 | GIMP o Photoshop

Obiettivo del contest è raffigurare se stessi ed il concetto di amore in una pixel grid di 11 x 11px. Impresa non facile Mi sono impegnato ed il risultato è:

Un cuore (quello del nostro amore) che si materializza dalla nostra mente.

Spero vi piaccia :S . Vi terrò aggiornati sul risultato.

Articoli correlati:

• I migliori sfondi per Apple iPhone e iPod Touch in rete | Tutti Gratuiti
• Tutorial HDR | Fase 1 – La teoria
• Tutorial: realizzare facilmente icone stile web 2.0 | GIMP o Photoshop
• Tutorial: imparare a disegnare | Fase 1 – introduzione
• Tutorial HDR | Fase 2 – Lo scatto

Pronti a partire!

• Passo 1: Apriamo il nostro GIMP e da File–>Nuovo create un nuovo documento 256px X 256px con sfondo trasparente:

• Passo 2: Creare un nuovo livello che chiameremo “Omino” e sarà la sagoma dell’avatar.
• Passo 3: Andiamo a disegnare il nostro avatar. Per prima cosa disegnate la testa. Selezionate la selezione elittica e create una selezione con i paramentri sotto indicati (in questo modo sarà centrata orizzontalmente e perfettamente circolare). Riempitela di bianco:

• Passo 4: Adesso dobbiamo creare il corpo. Selezionate la selezione elittica e create una selezione con i paramentri sotto indicati. Riempitela di bianco:

• Passo 5: Dobbiamo cancellare la parte del corpo superflua. Quindi create una selezione rettangolare come in figura e premete il tasto canc della tastiera con il livello “Omino” selezionato. Adesso abbiamo il nostro avatar:

• Passo 6: Selezionate l’omino con lo strumento Fuzzy e riempite con una sfumatura radiale da #000000 (colore nero) a #444444 (grigio scuro) in diagonale partendo dall’angolo in basso a sinistra:

• Passo 7: Create un bordo bianco di 3px (selezionate l’omino e poi utlizzate lo strumento Modifica–>delinea selezione):

• Passo 8: Creiamo un’ombra: Selezionate l’omino con lo strumento Fuzzy; sfumate la selezione di 10px (Selezione–>Sfumata); create un nuovo livello “ombra” sotto il livello “omino“; riempite con grigio #333333:

• Passo 9: rimpicciolite un poco e ruotate l’icona. Il gioco è fatto!

Solo un piccola considerazione finale. Al passo 7 ho notato che con GIMP il bordo viene meno preciso rispetto all’utilizzo di Photoshop. Però si può ovviare al problema andando a creare un’icona più grande per poi rimpicciolirla. Piccolo punto a favore di Photoshop Articoli correlati:

• Tutorial: realizzare facilmente icone stile web 2.0 | GIMP o Photoshop
• Tutorial HDR | Fase 3 – Postproduzione Qtpfsgui + GIMP
• Creare foto HDR da un unico file JPG – RAW | GIMP – Photoshop
• I migliori pattern per le vostre pagine web 2.0
• T-Shirt Personalizzate: realizzate la vostra maglietta fai-da-te con pochi euro

Siamo quindi pronti per realizzare le nostre icone. Partiamo!

• Passo 1: Apriamo il nostro GIMP e da File–>Nuovo creiamo un nuovo documento 256px X 256px con sfondo trasparente:

• Passo 2: Creiamo un nuovo livello da Livello–>Nuovo livello e chiamiamolo “Base_icona”:

• Passo 3: Selezioniamo lo strumento selezione rettangolare e settiamo i parametri come da figura (i bordi saranno leggermente arrotondati). Creiamo una selezione sul livello “Base_icona”, tenendo premuto il tasto ALT in modo tale da farla perfettamente quadrata:

• Passo 4: A questo punto dobbiamo riempirla; selezioniamo lo strumento sfumatura ed i seguenti colori #d4145a (primo piano) e #a71c4d (sfondo). Nel riempire la selezione partiamo dal’angolo in basso a destra fino all’angolo in alto a sinistra in modo tale da applicare la sfumatura diagonalmente (classica espressione del web 2.0 ):

• Passo 5: Prossimo passo è quello di creare un bordo. Selezioniamo il livello Base_icona (tramite lo strumento Fuzzy)e riduciamo la selezione di 1px utilizzando lo strumento Seleziona–>riduci:

• Passo 6: Quindi creiamo un nuovo livello “bordo”; selezioniamo come colore in primo piano il bianco ed utilizziamo lo strumento Modifica–>Delinea Selezione per creare una traccia di 2px. Settiamo l’opacità a 60%:

• Passo 7: Passo successivo è creare il riflesso rotondo. Inseriamo un nuovo livello “Riflesso”; selezioniamo lo strumento Selezione elittica con l’opzione “espandi dal centro”; quindi posizioniamo il cursore nell’angolo in basso a destra e tracciamo il nostro segmento circolare come da figura:

• Passo 8: Selezioniamo l’inverso della selezione corrente (con Seleziona–>inverti) e riempiamo con il bianco. Settiamo opacità a 30%:

• Passo 9: Per cancellare la parte del riflesso che va oltre l’icona, selezioniamo l’intero livello “Base_icona” , settiamo l’inverso, selezioniamo il livello “Riflesso” e premiamo il tasto Canc sulla nostra tastiera. Tutto quello che risulta fuori il livello “Base_icona”, viene cancellato dal livello “Riflesso“:

• Passo 10: Passo successivo è creare i raggi del sole stile Sol Levante Giapponese. Creiamo un nuovo livello “Sole”; selezioniamo quindi lo strumento tracciati (con l’opzione “poligonale” selezionata) e cerchiamo di disegnare i tracciati come da figura sotto, senza stare troppo attenti alla precisione, infatti tutto quello che cadrà fuori dall’icona verrà cancellato come al passo 9 (potete aumetare lo zoom di visualizzazione per aiutarvi):

• Passo 11: Quando siamo soddisfatti, selezioniamo la finestra dei tracciati e creiamo la selezione come da figura. Poi riempiamola di bianco e settiamo l’opacità a 5%-10%:

• Passo 12: Cancelliamo i tracciati come in figura:

• Passo 13: Cancelliamo la parte dei raggi solari che finiscono fuori l’icona come nel passo 9.
• Passo 14: Dobbiamo creare un’ombra sotto l’icona. Per farlo selezioniamo il livello “Base_icona“; Settiamo una sfumatura a 15px; Creiamo un nuovo livello “Ombra” sotto al livello “Base_icona” e riempiamolo con un grigio scuro (#333333). Avremo un’ombra perfettamente centrata sotto il livello base.

A questo punto l’icona di base è pronta. Il risultato dovrebbe essere il seguente (ho inserito uno sfondo bianco provvisorio solo per farvi vedere l’ombra creata al passo 14):

Siamo quindi pronti a riempire la base con le varie iconcine. Il modo migliore per disegnarle è scaricare da internet un immagine (ad esempio il logo di un omino stile messenger); aprilo con GIMP, selezionare i contorni con lo strumento Fuzzy e riempire la selezione con il bianco. Una volta pronta possiamo inserirla nell’icona base creata prima. L’unica cosa da fare in aggiunta è creare l’ombra in questo modo:

• Passo 15: Importare l’icona in un nuovo livello (es. “Omino”).
• Passo 16: Selezionare l’icona con lo strumento Fuzzy e sfumarla con lo strumento Seleziona–>sfumata con un valore pari a 10px:

• Passo 17: Creare un nuovo livello “omino_ombra” sotto al livello “Omino”
• Passo 18: Riempire con un grigio scuro (es. #333333)
• Passo 19: Posizionate il livello “Riflesso” sopra a tutti gli altri livelli ed il gioco è fatto

Il risultato finale dovrebbe essere:

Ovviamente potete provare tutte le varianti che volete.. Cambiare i colori, creare le varie icone seguendo i passi da 15 a 19. Una variante che mi è venuta in mente è, ad esempio, sostituire il sol levante con le classiche stripes web 2.0 (le potete creare facilmente utilizzando il sito web Stripegenerator). Quale vi piace di più??

In ogni caso potete scaricare gratuitamente:

• Il file progetto GIMP in modo tale da avere il risultato finale come guida » Download
• Le 3 icone finite della preview » Download

Spero di essere stato chiaro. In ogni caso esprimente i vostri dubbi nei commenti che li chiarirò Articoli correlati:

• Tutorial: Creare un’icona stile msn per avatar di default | GIMP o Photoshop
• Tutorial HDR | Fase 3 – Postproduzione Qtpfsgui + GIMP
• T-Shirt Personalizzate: realizzate la vostra maglietta fai-da-te con pochi euro
• Creare foto HDR da un unico file JPG – RAW | GIMP – Photoshop
• Parafunky: è quì la festa?

Creare foto HDR da un unico file RAW

Questa è la situazione più facile perchè da un formato RAW possiamo ottenere facilmente le esposizioni che desideriamo. Inoltre può essere considerata una scelta; infatti, quando fotografiamo oggetti in movimento, per ottenere un HDR dobbiamo per forza fare un unico scatto in formato RAW.

Apriamo da GIMP il file RAW. Automaticamente si aprirà la finestra di importazione del file RAW dove è possibile modificare l’esposizione. Salviamo 5 immagini a -2EV, -1EV, 0EV, 1EV e 2EV. Se utilizzate Photoshop il procedimento è del tutto analogo.

A questo punto abbiamo le esposizioni necessarie per l’HDR. Apriamo Qtpfsgui e creiamo il nostro HDR. Per farlo seguite la guida qui. Il risultato finale sarà:

Creare foto HDR da un unico file JPG

In questo caso dovremmo creare le diverse esposizioni artificialmente. Se utilizzate Photoshop CS3 c’è una comoda funzione per modificare l’esposizione (Immagine–>regolazione–>esposizione). Per GIMP invece la cosa si complica. Un buon modo per ottenere almeno due esposizioni oltre all’originale a 0EV (una sovraesposta e una sottoesposta) è di utilizzare le curve.

Aprite l’immagine originale. Andate su Colori–>Curve. Selezionate nel punto centrale e spostate la curva verso l’alto per avere la versione sovraesposta e verso il basso per avere quella sottoesposta (come in figura):

A questo punto potete aprire Qtpfsgui e creare l’HDR. Le immagini risultanti saranno molto più rumorose rispetto alla creazione da unico file RAW. Però giocando con GIMP si riesce comunque ad avere dei buoni risultati, come potete vedere:

Articoli correlati:

• Tutorial HDR | Fase 2 – Lo scatto
• Tutorial HDR | Fase 3 – Postproduzione Qtpfsgui + GIMP
• The Mill – Series .4
• Tutorial: Creare un’icona stile msn per avatar di default | GIMP o Photoshop
• I migliori pattern per le vostre pagine web 2.0

L’ultima fase consiste nell’unione degli scatti ad esposizione diversa tramite un software dedicato alla creazione di immagini in HDR. il più famoso è sicuramente Photomatix. Sfortunatamente questo software non è free ma a pagamento. Invece in questo articolo l’obiettivo è di creare un’ottima foto HDR con l’utilizzo di solo software open source. Per questo utilizzeremo:

• Qtpfsgui per la creazione dell’immagine in HDR
• GIMP (al posto di Photoshop) per il miglioramento dell’immagine creata con Qtpfsgui

Potete scaricare le ultime versioni dei software ai seguenti i link: Download GIMP e Download Qtpfsgui.

A questo punto iniziamo:

Passo 1 – Creazione immagine HDR con Qtpfsgui

Appena aperto il programma seleziona l’icona New Hdr…

Nella schermata successiva inserite le 3 diverse esposizioni. Automaticamente il programma calcolerà l’esposizione dell’immagine. In caso sia errata, l’utente può modificare manualmente l’esposizione. Nel caso le immagini non siano identiche, potete selezionare il flag Auto Align Images in modo tale da permettere al programma di allinearle perfettamente.

Premendo il tasto Next si accede alla schermata per l’attivazione dell’anti-ghosting. Essendo ancora in versione beta consiglio di non utilizzarlo. Quindi clicchiamo sul tasto Next e alla schermata di selezione del profilo lasciamo tutto invariato e clicchiamo sul tasto Finish. Abbiamo la foto in HDR pronta per il tone mapping! Eventualmente potete salvarla per procedere in un secondo momento.
Se siamo pronti per creare la nostra foto in HDR premiamo il tasto Tonemap the HDR. Si aprirà una finestra con una serie di algoritmi di enhancement (Operator). A questo punto potete sbizzarrirvi come volete con i vari settaggi, fare tutti gli esperimenti che volete . Personalmente creo due foto con gli algoritmi Fattal e Mantiuk per poi sovrapporli con GIMP come vedremo in seguito. Il primo lo utilizzo per creare l’immagine HDR pura, il secondo per migliorare le luci/ombre ed attenuare il rumore. Di seguito vi mostro i parametri che utilizzo io per i due algoritmi.

Prima di salvare modifico i livelli secondo le mie esigenze tramite il tasto Adjust Levels. A questo punto siamo pronti per passare a GIMP.

Passo 2 – Postproduzione su GIMP

Carichiamo le due immagini HDR, create precedentemente con i due algoritmi, in uno stesso file di GIMP inserendo sul livello superiore l’immagine creata con l’operatore Fattal. Selezioniamo come modalità di sovrapposizione Luce Debole sul livello Fattal con opacità tra 25 e 40%. La nostra foto HDR è pronta! .

C’è solo da fare qualche piccola miglioria sempre con GIMP.

• Uniamo i livelli in modo tale da ottenerne uno solo.
• Inseriamo una maschera di contrasto con i seguenti parametri (Filtri–>Miglioramento–>Maschera di contrasto):

• Duplichiamo il livello,  settiamo l’opacità a 15% e modalità Sovrapposto ed aggiungiamo una sfocatura sul livello copiato per attenuare il disturbo della foto (Filtri–>Sfocature–>Focus Blur) con raggio 4.0, modalità  gaussiana:

• Infine possiamo migliorare il contrasto/luminostà (Colori–>Lumisosità/Contrasto) e/o modificare le curve (Colori–>Curve). Nell’esempio del tutorial ho settato luminosità a -3 e contrasto a 3 e modificato leggermente le curve.

Il risultato finale sarà (con un pò di cropping ed una cornice ):

« Lezione 1 – la teoria | « Lezione 2 – lo scatto

Articoli correlati:

• Creare foto HDR da un unico file JPG – RAW | GIMP – Photoshop
• Fast tips – Filtro Maschera di contrasto – Photoshop | GIMP
• Tutorial: Creare un’icona stile msn per avatar di default | GIMP o Photoshop
• Tutorial HDR | Fase 2 – Lo scatto
• Tutorial: realizzare facilmente icone stile web 2.0 | GIMP o Photoshop