Share
Le infografiche sono un modo efficace e divertente per presentare i dati. Si può notare, tuttavia, che le infografiche sono spesso illustrazioni vettoriali piatte. E se volessi creare qualcosa di più realistico? In questo tutorial, ti mostreremo come creare una torta terreno usando elementi fotografici da utilizzare nei grafici a torta. Iniziamo!
Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial. Si prega di scaricarli prima di iniziare.
Crea un nuovo documento (Comando / Ctrl + N) di dimensioni 600 x 700 pixel. Disegna un semplice schizzo in bianco e nero come preferisci (forme, scansioni, ecc.). In questo caso è stato disegnato con una pen tablet. È necessario per capire un lay-out generale e una prospettiva.
Raggruppa il tuo schizzo. Quindi creare nuovi gruppi per diversi tipi di materiali e superfici sotto il gruppo di schizzo. Disegnate maschere vettoriali per i gruppi con lo strumento Penna e create riempimenti di colore solido. Non devi essere molto preciso.
Se il tuo schizzo ha riempimenti o è scansionato puoi trasformare il suo metodo di fusione in "Moltiplica" per renderlo trasparente.
È possibile utilizzare un altro metodo per il disegno della maschera, ma è necessario creare gruppi mascherati. Sarebbe davvero utile dopo.
Creare forme di strati di terreno con lo strumento Penna nei gruppi di terreno.
Non hai più bisogno del disegno per poterlo nascondere.
Trascina le trame o buone parti di essi nel file come oggetti intelligenti e ridimensionali proporzionalmente l'un l'altro e la mucca. Non preoccuparti per il colore o la prospettiva. In questo passaggio dovresti assicurarti che si adattino alla tua illustrazione.
Per gli strati del terreno usali come maschere di ritaglio (Alt + Comando / Ctrl + G o Livello> Crea maschera di ritaglio o Alt + clic tra i livelli). Quindi posiziona le trame in altre parti del terreno.
Poiché il pezzo ha due superfici, crea e maschera un gruppo per la superficie laterale nel gruppo "Pezzo" e copia i livelli del suolo in esso.
Ora è necessario posare le trame che hanno strisce orizzontali evidenti sulle loro superfici. Distorsione usando Warp (Modifica> Trasforma> Deformazione) e Distorci (Modifica> Trasforma> Distorci) per la superficie laterale.
Non usare il Warp per lo strato intermedio mentre deformi le pietre. Dovresti usare un po 'la Prospettiva (Modifica> Trasforma> Prospettiva).
Assicurati ancora che le trame siano proporzionali l'una all'altra. Sposta leggermente le trame per trovare alcune somiglianze interessanti tra diversi livelli e superfici. Sarà molto utile più tardi.
Come puoi notare, gli oggetti intelligenti distorti appaiono terribili soprattutto sul lato del pezzo. C'è un trucco per perfezionarli. La ragione di questo effetto è che Photoshop ridimensiona gli oggetti intelligenti prima di deformarli. È sufficiente ingrandire le trame distorte in tre parti, rasterizzare (fare clic con il pulsante destro del mouse su un livello> Rasterizza livello) e quindi ridurle alla dimensione necessaria.
Molto presto la torta sembrerà molto migliore quindi iniziamo la correzione del colore! Inizia dal livello "Medio". Sarà il colore del suolo principale. Crea due livelli di regolazione: Livelli e Tonalità / Saturazione (Livello> Nuovo livello di regolazione>) e rendono la "Maschera" la loro Maschera.
Quindi seleziona il livello "Bottom". La texture ha una differenza di colore molto bella. Aumentalo prima con un livello di regolazione Tonalità / Saturazione.
Dopo di che aggiungi un livello di luminosità / contrasto e un livello di riempimento a tinta unita (Livello> Nuovo livello di riempimento> Colore a tinta unita) in modalità "Luce soffusa" (Colore: n. 514740).
Il prossimo è il livello più alto. Crea un livello Livelli e trascina il cursore sinistro sul picco più vicino. È necessario per accentuare i dettagli scuri della trama. Quindi aggiungi un livello di luminosità / contrasto e rendi la trama molto più scura.
Dopo tutto copia semplicemente i livelli di regolazione creati con le stesse trame degli altri gruppi. Certo, sembra troppo facile nel tutorial, ma passo un sacco di tempo a regolare le regolazioni e provare diverse varianti.
Ora puoi continuare con la vegetazione. Ed ecco alcune buone notizie! Non devi fare nulla con l'erba perché la foto sorgente è meravigliosa! Ma il grano sembra un po 'pallido. Quindi basta saturare.
Iniziamo dall'alto. Nascondi temporaneamente la mucca. L'erba sembra buona ma sarebbe meglio aggiungere un po 'di prospettiva. Crea un nuovo livello nel gruppo "Grass" e crea un gradiente verticale.
Quindi usa i suoi effetti di livello per sovrapporlo con un colore giallo chiaro (# fffae1) e imposta il 30% di opacità.
È davvero d'aiuto creare una guida di illuminazione per ricordare dov'è il tuo sole. Crea una forma circolare e disegna ombre e luci con il pennello bianco e nero.
Crea un gruppo "Ombra" nel gruppo "Torta anteriore" e crea un livello Luminosità / Contrasto. Quindi rendere il terreno più scuro della parte oscura della guida di illuminazione.
Seleziona la maschera del livello e cancella l'ombra con un grande pennello nero morbido dove non ti serve.
Crea un nuovo livello e trasformarlo in modalità "Overlay". Aggiungi dettagli di luci e ombre con pennelli bianchi e neri.
Fai l'illuminazione per l'altro gruppo di terreno allo stesso modo. Per il gruppo "Cake back" aggiungi anche una prospettiva aerea. Ora sembra buono ma sicuramente ha bisogno di ombre.
Inizia da un'ombra di base. Crea un nuovo gruppo "Ombra" sotto gli altri. Copia i percorsi delle maschere del terreno e crea loro una nuova forma nera. Sposta i punti in alto per fare qualcosa come un fondo della torta. Presta attenzione solo alle linee laterali e non preoccuparti di punti lontani.
Crea una copia della forma e rasterizzala. Quindi sfocatura con il Gaussian Blur (Filtro> Sfocatura> Gaussian Blur / Radius: 2.0).
Per renderlo più spesso copia e unisci i livelli (Comando / Ctrl + J, Comando / Ctrl + E).
Se vuoi fare una buona ombra devi usare della geometria. Crea un profilo semplice come questo in qualsiasi modo ti piaccia. È la torta dall'alto.
Combinalo con la parte superiore della torta usando Trasforma e Prospettica (Modifica> Trasforma>). Estendi le linee verticali per ottenere il loro punto di fuga. Potrebbe essere fuori dalla tela, non preoccuparti. Non dovrà essere l'ideale. Quindi copia il contorno e combinalo con il fondo. Lasciati guidare dalle linee prospettiche.
Crea un'ellisse in basso. Copia il percorso e sposta a sinistra e in alto (non dimenticare la guida di illuminazione e le linee prospettiche). Connettili con un altro percorso. Tagliare una parte sotto il pezzo. Il risultato dovrebbe essere simile a questo:
Crea un'altra forma per il pezzo. Rasterizza i livelli e crea una maschera veloce usando lo strumento sfumatura.
Puoi nascondere una selezione usando Command / Ctrl + H. Seleziona l'ombra della torta e sfumala con il Gaussian Blur (Raggio: 15). Per la semplice falsificazione della prospettiva usa il Motion Blur.
Cancellare un po 'i bordi delle ombre usando una maschera e un pennello morbido nero.
Quindi abbellisci le ombre con la Sovrapposizione colore (# 0e0700) e imposta Opacità su 85%.
Ora aggiungi ombre scure negli angoli con un pennello nero morbido su un nuovo livello.
L'erba ha radici, quindi aggiungiamole. Crea un gruppo sotto il gruppo "Ombre" nel "Fronte della torta". Trascina la trama sorgente di erba morta (GrassDead0042_11_S) dentro di essa. Spostalo per vedere il terreno accanto.
Quindi accordare con i livelli di regolazione Luminosità / Contrasto e Tonalità / Saturazione.
Bello! Sembra una radice! Spostalo per coprire il terreno e creare una maschera. Ora puoi disegnare le tue radici con un pennello bianco morbido! La maschera dovrebbe apparire così:
Non male, ma le radici sembrano troppo sfocate. Puoi semplicemente affilarli (Filtro> Precisione> Maschera di contrasto / Quantità: 40%, Raggio: 1), ma ti raccomando un altro modo. Copia il livello radice e attiva la sua modalità su "Sovrapponi". Quindi applicare il Filtro passa alto (Filtro> Altro> Passa alto / Raggio: 0,5). È meglio perché puoi accordare la nitidezza con Luminosità / Contrasto e utilizzare una maschera per la nitidezza selettiva.
Ora ripeti per le altre parti del terreno.
Tiriamo le lame sul bordo dell'erba. Scopri la mucca (non dovresti fare il lavoro non necessario). Rasterizza la maschera del gruppo "Grass". E basta disegnare le lame con una spazzola dura 1px. Faresti meglio a usare una pen tablet, ma assicurati anche con un mouse.
Scegli i lame visibili sulla foto e allungali semplicemente con il pennello. Utilizzare anche un pennello nero sulla parte superiore per assottigliare l'erba.
Una piccola cosa in più. Crea una smussatura sul bordo. Aggiungi un nuovo livello nel gruppo "Grass". Passa alla modalità "Sovrapponi" e disegna lo smusso con i pennelli bianco e nero.
Ora fai lo stesso per il grano. Una cosa da non dimenticare è che il grano è più alto dell'erba e in questo caso usa anche un pennello nero sul fondo.
Non dimenticare di una smussatura!
Cosa extra Aggiungi alcune lame disegnate a mano su un nuovo livello.
OK. Ora transizioni tra gli strati del terreno. Rasterizza la forma "Top" nel gruppo "Cake front". L'uso del pennello e degli strumenti gomma rende il bordo più naturale. Prestare attenzione ai dettagli della trama. Seguiteli e la transizione sarà meravigliosa!
Sembra carino ma lo strato intermedio è troppo piatto. Copia il livello della texture superiore, spostati verso il basso e desaturalo (Maiusc + Comando / Ctrl + U).
Trasforma la modalità di fusione del livello in "Sovrapposizione". Sintonizzalo con un livello Luminosità / Contrasto per un aspetto neutro.
Aggiungi un altro livello di luminosità / contrasto e fai scorrere il Contrasto a 100. Usa una maschera per rimuovere le pieghe dalla roccia.
Usa la stessa tecnica per la transizione tra il medio e il basso. Fallo per altri strati di terreno.
Rasterizza le maschere dei gruppi di terreno. Accartocciare i bordi con una piccola spazzola dura. Non dimenticare il bordo tra i lati del pezzo. Dopodiché è necessario tornare all'ombra "Base" della torta. Mostra le ammaccature sul fondo usando lo strumento dito.
Poiché c'è un'ombra sullo sfondo, dovresti anche aggiungere un riflesso dalla torta su di esso. Copia il livello shadow "Base". Spostalo verso il basso e sfocatura con il Gaussian Blur e poi con il Motion Blur. Applica la Sovrapposizione colore (Colore: # 675039) e imposta il 70% di Opacità.
Questo è il momento di tornare alle briciole! Copia i livelli di texture e di regolazione dallo strato centrale del terreno alla parte superiore del gruppo "Terreno".
Uniscili (comando / Ctrl + E). Seleziona con le pietre dello strumento Lazo che ti piacciono e copiali su nuovi livelli (Comando / Ctrl + J).
OK. Elimina la texture unita. Spostare le pietre estratte nei punti vicini alle briciole dello schizzo.
Puoi usare Effetti di livello per l'illuminazione di oggetti semplici. Innanzitutto il Bevel.
The Drop Shadow.
Le briciole sono decisamente troppo luminose e lisce. Così affilali con il filtro passa alto e scurire con un livello di luminosità / contrasto.
Trascina la foto della mucca nel file. Mascherare la mucca e grossolanamente estrarla con un pennello. Spostalo e trasformalo per adattarlo allo schizzo.
Crea una maschera vettoriale accurata con lo strumento Penna.
La foto ha un diverso bilanciamento dei colori, quindi è necessario regolarla. Per un risultato migliore nascondi la maschera vettoriale (Shift + Click) in questo modo puoi vedere l'erba originale e sintonizzarla vicino all'ambiente. Ritorna alla maschera vettoriale.
Il prossimo passo dovresti migliorare l'illuminazione della mucca. Scopri il gruppo "Guida all'illuminazione". Crea un nuovo livello in modalità "Sovrapponi" e disegna ombre e luci con i pennelli b / n.
Ma le ombre sono scure non abbastanza. Crea un livello di regolazione "Livelli" e scurisci fortemente. Crea una maschera nera e disegna ombre profonde con un pennello bianco.
Aggiungiamo alcune ombre nella modalità "Normale".
Ora è necessaria un'ombra esterna! Inizialmente create semplici guide ombra.
Crea un nuovo gruppo "Ombra" e crea forme ruvide per la testa e le zampe della mucca.
Mettili a terra con lo strumento Trasforma.
Sposta le parti d'ombra ai loro punti iniziali.
Ora puoi disegnare un corpo a seconda delle parti.
Unisci le forme (Comando / Ctrl + E), effettua la selezione (Comando / Ctrl + Clic) e crea una maschera con la selezione per il gruppo "Ombra". Sposta il gruppo nel gruppo "Grass". Creare due livelli di regolazione: Tonalità / Saturazione e Luminosità / Contrasto.
Sfoca la maschera con lo strumento Sfocatura e cancellala un po 'con un pennello nero, in particolare le parti distanti.
Prendi una piccola spazzola dura e disegna le lame di erba sul bordo come hai fatto per l'erba. Freddo! Hai fatto con l'ombra esterna!
Ritorna alla mucca. Elimina la maschera bitmap e creane una nuova. Crea delle lame simili per questo. Potrebbe essere necessario cancellare un po 'l'ombra sotto le gambe.
La mucca è un po 'fuori luogo. La ragione è il suo colore. Aggiungi alcune riflessioni ad esso. Crea un nuovo livello in modalità "Luce soffusa". Utilizzare un pennello verde per il fondo e un pennello giallo f o la parte superiore.
Affila la mucca con un filtro passa alto e rimuovi eventuali difetti sulla mucca con un pennello su un nuovo livello.
Hai quasi finito. Unisci tutti i livelli come una copia (Alt + Comando / Ctrl + Maiusc + E) e ruotalo orizzontalmente (Modifica> Trasforma> Rifletti in orizzontale). Questo ti aiuterà a vedere eventuali difetti nell'illustrazione che potresti aver perso.
Ora potresti essere in grado di vedere che il grano è troppo piccolo, che la prospettiva della torta è sbagliata, che le ombre della luce sono troppo deboli, che le ombre sono troppo scure e la mucca è assolutamente fuori posto. Non farti prendere dal panico! Puoi migliorarlo.
Ora esegui i seguenti passaggi.
Il compito più dispendioso sarà quello di aggiustare il grano. Ma è davvero facile! Basta selezionare la parte superiore della sua maschera con lo strumento Lazo e spostarlo verso l'alto. Puoi anche ingrandire un po 'la texture.
Riempi il vuoto nella maschera e disegna alcune nuove lame sul livello "Disegno del grano".
Ora il grano è più alto quindi è necessario rendere le sue ombre più spesse ma "Sovrapposizione" lo rende troppo vivido, quindi usa la modalità "Normale" su un nuovo livello.
Aggiungiamo alcuni più bei dettagli. Crea un nuovo livello di luminosità / contrasto per il livello "medio" del terreno. Mascherala e seleziona sulla maschera le pietre che ti piacciono. Quindi dai più entrambi i cursori.
Fai di nuovo il trucco a flip. Dovresti oscurare l'ombra della mucca e cancellare un po 'l'ombra di base.
Aggiungete anche altre lame sull'erba, specialmente vicino alla testa della mucca. Copia lo strato Luminosità / Contrasto delle pietre sulle briciole e rendine parte bianca. Lo strato superiore del terreno è troppo liscio. Dovresti affilarlo.
Fai di nuovo il trucco a flip. La mucca è fuori luogo, ma la ragione è che la sua prospettiva non si adatta completamente a quella della torta. Sfortunatamente non puoi ruotarlo come un modello 3D. Il difetto più eclatante sono le sue gambe. Si erge come un ballerino su una riga. E tu puoi migliorarlo! Basta cancellare un po 'le gambe lontane e sistemare l'ombra. Aggiungete anche altre ombre nella modalità "Normale" sul lato sinistro della mucca e un po 'di luce a destra. Quindi dovresti migliorare l'ombra della torta. Basta cancellare un po 'il suo bordo distante e renderlo più spesso.
In questo tutorial, ti abbiamo mostrato come utilizzare le tecniche di manipolazione fotografica per aiutarti a creare elementi grafici per un'infografica. Hai imparato a delineare la tua idea, disegnarla in Photoshop, aggiungere texture e illuminazione e, infine, come aggiungere i tocchi finali. Speriamo che questo ti aiuti a trovare idee per creare infografiche incredibili.
Accentsconagua