Zero Emission Art » Photoshop

Fast tips – Filtro Maschera di contrasto – Photoshop | GIMP

Lalas — Sat, 16 Apr 2011 11:54:25 +0000

Il filtro maschera di contrasto permette di rendere l’immagine più nitida aumentado il contrasto tra gli oggetti dell’immagine.
In foto leggermente sfuocate permette di ricreare la sensazione di una foto con una messa a fuoco corretta.
In Photoshop la maschera di ocntrasto si trova in Filtri>Contrasta>Maschera di contrasto.

In GIMP Filtri>Miglioramento>Maschera di contrasto.

Articoli correlati:

Creare e aggiungere una favicon al proprio sito web – GIMP

Lalas — Mon, 31 Jan 2011 22:55:31 +0000

La favicon è la piccola immagine di dimensioni 16×16 px, visualizzata nella barra degli indirizzi del browser, accanto all’url. In questo articolo vedremo come crearla facilmente utilizzando GIMP, partendo dal logo del nostro sito.

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:

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

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:

Recensione: i migliori programmi di fotoritocco per iPad

Lalas — Sat, 22 Jan 2011 12:10:04 +0000

L’iPad con la qualità e dimensione dello schermo multitouch lo rendono un ottimo supporto per la gestione delle fotografie. Non solo per archiviarle e vederle, ma anche per il fotoritocco. Sull’App Store ci sono diversi programmi gratuiti e non per ritoccare le nostre foto direttamente dal dispositivo di casa Cupertino.

Vediamone alcune:

Photogene for iPad- costo 2,99€

Sicuramente il miglior programma di foto ritocco su iPad. Disponibile a 2,99 € su AppStore, questa app, davvero intuitiva e semplice da usare, offre un set completo e professionale di servizi per il Photo Editing. Le caratteristiche principali del programma sono:

Migliorare le foto con la regolazione del colore multipli: adeguare i livelli di colore, esposizione, contrasto, saturazione o manipolare l’RGB.
Applicare filtri tra i tanti predisposti: Vintage anni ‘20, Vivid, LOMO o Grayscale, effetto matita, pastello sono alcuni dei presenti.
Tagliare, raddrizzare e ruotare l’immagine.
Aggiungere cornici di qualsiasi tipo alle foto (anche l’effetto specchio Apple).
Una delle poche app che permette la gestione della sfumatura nelle immagini.
Possibilità di inserire testi e vignette.
Rimuovere effetto occhi rossi.

Inoltre implementa le comede funzioni di Undo e Redo, in modo tale che in caso di errori si riesce a ripristinare facilmente la storia dela foto.

Una volta effettuate le dovute modifiche alla foto, si potrà salvarla nella libreria fotograficadell’iPad e pubblicarla istantaneamente sui vari social network, o spedirla per e-mail ai propri amici. Con l’ultimo aggiornamento l’app è stata ancora resa più completa. Consigliato!

PhotoPal – costo 2,99€

Disponibile a 2,99 € su AppStore, PhotoPal mette a disposizione degli utenti oltre 24 tra strumenti ed effetti, inoltre grazie alla regolazione dei diversi parametri è possibile rimuovere il rumore dalle foto scattate con luce scarsa, ritagliare parti non volutem regolare l’esposizione, allineare, bilanciare il colore, regolare le sfumature, intervenire su saturazione, luminosità e gamma dei colori.

Inoltre come in tutti i programmi del settore tra le opzione è possibile trovare il ribaltamento e la rotazione delle immagini.

PhotoPad by Zagg – Gratuira

Disponibile a gratuitamente su AppStore e sviluppata dal noto sito di pellicole zagg.com, mette a disposizione i classici strumenti base del video editing:

Rotazione immagini
Ridimensionamento immagini
Gestione livelli
Posterizzazione
Strumenti di disegno
Regolazione contrasto, tinta, saturazione, occhi rossi, colore

Vi la suggeriamo anche per la massiccia e frequente implementazione di aggiornamenti.

Adobe Photoshop Express – Gratuita

Sbarca anche su iPad il programma per eccellenza del fotoritocco. Disponibile gratuitamente in app store al seguente link. Però siamo ben lontano dalla completezza del programma per Pc e Mac. Si tratta semplicemente di un aggiornamento della versione Photoshop Mobile per iPhone e iPod Touch che diventa finalmente nativa per iPad.Offre infatti solo semplici funzioni legate al fotoritocco, tra cui:

