Tutorial illustrator + Photoshop – Effetti griglia e bagliore

Tutorial illustrator + Photoshop – Effetti griglia e bagliore

August 29th, 2008  |  Published in Tutorial Illustrator, Tutorial Photoshop, Tutorials  |  3 Comments

You like this post? Spread the word:
  • Digg
  • del.icio.us
  • Facebook
  • StumbleUpon
  • Twitter
  • Technorati


Questo tutorial è una combinazione di Illustrator + Photoshop. Vi mostrerò alcuni interessanti effetti con entrambi i software. In fondo al tutorial potete scaricare il wallpaper.

Prima di tutto scegliete la foto che vorreste utilizzare. L’effetto “griglia” rende meglio sulle parti nude, secondo me.

Create un nuovo documento in Illustrator, quindi dal menù in alto andate su File-> Inserisci, cercate la foto che avete scelto e inseritela nel documento.

Bloccate questo livello per essere sicuri di non muovere la foto per sbaglio mentre ci lavorate sopra. Create un nuovo livello.

Ora usate un colore ben visibile per la traccia (riempimento vuoto) (1) , prendete lo strumento Penna (2) e scegliete una dimensione di traccia appropriata (potete cambiarla in seguito eventualmente) (3). Tracciate la prima linea seguendo la foto nel punto in cui volete creare l’effetto griglia (4). Create la seconda estremità della griglia sempre nello stesso modo (5). Come potete vedere, le mie linee vanno in direzioni piuttosto casuali dove finisce la gamba, questo ci servirà dopo per creare un effetto “velo”, quindi cercate di mantenere un andamento armonioso.

Selezionate entrambe le linee quindi andate su Oggetto -> Fusione -> Crea. Di default vedrete una singola linea nel mezzo delle 2 che avete creato. Cambieremo questa cosa al prossimo step.

Oggetto -> fusione -> Opzioni di fusione

Abilitate l’anteprima e selezionate come spaziatura “Passi specificati” (non sono sicurissimo che sia questa la traduzione italiana di Specified Steps :\ ) e settate un valore che ritenete opportuno (guardando l’anteprima). Potete anche impostare Distanza come spaziatura.

Ora crete altre 2 linee, nell’altra direzione rispetto alle prime 2, per creare le linee orizzontali della griglia usando lo stesso procedimento. Cercate di seguire la forma dell’oggetto, non tracciate due linee rette, nel mio esempio potete vedere come la prima linea in alto segua la rotondità della gamba.

Come potete vedere, le linee orizzontali escono un po’ dalla forma. Rimediamo subito. Create una nuova linea che segua la forma della gamba (o della parte di immagine su cui state lavorando). Selezionate questa nuova linea e tenendo premuto SHIFT, selezionate anche le linee orizzontali (è sufficiente cliccarne una perchè in quanto “fusione” è un’unica entità).

Ora Oggetto-> Fusione-> Fusione -> Sostituisci dorso. Con questa operazione la vostra fusione dovrebbe seguire l’andamento della gamba in maniera più precisa (non deve essere millimetrica)

Ora prendiamo lo strumento di selezione diretta (1) ovvero la freccina bianca. Cliccando sui vertici delle linee che abbiamo fuso muoviamoli un po’ cercando di ricreare un effetto velato. Come vedete è sufficiente cliccare su un punto e trascinarlo e la fusione si ri-crea nuovamente con la nuova linea.  Dovete provare finchè non ottenete un effetto che ritenete gradevole.

Ripetete lo stesso processo su tutte le parti in cui volete che compaia questo effetto.

Vediamo come rendere i capelli un po’ più fluttuanti. Selezionate lo strumento Vortice (1) (per vederlo se non lo vedete, cliccate sullo strumento Altera e tenete premuto). Cliccate con un singolo click in un punto vuoto del documento per accedere alle opzioni. Comparirà la finestra che vedete qui sopra. Scegliete una dimensione adeguata e uguale sia in altezza che larghezza.

Usando (poco mi raccomando) lo strumento Vortice sulla fusione otteniamo quest’effetto sulla griglia dei capelli. Fate qualche esperimento coi parametri dello strumento.

Selezionate una linea, poi Selezione -> Simile -> Colore traccia

Scegliamo il nero, in modo che in Photoshop saremo più liberi di lavorare sui colori e sulla fusione dei livelli.

Mantenendo selezionate le linee potete cambiare la dimensione delle tracce se lo ritenere opportuno. Rendete invisibile il livello con la foto e salvate il documento con nome.

Aprite la foto di partenza in Photoshop. Filtro -> Estrai.

Usate il pennarello lungo i bordi del soggetto della vostra elaborazione e poi riempite quest’area con il secchiello. Date ok. Potete usare anche altri metodi di scontorno, io mi trovo molto bene con questo.

Incolliamo l’immagine scontornata su un nuovo documento nero. Ho scelto 1280×1024 per creare uno sfondo per il desktop, ovviamente voi scegliete quello che preferite. Aggiustante lo scontorno se serve. Può essere utile duplicare una o due volte il layer con l’immagine scontornata se avete aree troppo trasparenti. Se lo fate non dimenticate poi di unire questi livelli (solo quelli dello scontorno!)

Aggiungiamo un baglio esterno (bottoncino Fx in fondo alla palette dei livelli). Guardate l’immagine per regolarvi sui parametri e sul risultato da ottenere.

Duplicate il livello scontorno. Selezionate quello sotto. Filtro -> Sfuocatura -> Sfuocatura radiale. Metodo: Zoom. Display: best. Date un valore molto alto e date OK.

Duplicate il livello sfocato e assegnate Luce vivida come metodo di fusione del livello.

Aggiungete un baglio esterno al livello sfuocato che sta più in basso. Scegliete un colore forte ma luminoso (un bel magenta o un fuxia ad esempio). Fate la stessa cosa col livello sfuocato che sta sopra ma con un colore molto chiaro, quasi bianco.

Aprite il documento con la griglia. Nella finestra di rasterizzazione assegnate la stessa risoluzione della foto (solitamente 72 dpi se è presa da internet) o dovrete ridimensionare l’immagine per adattarla. Con la stessa risoluzione invece è già della misura esatta. Posizionate il livello griglia sulla nuova immagine e mettetla a registro sopra lo scontorno.

Ora selezionate il livello col vostro soggetto NON sfuocato e con una gomma molto molto morbida andate a cancellare leggermente le parti sotto alle griglie. Create un vedo/non vedo, in alcuni punti la forma è data solo dalla griglia (guardate le gambe o il braccio a destra nella mia immagine ad esempio)

Duplicate 2 volte il livello griglia e settate tutti e 3 questi livelli su Sovrapponi. Ora, il livello contrassegnato da (3)  cio è quello in alto resta nero, mentre le griglie nei livelli (1) e (2) diventeranno bianche. Selezionate il livello e premete CTRL+I e fatelo per entrambi i livelli.

Create un nuovo livello sopra a quello nero che sta in fondo. Disegnate un ellisse con un pennello molto grosso e sfumato con un colore acceso. Aggiungete un livello sopra a questo. Premte D per resettare i colori. Filtro-> Render-> Nuvole. Settate questo livello su Sovrapponi.

Nel mio esempio ho poi deciso di spostare tutto sulla destra per poter aggiungere un testo centrale. L’alone che avete creato prima ovviamente dovrebbe essere sotto al soggetto.

In ultimo ho aggiunto il testo ed alcuni effetti di movimento e di bagliore. Fine!

Potete scaricare questo wallpaper qui.

Commenti sempre ben accetti.

You like this post? Spread the word:
  • Digg
  • del.icio.us
  • Facebook
  • StumbleUpon
  • Twitter
  • Technorati

Author : Rubens

Koikoikoi's co-founder, art director and illustrator.
Personal portfolio: tokyocandies.com
Twitter: @rubenscantuni

Related posts

Responses

    Gravatar
  1. lee ha detto:

    December 29th, 2008at %I:%M %p(#)

    how did you make your added text? it would be nice if you could share the tutorial of that, too? thanks and your stuff is cool.. hope you could grant my request.. again thanks…. Lee

  2. Gravatar
  3. Tutorial Collection #1 :: koikoikoi.com - Visual Arts Magazine, graphic design, illustration, photography, interviews, inspiration, tutorials ha detto:

    February 23rd, 2009at %I:%M %p(#)

    [...] by koikoikoi [...]

  4. Gravatar
  5. Thomas ha detto:

    March 11th, 2009at %I:%M %p(#)

    I like your tutorial. But i´ve a problem in understanding.
    Can you explain it a bit more …Qoute :
    ” …As you can see, the horizontal lines out a little ‘of the form. Remedied immediately. Create a new line that follows the shape of the leg (or part of the image you are working). Select this new line and hold down SHIFT, select the horizontal lines (just click it as a “merger” is a single entity)….” and ” …Now Object-> Merge-> Merge -> Replace the back. With this merger you should follow the trend of the leg in a more accurate (not to be millimeter)…”.

    I´m not able to “cut” the horizontale pathes. Any tipp ? That would be nice !

    Thanx,
    Thomas

Leave a comment

KoiKoiKoi is a magazine about visual arts. Illustration and graphic design, motion graphics, animation, advertising, web design, photography, but also trends, interviews and tutorials.

Koi Koi Koi
Be creative!


Language
Sponsored Ads

Recent Posts

Random WeLikeIt!

Immagine 9.png


Archive


557311203421290.jpg 1cafed1cbc7c0f5c116a1a862718d14949f3b417_m.jpg 10371221570929_h.jpg Immagine 1.png tom whalen copyofelcarivora200811xwt6-380x700.jpg poor_things4.jpg kaloian_toshev 66f506ce592bced238aa0285b7c0387ff03b0240_m.jpg