YouTube, Google, Twitter e molti altri rinomati servizi internet hanno provveduto recentemente a cambiare radicalmente il loro design grafico rendendolo più accattivante, fluido e semplice. Manca all’appello Facebook che, benché abbia recentemente introdotto un restyling completo dei profili personali, anche per il 2012 si presenta ai propri utenti con lo stesso layout utilizzato ormai da parecchio tempo.

Prendendo spunto da un articolo pubblicato sul blog I Can Be Creative abbiamo raccolto 15 concept design che potrebbero migliorare il look di Facebook.

Quale di questi layout potrebbe essere una valida alternativa all’interfaccia attuale di Facebook secondo voi?

Ad oggi sono più di 3000 i web designer, i creativi, e i grafici iscritti su BestCreativity. Se ci seguite sapete che ogni tanto qualcuno tra i più meritevoli viene da noi intervistato e pubblicato su queste pagine. E’ il caso di Luka99, a cui abbiamo fatto qualche domanda, certi del fatto che i suoi consigli possano essere di aiuto a tutti coloro che lavorano in questo ambito e che usano il nostro servizio.

Chi c’è dietro il nickname Luka99?

Dietro Luka99 si “nasconde” Luca Radice un grafico freelance che lavora da oltre 16 anni in questo affascinante e al tempo stesso competitivo e duro mondo della comunicazione visiva. Negli anni ho sempre cercato e , dove possibile preferito, un contatto diretto con il cliente, questo perché considero determinante per la buona riuscita di un lavoro, l’empatia che si instaura con la persona che si ha davanti agli occhi. Capire le sue esigenze , le sue aspettative non sottovalutando mai i suoi “gusti personali” anche quando francamente inutilizzabili ma non per questo meno utili.

Ah, dimenticavo, il numero “99″ non è la mia età ma una data per me importantissima

Sei molto apprezzato dai committenti che pubblicano i loro progetti su BestCreativity, quali sono i tuoi segreti?

Il segreto, se mai ce ne è uno, è la profonda passione per le arti grafiche e per la ricerca che non deve fermarsi mai!

Mi ricordo che ai tempi dello IED il primo insegnamento era: ”Davanti ad un nuovo progetto non fissate il foglio bianco sperando che vi arrivi l’idea geniale… iniziate a documentarvi, a guardarvi attorno e se è necessario uscite per strada… tante volte l’idea che cercate è proprio il caso di dirlo dietro l’angolo…

Mac o PC? Photoshop o Illustrator?

Utilizzo Mac da quando la “mela” aveva i colori della bandiera della pace e forse era meno trendy di adesso e devo dire che non mi sono mai pentito della scelta.

Quali sono gli strumenti e i software che usi più spesso?

I programmi indispensabili per un Graphic Designer sono senza dubbio Illustrator© e Photoshop © con l’aggiunta di Indesign©, dopo di che tutti gli altri software diventano un Plus del nostro lavoro; parlo di Dreamweaver© e Flash© e perché no di un software di modellazione 3D.

Quali sono le fonti di ispirazione principali per la tua creatività?

In questi anni ho avuto differenti fonti di ispirazione:
Sono passato dalla consultazione di libri sul design , arte e fotografia fino ad arrivare in questi ultimi anni al web che considero una fonte incredibile per varietà ma che se usata male ed in modo frettoloso porta i designer ad attingere dalle stesse fonti senza che se ne rendano conto.

Anche se il web ci ha abituato ad avere tutto e subito bisogna sempre dedicare il giusto tempo alla ricerca.
Dicci il motto o la frase che pensi identifichi meglio ciò che fai o ciò che sei.

“Ricordarsi sempre che ciò che facciamo è “comunicazione visiva” non dipingiamo quadri astratti”. Se qualcuno non capisce cosa abbiamo fatto saremo noi che avremo sbagliato.

Cosa consigli a chi vuol diventare bravo come te?

Non cercare di essere a tutti i costi originali e magari disallineati con il linguaggio visivo comune rischieremmo così l’effetto contrario : – Parleremmo a gente che non potrà capirci !

Grazie Luca e continua così!

Questo mosaico è stato realizzato con gli avatar dei migliori designer e creativi che alimentano ogni giorno il motore di BestCreativity. Un buon Natale a tutti!

Molti di noi hanno un blog dove poter condividere le proprie idee, i consigli e le esperienze di tutti i giorni sulla grafica e sul design. Innegabilmente, la piattaforma top per eccellenza per creare un blog è WordPress, un incredibile cms dedicato alla pubblicazione di contenuti, con cui ci è possibile veramente esprimere al massimo la propria creatività attraverso l’installazione e la personalizzazione di semplici plugin.