Base: Crop, Straighten, Rotate e Flip
Colore: Exposure, Saturation, Tint, Black and White e Contrast
Filtri: Sketch, Soft Focus e Sharpen
Effetti: Vibrant, Pop, Border, Vignette Blur, Warm Vintage, Rainbow, White Glow e Soft Black and White
Bordi: Rectangle, Rounded, Oval, Soft Edge, Vignette, Rough Edge, Halftone e Film Emulsion.

Insomma nulla di più rispetto ai suoi “rivali” descritti in precedenza.

Articoli correlati:

I migliori pattern per le vostre pagine web 2.0

Lalas — Thu, 03 Jun 2010 14:49:04 +0000

Ciao a tutti, in questo articolo vedremo i migliori servizi gratuiti online per generare dei fantastici patterns da utilizzare nelle vostre pagine web 2.0

… Per chi ama li righe.

Per gli amanti del più cassico pattern 2.0, le stripes, il miglior servizio è offerto da stripegenerator.

Il sito offre la possibilià di modificare lo spessore, il colore, le dimensioni, le ombre delle vostre righe. Offre un’anterprima live in full screen ed il salvataggio del pattern in formato .png (senza registrazione). Il sito inoltre dispone di una folta libreria di pattern già creati da altri utenti (per poter salvare le vostre stripes sul sito è necessaria una registrazione).

… Per chi ama lo stile Vintage

BGpatterns offre un infinità di disegni in stile vintage con cui creare i vostri patterns.

L’utente dovrà scegliere:

Il disegno primario
La trama
I colori di sfondo e del disegno
La rotazione
… ed un infinità di altri paramentri (grandezza, opacità, etc..)

Il pattern può essere salvato informato .jpg oppure salvato sul proprio account. Anche qui, l’utente può scaricare i patterns creati dalla comunità.

… Per chi preferisce le sfumature

In questo caso non c’è bisogno di nessun servizio on-line Aprite il vostro amato GIMP o Photoshop. Create un nuovo documento ed applicate la vostra sfumatura radiale/lineare con i colori che preferite. Il gioco è fatto: avete il vostro pattern da ripete n-volte nella vostra pagina Web 2.0 Articoli correlati:

Show the love 2010 Contest – Deviantart.com

Lalas — Sun, 21 Feb 2010 21:58:59 +0000

Oggi ho letto sul buon twitter che deviantart.com aveva indetto un nuovo contest. Premio: un set completo delle strees ball ; e zeroemission non poteva mancare.

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:

Tutorial: Creare un’icona stile msn per avatar di default | GIMP o Photoshop

Lalas — Mon, 07 Sep 2009 16:17:54 +0000

In questo articolo vedremo come creare molto facilmente un’icona stile web 2.0 di default per i vostri avatar da utilizzare sul vostro blog, su msn e dove meglio crediate opportuno. Come sempre la scelta del software da utilizzare ricade su GIMP perchè è open source e gratuito, ma potete anche utilizzare Photoshop se volete.

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

Lalas — Sun, 06 Sep 2009 09:15:19 +0000

In questo articolo vedremo come realizzare delle semplici ma molto d’effetto icone stile web 2.0. La difficoltà di realizzazione è molto bassa e per questo, l’articolo è rivolto anche a persone che non hanno mai aperto un software di fotoritocco. La scelta del software è ricaduta su GIMP, essendo open source e gratuito, però nulla vieta di utilizare Photoshop, dato che tutte le funzionalità che utizzeremo sono presenti.

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:

Creare foto HDR da un unico file JPG – RAW | GIMP – Photoshop

Lalas — Sat, 29 Aug 2009 14:18:00 +0000

Quante volte ci è capitato di voler creare una foto in HDR e non abbiamo a disposizione le diverse esposizioni ma un unico scatto JPG o RAW? Probabilmente tante volte . Beh con questo tutorial i vostri problemi saranno risolti. Vedremo infatti come ricavare le necessarie esposizioni a partire da un unico file RAW o JPG utilizzando GIMP (oppure Photoshop)

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 3 – Postproduzione Qtpfsgui + GIMP

Lalas — Fri, 28 Aug 2009 09:14:01 +0000

Finalmente siamo arrivati all’ultima parte del nostro tutorial sull’HDR. Per chi non lo avesse fatto vi invito a leggere i precedenti articolo qui e qui.

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: