Creazione di un effetto composito vettoriale da una foto

Questo tutorial mostrerà come scattare un'immagine, in questo caso il viso di una donna, e dare l'impressione che sia interamente composta da forme vettoriali. Lungo la strada, utilizzeremo alcune tecniche abbastanza basilari, tra cui maschere di ritaglio e mappe di spostamento, per ottenere un effetto unico!


Passo 1

Per iniziare, crea un nuovo documento di praticamente qualsiasi dimensione desideri. Personalmente preferisco un look più ampio per questo effetto, ma qualsiasi dimensione dovrebbe funzionare. Si dovrebbe, tuttavia, probabilmente attenersi ad un rapporto di aspetto orizzontale, almeno per seguire questo tutorial.

Ho scelto una dimensione dell'immagine di 720 x 480 pixel con una risoluzione di 300 pixel per pollice.

Una volta creata la nuova immagine, riempire il livello di sfondo con il nero solido.


Passo 2

Quindi, dobbiamo trovare un'immagine con cui lavorare. Ho scelto una foto del viso di una donna che ho trovato sul sito web stock photography stock.xchng, tuttavia, il proprietario della foto ha richiesto che io accrediti il ​​sito Web iofoto.com, quindi ho appena messo entrambi qui.

Puoi usare un'immagine di quasi tutto per questo effetto, ma per seguire questo tutorial, la soluzione migliore è scegliere un'immagine simile alla mia, cioè un volto umano.

Una volta che hai la tua immagine, mettila nel tuo documento come un nuovo livello. Rimuovi tutto il resto nella foto, lasciando solo la faccia. Ho anche regolato la luminosità e la saturazione sulla mia immagine. Puoi preservare la testa dell'intera persona, ma personalmente penso che l'effetto sia migliore con la parte posteriore della testa tagliata, lasciando solo la faccia.


Passaggio 3

Duplica il livello del volto e assicurati che sia posizionato esattamente sopra la faccia originale. Premi Shift + Control + U per desaturare il livello e poi vai su Filtro> Sfocatura> Sfocatura obiettivo. Assicurati che l'impostazione per Sorgente sia selezionata come Trasparenza e utilizzi le impostazioni di 10, 0 e 0 per Raggio, Curvatura lama e Rotazione, rispettivamente. Vedremo in seguito perché è necessario sfocare questo livello.


Passaggio 4

Prima di andare oltre, dobbiamo salvare di nuovo il nostro documento, con un nome diverso. Quindi assicurati che il livello superiore e sfocato sia visibile e salva il documento come "dispmap" o come vuoi chiamarlo. Questo file verrà utilizzato come mappa di spostamento più avanti.

Ora abbiamo bisogno delle nostre forme vettoriali, che alla fine si combinano per formare in realtà il volto della donna, o qualunque immagine tu abbia scelto. Ho usato un po 'di forme diverse da Arsenal Vector Set 2 di GoMedia [Hooladanders] e 3 [Hooladanders 2]. Devi pagare per loro, ma se vuoi provare l'effetto, un paio di forme nel campione gratuito Vector Pack dovrebbero funzionare.

Una volta che hai le tue forme, inizia a trascinarne alcune nel documento di Photoshop. Se ti chiede come incollarli, scegli Oggetto intelligente. Il modo in cui collochi i tuoi oggetti qui influirà notevolmente sul risultato finale. Potresti essere tentato di buttare le forme in qualsiasi modo sull'immagine, ma dovresti fare in modo che scorrano con i contorni dell'immagine. Questo non deve essere perfetto in quanto alcune regolazioni verranno apportate in seguito, ma solo oggetti posizionati casualmente non produrranno un effetto altrettanto valido. Notate come nella mia immagine, tutte le forme vettoriali non solo fluiscono con il contorno del viso della donna, ma fluiscono anche nella stessa direzione generale l'una rispetto all'altra. Il loro peso è distribuito anche verso la parte anteriore del viso, con le code delle forme che si allungano verso la parte posteriore della testa. Ricorda, vogliamo che appaia come se queste forme vettoriali si radunassero e si unissero per formare l'immagine.

È importante prendere in considerazione anche il numero di forme che appoggi sulla tua immagine. Mentre può sembrare che l'aggiunta di più forme produrrà un aspetto più complesso e complesso, in realtà toglierà l'effetto desiderato perché quasi l'intera immagine originale sarà visibile. Vogliamo essere in grado di vedere lo sfondo nero attraverso diverse aree tra le forme.


