Come progettare un flier pronto per la stampa con Photoshop e Illustrator

In questo tutorial creeremo testo 3D e lo integreremo in un ambiente naturale. Non useremo nessun programma 3D, quindi tutto ciò che serve è Adobe Illustrator e Photoshop per creare questo effetto.

Anteprima dell'immagine finale

Dai un'occhiata all'immagine che creeremo. 

Dettagli dell'esercitazione

  • programmi: Adobe Illustrator, Adobe Photoshop
  • Difficoltà: Intermedio

Passo 1

Apriremo Adobe Illustrator, (usando CMYK come impostazioni colore) per iniziare a creare il nostro testo 3D.

Digitare la parola "Escape", (sto usando il font Impact) e cambiare il colore in blu (# 1A98BB). Questo colore sarà più facile da lavorare e sarà approssimativamente il colore che useremo nel nostro risultato finale.

Passo 2

In genere, usiamo lo strumento Estrusione e smusso per creare una versione 3D del nostro testo, ma poiché Illustrator non è in grado di gestire realmente ciò che vogliamo fare, lo creeremo noi stessi. (Di seguito è mostrato ciò che otterremmo se usassimo lo strumento Smusso ed estrusione)

Fai clic sul testo e vai a Tipo> Crea contorni. Ora copia il testo con Command + C e Paste in Place con Command + F. Scurisci il testo usando il cursore nero nella finestra Color.

Ora ridurremo il testo e lo terremo nello stesso punto nello stesso momento. Per fare questo faremo clic sul nostro testo scuro e tieni premuti Alt e Maiusc, quindi inserisci uno degli angoli della scatola in.

Passaggio 3

Evidenzia tutte le lettere, apri il Pathfinder (Shift + F9). Nel menu a discesa Finestra, (se non lo hai già aperto) e fai clic sull'icona Aggiungi a forma area. Fai clic su Espandi. Questo renderà le due parole "Escape" in una sola forma.

Passaggio 4

Fare clic sullo strumento Penna (P) e dove c'erano gli angoli e ora le aree a forma di "L", fare clic sull'ancora dell'angolo per eliminarlo.

Passaggio 5

Dopo esserti liberato di tutte le aree "L" che puoi fare Comando + F, questo dovrebbe riportare il tuo testo originale. Una volta che lo fai, potresti notare che alcuni bordi arrotondati non sembrano giusti. Per correggere questi bordi arrotondati, puoi cancellare il testo originale che abbiamo appena incollato, fare clic sullo strumento Penna (P) ed eliminare i punti sulla curva fino ad ottenere un angolo che sembra giusto.

Passaggio 6

Ora siamo pronti per portare il nostro testo in Photoshop. Crea un nuovo documento (comando + N). Considereremo questo come una cover design, quindi cambieremo le nostre impostazioni in 8 pollici di larghezza per 10 pollici di altezza e l'impostazione del colore di CMYK. Cambiamo la nostra risoluzione a 300 dpi, quindi sarà la qualità di stampa. Una volta che apriamo il nostro documento, vogliamo fare clic e trascinare le guide di mezzo pollice da ciascun bordo (usando il nostro comando-righello + R). Questo funzionerà come nostro sanguinamento.

Passaggio 7

Vai a stock.xchng per ottenere l'immagine che useremo per il nostro background. Apri l'immagine in Photoshop, la modificheremo un po 'per adattarla ai nostri scopi.

Passaggio 8

Vai a Immagine> Regolazione> Sostituisci colore. Fare clic sulla parte dell'area di erba che è la più gialla e utilizzare la tonalità per regolarla in modo che abbia un aspetto più verde. Puoi anche abbassare la saturazione per dare un aspetto più realistico.

Passaggio 9

Trascina la nostra foto nel documento di Photoshop creato e ridimensiona la foto per adattarla all'area con lo strumento Trasforma (Comando + T).

Passaggio 10

Per lo sfondo, abbiamo un aspetto più desaturato, quindi apriremo la tonalità / saturazione con Command + U e trascineremo la saturazione a -20.

Passaggio 11

Ora possiamo portare il nostro testo. Prima presenteremo il testo e poi la parte 3D, in modo che possiamo lavorare individualmente con ciascuno di essi. Quindi copia e incolla (comando + C, comando + V) ognuno nel nostro documento Photoshop. Se non si ridimensiona il testo o si ingrandisce / rimpicciolisce il documento, entrambi i livelli di testo dovrebbero allinearsi perfettamente.

Passaggio 12

Ora che hai il testo e l'immagine di sfondo sul posto dove vuoi, possiamo iniziare ad aggiungere nell'erba.

Iniziamo creando una nuova cartella (facendo clic sull'icona della cartella nella parte inferiore della palette dei livelli), la chiameremo "grass", quindi creeremo un nuovo livello all'interno della cartella.

Utilizzando lo strumento Selezione riquadro quadrato (M), fare clic e trascinare un riquadro attorno alla metà inferiore del documento, sotto la foto (assicurarsi che non vi siano spazi vuoti tra la foto e il riquadro) in modo che la foto non sia selezionata. Ora fai clic sul colore di primo piano e fai clic sull'erba nella foto finché non trovi un verde scuro. Riempi il riquadro Marquee che abbiamo creato con quel colore.

Passaggio 13

Fai clic sullo strumento Pennello (B) e cambia il pennello con il pennello generico a un solo filo che viene fornito con Photoshop. Ora fai clic sul colore di primo piano e poi clicca sull'erba sulla foto di sfondo. Fai lo stesso con il colore di sfondo. Questo dovrebbe darti due verdi diversi ma simili.

Usando F5, apri le impostazioni del pennello e regola il Jitter della tonalità, nella scheda Dinamiche del colore al 20%.

Passaggio 14

Crea un nuovo livello (Comando + Maiusc + N) nella cartella Grass e inizia a dipingere da dove termina la foto di sfondo con un pennello da 125 px. Mentre ti sposti verso il fondo del documento, ingrandisci il pennello (]), in modo da ottenere circa un pennello da 200 pixel quando arrivi in ​​fondo. Questo dovrebbe essere veloce in modo che lasci dei buchi per coprire i futuri strati.

Stiamo rendendo questo colore un po 'più scuro perché questo sarà sotto un altro livello. Quindi entrate in Curves (Command + M) e regolate Input in 47 e Output in 55.

Passaggio 15

Ripeteremo il passaggio 14, tranne che questa volta riempiremo la maggior parte delle buche che abbiamo perso la prima volta. Non è necessario regolare le curve su questo livello di erba.

Passaggio 16

Crea un nuovo livello (Comando + Maiusc + N) nella cartella dell'erba. Ora per aggiungere alcuni punti salienti all'erba, useremo il nostro pennello per erba (B) con lo stesso colore e la stessa vernice in poche aree. Andate nuovamente in Curve (Comando + M) e regolate l'input su 58 e l'output su 39.

Passaggio 17

Creeremo un nuovo livello (Command + Shift + N), sopra il lettering, in modo che possiamo dipingere su un po 'di erba in modo che sembri che stia andando davanti alle lettere.

Dopo aver dipinto l'erba di fronte alle lettere, crea un nuovo livello (Comando + Maiusc + N) e fai un leggero passaggio di erba, stiamo per scurire questo livello con le Curve (Comando + M), regola l'input a 42 e l'uscita a 56.

Passaggio 18

Ora che abbiamo finito il nostro prato, inizieremo a lavorare sulle nostre lettere.

Crea una nuova cartella chiamata "text face" e una nuova cartella chiamata "text shadow" mette la faccia del testo e l'ombra del testo nelle cartelle corrispondenti.

Ora andiamo a Comando + Fare clic sul livello di testo per creare un contorno di selezione attorno ad esso, creare un nuovo livello nella cartella "testina di testo" con Command + Maiusc + N e riempirlo (Command + Delete) con # EDE6DA.

Passaggio 19

Vai nella cartella "text shadow" e crea un nuovo livello (Command + Shift + N).

Poiché la nostra luce solare viene da destra, come puoi vedere con gli alberi nella foto, dobbiamo rendere la parte più luminosa del nostro testo sul lato destro di ogni lettera. Per creare i nostri punti salienti, useremo lo strumento Lazo poligonale (L) per selezionare le aree che dovrebbero essere evidenziate, le aree che verrebbero colpite dal sole.

Passaggio 20

Usando un Pennello arrotondato bianco 90px (B), con Durezza 0% al 20% Opacità, inizia a disegnare tratti sulle aree che abbiamo selezionato. Cambia il metodo di fusione in Sovrapposizione.

Per eliminare l'area in eccesso, fai clic su Comando + sul livello shadow del testo, Comando + Maiusc + I per ottenere la selezione inversa, quindi elimina.

Passaggio 21

Ora creeremo le nostre ombre nello stesso modo in cui abbiamo messo in evidenza le fasi salienti del passaggio 19. Dopo aver selezionato le ombre, ripeti il ​​passaggio 20, tranne che questa volta utilizzeremo un pennello nero per le aree più scure.

Passaggio 22

Per aggiungere ombre più scure e dare più contrasto alle nostre lettere, ripeteremo il passaggio 21, ma invece di cambiare la modalità di fusione in Sovrapposizione, lo cambieremo in Moltiplica. Inoltre, sarà più facile se cambiamo il pennello a circa al 5% di Opacità, in questo modo puoi scurire lentamente l'ombra, e si fonderà anche più liscia.

Passaggio 23

Il testo può essere lavorato molto di più e aggiungere molti più dettagli di ombre / alte luci, ma poiché questo è un tutorial lo lasceremo così com'è e inizieremo a lavorare sull'ombra che il testo proietta sull'erba.

Crea un nuovo livello (Command + Shift + N) e mettilo sopra la cartella "grass". Utilizzare un pennello nero da 200 px (B) con un'opacità del 100% e una vernice di durezza dello 0% sotto il testo, cercando di assicurarsi che il nero non vada troppo sotto l'erba che si trova davanti alle lettere. Cambia la modalità di fusione in Moltiplica.

Passaggio 24

Ora possiamo iniziare ad affrontare la faccia del testo. Cominceremo col darle un'ombra interiore. Fare clic sulla prima icona nella parte inferiore della palette dei livelli e quindi fare clic su Inner Shadow.

Ora vai su Bevel and Emboss, sulla prima icona nella parte inferiore della palette Layers, e regola le tue impostazioni, qualcosa di simile a quello che ho. Queste due impostazioni daranno al testo un margine.

Passaggio 25

Stiamo andando a Comando + Fai clic sul livello di testo e creane uno nuovo con Comando + Maiusc + N. Usando lo strumento Sfumatura (G) con un'opacità da nero a 0%, fai clic sul lato sinistro del testo e trascinalo a destra. Questo dovrebbe dare al testo un gradiente che è nero a destra. Abbassa l'Opacità fino al 5%.

Passaggio 26

Con la faccia di testo ancora selezionata crea un nuovo livello (Comando + Maiusc + N) nella cartella "testina di testo" e cambia il colore di primo piano con un colore giallo-arancio (qualcosa come # FFC600) e crea un gradiente (G) in modo che è sul bordo superiore delle lettere. Cambia la modalità di miscelatura in Sovrapposizione.

Passo 27

Crea un nuovo livello nella cartella "testina di testo" e prendi un pennello nero da 200 px (B) con un'opacità del 5% e una durezza dello 0% e fai clic e trascina una linea appena sopra l'erba. Questo ci darà un'ombra sottile appena sopra l'erba.

Passaggio 28

Ora stiamo per dare al nostro testo un aspetto alterato.

Nella cartella "testina di testo", crea un nuovo livello e quindi, utilizzando lo strumento Selezione riquadro quadrato (M), crea una casella che copre la "Fuga". Riempi la scatola con il nero.

Passaggio 29

Vai a Filtro> Render> Fibers e regola le tue impostazioni su qualcosa di simile a quello che ho.

Passaggio 30

Deseleziona l'area con Comando + D e vai a Filtro> Sfocatura> Sfocatura movimento. Comando + Fai clic sulla faccia del testo, quindi Comando + Maiusc + I per ottenere la selezione inversa, elimina e modifica il metodo di miscelatura in Moltiplica con un'opacità del 5%.

Passaggio 31

Fai clic sulla seconda icona nella parte inferiore della palette dei livelli per aggiungere una maschera al nostro livello di fibra. Usando un nero al 0% del gradiente (G) clicca e trascina dal basso verso l'alto in modo che la metà inferiore delle fibre non sia più presente nel testo.

Passo 32

E ora per finirlo un po ', faremo clic sulla quarta icona nella parte inferiore della palette dei livelli e apriremo il Color Balance.

Passaggio 33

E ora apri il filtro fotografico sulla quarta icona nella parte inferiore della palette dei livelli.

Passaggio 34

Ora che abbiamo finito, aggiungerò alcuni ritocchi con un piè di pagina che sanguinerà oltre il bordo.

Immagine finale

E questo è tutto! Spero ti sia piaciuto leggere questo tutorial.