La moda del momento (sempre quando c’è di mezzo Google) è provare e (s)parlare del nuovo servizio di Google: Google Wave. Al momento la versione non è ancora quella definitiva, ma già si possono intravedere le potenzialità enormi di questo sistema sincrono di pubblicazione ed editing di file, opinioni e lavori.

L’enorme potenza di Google Wave si basa su due caratteristiche eccezionali: la possibilità di poter comunicare “real time” e la possibilità di estendere la piattaforma con applicazioni aggiuntive tramite le “Wave Gadget API“.

Questo servizio rivelerà ben presto le sue potenzialità nelle collaborazioni a largo numero di partecipanti e darà la possibilità di snellire molto i tempi di lavoro grazie alla comunicazione istantanea ed alla condivisione di risorse. Inutile dire che è indubbiamente un servizio da provare e da imparare ad utilizzare al meglio. Per cominciare a mandare le vostre prime “onde energetiche“, avete due possibilità: richiedere un invito a Google Wave, oppure

Detto questo potete trovare informazioni utili sull’utilizzo di Wave sia in siti che hanno fatto guide, sia in siti ufficiali come il blog di Wave (fondamentale) ed il gruppo di discussione. Esiste infine l’utile forum di discussione.

Wave screenshot

BUON NATALE!

In occasione di una sponsorizzazione da parte di 99designs.com, altro sito di riferimento per designer e creativi della rete (e per altro con un’ottima struttura e funzionamento), sitepoint ci dona uno dei suoi libri più belli su Photoshop: The Photoshop Anthology: 101 Web Design Tips, Tricks & Techniques. Il libro non è una guida all’uso del software Photoshop, bensì un pratico manuale pieno di tutorial per imparare al meglio determinate tecniche e utilizzi del programma; a mio avviso è molto più utile di molti altri libri. Oltre ad alcune informazioni di base, viene spiegato come si creano bottoni, sfondi, come si utilizzano e modificano i font e gli stili sul testo, come si ottimizzano le immagini per renderle perfette, come si comincia a creare un layout per un sito web ed infine alcune tecniche avanzate per facilitarci la vita con Photoshop ! Insomma un libro davvero da non perdere!

Clicca sull’immagine per andare a scaricare il libro!

Come Scaricare

Per scaricare il libro in formato .pdf, basta semplicemente cliccare su DOWNLOAD NOW! Fatto questo ci apparirà un pop-up dove dovremo inserire un indirizzo e-mail nel quale ci verrà inviato il link per scaricare l’e-book:

Quando vi arriverà il messaggio, ci saranno due link, uno per scaricare la versione ad alta risoluzione (high-res copy) da 64 Mb, oppure per chi non ha una connessione molto veloce c’è il link per la versione a bassa risoluzione (low-res copy) da 23 Mb.

Ultima cosa abbastanza importante da dire è che il libro è in inglese (anche se un inglese comprensibilissimo) e quindi, chi non è molto pratico con la lingua, potrebbe abbattersi un po’ durante la lettura. Per qualsiasi problema comunque non esitate a chiedere .

Ora andate subito a scaricare il libro e cominciate la lettura!

Non ancora…

A parte gli scherzi, in questo periodo ho avuto molto da fare e per rispondere a tutti quelli che nelle e-mail mi chiedono che fine ho fatto, posso dire che sono davvero sommerso di cose da fare e soprattutto ho molto da studiare. E’ un periodo frenetico ma non preoccupatevi (anche se molti di voi non lo saranno affatto ), perché presto cercherò di tornare a tediarvi con qualche articolo !

Inoltre è probabile che presto ci siano delle ghiotte novità.. stay tuned!

Read this tutorial in English language

Leggi questo tutorial in lingua Inglese

Vista la vicinanza del 14 febbraio (che è San Valentino), ho pensato di fare un tutorial che potesse entrarci in qualche modo con questa data. Quello che cercheremo di fare, sarà creare una scritta infuocata “LOVE” che al posto della “O” ha un cuore. Partiamo?

