Chi si occupa di grafica per il web sa bene che, purtroppo, esistono ancora grosse limitazioni nell’uso di immagini trasparenti. Sicuramente ti sarà capitato almeno una volta il fatidico dilemma:

usare una GIF dai bordi rudemente sgranati o affidarsi a una PNG, non supportata dai browser più vecchi?

Ebbene, Photoshop ci viene in aiuto con un trucco molto semplice, che ci permetterà di ottenere GIF trasparenti e dai bordi nitidi.

Creare GIF trasparenti a bordi nitidi con Photoshop

di Francesca Urbinati

Nell’esempio proposto ho utilizzato il mio logo, ma puoi provare con qualsiasi immagine che abbia un fondo abbastanza uniforme.

Il primo passo è separare l’elemento dallo sfondo, per esempio usando la funzione “selezione > intervallo colori”, che si presta benissimo al nostro caso.
Copiamo la selezione su un nuovo livello con CTRL+J.

(clicca per ingrandire l’immagine)

Otterremo così un secondo livello con all’interno solo l’elemento che ci interessa.
Nascondiamo o cestiniamo il livello sottostante, quello da cui siamo partiti.

A questo punto, solitamente si salva l’immagine col fondo trasparente, magari in formato GIF… ma se vogliamo evitare i bordi sgranati possiamo cavarcela con un semplice passaggio in più!

Il trucco è nell’applicazione delle “opzioni di fusione“, in particolare dell’effetto “traccia”.

Nel pannello degli stili di livello, scegliamo proprio l’ultimo: traccia.

Di default, otterremo un bordo rosso di 3 pixel attorno al nostro elemento trasparente.
Impostiamo un bordo di 1 pixel e, come colore, scegliamo quello che più si avvicina allo sfondo della pagina web o del contenitore che ospiterà l’immagine.

Possiamo addirittura usare un gradiente piuttosto che un colore uniforme, e decidere il metodo di fusione esattamente come facciamo normalmente per i livelli.

La traccia è quindi uno strumento molto potente, e se sperimenti un poco, ti sorprenderai di quante varianti siano possibili.

(clicca per ingrandire l’immagine)

Ora possiamo salvare l’immagine come una normale GIF trasparente.

Una volta inserita nel sito, il bordo che abbiamo aggiunto con l’effetto traccia si fonderà con lo sfondo della pagina web, “proteggendo” l’elemento dalla sgranatura dei bordi tipica delle GIF trasparenti.

Semplice, vero?

Francesca Urbinati si occupa di graphic design e comunicazione su diversi media. Oltre al Munia Blog & Linfa Creativa,  segue il progetto KobraCrea e il relativo blog.

Vuoi collaborare come guest poster su Blographik?
Ecco le linee guida per partecipare a questo progetto. Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Come per la fine di ogni anno, è tempo di bilanci e anche di scrivere dei post che riassumano i migliori contenuti pubblicati durante il 2008.

Ho deciso di creare una lista dei migliori tutorial di quest’anno presenti in rete, ma questa volta invece di scriverli di mio pugno, preferirei che partecipassi tu stesso alla creazione di questa lista che poi aggiornerò, pubblicando un articolo ad hoc.

Il motivo di questo articolo è semplice: i miei tutorial preferiti non sono nulla rispetto alla marea di informazioni raccolte da te e da tutti coloro che leggono Blographik.

Andremo quindi a creare un articolo codiviso, in cui anche tu potrai partecipare e condividere con tutti gli altri le tue risorse scovate on line.

Partecipa alla creazione del post sui migliori tutorial del 2008

Tra i miei obiettivi per il prossimo anno, è di incrementare la partecipazione dei tanti lettori che seguono blographik nelle discussioni dei commenti e scrivendo articoli per questo progetto, e quindi inizio da subito invitandoti a collaborare direttamente con Blographik.

Come collaborare a questa iniziativa

Nel tuo delicious (o nei preferiti del tuo pc ) avrai salvato sicuramente una serie di tutorial che per te sono stati molto utili se non fondamentali.

Vorrei che tu mi segnalassi questi link utili per raccoglierli in un unico articolo, che pubblicherò una volta che abbiamo raggiunto almeno 10 risorse utili.

Per ogni link segnalato preferirei che aggiungessi una descrizione dei motivi per cui lo segnali su questo blog.
Quali sono le motivazioni che ti hanno spinto a notificarmi questo tutorial anzichè un altro.

Inoltre, per seguire una stessa linea grafica, avrei bisogno che mi inviassi direttamente tu un’immagine correlata al tutorial di 400 px di larghezza ;).

Puoi inviare il materiale (la descrizione del tutorial, il link alla risorsa, l’immagine correlata ed il tuo blog) al seguente indirizzo di posta elettronica: info [chiocciola] blographik.it (email antispam )

Non ci sono limiti di tempo per partecipare all’iniziativa, l’articolo con la selezione dei tutorial sarà aggiornato ogni qual volta si aggiungerà una nuova risorsa.

Perchè partecipare?

