Come progettare un poster di concerti creativi

Hello Design Cutters! Il tutorial di oggi ci arriva da Simon, uno dei due partner e designer dello Studio Ace of Spade. A Simon!

Ciao a tutti! Sono entusiasta di condividere un altro tutorial con voi oggi. I buoni fa capolino a tagli di design hanno messo il Mostro Creative Font Bundle nelle mie mani, e mi guardò correre con esso. Tutorial di oggi è molto completo, ma spero che ti bastone con esso, come si dovrebbe prendere un sacco di tecniche eccellenti.

Una delle cose che sono eccitato da ora che la primavera è finalmente mostrando, è la stagione dei concerti. Così mi è sembrato molto appropriato usare i fantastici caratteri tipografici del bundle per creare un finto poster del concerto.

QUELLO che STIAMO CREANDO:

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

un’immagine in particolare che ha colpito una corda a questi campioni di birra artigianale Ornamento da Albatross Studio:

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Da lì, Ho deciso di inventare la band Il Krakens, e prenota un concerto al 93 Feet East, un popolare di Londra, sede del concerto.

Dopo un po ‘ di ricerca, ho trovato questa incredibile immagine su Unsplash. E ‘ di Jonas Nilsson Lee, e raffigura un campo con il mare sullo sfondo. Adatto per i kraken per essere scatenato.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Da lì, ho voluto dare al poster un’atmosfera grunge, ma senza essere travolgente. Quindi, guardando attraverso i caratteri tipografici nell’affare, Amorie Modella e BrushUp mi sono saltate addosso.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Cospargere un paio di ulteriori risorse sulla parte superiore, e faremo anche noi una fresca poster. Cominciamo, va bene?

PASSO 1: CONFIGURAZIONE DEL DOCUMENTO

Sto lavorando con una tela da 11″x17″ a 300 dpi, in Photoshop CC (ma qualsiasi versione di Photoshop passato CS3 dovrebbe farlo).

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Successivamente, è il momento di aggiungere alcune guide. Ho guide verticali a 1″, 2″, 5″, 5.5″, 6″, 9″, e 10 “e guide orizzontali a 1″, 2″, 8″, 8.5″, 9″, 15″, e 16”.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

PASSO 2: COSTRUIRE LO SFONDO

Per iniziare, abbiamo bisogno di costruire lo sfondo. Posizioneremo l’immagine, la affileremo e faremo un po ‘ di post-elaborazione.

Posizionare e affilare l’immagine

Utilizzare File > Place embedded per posizionare la scena del mare come oggetto avanzato nel documento. Ho allineato il limite superiore sinistro del campo con la guida orizzontale a 15″.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Successivamente, useremo una tecnica che ho già condiviso nel mio tutorial di progettazione di poster retrò e grungy per affinare un po ‘ l’immagine. Coinvolge il filtro passa alto.

Inizia creando una copia del tuo livello di sfondo (Livello > Duplica livello o CTRL/CMD+J).

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Aggancialo al livello originale sottostante (CTRL / CMG + G). Si noti che ho lasciato entrambi i livelli come oggetti avanzati.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Quindi, eseguire il filtro passa-Alto sul livello copia (Filtro > Altro > passa-Alto). Sto usando un raggio di 50 pixel.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Una volta applicato il filtro, posizionare il livello su luce soffusa @ 35% opacità. Il risultato è un’immagine più nitida e un contrasto leggermente aumentato.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Estendere il background

L’immagine è a posto, ma abbiamo ancora un ampio open posto al vertice del nostro manifesto.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Per riempire questo punto, stiamo andando per esempio una tonalità blu al limite della vegetazione, e compilare un nuovo livello con questo colore blu. Quindi posizioneremo quel livello nella parte inferiore della nostra pila di livelli.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Il colore che ho campionato è # acc5ce.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Ora, al fine di sbarazzarsi di questa linea, ti sfruttiamo il potere di maschere di livello. Basta aggiungere una maschera di livello al livello foto originale (Livello > Maschera di livello > Rivela tutto con il livello corretto selezionato).

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Fatto ciò, puoi semplicemente dipingere nella maschera di livello con un pennello grande e morbido per far scomparire il limite. Ma è un po ‘ noioso. Sto usando lo strumento gradiente per andare un po ‘ più veloce. Assicurati di iniziare il gradiente sotto la linea che stai cercando di nascondere.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Il gradiente che ho usato è un semplice gradiente da nero a bianco, in una direzione dall’alto verso il basso.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Fatto questo, passiamo all’elaborazione dell’immagine un po’.

