Archive for the ‘ Tutorial ’ Category

Le illusioni ottiche mi hanno sempre affascinato.

Per spiegare dettagliatamente l’argomento non basterebbero sette articoli, ma per ora voglio limitarmi ad incuriosirvi, anzi cercherò di farvi rimanere a bocca aperta.

In modo molto semplice, vi accenno che esistono delle “leggi” che ogni bravo designer dovrebbe conoscere, e sono i principi fondamentali della percezione visiva. Essi derivano dalla teoria della Gestalt o “teoria della forma”.

Uno di questi principi fondamentali è l’organizzazione detta Figura-Sfondo.
Guardando un’immagine percepiamo l’oggetto che sta in primo piano come figura principale e ciò che sta dietro come sfondo.

Però, quando c’è AMBIGUITA’ nelle forme si creano dei fenomeni d’illusione e diventa difficile decidere quale sia la figura e quale lo sfondo.

Eccovi qualche esempio:

coppa-o-volti Cosa vedete in questa immagine? Una coppa nera o due facce bianche contrapposte?

sax_or_girlE qui cosa vedete? Un sassofonista o il volto di una donna?

Gli spazi negativi (i vuoti) in questi casi assumono anch’essi una forma compiuta.

L’occhio non è in grado di osservare l’intera composizione in maniera simultanea, e si focalizza su un elemento alla volta (o il positivo o il negativo). Nonostante questo, pieno e vuoto sono inscindibili l’uno dall’altro, entrambi fanno parte della stessa figura.

Un esempio pratico di un intelligente uso del “figura/sfondo” in questa campagna contro l’abuso minorile.
campagna_abuso_minorile

Ed ecco un opera d’autore, di Nicolas Freud
freud

E per finire alcuni esempi che credo vi lasceranno senza fiato.

Cosa vedete in quest’immagine:

amanti o delfini

Non abbiate timore, è normale che vediate un immagine sexy. Però se avete la possibilità fatela guardare da un bambino. E’ dimostrato che i bambini non riconoscono questa immagine “intima”, perchè la loro memoria non conosce ancora questa situazione. Ciò che vedono i bambini sono 9 delfini.
Questo fenomeno è conosciuto come legge dell’esperienza passata.

Ancora non siete affascinati? La vostra bocca non è ancora rimasta aperta? non avete ancora esclamato un fievole “ooooh” di stupore?
Ok ho quello che fa per voi

mistic

Guardate l’immagine attentamente per circa 40 secondi, concentrandovi sui 4 puntini al centro (quelli in mezzo alle due forme di cuori).
Dopo i 40 secondi, guardate una parete bianca e sbattete le palpebre, noterete un cerchio di luce, a questo punto, continuate a guardare il cerchio e si avrà una visione… divina.

Sperando di avervi affascinati vi lascio qualche link per approfondire l’argomento:

Leggi della Gestalt
Istituto di Gestalt
I principi della Gestalt e l’impaginazione di una pagina Web

Ammetto che mi piacerebbe tantissimo scrivere io una guida a riguardo… Che ne pensate, vi farebbe piacere approfondire insieme l’argomento?

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 20 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. How to Illustrate a LeBron James Cartoon Character
  2. How-to-Illustrate-a-LeBron

  3. Illustrate Image Into Vector
  4. Illustrate-Image-Into-Vector

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

  7. Create a Cute Furry Vector Monster in Illustrator
  8. Create-a-Cute-Furry-Vector

  9. Adobe Illustrator Cartoon Bug Tutorial
  10. Adobe-Illustrator-Cartoon

  11. Vector figure shading
  12. vector-figure

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

  15. How To Create Your Own Vector Cartoon Character
  16. how-to-create-your-own-cartoon-character

  17. Create a Character Mascot with Adobe Illustrator CS4
  18. Create-a-Character-Mascot

  19. Create a Super Happy Octopus Character
  20. happy-octopus

  21. Adobe Illustrator Cartoon Snail Tutorial
  22. Adobe-Illustrator-Cartoon

  23. Create Sketchy-Style Vectors
  24. Create-Sketchy-Style-Vector

  25. Draw Your Self Portrait
  26. Draw-Your-Self-Portrait

  27. How to Create a Cute, 3D, Vector Robot
  28. How-to-Create-a-Cute,-3D

  29. Creating Line Drawings in Adobe Illustrator
  30. Creating-Line-Drawings

  31. Create a Gang of Vector Ninjas
  32. Create-a-Gang-of-Vector-NinJA

  33. Drawing a character’s face in Illustrator
  34. Drawing-a-character’s-face

  35. How to Turn a Sketch into a Fat Cat Vector Illustration
  36. How-to-Turn-a-Sketch

  37. Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch
  38. Create-a-Vector-Pirate

  39. Monster Character Series Part 4
  40. Monster-Character-Series

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

    installazione-brushes



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

    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-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

    installazione-pattern



  • Ora clicchiamo sul triangolino in alto a destra e selezioniamo load pattern (carica pattern)
  • installazione-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

    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

Mi hanno sempre appassionato le illustrazioni astratte, e quando ne trovo una che mi piace, cerco di capire quali strumenti e quali tecniche sono state utilizzate per creare quelle forme che, prese singolarmente sembra non abbiano alcun senso ma insieme formano immagini incantevoli.

Se anche voi avete la mia stessa passione, e quando vedete un disegno astratto esclamate “ma come diavolo ha fatto?” allora questo è il tutorial che fa per voi.

WebDesignerWall ha pubblicato questo tutorial “Illustrator: Abstract Vector Art“, dove mostra come creare con Illustrator CS o superiore, forme astratte per le vostre opere e i vostri lavori.
Il tutorial prima insegna come utilizzare strumenti tipo Warp (altera) e Twirl (vortice), poi in modo molto semplice e immediato, mostra le tecniche base per creare le forme astratte. Poi sta alla nostra creatività personalizzare questi metodi e creare illustrazioni sempre più complesse.

Illustrator Art

A proposito, non preoccupatevi se il risultato finale non è identico a quello del tutorial, molto dipende da come muovete il mouse e da come avete impostato gli strumenti di Illustrator. Difficilmente utilizzando queste tecniche si avranno due opere identiche… ed il bello è proprio questo!

Per la serie “non si sa mai, meglio non cancellarlo  dai preferiti” oggi vi segnalo questo minitutorial su “Come realizzare slideshow complessi con jquery cycle”, scritto da Mauro Accornero di HowtoWeb.

Non conosco Mauro, ma ho letto diversi suoi articoli su ItalianWebDesign e devo dire che ha un’ottima preparazione e tratta argomenti interessanti.

Era un mese che non aggiornava il suo blog, speriamo lo cominci a fare più frequentemente… io intanto continuo a tenerlo nei miei preferiti