Molti di voi ricorderanno sicuramente il mio vecchio tutorial per trasformare una foto in un fumetto con Photoshop. Quello che vogliamo realizzare stavolta è un effetto simile, ma con The Gimp.

Stavolta abbiamo un problema relativo al fatto che non esiste un un filtro come Effetto Ritaglio o (Cutout) ed anche qualche altra piccolezza.

Detto questo comunque, non preoccupiamoci eccessivamente e procediamo con il realizzare un effetto simile e per certi versi davvero bello.

La versione di Gimp che utilizzerò è l’ultima disponibile ad oggi, cioè la 2.6.4. Potete scaricare The Gimp a questo indirizzo. Anche se non avete troppa familiarità con questo software, non preoccupatevi perché è davvero semplice da utilizzare. Bene! Cominciamo!

Aprite il vostro Gimp con l’immagine scelta andando su File —> Apri:

Passo 1

Cominciamo duplicando il livello (basta trascinare questo sopra l’apposita icona come in figura):

Fatto questo avremo una copia del nostro livello di partenza. Selezioniamo ora questa copia cliccandoci sopra ed andiamo su Filtri —> Sfocature —> Selettiva Gaussiana…; impostiamo i seguenti valori e clicchiamo su Ok:

Notate che i valori che ho immesso sono appropriati per un’immagine grande quanto la mia (cioè molto, dato che è 1508px*2013px); per immagini di dimensioni minori i valori probabilmente devono essere abbassati ulteriormente. Obiettivo di questo filtro è quello di sfuocare la superficie del viso di Eva (sì è una mia amica) in modo da renderlo più uniforme (in altre parole si cerca di applicare un filtro simile alla Sfocatura superficiale di Photoshop). Duplicate questo livello trascinandolo nell’apposita icona e tornate nel livello precedente togliendo a l’ultimo livello creato la visibilità (basta cliccare nell’occhio del livello a sinistra):

Passo 2

Adesso (con il livello selezionato) andiamo su Colori —> Posterizza… e impostiamo i Livelli di posterizzazione ad 8:

Passo 3

Applichiamo a questo livello una Sfocatura Gaussiana andando su Filtri —> Sfocature —> Gaussiana… con i valori indicati in figura:

Duplichiamo ora questo livello trascinandolo nell’apposita icona ed impostiamo la Modalità di quest’ultimo da Normale a Luce debole:

Passo 4

Riattiviamo ora la visibilità al livello che nell’immagine precedente ha nome Sfondo copia#1; poi andiamo a desaturare con Colori —> Desaturazione…:

Scegliete Sfumature di Grigio basate su Media:

Duplichiamo questo livello e togliamo la visibilità al nuovo creato. Lavoriamo ancora sul livello che abbiamo desaturato (quello evidenziato in blu nell’immagine sotto):

Applichiamo ora al livello il filtro Fumetto andando su Filtri —> Artistici —> Fumetto…:

I valori utilizzati sono ancora una volta quelli adatti alla dimensione della mia immagine; per immagini più piccole, i valori vanno abbassati.

Dopo aver cliccato su Ok, cambiamo la Modalità del livello da Normale a Moltiplicatore. Ecco cosa otteniamo:

L’immagine è un po’ scura, quindi andiamo su Colori —> Livelli… e modifichiamoli in questo modo (Livelli in ingresso: 0 – 1,00 – 140):

Passo 5

Riattiviamo la visibilità al livello che sta sopra tutti (quello desaturato che avevamo duplicato nel passo 4) ed applichiamo il filtro Effetto giornale andando su Filtri —> Distorsioni —> Effetto giornale… (di seguito i valori che ho scelto):

Una volta applicato il filtro, cambiate la Modalità del livello da Normale a Sovrapposto. Ecco come appare l’immagine:

Passo 6

Bene, non male. Andiamo ora nella scheda dei Canali cliccandoci sopra (è accanto alla Finestra dei Livelli), fate click con il tasto destro del mouse sopra il canale che non è né troppo chiaro, né troppo scuro; nel mio caso è il Canale Verde. Nel menù che vi appare scegliete Canale alla Selezione. Subito nell’immagine sarà selezionato il Canale corrispondente:

