Tra i siti più belli in qui mi imbatto mentre mi immergo nel web, consiglio altamente Draw a stickman. E’ fatto completamente con HTML5 e vagonate di javascript, e permette di far “vivere” a schermo un omino disegnato da noi.

Ci chiederà di creare una chiave, un palloncino, o un’arma, in base alla situazione. Il tutto come se fosse stato disegnato da un bambino (o col mouse a schermo, viste le mie capacità grafiche), e tutto per ricordare che bisogna essere creativi ogni giorno, ogni momento.

Questo è il sito di Draw a Stickman, merita un’avventura col proprio omino stilizzato.

Dovete fare un sito, o un template, in stile retro o vintage? Avrete bisogno del font giusto, perché si sa, in alcuni casi i font fanno quasi metà del lavoro.

E allora date un’occhiata a bluefaqs, dove ho scovato una lista di 40 fonti gratis retro/vintage.

Alcuni esempi dei font che potete trovare? Eccoli:

Fletcher Gothic

Deftone Stylus

Bellerose

Hamburger Heaven

Per vederli tutti andate a questo indirizzo, sul sito di bluefaqs.

Dopo essersi ripresi dalle vacanze di Pasqua, riprendo a segnalare i migliori tutorial che trovo nella rete.

Oggi parliamo ancora di Illustrator, il programma dell’Adobe per lavorare su illustrazioni e grafica vettoriale.
Mi sono imbattuto in un articolo di noupe.com, tutto dedicato ai tutorial, ai trucchi e alle illustrazioni per illustrator.

Vediamone alcuni nel dettaglio.

Texturizzare un’illustrazione

Questo tutorial parte da uno sketch, da un disegno a mano, e insegna come aggiungere all’illustrazione creata una semplice texture per simulare l’ombreggiatura nei disegni.

Creare disegni complessi di cerchi con illustrator

Questo tutorial, presente su bittbox, permette di creare una composizione di cerchi in vettoriale realizzando un disegno piuttosto complesso. Mette a disposizione da scaricare le risorse utilizzate.

Effetti vettoriali ad una foto

Qui c’è invece un tutorial utile per aggiungere dei semplici ma suggestivi effetti vettoriali ad una foto. Si può scaricare l’intero file del tutorial.

Creare un albero in vettoriale

Direttamente da computer arts un tutorial per realizzare un albero con illustrator, con la possibilità di scaricare l’intera guida.

Per vedere il resto dei tutorial e delle illustrazioni visitate il sito di noupe.com.

Illustrator, almeno per un neofita, è più complesso da usare del suo fratello più famoso Photoshop.
Il vettoriale non è così semplice da maneggiare, ma è essenziale per fare grafica pubblicitaria e progetti simili.

Ci vengono in aiuto i tutorial che si trovano, a bizzeffe, sparsi per la rete. Oggi vi segnalo un post di mrFlock che ha trovato ben 40 guide di vario genere. Vediamo le più interessanti.

Testo in 3D

Questo tutorial insegna, utilizzando illustrator e photoshop, a creare un fantastico effetto 3D ad una scritta, impiegando a detta dell’autore all’incirca 8 ore. Permette di scaricare l’intero file.

Realizzare la confezione di un dolce

Questo tutorial parte da un disegno a mano e, utilizzando solamente illustrator, crea l’immagine vettoriale della confezione di un dolce. Ovviament si può applicare a tutti i disegni attuabili a mano, l’importante è la tecnica che insegna.

Creare un’icona ad ingranaggio

Con questo è invece possibile creare un’icona partendo da zero, insegna a crearne una a forma di ingranaggio in vettoriale, ma è possibile anche qui prendere spunto dalla tecnica usata.

Il resto dei tutorial, invece, li potete trovare nell’ottimo post di MrFlock.

Questa volta mi sono imbattuto in un sito incredibile, purtroppo tutto in inglese ma di qualità altissima.
Di cosa parla? Di tutorial, tutorial per photoshop di qualità e soprattutto a fiumi.

Troviamo tutorial per aggiungere effetti bolle, tutorial per applicare effetti particolari a immagini, per creare font o per fare fotomontaggi.
Sto parlando di Photoshop Lady.

Qui sopra l’esempio di un fotomontaggio, un meteorite che colpisce un palazzo. Questo tipo di lavori con photoshop li trovate nella categoria photo-effect,.

E non mancano i tutorial per gli effetti astratti, sia che creino dal nulla immagini e illustrazioni sia che si limitino a ricreare il visore di IronMan.

Il sito è Photoshop Lady, che presenta “I migliori tutorial del mondo“.

Il metodo più veloce per creare semplici siti internet? Usare tool online completamente gratuiti, e che vi tolgono parte del lavoro, lasciandovi tutto il tempo per dedicarvi alla grafica, programmazione quant’altro.