• Perche siamo una community di persone con le stesse passioni ;
• Perchè potrai scoprire quali sono le letture preferite di altri lettori che come te leggono Blographik;
• Perchè riceverai in cambio un link verso il tuo blog, se la risorsa che segnalerai è di indubbia qualità;
• Perchè se hai scritto tu stesso un tutorial (di solo testo, audio o video) hai la possibilità di ricevere delle visite e farti conoscere tramite questo progetto;
• Perchè potrai aggiungerlo ai tuoi preferiti e leggerti con calma tutte le risorse che altri hanno decso di condividere in uno spazio unico.

I motivi per partecipare quindi ci sono

Quali argomenti segnalare in questa lista?

Tutto ciò che potrebbe essere utile ad un web designer, ad uno sviluppatore, ad un blogger, ad un grafico, ad un esperto SEO e web marketer.

Basta osservare un attimo le categorie presenti nella sidebar a sinistra per renderti subito conto di quali tutorial possano essere segnalati su Blographik.

Puoi inserire un commento per discuterne insieme, nel caso non sia stato chiaro qualche passaggio o non abbia approfondito determinati argomenti.

photo credits: Morgan David de Lossy/Corbis Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Certamente no . Ho creato un gruppo correlato ai lettori ed amici di blographik.
Un ulteriore luogo dove condividere, discutere dei temi trattati su questo blog.

Se sei un lettore di questo progetto, non puoi non far parte del Professional Blog Design: laboratorio di grafica per blog e non solo .

Lo scopo del gruppo su Facebook

L’obiettivo principale è di utilizzare questo social network per incrementare la popolarità di blographik.
In futuro, se ci saranno risultati positivi, ti terrò aggiornato sui risultati ottenuti tramite l’utilizzo di questo servizio.

Un effetto virale strepitoso per gli eventi

Ho partecipato come live blogger al primo Facebook Party di Ascoli Piceno.
Ho creato anche un dominio di terzo livello proprio per queste occasioni, e sono stato anche aiutato anche dai commenti dei lettori di questo blog per la scelta del nome (live.blographik.it).

Sono rimasto molto colpito dal successo, che è nato da un evento organizzato completamente on line, in una piccola cittadina delle Marche.
Gli iscritti hanno superato i 1700 e oltre 300 persone hanno confermato l’invito.
La viralità dell’evento ha poi diffuso la notizia anche off line, ed il party ha tranquillamente superato i 400/500 partecipanti. Per me un dato eccezionale e da un certo punto di vista sconvolgente .

Confermo quindi che Facebook funziona alla grande nell’organizzare qualsiasi tipo di evento, se poi è gratuito la viralità è assicurata.

Hai un gruppo su Facebook?

Mi sembra che il dilagante fenomeno di Facebook possa essere utile anche per diffondere i nostri blog.
Visto che sono approdato su questo social network da poco tempo, volevo sapere se hai creato un gruppo per il tuo blog, le motivazioni che ti hanno spinto e se stai ottenendo dei risultati positivi. Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it

Designed by:Bart ODell

Designed by: Jon Gerlach

Designed by: Action Designer

Designed by: John boerckel

Un altro regalo di Natale, dopo il video natalizio in cui vesto i panni di un elfo ballerino .

Questa volta si tratta di un brano natalizio scaricabile gratuitamente e molto gradevole da ascoltare.
Ecco di cosa si tratta dalle dirette parole del creatore del pezzo, Johnny8joker musicista e web designer.

Ho ascoltato il pezzo ed è davvero gradevole, Johnny8joker secondo me ha una bella voce oltre che essere un bravo compositore.

Se lo ascolti ricorda un pò il timbro vocale di Bono degli U2 o Chris Martin dei Coldplay.
Aspetto un tuo giudizio sul pezzo e sulle doti di questo musicista nei commenti .

Un regalo natalizio musicale

di Johnny8joker

“All The Time Forever In Your Love”, questo il regalo di Natale che puoi fare a tutti i tuoi amici e conoscenti.
Il brano è mio (il mio nome d’arte è johnny8joker) ed è scaricabile gratuitamente dal sito johnny8joker.com.

Il brano argomenta di una persona che ritrova la fede nel periodo Natalizio.
Sono comunque altre possibili chiavi di lettura.
Infatti questa canzone può parlare di ricerca di se stessi, amore, pace e libertà.
Lascio a te la scelta su cosa trovare tra le righe dei miei testi e di cosa provare a livello emotivo.

A breve uscirà il mio album d’esordio.
Sarà un album molto impegnato, introspettivo e di varie contaminazioni musicali.

Con l’uscita dell’album vedrà la luce anche il sito vero e proprio con tanto di blog creato da me.
Cosa aspetti vai sul mio sito e scarica la tua canzone di Natale.

Johnny8joker è un musicista compositore, oltre che web designer e grande stimatore di blographik.

Il Redesign di un Blog: Quando il successo passa anche dalla grafica.

Un E-book gratuito su tutti passaggi del redesign del blog di TagliaErbe (Davide Pozzi).
Questo materiale è disponibile in esclusiva solo a te che sei abbonato a Blographik.it o al TagliaBlog.

Scarica l’E-book.

blographik.it