Post-elaborazione dell’immagine

La “ricetta” di post-elaborazione che sto usando di seguito è solo una tra le tante. Sentitevi liberi di modificare l’immagine in modo diverso!

Innanzitutto, “abbasseremo la temperatura” dell’immagine utilizzando un livello di regolazione del filtro fotografico.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Sto usando il filtro di raffreddamento LBB, con una densità del 15%.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Successivamente, emuleremo un effetto di cross-processing utilizzando un livello di regolazione della curva. Basta aggiungere un livello curva e attivare il preset Cross Process (RGB) dal menu a discesa.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

L’effetto è piuttosto forte, quindi ho scelto di abbassare l’opacità di questo livello al 50%. Puoi anche notare che ho etichettato ogni livello di regolazione con ciò che realizzano.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Successivamente, emuleremo una saturazione vintage sull’immagine. Basta aggiungere un livello di regolazione Tonalità / Saturazione all’immagine e portare la saturazione a -25.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Quindi, “aumenteremo la temperatura” dell’immagine con un altro livello di regolazione del filtro fotografico. Sto usando il preset Warming filter (LBA), con un’opacità del 25%.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Successivamente, “sbiadiremo” un po ‘ l’immagine. Utilizzare un livello di regolazione del colore solido e riempirlo con #4e4e4e. Quindi, modificare la modalità di fusione a Schermo @ 15% opacità.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Un po ‘di house-keeping

Prima di passare all’ultima parte dello sfondo build-up, vorrei suggerire di organizzare i nostri livelli un po’. Ecco una vista della mia struttura: la foto e i relativi livelli sono nel proprio gruppo di livelli, così come i livelli per la post-elaborazione.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Texture!

È il momento di aggiungere alcune texture al nostro sfondo. Gli darà un po ‘ più di profondità e sostanza. Ecco le trame che dovresti avere a portata di mano:

  • BB_AntiqueEnvelope_04 di Dustin Schmieding
  • Coffee Stains Texture 02 di SixRevisions

Inizia posizionando BB_AntiqueEnvelope_04.jpg nel documento. Ho posizionato, girato e dimensionato il mio in modo che la cucitura al centro sia fuori dal telaio.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Una volta che la texture è a posto, rasterizzarla, desaturarla (CTRL / CMD + SHIFT + U) e affilarla alcune volte usando Filter > Sharpen > Sharpen.

Si noti che è possibile mantenere il flusso di lavoro non distruttivo utilizzando i livelli di regolazione.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Successivamente, useremo i livelli (CTRL / CMD + L) per portare alcuni dei dettagli delle trame. Useremo un valore di 75 per i toni scuri, 0,75 per i toni medi e 225 per i toni chiari.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Una volta eseguite le regolazioni, modificare la modalità di fusione del livello in Luce soffusa con opacità al 50%.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

La prossima texture che useremo è Coffee Stains Texture 02. Ho posizionato, girato e dimensionato il file in modo che copra l’intera tela.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Successivamente, seguendo lo stesso processo di cui sopra (desaturazione, affilatura e livelli), stiamo portando le macchie nel design. La modalità di fusione del livello è Luce soffusa @ 25% opacità.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Un po ‘ più di house-keeping, e siamo pronti a passare per il resto del poster.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

FASE 3: IL BADGE

Il badge centrale con octopus è facile da costruire, ma dovremo lasciare rapidamente Photoshop per Illustrator.

Afferrare gli elementi in Illustrator

Andiamo avanti e creare un documento in Illustrator che ha le stesse specifiche del nostro Photoshop canvas. Notare la modalità colore RGB.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Utilizzando la stessa dimensione e modalità di colore ci permette di iniziare a giocare con dimensioni e colori direttamente in Illustrator, senza temere alcuna discrepanza tra i due documenti che abbiamo.

Una volta in Illustrator, assicurati che il tuo pannello Glifi sia visibile. Se non lo è, fallo apparire usando il menu Window > Type > Glyphs.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Quindi, scegli gli ornamenti Microbrew del carattere tipografico e prendi il simbolo del polpo. Avviare un nuovo blocco di testo, quindi fare doppio clic sul glifo nel pannello Glifi. Taglia molto grande (almeno 500 punti).

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Successivamente, avremo bisogno di afferrare questo telaio circolare dagli extra che viene fornito con la famiglia di tipo Amorie. Puoi prenderli dal pannello Glifi o dal pratico file Illustrator (AMORIE_EXTRAS-Frames.ai) incluso nel pacchetto. Ho scelto il dopo.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Copialo e incollalo nel tuo documento Illustrator e inizia a giocare con le dimensioni.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Una volta che sei soddisfatto della relazione di dimensioni tra il fotogramma e il polpo, è il momento di preparare gli elementi vettoriali da portare in Photoshop.

Portare i vettori in Photoshop

Innanzitutto, espandere l’aspetto dell’oggetto di testo octopus. Basta fare clic destro sul personaggio, e scegliere l’opzione Crea contorni.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Apportare le modifiche di dimensione ritieni necessario, ora, come si sarà molto più fastidioso a che fare con una volta in Photoshop.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

una Volta fatto, basta copiare e incollare ogni elemento singolarmente in Photoshop, come oggetti intelligenti. Questo ci permetterà di giocare con ogni elemento indipendentemente l’uno dall’altro, e di mantenere le loro caratteristiche vettoriali se abbiamo bisogno di affinare le loro dimensioni.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

anche io sono andato avanti e ha dato a questi due proprio livello di gruppo, come le cose andranno un po ‘ più complicato, più tardi.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Creazione del badge stesso

Innanzitutto, dobbiamo assegnare un colore agli elementi del badge. Sono andato avanti e ho provato uno dei marroni scuri dal campo. Sono andato nell’angolo in basso a destra e ho scelto #302b2c, una tonalità più scura, rosso-marrone.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Una volta scelto il colore, è necessario fare doppio clic sulla miniatura dell’oggetto avanzato del polpo. Questo aprirà l’oggetto avanzato in Illustrator, dove dovresti cambiare il suo colore al marrone che hai appena campionato.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

una Volta che hai finito, salvare la modifica (CTRL/CMD+S), vicino l’oggetto avanzato, e tornare a Photoshop per ammirare il risultato.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Seguire lo stesso processo per il telaio.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

la Creazione di mis-registrato sovrapposizione di colore

Questo passaggio è un po ‘ delicato. Torna al documento di Illustrator in cui stavamo sperimentando originariamente le relazioni di dimensione. Spegni la cornice nel pannello livello. Quindi, procedere alla copia (CTRL / CMD + C) e incollare in posizione (CTRL/CMD+F) una copia del polpo.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

spegnere il top copia del polpo.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Quindi, afferrare lo strumento pennello Blob (MAIUSC+B). Ti consigliamo di riempire i punti salienti del polpo, come sotto (sto dipingendo in rosso in modo da poter vedere). È possibile modificare le dimensioni del pennello facendo doppio clic sull’icona dello strumento. L’obiettivo non è quello di dipingere una forma perfettamente liscia, ma qualcosa che si sentirà abbastanza come fatto a mano.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

una Volta che hai fatto la forma a vostro piacimento, fusibile con il polpo utilizzando il Uniscono funzionalità del Pathfinder strumento (Finestra > Pathfinder). Selezionare sia il polpo e la forma che hai appena dipinto, e premere il pulsante Unite, e il gioco è fatto.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