A Natale abbiamo deciso di … far nevicare sul nostro blog utilizzando un plugin chiamato Let It Snow, gratuito e semplice da installare. Trovate il plugin qui, per usarlo è sufficiente installarlo e abilitarlo, e divertirsi con le varie opzioni presenti nel pannello di controllo del plugin.

Una volta passato il periodo di feste potremo disattivarlo tramite il tasto “disattiva” nella sezione Plugin. Fosse così facile far cominciare e smettere di nevicare anche nella realtà…

p.s. avete provato a digitare “Let it snow” su Google…? Provate.

Abbiamo deciso di fare qualche domanda a Wuhsing, un designer di grande talento che si è rivelato nel tempo un osso duro da battere ogni volta che decide di cimentarsi in uno dei progetti di design pubblicati regolarmente sulle pagine di BestCreativity. Da questa intervista sono emersi concetti decisamente interessanti nonché link a risorse che speriamo possano essere utili a tutti coloro che decidono di intraprendere questo difficile ma splendido mestiere…

Chi è Wuhsing?

Wuhsing nasce da un’idea di Luca Dondi. Professionista della comunicazione, lavora da più di 10 anni come web designer. Negli anni ha sviluppato un’ottima conoscenza dei linguaggi di formattazione e presentazione di ipertesto come l’HTML, di meta-linguaggi descrittivi come l’XML, di scripting come javascript (JQuery e MooTools), un’ottima conoscenza nello sviluppo di template per WordPress e Joomla, unitamente ad una sempre maggiore padronanza di altre tecnologie di rappresentazione di contenuti multimediali e grafica digitale. Negli ultimi anni ha creato insieme ad un gruppo di professionisti la società W3B, dove lavora come direttore artistico e webdesigner. Sul suo sito, o all’interno del profilo di BestCreativity, è possibile visionare alcuni dei suoi lavori.

Come è nata la tua passione per il tuo lavoro?

Fin da piccolo sono sempre stato incuriosito dalla creatività, indipendentemente da quale che fosse la forma in cui veniva comunicata. Che fosse attraverso la fotografia, la moda, il teatro, la musica o l’arte, quello che era importante era la creatività applicata al modo di comunicare. La passione per essa mi ha poi portato ad applicarla, principalmente al mondo del web.

Sei uno dei designer più apprezzati e con il punteggio più alto su BestCreativity.  Qual è il tuo segreto?

Prima di vedere come è possibile convertire un’immagine da bitmap a vettoriale, bisogna spiegare alcune cose di base: un’immagine in formato vettoriale è, molto semplicemente, un’immagine che “si può zoomare quanto vogliamo”, senza perdere mai di qualità. Questo perché è composta da vettori (linee, curve e punti) al cui interno sono memorizzati degli specifici valori riguardanti il colore e la posizione.

Un’immagine in formato bitmap invece è creata da pixel, punti, che non permettono al disegno di scalare. Ingrandendo quindi l’immagine questa apparirà sgranata, come in questo esempio:

Le immagini vettoriali sono alla base di ogni creazione di logo professionale, o più in generale ogni forma di creatività che necessiti di essere utilizzata, mostrata, stampata in molteplici ambiti.

Vediamo quindi come eseguire la nostra conversione in ambiente Windows e con un programma chiamato Vector Magic, disponibile a pagamento per pc ma gratuitamente utilizzabile come servizio online. Ecco come fare:

1. Per prima cosa occorre puntare il proprio browser su questa pagina e caricare la propria immagine;
2. A questo punto si aprirà una schermata divisa in due, a sinistra verrà visualizzata l’immagine originale e a destra le modifiche che possiamo apportare. Ogni volta che cambieremo un valore vedremo in anteprima l’effetto finale;
3. Una volta effettuate le eventuali modifiche possiamo passare alla conversione vera e propria dove il risultato finale sarà quello di ottenere la nostra bitmap convertita in vettoriale, ed eventualmente iniziare da capo con un’altra immagine.

Decisamente semplice. Se comunque non fossi stato sufficientemente chiaro qui possiamo vedere un video ufficiale che mostra l’utilizzo di questo sistema.

Dopo il tutorial dedicato al bianco e nero artistico oggi vi voglio presentare un altro set di utili strumenti per Photoshop. Questa guida è molto utile nel caso in cui si abbia un’immagine verticale e  la si voglia rendere orizzontale, oppure viceversa da orizzontale a verticale come nel nostro esempio.

L’immagine originale è questa:

Come primo passo la dobbiamo aprire con Photoshop e sbloccare il livello per lavorarci sopra, per farlo doppio click sulla sezione blu in basso a destra:

Eseguendo questo metodo noi possiamo restringere tutta l’immagine andando però a rovinare il soggetto principale che, ovviamente, deve rimanere il più possibile “normale”. Per fare questo dobbiamo salvarlo, ovvero andremo a dire a Photoshop di restringere tutto tranne la selezione salvata.

Come avete capito dobbiamo selezionarlo, quindi usiamo lo strumento bacchetta magica impostata sul + (il + per aggiungere aree alla selezione, il – per toglierle) e andiamo a passarla sopra all’uomo tenendo il tasto del mouse premuto.

Se usciamo dai contorni e prendiamo per sbaglio una parte di neve non c’è problema perchè basterà impostarla sul – e ripassare nella zona interessata.

Un altro problema potrebbe essere quello dei dettagli, dobbiamo infatti selezionare una parte molto piccola, farlo è semplicissimo basterà infatti ridurre la dimensione della bacchetta tramite il menù in alto. Volendo possiamo anche ridurre la sfericità per ottenere maggiori dettagli!

Quando abbiamo selezionato bene il soggetto dobbiamo salvarlo e per farlo andiamo nel menù Selezione->Salva Selezione, diamo un nome a caso e clicchiamo ok.

Deselezioniamo il soggetto con CTRL+D e andiamo nel menù Modifica->Scala Immagine In Base Al Contenuto. Ci appariranno i punti ai lati e agli angoli dell’immagine, ma prima di tutto nella barra sopra vicino ai menù, all’ultima voce dove abbiamo il menù a tendina selezioniamo la nostra selezione salvata.

Andiamo poi a stringere l’immagine agendo nei punti ai lati, stando attenti a non stringere troppo altrimenti potremmo deformare il soggetto.

Alla fine del lavoro, con questa immagine, avremmo questo effetto:

Questa tecnica può essere utilizzata sia per portare un’immagine da verticale a orizzontale sia viceversa.

Al prossimo tutorial!

Ci siamo finalmente decisi ad aprire un negozio tutto nostro, bene! Ma come lo chiamiamo?

Il naming, ovvero la scelta del nome per l’azienda, è una delle problematiche con cui ci si scontra quando si avvia una nuova attività, che sia questa un’impresa edilizia, un sito web o un ristorante. Decidere un nome e magari anche uno slogan per farlo ricordare è un passo fondamentale e spesso, molto più difficile da compiere di quanto si pensi.

La tentazione, quando l’ispirazione manca, è di copiare dagli altri. Ma violare copyright e clonare idee altrui è sicuramente una pessima scelta. Anche solo decidere di utilizzare parole o concetti che si assomigliano può rivelarsi disastroso.

Ecco quindi alcune tecniche fondamentali per la scelta del naming:

1) Non usare parole troppo lunghe, anche una sola fa la sua parte. Anzi, possiamo affermare che più corto è il nome e maggiore sarà la possibilità che la gente lo ricordi;

2) Evitiamo di essere banali! Niente nomi troppo scontati. Se stiamo per aprire un ristorante non è una buona scelta chiamarlo “il ristorante di Mario Rossi”.

3) Attenzione alla grammatica. Proprio così, vi è mai capitato di andare a mangiare una pizza all’estero e nel menù leggere “Piza margherita” (con una zeta) o “Pizza vurtel”? Questo è un particolare fondamentale, purtroppo capita ovunque di assistere a questo genere di errori. Se decidiamo di usare una parola inglese o comunque straniera attenzione all’ortografia!

4) Diamo uno sguardo al web. Ormai tutte le aziende sono presenti in rete con un proprio sito internet, non esserlo significa essere tagliati fuori dal mondo e diminuire drasticamente la possibilità di ottenere contatti, clienti e guadagni. E’ importante quindi controllare se il dominio internet del vostro nuovo marchio è libero, o meglio, se il nome è “Osteria il Gotto” controlliamo se www.osteriailgotto… è già stato registrato.

5) Restando ancora nel ramo Internet, se il nostro intento è vendere solo nel territorio italiano meglio registrare un dominio .it per avere maggiore visibilità in Italia. Se meditiamo invece di espanderci fuori dai confini nazionali utilizziamo un’estensione .eu o .com.

Più in generale comunque BestCreativity propone il servizio perfetto per il naming, per creare il nome per la propria azienda, slogan o nomi di prodotti o servizi. Per far questo è necessario andare su questa pagina, descrivere le proprie necessità, e aprire il progetto ai migliaia di creativi iscritti alla piattaforma. In questo caso, il lavoro da fare è nullo e il successo è assicurato.

Uno dei nostri clienti ci ha incaricato di progettare un logo professionale per il suo sito, oppure potrebbe capitare di doverne creare uno proprio per la nostra attività. Come fare? Che passi seguire? Che software utilizzare?