Fatto questo torniamo nella Finestra dei Livelli e cliccando con il tasto destro del mouse sopra l’ultimo livello (quello a cui abbiamo applicato l’Effetto giornale), scegliamo Aggiungi maschera di livello…:

E’ importante scegliere come Inizializzazione la voce “Selezione” e spuntare la casella Inverti maschera (potete vedere tutto nell’immagine precedente).

Ecco abbiamo finito , resta solo da diminuire l’opacità del livello fino al 50%:

Ecco dunque l’originale ed il risultato finale:

Ecco anche un altro esempio:

Rock’n'Roll!

Non serve più l’invito per Be Funky: per usufruire del servizio basta andare nel sito

(Aggiornato il 08 Febbraio 2009)

Sono riuscito ad avere un invito a BeFunky “Funky ways to express yourself” e naturalmente l’ho subito testato !

Cominciamo dunque con lo spiegare cosa sia questo servizio (per ora in fase beta privata): in sostanza quello che si ha a disposizione è un “convertitore” che converte foto in immagini con effetto cartoon (questa possibilità che ci è data, si chiama Cartoonizer). Sostanzialmente è un processo che tramite effetti e varie impostazioni date dall’utente, crea un’immagine in stile fumetto.

Oltre a questo servizio, BeFunky ne fa un altro a pagamento ($4.99) e che consiste nella creazione di un avatar personale ricavato da una foto. Questo servizio si chiama Uvatar ed è a pagamento perché viene fatto da qualcuno a mano e non in maniera automatica.

Passiamo alla prova del “convertitore”, che è anche il punto cardine del sito (presto sarà data la possibilità di trasformare interi video in video-cartoon !):

l’utilizzo del “software” online è davvero semplice; basta infatti cliccare su Cartoonizer per poter fare l’upload della foto sia dal nostro pc, sia tramite il link della foto. Appena l’immagine sarà caricata, ci viene data la possibilità di tagliarla (Crop) e poi possiamo tranquillamente proseguire. Questa è l’interfaccia:

Ho cerchiato i tre menù principali che riguardano il dare un effetto “warp” (e quindi deformare), il trasformare una foto in “sketch” (bianco e nero) e il poter colorare l’immagine tramite “color“. Io non mi sono messo ad utilizzare l’opzione di deformazione perché non mi interessava, e quindi sono passato direttamente a creare lo sketch cliccando su Apply:

Adesso basta aggiustare il livello del colore che dipende da foto a foto. Il mio consiglio è di utilizzare foto ad elevata risoluzione e molto nitide, affinché possiate avere ottimi risultati. Quando la foto è perfetta, basta tenersi bassi con il livello del colore per avere risultati buoni. Io ho impostato 10:

Così a prima vista potrebbe anche non piacervi, ma aspettate! ..Dovete ancora cliccare su Apply! Ed ecco che tutto diventa più bello:

Bene bene, adesso possiamo salvare la nostra immagine nella gallery personale (dato che tutti gli utenti di BeFunky condividono le loro creazioni); basterà cliccare su “That’s great! Save image“:

Qua trovate il link dell’immagine su BeFunky
Di seguito invece potete visionare il mio risultato finale:

Niente male eh?

La skin è stata realizzata da Internauta2000, presente su DeviantArt al seguente indirizzo, il quale ci presenta la sua skin (valida per versioni di Firefox 2.0+) nella pagina raggiungibile con il seguente link:

http://www.deviantart.com/deviation/45665026/

Bene, vediamo come installarla e visualizzarla con il nostro amato Firefox. Cominciamo con lo scaricarla cliccando su Download presente nella pagina raggiungibile con il link che vi ho dato precedentemente;

Fatto questo, salviamo il file .rar dove desideriamo. Ora estraiamo i files cliccando sull’archivio con il tasto destro e scegliendo Estrai Qui (Extract Here):

Dopo questa operazione ci troviamo davanti i seguenti files:

Apriamo ora Firefox e clicchiamo su Strumenti –> Componenti Aggiuntivi:

Si aprirà una finestra nella quale dovremo cliccare prima su Temi (Themes), e poi fare drag&drop del file Vista-Black.jar nella finestra dei temi:

A questo punto dovremo solo aspettare quei 5 secondi per poter installare il tema cliccando su “Installa” (Install):