Prima di cominciare facciamo il punto della situazione sui font che adopereremo. Utilizzeremo un font che dovreste avere tutti, e cioè un Arial Black per le lettere “L, V, E” e un Sexy Rexy Smitten per la “O”. Quest’ultimo font lo potete scaricare cliccando qui, mentre questa è l’home page del font:

http://www.dafont.com/sexyrexy-smitten.font

Una volta scaricato lo zip, troverete oltre al font (inseritelo nella cartella dei vostri font tramite pannello di controllo —> Caratteri o Font), anche varie immagini. Tra queste è presente la mappa dei caratteri, che è utilissima per sapere a che immagine corrisponde ogni carattere che digitiamo. Nel tutorial io ho scelto un semplice cuore che corrisponde alla lettera “W” (doppia v maiuscola), ma potete scegliere qualsiasi altra figura con la sua relativa lettera.

Ok, cominciamo sul serio. Create un nuovo documento di dimensioni a vostro piacimento; queste sono le mie preferenze:

Assicuratevi di avere come colore di sfondo il nero e come colore di primo piano il bianco. Scegliendo Colore di Sfondo (Background Color) il documento sarà riempito di nero.

Ora selezionate lo Strumento Maschera testo orizzontale (Horizontal Type Mask Tool):

Impostate lo strumento in questo modo:

Scrivete ora quello che desiderate, nel mio caso LWVE (La W diventerà un cuore):

Andate ora a selezionare la “W” e cambiate il font da Arial Black a SexyRexy-Smitten:

Esiste la possibilità che la dimensione che avete utilizzato per le altre lettere facciano diventare troppo grande il cuore (nel senso che non entra nel documento); quindi potete abbassare la dimensione del simbolo a vostra discrezione, io l’ho portata da 250pt a 220pt:

Perfetto, clicchiamo sullo Strumento selezione rettangolare (Rectangular Marquee Tool) ed utilizziamolo per spostare la scritta nel punto del documento più idoneo (io l’ho messa in centro); per muovere la scritta basta cliccare dentro la selezione che vi appare e, tenendo premuto il tasto sinistro del mouse, muovere la scritta:

Con lo Strumento Secchiello (Paint Bucket Tool), andiamo a riempire di bianco la selezione (basta un click dentro la selezione stessa):

Deselezioniamo la scritta andando su Selezione —> Deseleziona (Select —> Deselect):

Perfetto. Utilizziamo ora lo Strumento sfumino (Smudge Tool), indicato da questo simbolo: , ed impostiamolo nel seguente modo:

Logicamente la dimensione scelta dipende dalla dimensione della vostra scritta, per me è bastato un 30px, ma a voi potrebbe servirvi anche un valore più grande (o più piccolo). Adesso viene la parte “difficile”; dovete cercare di simulare i movimenti ondulati del fuoco sulla scritta. Fate un po’ di pratica con lo strumento e vedrete che è facile.

Come noterete parto dai bordi della scritta e vado verso l’alto. Dopo aver tracciato le basi delle prime fiamme, provate a riprendere le fiamme stesse per renderle più sfuocate e meno marcate. Fate questo lavoro per tutto il testo:

Tutte le lettere devono essere infuocate in ogni punto, le fiamme partono dal basso e vanno verso l’alto; inoltre possono rientrare (rovinando così la struttura stessa delle lettere e dando maggior realismo al tutto). Aggiungete ora un livello di Bilanciamento Colore (Color Balance), cliccando nell’apposita icona in basso nella finestra dei livelli (Crea un nuovo livello di riempimento o di regolazione / Create new fill or adjustments layer):

Cliccando nell’icona vi apparirà una finestra nella quale dovrete impostare alcuni parametri, partiremo impostando le Ombre (Shadows), poi passeremo ai Mezzitoni (Midtones) ed infine aggiusteremo le Luci (Highlights). Di seguito le impostazioni per ogni parametro:

Ombre (Shadows)

Mezzitoni (Midtones)

Luci (Highlights)

Proseguiamo adesso riscrivendo quello che abbiamo scritto all’inizio utilizzando però lo Strumento testo orizzontale (Horizontal Type Tool):

