Risorse per Web designer – yes WEB can

Siete bravi a disegnare a mano?
Vi piacerebbe trasformare le vostre opere cartacee in illustrazioni vettoriali?
Nessun problema, ci ha pensato Zio Adobe a fornirci due ottimi strumenti: Illustrator e Photoshop.

Avete gli strumenti ma non sapete come procedere? Ok a questo ci penso io, vi ho preparato una raccolta di tutorial, nella speranza di fornirvi dei buoni spunti per la creazione delle vostre illustrazioni digitali.

Dopo una lunga selezione sono giunto a una collezione di 25 tutorial che personalmente ritengo i più interessanti. Se ne conoscete altri, segnalatemelo senza problemi, sarò felice di allungare la lista.

Buon divertimento, ce n’è per tutti i gusti!

1. Modeling the Human Body in Adobe Illustrator



2. Dress Up Your Desktop with a Sharp Dual Screen Wallpaper



3. Create a litte baby in Illustrator



4. Sketchy Cartoon Tutorial



5. Create a Cool Vector Panda Character in Illustrator



6. How to create a curious owl in Illustrator Cs4



7. How to Illustrate a LeBron James Cartoon Character



8. Illustrate Image Into Vector



9. How to Create a Vector Illustration and Prepare it for Micro-Stock Sale



10. Create a Cute Furry Vector Monster in Illustrator



11. Adobe Illustrator Cartoon Bug Tutorial



12. Vector figure shading



13. Mascot Design In Real Time Order – the SOSFactory Way



14. How To Create Your Own Vector Cartoon Character



15. Create a Character Mascot with Adobe Illustrator CS4



16. Create a Super Happy Octopus Character



17. Adobe Illustrator Cartoon Snail Tutorial



18. Create Sketchy-Style Vectors



19. How to Create a Cute, 3D, Vector Robot



20. Creating Line Drawings in Adobe Illustrator



21. Create a Gang of Vector Ninjas



22. Drawing a character’s face in Illustrator



23. How to Turn a Sketch into a Fat Cat Vector Illustration



24. Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch



25. Monster Character Series Part 4

Qual’è la differenza tra Photoshop e Illustrator?

Questa è una delle domande più frequenti che viene rivolta a noi designer, e se rispondiamo che uno è un software per grafica raster l’altro per grafica vettoriale, automaticamente scatta la domanda successiva:

Qual’è la differenza tra grafica raster e grafica vettoriale?

Nella grafica raster l’immagine è composta da un insieme di pixel (puntini), ognuno dei quali memorizza il codice del colore che lo caratterizza. Quindi l’immagine non è altro che un numero definito di puntini affiancati uno all’altro e rappresentati in una griglia rettangolare (raster). La sua struttura a mosaico la rende l’unico metodo valido per la rappresentazione delle fotografie.

Due sono gli elementi che caratterizzano un immagine raster:

• Risoluzione
  Consiste nel numero di pixel contenuti e viene ottenuta moltiplicando il numero di pixel orizzontali per quello dei pixel verticali che compongono l’immagine. Si misura in PPI (Points Per Inch).
• Profondità di colore
  La profondità consiste dalla memoria che si dedica ad ogni pixel, ovvero dal numero di bit dedicati ad ogni pixel per descrivere il colore. Maggiore è il numero di bit, maggiore è il numero di colori che è possibile descrivere.

Il difetto di questo tipo di grafica è che se ingrandiamo l’immagine i pixel diventano più grandi, visto che in numero restano costanti, causando quel tipico effetto di sfocamento molto sgradevole alla vista chiamato pixellatura.

I formati raster più comuni sono: .tiff, .jpeg, .gif, .png, .bmp, .tga

Invece nella grafica vettoriale, le informazioni vengono rappresentate tramite oggetti grafici come punti, linee, poligoni e curve, ognuno dei quali definito nella memoria da parametri matematici scritti in linguaggio PostScript o PDF.
Ogni oggetto del disegno viene memorizzato in un contenitore interno ed è indipendente, infatti può essere spostato, modificato od eliminato senza influenzare gli altri oggetti dell’immagine.
Il fatto che ogni oggetto è rappresentato (in memoria) da valori matematici modificabili (equazioni) e non da pixel, permette di ingrandire e fare qualsiasi operazione sui tracciati senza nessuna perdita di qualità. Oltre alla qualità la grafica vettoriale ha come vantaggio la maggiore compressione dei dati.

I formati vettoriali più comuni sono: .cdr, .fh .ai, .pdf

Ce lo aveva anticipato, lo abbiamo atteso e alla fine Julius ha mantenuto la promessa.