far Scorrere la nuova forma creata sotto il restante copia del polpo, riaccenderlo, e ammirare il risultato. I due si allineano ancora, e sembra che i punti salienti del polpo siano stati colorati di rosso.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Torna al tuo documento Photoshop. Campione un blu più scuro dalla foto originale. Sono andato nell’area in basso a sinistra dell’immagine e ho ottenuto #384d69.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Cambia la forma di evidenziazione che abbiamo creato in Illustrator a quel colore.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

una Volta fatto, incollare la forma in Photoshop come oggetto avanzato, sotto il polpo livello che hai lì.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Per farlo sembrare fuori allineamento, è sufficiente a compensare utilizzando le frecce della tastiera (con lo strumento Sposta attivo, naturalmente – V). Ho compensato 4 rubinetti verso il basso, e 4 rubinetti a sinistra.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Per creare il telaio off-registrato effetto, devi prima creare un nuovo oggetto avanzato tramite copia (attraverso il menu di right-click ottenuti quando si fa clic su un livello). Se si duplica l’oggetto avanzato, le modifiche apportate a uno verranno replicate su tutte le sue altre istanze.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

una Volta fatto, fare scorrere la copia sotto il primo fotogramma, e cambiare il suo colore tramite Illustrator e blu, che hai dato la piovra di evidenziare.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Quindi sfalsalo nello stesso modo in cui sfalserai l’evidenziazione del polpo (l’effetto fuori registro di un colore deve rimanere coerente per tutto il pezzo).

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Aggiungendo il tratto intorno al polpo e il suo highlight

Il tocco finale del badge è un piccolo spazio tra il polpo e il badge (e le rispettive luci). Per fare ciò, crea una selezione attorno al polpo con CTRL/CMD+FAI CLIC sulla miniatura del livello.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Quindi vai su Seleziona > Modifica > Espandi per espandere la selezione di 25 pixel.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Invertire la selezione (CTRL/CMD+SHIFT+I), e aggiungere una maschera di livello al buio marrone cornice smart object. Si adatta alla selezione che abbiamo fatto e mostra il divario.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Ripetere la stessa procedura, ma utilizzando i punti salienti strati per mostrare il divario sull’offset del telaio.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Abbiamo un elemento centrale piuttosto elegante. Ora, sul tipo!

PASSO 4: IL TIPO

Qual è la copia?

Prima di aggiungere il tipo al nostro poster, concordiamo su qualche copia. L’elemento del titolo dovrebbe essere il nome della band: The Kraken.

Dovremo anche aggiungere il nome della sede (93 Feet East, London, UK), una data (17 aprile 2015) e un costo di copertura (£10).

Il nome della band sarà scritto anche in Brush Up, mentre le informazioni aggiuntive saranno scritte in Amorie Modella Bold. Le linee che incorniciano le informazioni aggiuntive provengono dal file vettoriale Amorie extras: lines (AMORIE_EXTRAS-Lines.ai). Tutti gli elementi del tipo sono colorati in #302b2c.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Il titolo

Come si è visto sopra, è scritto in due parti. Il” Il”, che viene ruotato di 90° in senso antiorario, e il ” Krakens.”Inizia scrivendo entrambe le parti e mettendole in relazione l’una con l’altra.

Ho scritto “Krakens” 174 punti grande, e “Il” 90 punti grande.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Ora che questo è fatto, è il momento di approfittare dei molti personaggi alternativi che Brush Up ha. Ciò eviterà di ripetere una lettera in modo identico, che alla fine conferisce al tipo una vera atmosfera “scritta a mano”.

Ad esempio, selezionare la seconda “K” e premere il pulsante Alternative stilistiche nel pannello Tipo.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Ciò si traduce in una diversa “K” da visualizzare.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Ripetendo questo processo, cambiamo la “E” in “Krakens” quindi è diverso da quello in ” Il.”

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Girare le guide sul retro, e controllare che non vi è alcuna spaziatura o di collocamento problema che vorrei risolvere in questa fase. Una volta che sei felice, è il momento di passare alle informazioni aggiuntive per il concerto.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Il luogo