Cambiamo il colore del testo da bianco a nero semplicemente cliccando sulla doppia freccetta (Scambia i colori di primo piano e di sfondo / Switch Foreground and Background Colors) presente nella finestra degli strumenti:

Naturalmente ricordatevi di selezionare il testo ! Fatto il cambio di colore, con lo Strumento sposta (Move Tool), spostate la nuova scritta fino a farla combaciare con la scritta infuocata:

Ricordatevi di selezionare il nuovo livello e che per muovere un livello con lo Strumento sposta (Move Tool) basta cliccare con il tasto sinistro del mouse e tenendolo premuto, spostare il livello.

Selezionate ora il livello di partenza con la scritta infuocata. Andate su Filtro —> Sfocatura —> Controllo sfocatura… (Filter —> Blur —> Gaussian Blur…), ed impostate il raggio (Radius) a circa 4px:

Cliccate su Ok ed andate a cambiare la modalità del livello di testo creato per ultimo da Normale (Normal) a Sovrapposto (Overlay):

Ci siamo, questo dovrebbe essere il vostro risultato:

Cliccate sopra l’immagine per vederla nelle dimensioni reali.

Dripbook

Probabilmente non lo conoscete, ma ecco in sintesi che cosa è, e soprattutto cosa offre: dripbook è un sito-comunità formato da artisti che desiderano mostrare i propri lavori al mondo tramite la costruzione di un portfolio online. Di siti nei quali viene offerta la possibilità professionale di costruire il proprio portfolio, ce ne sono molti; tra questi forse i più conosciuti ed importanti sono portfolios.com, foliolink.com e photoportfolios.net. Questi siti sono davvero per coloro che desiderano esporre in maniera professionale i loro lavori, ma purtroppo hanno un prezzo (a volte salato) …

portfolios.com

Questo sito fornisce anche un account gratuito (oltre a quelli a pagamento) con il quale potrete uppare fino a 5 immagini per il vostro portfolio ed inserire i vostri dettagli. Non sono poi così tante vero?

foliolink.com

Qua invece servono un po’ di soldi dato che vi danno la possibilità di creare un intero sito vostro con tutto quello che volete inserire nel portfolio. E’ data comunque la possibilità di testare il sistema per un periodo di prova.

photoportfolios.com

Photoportfolios è invece quasi interamente rivolto ai fotografi e dopo esservi registrati potrete inserire ben 120 scatti, quantità questa, che potrà essere aumentata acquistando dello spazio aggiuntivo.

Detto questo, ricordo che esistono altre decine e decine di servizi di portfolio online, ma nei quali, se è offerto spazio free, questo è davvero poco e non vi permetterà di sfoggiare tutti i lavori che vorrete. E qui entra in gioco dripbook.com!

dripbook.com

Dripbook è un sito molto giovane ma dallo stile (secondo me) molto bello e interessante. Il suo obiettivo, oltre al voler creare una grande comunità di artisti, è anche quello di fornire un servizio di portfolio con il quale poter presentare i propri lavori. La grafica è molto accattivante e il funzionamento molto semplice.

Come semplici utenti, si potranno inserire ben 200 foto (nonostante si legga 250) e creare 4 books da massimo 50 foto l’uno. Questi libri sono delle raccolte di vostri lavori; infatti potreste voler creare un book per i make-up con photoshop, un book per le foto delle modelle, etc.. Dripbook si basa inoltre sui generi, cioè sulla tipologia dei vostri lavori; come utenti normali è possibile scegliere un solo genere (ad esempio Graphic Design, o Collage, o Sculpture, e così via).

Va anche detto che nel qual caso voleste aumentare sia il numero di foto, sia il numero di books, potrete farlo in qualsiasi momento passando ad un account premium; che devo dire non è neanche troppo costoso (9$ al mese pagando annualmente).

Quando avrete pronte delle immagini potrete caricarle su dripbook molto facilmente e creare i vostri book altrettanto facilmente. Sono date varie possibilità di presentazione delle vostre “opere”, una con lo slider e l’altra con i thumbnails.