Ma andiamo a vedere nel dettaglio cosa può esserci utile.

Su questo sito ci sono 30 generatori web di tutti i tipi, vi metto qui sotto direttamente i più interessanti:

TabsGenerator

Permette di generare immediatamente bottoni con angoli arrotondati, di qualsiasi dimensione, angolo e colore.

Stripe Generator

Stesso funzionamento di tabsgenerator, solo che permette di creare le famose righe di sfondo per i siti internet. Attenti a non farle troppo accese

Tartan Maker

Stesso concetto, ma utile per simulare quei “tappeti” negli sfondi, trame molto simili ai tessuti tartan inglesi.

Loader Generator

Dovete fare un caricamento in javascript? O il caricamento della classica lightbox di jquery non vi isipira più? Qui potete crearne di nuovi, scegliendo colore, trasparenza e dimensione.

Button Maker

Ottimo sito per generare quei piccoli bottoni, o badge, che si vedono sempre più spesso sui siti web. Unico problema, non sembra possibile modificarne la grandezza.

Color Scheme

Indecisi su quali colori abbinare al colore base del tema? Con questo strumendo si possono vedere le varie tonalità simili a quella scelta.

Questi erano solo quelli che trovavo più appetibili, ma consiglio una visita al sito originale per vedere se anche qualche altro web tool può fare al caso vostro.
30 generatori web per webmaster pigri

Oggi vi segnalo un sito in cui mi sono imbattuto, molto semplice ma di enorme impatto, Leo Burnett.
Leo Burnett è un’agenzia pubblicitaria che porta il nome di uno statunitense nato nel 1891, grande pubblicitario e visionario.

Il sito riprende lo stile di questa agenzia, pulito ma preciso nel trasmettere emozioni.

La presenza della “matitona nera” con cui è possibile letteralmente disegnare sul foglio bianco del loro sito web è il simbolo delle grande e ambiziose idee del fondatore, la loro storia.

Ed è con questa matita che si può entrare nel dettaglio andando a leggere chi sono, cosa fanno, con chi lavorano o qualche aforisma nascosto in alcune piccole mele sul nome del sito.

Storpiando una loro frase, un bel lavoro in flash, punto e basta. Lo trovate su leoburnett.it .

Con photoshop modificare una foto o un’immagine per renderla completamente diversa non è un lavoro necessariamente mastodontico, soprattutto se ad aiutarci arrivano font, e brush (ossia i pennelli).

E oggi vi segnalo una lunga lista di brushes.

Su creativenerds troviamo una raccolta pressochè infinita di watercolor brushes, ossia pennelli per photoshop che simulano l’uso dell’acquarello.

Acrilici, vernice a spruzzo, bassa o alta risoluzione, li trovate tutti in questa lista.

Sempre sullo stesso sito è disponibile da scaricare anche un set in alta risoluzione di brushes che simulano il fumo, utilizzabili sotto licenza creative commons.

Artcafè è una community letteralmente “d’arte” che vanta più di 45000 utenti, e dove è possibile trovare gallerie di illustrazioni, di design, animazioni o fumetti, e registrandosi è possibile invece inserire i propri lavori in modo da condividerli con tutti gli altri utenti.

La particolarità? E’ della deAgostini, e oltre a vendere libri su libri scritti da esperti del settore, mette a disposizione corsi anche gratuiti.

Da oggi, e ogni mese successivo, è possibile registrandosi partecipare a webinair, corsi online gratuiti basati sulla grafica.
L’unico requisito è quindi registrarsi a questa community e poi accedere alla sezione dedicata.

Webinair toccherà 6 argomenti, progettare il marchio aziendale, l’uso dei caratteri nella grafica, curare l’immagine coordinata, l’importanza della grafica nella pubblicità, i principi chiave dell’impaginazione, e dalla carta al web in pochi clic.

Per la prima lezione, lo studio del marchio aziendale, verrà per esempio mostrato un caso di studio e seguite tutte le tappe che porteranno dal briefing col cliente alla creazione vera e propria del marchio.

Una volta iscritti al workshop vi verrà inviata una mail contenente il link della videochat.
Questo è il link di registrazione, buon videocorso!

Creare l’effetto acqua su una foto

Questo tutorial, presente sul sito di Computer Arts, permette di prendere una foto di partenza e modificarla in modo da far sembrare il soggetto composto solo da acqua. E’ completamente scaricabile, sorgenti e pdf.

Creare uno specchio d’acqua

Questo tutorial parte dall’immagine di un paesaggio, e ricrea in maniera estremamente realistica uno specchio d’acqua ai suoi piedi, simulando un lago.

Creare un realistico effetto d’acqua

Quest’ultimo tutorial necessita di Cinema 4D, con un po’ di fantasia in caso si riesce a sopperire alla mancanza, ma diventa più complesso.