Prima di essere in grado di avviare, sembra che devo portare il distintivo elemento un po ‘ nella mia tela, così ho effettivamente avere spazio per aggiungere le informazioni supplementari.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Regoleremo di nuovo la spaziatura una volta che tutti gli elementi sono lì, ma mi piace lavorare con un po ‘ di spazio almeno.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Ho scritto 93 piedi est / Londra * Regno Unito su due righe. Amorie Modella Bold è situato in 78 punti di altezza, con un 72 punti di vantaggio. La copia è allineata a sinistra e posizionata sul lato inferiore sinistro della tela.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

La data e la carica di copertura

ho scritto il 17 aprile, 2015 / Biglietti £10, con le stesse dimensioni e valori di fondo. Il cambiamento principale è che questa volta, il blocco di testo è allineato a destra, e posizionato sul lato in basso a destra del pezzo.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Modifichiamo un po ‘ di più questo blocco di testo. Per prima cosa, mettiamo il “th” come apice.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Quindi, utilizzando la stessa alternative Stilistiche funzionalità come prima, facciamo in modo che i personaggi non si ripetono in modo identico (attenzione a “A” ed “e”, per esempio).

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Un po ‘ di livello di pulizia:

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Oh, e la successiva, assicurarsi che i blocchi di testo sono ben allineati, sia verticalmente alle rispettive estremità del titolo, e tra di loro. Sentitevi liberi di utilizzare il menu Livello > Allinea per rendere questo più veloce.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Possiamo finalmente aggiungere i divisori per inquadrare i blocchi di informazioni aggiuntive. Testa a AMORIE_EXTRAS-Lines.ai, e afferra uno dei divisori.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Incolla le copie come oggetti avanzati attorno alle informazioni della sede. Puoi semplicemente incollarne uno dal file Illustrator e quindi creare duplicati da esso in Photoshop.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Non esitate a capovolgere e / o ruotare i divisori, quindi il fatto che siano copie l’una dell’altra non salta agli occhi degli spettatori.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Ripetere con la data e il coperchio info (non dimenticare di regolare la larghezza di conseguenza).

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Ora è anche un buon momento per assicurarsi che i divisori sono anche di colore appropriato. Se hai appena duplicato un oggetto avanzato attraverso il pezzo, dovresti solo cambiarne uno in #302b2c e sarai a posto.

Regolazioni globali

Fatto questo, ci stiamo avvicinando al completamento del nostro layout.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

È tempo di regolare i vari elementi in relazione tra loro prima di spostarsi ulteriormente. Nel mio caso, significa alzare un po ‘ il distintivo.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Ricordati di guardare anche il pezzo con le guide spento, come la vostra percezione potrebbe spostare.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

PASSO 5: PIÙ TEXTURE!

È ora di fare il secondo e ultimo passaggio di trame. Questi, essendo applicati al poster nel suo complesso, parteciperanno per legare tutto insieme in un insieme coerente.

Seguiremo lo stesso processo che per lo sfondo: posizionare, dimensione, rasterizzare, desaturare, affinare e migliorare il contrasto.

Si prega di notare: Ho raccolto e realizzato trame attivamente negli ultimi tre o quattro anni e la mia libreria è abbastanza grande (40+ Gb). Conosco molto bene la mia libreria di texture e di solito sono in grado di scegliere quelli che userò su un progetto in anticipo in base al risultato desiderato. La maggior parte di quelli qui sotto sono alcuni che non ho fatto io stesso. Nota che i due che sono miei fanno parte del pacchetto che sto vendendo sul mio negozio Creative Market, The Shop.

Nota che avrai anche bisogno di un’azione Ps dalle brave persone di Go Media che sto chiamando “Invecchiato 2.”Puoi scaricarlo in questo post ( e leggere il tutorial poster se ti senti così inclinato). Se non vuoi leggere il tutorial, puoi anche provare questo link diretto ad esso.

Afferrando le diverse risorse