Con lo slider:

E con i thumbnails:

“Le frecce indicano i tasti da premere per scorrere i thumbnails“

Come ultima cosa, c’è da dire che viene data la possibilità di creare una propria Splash Page fornita di immagine selezionata da noi, e con un link al nostro profilo ed ai nostri lavori; questa è indubbiamente una bella cosa dato che potremo indirizzare chi vogliamo alla nostra Splash Page dandogli modo di vedere tutti i nostri lavori.

L’indirizzo della mia Splash Page è: http://www.dripbook.com/carlos

Di seguito invece potete vederla in anteprima:

Sembra che sia davvero un bel servizio che dite? L’unico inconveniente è che per ora è solo su invito.

Ma non disperate, perché io ne ho un po’ a disposizione e sono pronto ad inviarveli !

Buona costruzione del vostro portfolio allora!

Sto finendo di sistemare il nuovo sito aggiornando tutti gli articoli precedenti e impostando a dovere il nuovo layout. Ho quasi finito e probabilmente già dalla prossima settimana sarà (quasi) tutto perfetto.

Intanto ho sistemato tutte le pagine ed in particolare anche il form per contattarmi. Spero che il cambio non abbia creato problemi a nessuno, ma era davvero necessario; infatti ora ho svariate possibilità aggiuntive come:

• il poter gestire plugin
• spazio enorme a disposizione
• personalizzazione totale del sito
• poter fornire un “servizio” migliore”
• etc…

Mi raccomando di aggiornarvi con il nuovo feed e di restare sintonizzati perché al più presto ricomincerò a scrivere!

Ah! Vi fanno gli Auguri anche loro :

Mi raccomando restate sintonizzati perché nei prossimi giorni ne vedrete delle belle !!

Ciao e non mangiate troppo durante queste feste!

Il Forum GT quest’anno ha indetto una delle più importanti gare di Home Page, rivolta a tutti i web designer affermati, ma anche a coloro che “praticano” quest’arte solo per passione e quindi come passatempo. Questo evento è forse uno dei più importanti del genere caratterizzato anche dal fatto di essere proprio rivolto a chiunque. L’elemento centrale della gara è indubbiamente la grafica, cioè quella capacità di un web designer di sorprendere, di far rimanere senza fiato l’osservatore e di creare qualcosa che non esisteva prima. Nonostante questo però ogni pagina web creata dai partecipanti, sarà analizzata e giudicata su più fronti:

• da 1 a 10 punti alla grafica
• da 1 a 10 punti alla innovazione (-> web 3.0)
• da 1 a 10 punti alla originalità
• da 1 a 10 punti alla capacita’ di trasmissione di un messaggio emotivo
• da 1 a 10 punti alla facilità ed immediatezza della comprensione dell’impianto delle connessioni
• da 1 a 10 punti alla pulizia del codice e validazione W3c
• da 1 a 10 punti all’accessibilità

Clicca per accedere al post con tutte le informazioni

Che dire poi della Giuria? Non si poteva davvero avere di meglio:

• Giorgio Taverniti (www.giorgiotave.it/forum)
• Stefano Virgilli (www.adobesoftwares.com)
• Daniele Cascone (www.braintwisting.com)
• Madri (www.madri.com)
• Stuart (www.googlerank.com)
• Flep (www.flepstudio.com)
• Massimiliano Navacchia (www.navacchia.it)
• Tambu (blog.tambuweb.it)

Il mio consiglio è quindi di iscrivervi alla gara (potete iscrivervi se siete registrati al Forum), anche perché ci sono davvero dei premi molto ghiotti per i primi 3 classificati.

Io sono il coordinatore di tutto l’evento e per tutte le informazioni, i dubbi o le domande, vi rimando al post del Forum:
Gara di Home Page 2007.

Ah! Dimenticavo avete tempo fino al 30 Novembre per iscrivervi alla gara e fino al 15 Dicembre per consegnare il vostro lavoro. Quindi amanti di Xhtml, dei Css, di Flash o di Photoshop, etc.., fatevi avanti !

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?