Ci sono molte domande che una persona si pone prima di iniziare a progettare un logo, partiamo quindi da quella più semplice: quale software usare? Se operiamo in ambiente Windows o Mac senza dubbio Adobe Illustrator e Photoshop sono i migliori programmi di grafica utili non solo per creare logo ma anche per disegnare locandine e brochure. Se invece stiamo usando Linux o semplicemente non abbiamo il budget per permetteci Illustrator, possiamo usare Gimp, un software gratuito molto valido che possiamo scaricare da qui.

Ok, ho il software, e ora? In questo articolo non spiegherò esattamente i passi da compiere ma cercherò di illustrare quella che ritengo essere la prima delle regole da seguire per realizzare un logo ad effetto:

Utilizzare massimo due famiglie di carattere. Ok, forse tre.

Un logo deve ispirare fiducia, deve raggiungere rapidamente il target dell’azienda, comunicare ciò che produce o propone alle persone. Non serve a molto utilizzare 5 immagini diverse o 4 famiglie di font, è necessario non affaticare il visitatore né indurre in lui una sensazione di confusione.

Questa regola si può comunque estendere non solo alla creazione di un logo ma ad un qualsiasi elemento di grafica si voglia realizzare: la semplicità innanzitutto.

Ciao, mi chiamo Sebastiano Albrizzi e da oggi mi occuperò di aggiornare questo blog con articoli riguardanti il design web e grafico, lo farò scrivendo e pubblicando contenuti, tutorial, trucchi e tecniche varie. Con questo primo post in particolare vedremo come creare, anzi come “convertire”, un’immagine a colori in una bianco e nero artistica. Per farlo useremo Photoshop come software e impiegheremo circa 5 minuti.

Alla fine del lavoro ci ritroveremo con questo effetto:

Questo lavoro viene molto svolto proprio per trasformare uno scenario di New York con tanto di tipici taxi gialli in uno completamente bianco e nero ma mantenendo i colori al taxi.

Iniziamo prendendo un’immagine e aprendola con Photoshop, facciamo doppio click sul livello per sbloccarlo (sulla barra blu sotto a destra) e poi andiamo in Immagine->Regolazioni->Bianco e Nero e si aprirà una finestrella, confermiamo tutto dando ok.

Salviamo ora l’immagine in .psd (il formato di Photoshop) e apriamo di nuovo l’immagine presa per fare questo lavoro, a questo punto abbiamo due immagini aperte: quella in .psd in bianco e quella a colori originale.

Restiamo nell’immagine in bianco e nero con lo strumento Selezione clicchiamo in un punto a caso fuori dall’immagine e passiamoci sopra in moda da selezionarla tutta. Clicchiamo CTRL+C per copiarla, andiamo nell’immagine originale a colori e CTRL+V per incollarla sopra. Noteremo che a lato, nella sezione dei livello, ora ne abbiamo due appunto dell’immagine a colori e di quella in bianco e nero.

Se per caso il livello di quella a colori è sotto il livello dell’altra clicchiamoci sopra e teniamo premuto il mouse per spostarlo sopra, creiamo ora una maschera di livello con un click sulla 3 icona nella parte sottostante ai livelli. Dove c’è una piccola cornice con un pallino all’interno.

Si formerà un riquadro bianco vicino al livello in bianco e nero, come da immagine:

Usiamo ora lo strumento Pennello per ridare colore al taxi, clicchiamoci sopra e nella selezione dei due colori sotto impostiamo il nero come colore di primo piano.

Per questa immagine sinceramente consiglio di usare un pennello di una grandezza come 19 o 20, passiamo ora sopra al taxi tenendo premuto il pulsante del mouse e noteremo che “ripenderà vita”. Se usciamo dall’immagine e andiamo magari a colorare qualche altro pezzo non preoccupiamoci perchè basterà invertire i colori del pennello, quindi da nero a bianco, e ripassare nella zona che dovrà tornare senza colori.

Per questa operazione consiglio di portare il pennello ad una dimensione di 12-14px in modo da avere maggiore precisione, sempre per questo fatto consiglio anche di aumentare lo zoom dell’immagine premendo CTRL e + per ingrandire e CTRL e – per diminuire lo zoom.

Se abbiamo zoomato troppo teniamo premuta la barra spaziatrice e il mouse si trasformerà in una manina dove possiamo spostarci per tutta l’immagine.

Una volta perfezionati i contorni e tutto il resto otteniamo un’immagine come questa:

Spero di essere stato abbastanza chiaro, vi invito comunque a testare le vostre capacità con Photoshop partecipando ai progetti di creazione logo pubblicati su BestCreativity.