Ecco le trame che dovrai avere a portata di mano per riprodurre gli effetti che ho ottenuto:

  • VV_MicroscopicBurnedFilm_10 di Dustin Schmieding
  • L’effetto del pittore #7 di Startextures
  • VV_GrindhouseTexture_07.jpg dal Grindhouse texture pack a Valleys nel vinile
  • Delta 3200 – 120 film – very dusty di JakezDaniel
  • Come leak #8 dal pacchetto di perdite di luce libera a Spoon Graphics
  • .troppo polveroso. film texture di messAlienation-stock
  • fotocopia di clarisaponcedeleon
  • fotocopia-noise-textures-sbh-001.jpg e fotocopia-rumore-texture-sbh-004.jpg dalla fotocopia noise texture pack presso il Negozio

Con questi pronti, iniziamo.

Applicare le texture

Aprire e posizionare VV_MicroscopicBurnedFilm_10.jpg nel documento.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Rasterizza, desatura e affila, prima di passare ai livelli (CTRL/CMD+L). Sto usando i valori qui sotto.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Finalizzare impostando il livello su Luce soffusa @ 35% opacità.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Il prossimo è l’effetto del pittore #7 texture. Aperto e posto painter-s-effect-snb-07-4416485295_a78f2da722_o.jpg (yay nomi di file Flickr) nel documento.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Regolazioni dei livelli.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Blending mode: soft light @ 50% opacity.

Monster creative font bundle demo tutorial

Monster creative font bundle demo tutorial

Next: VV_GrindhouseTexture_07.jpg

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Successivo: delta_3200___120_film___molto_polverosi_da_jakezdaniel-d5milqk.jpg (yay DeviantArt nomi di file). È dimensionato in modo che nessuno dei numeri di bordo del film venga visualizzato, ma non ruotato.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Non c’è bisogno di giocare con i livelli. In poche parole la modalità di fusione per schermo @ 50% opacità.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Successivo: Come perdita #8. Posto 8.jpg nella tela, e modificare la modalità di fusione del livello a schermo @ 100% opacità.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Successivo: .troppo polveroso. struttura del film. Posto _ troppo _ polveroso _ _ film _ texture _ by _ missalienation _ stock-d3bxobe.jpg nella tua tela.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

modalità di Fusione: moltiplica @ 100% di opacità

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Successivo: photocopy_by_clarisaponcedeleon_-_deviantart.jpg. Dovrai distorcere leggermente questa trama in modo che copra completamente la tua tela.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Nota le impostazioni dei livelli particolari, abbassando l’output bianco sulla trama.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Modalità di fusione: luce morbida @ 25% opacità.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Un po ‘ di pulizia:

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Il caso della fotocopia del rumore texture

Le due texture dalla Fotocopia di rumore texture pack non vengono utilizzati come sovrapposizioni, ma piuttosto incollato in maschere di livello per tempo, il tipo e il distintivo.

Il processo per incollare una texture in una maschera di livello è super semplice:

  1. Apri la tua texture.
  2. Copia il suo contenuto.
  3. ALT / OPTION + FAI CLIC sulla miniatura della maschera di livello in cui desideri incollare la texture. Questo ti mostrerà il contenuto della maschera di livello e ti permetterà di modificarlo. Assicurati di disabilitare il piccolo collegamento a catena della maschera di livello in modo da poter spostare la texture senza spostare l’elemento lungo
  4. Apportare le modifiche che ritieni necessarie (dimensioni, posizionamento, nitidezza, livelli, ecc.)
  5. Ammira il risultato

Iniziamo con photocopy-noise-textures-sbh-001.jpg. Aggiungi una maschera di livello al gruppo di livelli che contiene il tuo badge. È la cornice del nome nel mio documento. Assicurarsi che il collegamento tra la maschera di livello e il gruppo di livelli sia disabilitato.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

ALT/OPTION+CLIC sulla maschera di livello, così si può accedere al suo contenuto. Nota come viene evidenziata la maschera di livello.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Aprire fotocopia-rumore-texture-sbh-001.jpg, e copiarlo e incollarlo nella maschera di livello.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

affilatura, e invertire (CTRL/CMD+I).

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Utilizzare i livelli per aumentare il contrasto.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Nota come il risultato sarà leggermente diverso dall’anteprima data dai livelli. Probabilmente è dovuto all’alta risoluzione del nostro documento.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Fare clic sulla miniatura del livello polpo e ammirare il risultato. Regolare nuovamente i livelli, se necessario.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