Alla fine dell’installazione vi verrà chiesto (come per ogni tema) di riavviare Firefox; fatelo chiudendolo e riaprendolo (o cliccando su Riavvia Firefox).

Ora ci siamo, non vi resta altro da fare che scegliere il tema andando su Strumenti —> Componenti aggiuntivi –> Temi e cliccando su “Utilizza il tema“.

Tutto fatto, chiudete e riavviate Firefox per ammirare il vostro nuovo tema !

Resta solo da dire: “Bravo Internauta!”

Nota: ovviamente chi vuole può utilizzare lo stesso procedimento per installare le estensioni; infatti basterà fare drag&drop dei file (dentro la cartella Extensions) e portarli nella finestra Strumenti –> Componenti aggiuntivi —> Estensioni, installando così il tutto.

Il sito lo trovate qua:

http://www.advancedphotoshop.co.uk/

Qui invece c’è il forum:

http://www.pshopcreative.co.uk/forum/

E di seguito invece i wallpapers:

Spero vi piacciano

Le userbar (tradotto in italiano: Barra utente): sono piccole immagini allungate (350×19 pixel) dalla grafica semplice ma accattivante, da mettere nelle firme di forum ed e-mail. Vengono utilizzate per mostrare i propri gusti.
–Wikipedia–

Credo che tutti sappiate cosa siano, e sono convinto che spesso dentro di voi avete detto: cavolo perché non imparo a farmele da solo? Infatti solo così si può ottenere quello che effettivamente si desidera. Quindi vediamo se riesco a spiegare bene la tecnica più usata per crearle; una volta imparata, sarete in grado di farne quante ne volete in meno di 5 minuti! Tanto per cominciare, le userbar hanno dimensioni standard di 350×19 pixel, quindi andate su File —> New e nella finestra che vi appare impostate i seguenti parametri:

Io nella profondità di colori ho impostato 16bit, ma potete mettere anche 8bit (anzi la maggior parte delle immagini in rete ha questa profondità). Quindi cliccate su Ok, adesso avrete una immagine rettangolare trasparente davanti ai vostri occhi; andiamo a creare il suo sfondo colorato:

Selezionate il Gradient Tool che vedete evidenziato nella prima immagine qui accanto e poi dopo aver selezionato (cliccandoci sopra) il Reflected Gradient (selezionato in verde nella seconda immagine), andate a cliccare nella finestra indicata dalla freccia rossa per impostare i colori che avrà la barra. Una volta cliccato, si aprirà la finestra che vedete di seguito.

Cliccate sopra la seconda immagine per ingrandirla, altrimenti dubito che si possa vedere qualcosa

Nell’immagine dovete prima cliccare sul tipo gradiente (a due colori) indicato dalla freccia 1, successivamente impostare i colori indicati dalla freccia 2 e 3; per modificare i colori cliccate due volte sopra i punti indicati dalle frecce 2 e 3, vi si aprirà una finestra che abbiamo già avuto modo di vedere in altri tutorial e nella quale dovrete o scegliere il colore, oppure digitare il suo codice. Io ho utilizzato questi colori: #00ffff e #0000ff. Fatto questo, cliccate su Ok. E’ il momento di tracciare il gradiente: lo tracceremo verticalmente all’immagine (più o meno nel mezzo) e per farlo dovrete cliccare con il tasto sinistro del mouse (senza rilasciarlo) sulla “sponda” alta della figura, ed attraversarla fino all’altra sponda; per capirci meglio:

Se avrete lavorato bene, questo sarà il risultato:

Ora dobbiamo aggiungerci quelle piacevoli righine diagonali che si vedono spesso nelle userbar; per far questo utilizzeremo un riempimento di pattern. Prima però dobbiamo creare una pattern: andate su File —> New, e create un nuovo documento con i dati uguali a quelli che abbiamo utilizzato inizialmente per la userbar, ma modificando le dimensioni che dovranno essere di 3×3 pixel. Vi si aprirà un documento davvero piccolo, ma non dovete far altro che ingrandirlo digitando 1600 (e premendo Invio) nello spazio evidenziato nell’immagine qui sotto:

Come vedete all’ingrandimento max è tutto più chiaro