Passaggio 5

Ora, seleziona il tuo primo livello di forma vettoriale e vai a Filtro> Distorsione> Displace. Lascia i valori di Scala orizzontale e verticale a 10 e seleziona le opzioni Allunga per adattarsi e Ripeti pixel bordo e fai clic su OK. Quando viene visualizzata la finestra di dialogo del file, seleziona il file che hai precedentemente salvato come "dispmap" (o come lo hai chiamato tu) e fai clic su Apri.

Per chi non ha familiarità con questa funzionalità, la mappatura di spostamento prende un oggetto o un livello, nel nostro caso una forma vettoriale, e utilizzando un altro file di immagine (una mappa di spostamento), trasforma l'immagine in modo che si adatti alla mappa. Determina questo per il colore di ciascun pixel nella mappa di spostamento, con i pixel più chiari che corrispondono a quella che sarebbe un'area più alta su un modello 3D dell'immagine. Il motivo per cui abbiamo copiato l'immagine originale del viso della donna e desaturato è stato quello di consentire una mappatura più semplice eliminando i colori. Abbiamo anche sfocato l'immagine perché la mappatura degli spostamenti in Photoshop è molto accurata. Se l'avessimo provato sull'immagine originale, le nostre forme vettoriali apparirebbero increspate perché in realtà sono state mappate con i più piccoli urti e trame sulla pelle della donna. La sfocatura dell'immagine lascia solo i contorni lisci del viso della donna, consentendo alle nostre forme vettoriali di mantenere la propria levigatezza ma comunque conformi al volto.


Passaggio 6

Una volta che hai utilizzato la mappatura di spostamento su tutte le forme vettoriali, devi duplicare il livello dell'immagine originale tante volte quante il numero di forme che hai. Ciò di cui abbiamo bisogno è una copia dell'immagine originale per ogni forma vettoriale che abbiamo, con la copia in cima alla sua forma nella palette dei livelli. Quando hai finito di sistemare tutto, avrai alternanza di livelli di immagine e di forma vettoriale, iniziando dall'alto con un livello di immagine.


Passaggio 7

Ora abbiamo bisogno di creare le maschere di ritaglio che trasferiranno la nostra immagine originale nelle forme vettoriali. Pertanto, per ogni copia del livello dell'immagine negli strati palatte, fare clic con il pulsante destro del mouse e selezionare Crea maschera di ritaglio. Non preoccuparti se non si verificano cambiamenti visibili; non li vedrai finché non creerai l'ultima maschera di ritaglio. Puoi capire se hai eseguito correttamente la maschera se c'è una piccola freccia rivolta verso il basso nel livello dell'immagine e il livello di forma vettoriale sotto è sottolineato.


Passaggio 8

Dopo aver creato tutte le maschere di ritaglio, è necessario iniziare a vedere l'immagine finale prendere forma. Tuttavia, non abbiamo ancora finito. Ora seleziona il livello di forma vettoriale più in alto e aggiungi un'ombra esterna. Ho usato un angolo di 140 gradi e impostazioni di 10, 10 e 20 rispettivamente per Distanza, Spread e Dimensione.

Una volta che hai un effetto ombra che sembra buono, fai clic con il pulsante destro del mouse su quel livello di forma vettoriale e seleziona Copia stile livello. Quindi, fai clic con il pulsante destro su tutti gli altri livelli di forma vettoriale e seleziona Incolla stile livello.


Passaggio 9

A questo punto, abbiamo finito l'effetto finale sull'immagine. Ho aggiunto un gradiente radiale allo sfondo per dare l'impressione che la luce provenga da sinistra per abbinare l'ombreggiatura generale dell'immagine.


Immagine finale

Infine, ho aggiunto del testo e oscurato l'area del collo in modo che si posizioni ulteriormente nell'ombra. Inoltre, ho aumentato il contrasto per rendere l'immagine un po 'più inquietante.

Questa tecnica può essere applicata a qualsiasi immagine utilizzando qualsiasi forma vettoriale. La chiave per renderlo convincente è abbinare gli oggetti vettoriali alla forma, ai contorni e al flusso dell'immagine dell'oggetto che devono essere avvolti. È un effetto strano, ma spero che tu sia riuscito a ottenere qualcosa da questo tutorial, e buona fortuna con il tuo lavoro!