seguiremo lo stesso processo, e incollare la fotocopia-rumore-trame-sbh-004.jpg in una maschera di livello collegata al gruppo di livelli contenente tutti gli elementi del tipo.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Monster creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Con quel fatto, ecco un prima/dopo il confronto dell’effetto sul titolo. È molto sottile, ma partecipa all’atmosfera generale.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

PASSO 6: REGOLAZIONI di LUMINOSITÀ

Il poster è abbastanza scuro. Così scuro infatti, che non possiamo leggere i dettagli del polpo molto bene.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

la Mia soluzione: cambiando la tonalità blu utilizzato per la compensazione in evidenza. Ti consigliamo di rimanere in una gamma di livelli di luminosità e saturazione che potrebbero essere presenti nell’immagine originale, in modo che il blu non sembra fuori luogo nel pezzo finale.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Andando da #384d69 a #54769b aiuta, ma sembra che ci si potrebbe fare un po ‘ di più. Cambiamo un po ‘ anche la tonalità marrone del tipo, a #474042.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Dopo aver cambiato tutti gli elementi marrone scuro, siamo in un posto migliore.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Ma non è abbastanza. Così ho aggiunto un livello di regolazione dell’esposizione nella parte superiore del mio stack di livelli, per illuminare un po ‘ di più le cose. Ho appena cambiato il valore di esposizione a + 0.25, che è abbastanza per fare una differenza visibile.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

PASSO 7: tocco FINALE

Con il poster in atto, è il momento di utilizzare l’azione di Photoshop che ho citato quando si applica globale texture.

Innanzitutto, crea una copia unita di tutti i livelli nella parte superiore dello stack dei livelli. C’è una comoda scorciatoia da tastiera per questo: CTRL/CMD+MAIUSC+ALT/OPZIONE+E. Assicurati di aver selezionato il livello più alto quando lo fai.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Dopo un po ‘ di organizzazione dei livelli, dovresti avere qualcosa come il mio stack di livelli. Ho chiamato il Comp di copia unito e gli ho dato il proprio gruppo di livelli.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Duplica il livello Comp e rinomina la copia in Invecchiato 2. Eseguire il invecchiato 2.azione atn che hai scaricato in precedenza sul livello.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Il risultato sarà questa versione molto rumorosa del poster. E ‘ come una brutta copia a colori del poster.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Basta cambiare la modalità di fusione del livello in luce soffusa @ 25% opacità. Aggiungerà un po ‘ di quel rumore al pezzo e aumenterà leggermente il contrasto.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Crea un’altra copia unita nella parte superiore dello stack dei livelli. Rinominalo Mezzitoni e rendi quel livello un oggetto avanzato (Filtro > Converti per filtri intelligenti).

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Applichiamo un filtro mezzitoni di colore a quel livello superiore (Filtro > Pixel > Mezzitoni di colore.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Cambiare il filtro di fusione su luce soffusa @ 100% di opacità con un doppio clic su questa piccola icona della palette livelli.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Cambiare il metodo di fusione del livello di colore più chiaro @ 50% di opacità.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Poiché l’effetto è stato sbiadito troppo, stiamo solo andando ad aumentare la dimensione dei punti mezzitoni. Fare doppio clic sul nome del filtro nella tavolozza dei livelli.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Basta cambiare il valore del Max. raggio a 14 per un effetto più pronunciato.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

La ciliegina sulla torta: un ultimo Tonalità/Saturazione strato, che è agganciato al Mezzitoni livello (CTRL/CMD+G con il livello evidenziato nella palette dei livelli). Con un valore di -75, parteciperà per ammorbidire la distorsione del colore causata dall’effetto mezzitoni.

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

E abbiamo finito!

Mostro creativo font bundle demo tutorial

Mostro creativo font bundle demo tutorial

Ultime note

Write a Comment

Il tuo indirizzo email non sarà pubblicato.