La freccia rossa vi indica che basta cliccare in quel simbolino (default foreground and background colors), per impostare in automatico il colore nero.Ora bisogna creare una riga diagonale formata da quadratini di 1 pixel ciascuno: lo faremo con il Pencil Tool (evidenziato in verde nell’immagine di fianco). Impostate la grandezza del “Pencil” ad 1 pixel (lo potete fare cliccando nella freccina evidenziata di verde qua sotto).

Poi andata a cliccare sopra l’immagine cercando di fare coincidere il quadrato nero del pencil tool con un angolo della figura poi andando in diagonale per concludere (vi bastano tre click):

e per concludere:

Fatto tutto questo, andate su Edit —> Define Pattern…

Nella finestra che si aprirà digitate un nome e cliccate su Ok:

Adesso nella finestra dei livelli (in basso a destra) create un nuovo livello cliccando su New Layer (evidenziato in verde):

Figura 1

Ora andate su Edit —> Fill:

Nella finestra selezionate pattern e scegliete quella che avete appena salvato, inoltre impostate l’opacità al 20%:

Cliccate su Ok; il risultato è questo:

Bene, ora è il momento di inserire un’immagine: io ho deciso di creare una userbar un po’ simpatica ed ho scelto un’immagine “buffa”, ma voi potete scegliere qualsiasi altra cosa. Ecco la mia immagine:

Per aprire la vostra immagine dovete solo fare click su File —> Open e cercarla. L’immagine può essere anche più grande del dovuto, tanto potremo scalarla; l’importante è che abbia uno sfondo trasparente (di conseguenza si prestano molto le icone). Una volta aperta la vostra immagine e selezionato il Move Tool, cliccateci sopra con il tasto sinistro del mouse e (senza rilasciarlo), trascinatela dentro la userbar, poi rilasciate. Adesso l’immagine che avevate precedentemente aperto, è sopra la userbar. Se è troppo grande come nel mio caso, andate su Edit —> Transform —> Scale, poi tenendo premuto Shift (per mantenere le proporzioni), cliccate su uno degli angoli e diminuitelo andando nel verso opposto dell’angolo:

Quando sarete soddisfatti rilasciate il mouse e confermate la trasformazione cliccando sul simbolo dell’ok posto in alto sulla destra:

Il risultato dopo questa operazione sarà il seguente:

Ora è giunto il momento di inserire il testo. Il font più utilizzato è il Visitor TT1 -BRK- che potete scaricare da QUI. Dopo averlo scaricato e scompattato, inseritelo nella cartella dei vostri font (pannello di controllo —> Caratteri o Font). Poi selezionate lo strumento testo:

e accertatevi di avere le seguenti impostazioni:

Dunque cliccate sopra la userbar e digitate il vostro testo; nel mio caso: “Angry Man”. Poi cliccate con il tasto destro del mouse sopra il livello (layer) del testo (l’ultimo creato), e selezionate Blending Options:

Poi andiamo ad impostare la traccia (stroke) con questi parametri:

Bene, ecco il risultato che dovreste ottenere:

Arrivati a questo punto manca davvero poco alla conclusione; selezionate l’Elliptical Marquee Tool:

Poi create un’ellisse cliccando sull’angolo in alto a sinistra e, senza rilasciare il tasto, arrivate fino all’angolo in basso a destra. Avrete creato un’ellisse; adesso create un nuovo livello (guardate la Figura 1 se non vi ricordate) e, dopo aver selezionato il Move Tool, spostate l’ellisse verso l’alto coprendo la userbar solo con metà ellisse:

Cliccate sul simbolo indicato dalla freccia rossa (inverte i back-fore ground colors) per avere il colore bianco, e selezionate il secchiello, poi cliccate sopra la metà ellisse; questa diventerà bianca.

Cambiate l’opacità del livello “ellisse” (selezionato come layer 4 in figura) portandola al 30%:

Fatto questo andate su Select —> All:

e poi cliccate su Edit —> Stroke:

Nella finestra che compare impostate i seguenti parametri:

Dopo aver cliccato su Ok, abbiamo finito. Resta solo da salvare la userbar: File —> Save for Web…, e scegliere il formato che desiderate. Com’è venuta? Ecco qua:

Ed eccone una che ho fatto in 1 minuto, modificando il file .psd originale (infatti vi consiglio di salvarlo):