Il 6 Febbraio 2010 si terrà Go!Webdesign, workshop che i designer di Milano e città limitrofe non dovranno assolutamente perdersi. Nell’incantevole sede di Young & Rubicam Brands, si svolgerà una full immersion di 1 giorno (dalle 9.00 alle 18.30), durante la quale i 50 partecipanti assisteranno agli interventi di diversi web designer professionisti.

Da Giuliano Ambrosio (aka JuliusDesign) a Nicola Bortignon, da Massimo Mastromarino a Alessia Bellon, sono tutti esperti del web con curriculum di tutto rispetto.

L’intero programma e le schede dei relatori sono disponibili sul sito dell’evento.

Il costo per accaparrarsi uno dei 50 posti a disposizione è di 200 euro, ma per chi si prenota entro il 20 Gennaio ci sarà uno sconto di 50 euro, quindi se volete partecipare vi conviene affrettarvi.

Mentre chi non ha la possibilità di raggiungere Milano, non deve scoraggiarsi, il GO!WEBDESIGN sarà itinerante e nei prossimi mesi raggiungerà varie città della penisola.

In seguito all’articolo che ho pubblicato ieri, mi è arrivata una mail di un lettore che diceva “si le risorse sono belle, ma come faccio ad installarle?”. Sul sito c’è anche il tutorial ma è in inglese e per chi ha poca dimistichezza con la lingua può essere difficile. Allora vi ho preparato dei minitutorial che mostrano come installare le risorse vettoriali su Photoshop.

Installazione Brushes:

• Copiate il file .abr che avete scaricato nella cartella brushes del Photoshop. Per trovare la cartella dovete procedere in questo modo: Risorse del computer->(c) Disco Locale-> Programmi-> Adobe-> Adobe Photoshop-> Presets (predefiniti)-> Brushes (pennelli).
• Una volta copiato il file possiamo aprire Adobe Photoshop e selezionare lo strumento pennello, poi andiamo nella tavolozza con le opzioni e premiamo per aprire il selettore di pennelli predefiniti


installazione-brushes




• Ora clicchiamo sul triangolino in alto a destra e selezioniamo load brushes (carica pennello)


installazione brushes



• A questo punto vi si aprirà la cartella contenente i brushes, selezionate quello che desiderate caricare ed il gioco è fatto.
  

  installazione-brushes

Installazione patterns
L’installazione dei patterns è molto simile a quella dei brushes, ma spiegheremo passo-passo anche questa.

• Copiate il file .pat che avete scaricato nella cartella brushes del Photoshop. Per trovare la cartella dovete procedere in questo modo: Risorse del computer->(c) Disco Locale-> Programmi-> Adobe-> Adobe Photoshop-> Presets (predefiniti)-> Pattern
• Una volta copiato il file apriamo Adobe Photoshop e prendiamo lo strumento secchiello, poi andiamo nella tavolozza con le opzioni, selezioniamo pattern e premiamo per aprire il selettore di pattern predefiniti


installazione-pattern




• Ora clicchiamo sul triangolino in alto a destra e selezioniamo load pattern (carica pattern)


installazione-pattern




• A questo punto, come per i brushes, vi si aprirà la cartella contenente i pattern, selezionate quello che desiderate caricare ed ecco i vostri pattern pronti all’uso.
  

  installazione-pattern

Il procedimento è lo stesso anche per sfumature, forme e per tutte le risorse disponibili per Photoshop. In realtà esiste un metodo ancora più veloce per installarli, basta semplicemente trascinare i file all’interno del Photoshop, ma vi consiglio per iniziare di usare i metodi tradizionali

Ma cosa sarebbe un designer senza Photoshop? E cosa sarebbe Photoshop senza brushes, patterns e gli altri effetti?

MyPhotoshopBrushes offre una raccolta di risorse vettoriali gratuite per Adobe Photoshop, suddivise in 4 categorie

• brushes
• patterns
• custom shapes
• stili e sfumature

L’attenzione del sito è concentrata sui brushes, infatti ce ne sono tantissimi e di pregiata fattura, realizzati da designer di tutto il mondo.

Ma anche la raccolta patterns non è male, io ho rifatto un lavoro già completo giusto perchè ho voluto provare questa trama che mi è subito piaciuta:

patterns

A proposito non fatevi contagiare dalla brushite , è una malattia che colpisce un designer su 3. Il sintomo si presenta come una voglia irrefrenabile di scaricare quanti più pennelli possibili e provarli tutti, se venite colpiti dall’infezione vi ritroverete invasi da brushes che scombussoleranno voi e il vostro Photoshop. E la degenza è molto, molto lenta.