Share
Oggi ti porterò nella bellezza del design in bianco e nero. Faremo delle scritte espressive, che includono pensieri collegati a una parola centrale. Trasformeremo il testo standard in un'illustrazione sbalorditiva e distruttiva, dandogli un aspetto unico e definitivo. Quindi, diamo un'occhiata a questo e impariamo tutto sulle tecniche interessanti incluse qui!
Diamo un'occhiata all'immagine che creeremo. È possibile visualizzare l'anteprima dell'immagine finale qui sotto o visualizzare una versione più grande qui.
Il nostro editor video Gavin Steele ha creato questo video tutorial per completare questo tutorial di testo + immagine.
Mentre è difficile tracciare le origini esatte di un concetto, così come sono state sviluppate nel tempo, almeno un paio di artisti hanno influenzato il mio processo di pensiero visivo che porta a questo tutorial e voglio collegarmi al loro lavoro. Un po 'di tempo fa, volevo creare qualcosa con gli spruzzi, all'epoca ho visto il lavoro di Peter Jaworowski qui, e ho adorato gli schizzi in bianco e nero usati in questo pezzo. Ultimamente, ho trovato anche alcune straordinarie opere in bianco e nero di Pete Harrison che erano influenti.
In questo lavoro, creo arte tipografica usando linee astratte. Ho unito tutte queste idee in una sola e ho deciso di sostituire le linee con gli schizzi, e di entrare nell'umore bianco e nero dando al design generale una bella espressione e un concetto. Inoltre, la lussuria è il concetto dominante dietro questo pezzo, che illustra il disordine e la distruzione che sta causando nella mente di un umano.
In questo tutorial, il nostro compito principale è creare una tipografia coperta. Per vedere meglio cosa sta succedendo, fare clic sull'immagine finale sopra per visualizzare la versione più grande. Mentre ti prepari a creare qualcosa di simile, devi trovare immagini davvero buone che si adattino al concetto principale. Ho scelto gli oggetti splash e quelli trovati che sono facilmente estraibili.
Il modo più semplice è solo acquistarli, perché è molto difficile trovare spruzzi di alta qualità nei siti di immagini gratuite. Ho usato principalmente 123rf.com, i crediti non sono costosi e le immagini sono davvero di qualità. Quindi diamo un'occhiata, allora. Per creare il lettering, ho usato questo. Se vuoi ottenere una maggiore varietà di risultati, puoi anche prenderli: immagine due o immagine tre.
Ci sono molte idee per la tipografia coperta, puoi provare a farlo con l'acqua, o usare altri schizzi. In questo tutorial tutto dipende dal gusto personale. Tutto il posizionamento dello splash dipende da cosa ti piacerebbe vedere in questo lavoro. Quindi, ci sono numerosi modi per implementare queste tecniche nel tuo lavoro.
Prima di iniziare, finché questo progetto è solo per la grafica web, puoi rimanere con una risoluzione di 72px / pollice, quindi non è necessario acquistare foto più grandi. Per quanto mi riguarda, mi piace sempre avere la possibilità di stampare il mio lavoro, quindi cercherò una risoluzione di 300px / inch e comprerò delle foto più grandi (potrebbero sempre essere utili). Ora che abbiamo selezionato le nostre foto, andiamo avanti.
Ripristiniamo i colori come predefiniti. La prima cosa che devi fare è colpire D sulla tastiera per trasformare i colori in nero / bianco. Ora crea un nuovo documento con larghezza 1400px e altezza 1000px e diciamo una risoluzione di 300 px / pollice
Crea un nuovo livello e chiamalo "Lussuria". Afferra lo strumento secchiello (G), cambia il colore di primo piano in nero e riempi lo sfondo con esso. Quindi cambia il colore in bianco, prendi lo strumento testo (T) e crea il testo al centro dell'immagine. Come font, ho usato Trajan Pro con lo stile del font impostato su Bold.
Prendiamoci cura del testo. Dobbiamo aggiungere un tocco di profondità ad esso. Vai alle opzioni di fusione del livello "Lust" e usa le impostazioni mostrate sotto.
Crea un nuovo livello sotto il livello "Lust", chiamalo "Stelle posteriori". Afferra lo strumento secchiello (G), cambia il colore in nero e riempi questo livello. Quindi vai su Filtro> Disturbo> Aggiungi disturbo. Impostare l'importo su circa il 12% e la distribuzione su gaussiana, controllare anche Monocromatico. Quindi, seleziona Immagine> Regolazioni> Livelli e fai fondere metà dei punti.
Crea un nuovo livello sopra il livello "Stelle posteriori". Porta il colore al bianco, afferra lo strumento pennello (B) con la durezza impostata su 0% e la portata su 18%. Quindi fai qualche punto dietro questo tipo. Quindi, apri questa immagine splatter in Photoshop, fai clic con il pulsante sinistro del mouse due volte sul livello per sbloccare lo sfondo. Vai a Immagine> Regolazioni> Inverti, per rendere bianco lo splatter. Successivamente, applica Filtro> Sfocatura> Sfocatura gaussiana con un raggio intorno a 50 px (non di più).
Ora quando trascini questo livello "Back blur" nel nostro progetto principale e cambi le sue Opzioni di fusione sullo schermo, i colori scuri spariranno quasi completamente e non disturberanno la nostra illustrazione. Quindi crea circa due duplicati (Comando + J) di questo livello, posizionalo da qualche parte dietro il testo e abbassa le loro Opacità da qualche parte tra il 10% e il 20%.
Potrebbero esserci alcune parti dall'aspetto cattivo con questo splatter sfocato. Quindi aiutati con lo strumento Gomma (E) con Durezza impostata su 0% e Flusso del 50% e cancella qualcosa se è necessario.
Trascina nuovamente il livello "Blur back" nel nostro documento di progetto. Abbassa la sua Opacità a circa il 10% e posiziona questo livello sotto il livello "Lust" nella palette dei Layer. Duplicalo quattro volte (Comando + J) e posizionale in tutti e quattro gli angoli dell'immagine. Ora prendi lo strumento sfumino (R), imposta la forza su circa il 50-60% e sbavaglia questi quattro strati per farli apparire nebbiosi.
Ora trova alcune immagini in bianco e nero di splash / scratch disordinate. Puoi usare la stessa cosa che ho fatto io. Aprilo in Photoshop (non trascinarlo ancora nel documento del progetto) e vai alla palette dei canali. Tenendo premuto Comando, fare clic con il tasto sinistro sulla miniatura del canale "Grigio" per caricare la selezione del modello. Quindi, tornare alla palette dei livelli e creare un nuovo livello.
Nella palette dei canali abbiamo caricato la selezione dell'area bianca, ma vogliamo che le macchie nere vengano selezionate. Quindi ora premi Comando + Maiusc + I per invertire la selezione. Afferra lo strumento secchiello (G), cambia il colore di primo piano in bianco e riempi la selezione. A questo punto dovresti avere qualcosa di simile alla quarta immagine qui sotto.
Quando hai finito, premi Comando + D per deselezionare la selezione.
Trascina questo livello di macchie sul nostro progetto principale e chiamalo "Back stains white". È importante posizionare questo livello sopra i livelli "Back blur". Ora ridimensionalo usando Modifica> Trasformazione libera e ruota Modifica> Trasforma> Ruota. Ora cambia la modalità di fusione in Sovrapponi e abbassa l'opacità del livello tra il 50% e il 90%. Il livello di opacità dipende dal gusto personale.
Ora usando Command + J, duplica questo layer alcune volte e posizionalo come preferisci. Inoltre, gioca con quelle opacità del livello. Aiutati con lo strumento Gomma (E) con Durezza impostata su 0% e Portata attorno al 40%. Ho cancellato alcune macchie che mi hanno infastidito.
Per ottenere un risultato migliore, puoi ripetere il passaggio 6, ma questa volta colorare la selezione con il nero, denominare questo livello "Back stains black" e ripetere lo stesso processo, rendendo lo sfondo ancora più disordinato (guarda la quarta immagine in basso).
Inoltre, si noti che la modalità di fusione sovrapposizione nei livelli "Back stains white" funziona solo quando li si posiziona in punti non neri, quindi posizionare tali livelli su sfondo grigio sfocato. Ma il metodo di fusione in "Back stains black" può essere impostato su Normal, in quanto non fa alcuna differenza in questo caso.
Crea un nuovo livello, chiamalo "Testo lucido". Afferra lo strumento Selezione ellittica (M) e disegna l'ellisse. Quindi, selezionare il colore bianco, afferrare lo strumento sfumatura (G), impostare il gradiente su Lineare e il predefinito su Primo piano su Trasparente. Trascina la sfumatura dall'alto verso il basso. Premi Comando + D per deselezionare.
Ora tieni premuto Comando e fai clic con il tasto sinistro del mouse sulla miniatura del livello "Lust" per caricare la sua selezione. Vai a Seleziona> Modifica> Contratto. E se il tuo testo è simile al mio, digita 5 pixel. La quantità di pixel dipende dallo spessore del testo, maggiore è la densità e maggiore è il numero di pixel da contrarre per conferire un aspetto brillante alla lucentezza. OK, quindi vai a Seleziona> Inversa e premi Elimina sulla tastiera. Infine, prendi lo strumento Gomma con Flusso impostato su 30% e Durezza dello 0% e cancella alcune parti inferiori di questo gloss.
Ricorda di giocare con l'opacità "Testo lucido", abbassala a circa il 10-20%. Quando hai finito, tieni premuto Command e seleziona i livelli "Lust" e "Text gloss" nella palette dei livelli e premi Command + E per unirli. Assegna un nome a questo livello unito "Lust".
Qui abbiamo bisogno di estrarre lo splash da uno sfondo a un colore. Quindi apri questa immagine o seleziona una di tua scelta. Per questo passaggio, farò riferimento a una tecnica che Nik Ainley ha utilizzato nel suo tutorial Mystic, al punto 8. È un ottimo modo per ottenere questo risultato molto velocemente.
Ovviamente, puoi estrarre questo splash usando lo strumento Penna (P), se questa è la tecnica che preferisci. Va bene comunque.
Dopo averlo accuratamente tagliato, trascina questa immagine nel nostro documento di progetto principale. Chiamalo "Black splash" e ridimensionalo con un semplice tocco (Modifica> Trasformazione libera). Quindi premi Comando + Maiusc + U per desaturare questo splash. Vai a Immagine> Regolazioni> Livelli e scurisci leggermente questa immagine. Quindi, aumentare la luminosità e il contrasto usando Immagine> Regolazioni> Luminosità / Contrasto.
Il nostro splash nero è ora pronto per il rock. Crea un gruppo chiamato "Macchie nere" nella parte superiore della tavolozza dei livelli. Trascina il livello "Black splash" in esso. Ricorda di mantenere questo gruppo sopra il livello "Lust" nella palette dei livelli.
Importante! prima di fare qualsiasi operazione su questo splash, ricordati sempre di duplicarlo (Command + J). È consigliabile avere un backup iniziale, per ogni evenienza. Quindi rendi invisibile questo livello duplicato e chiamalo "Backup Splash". Premi nuovamente Command + J per creare un altro duplicato e lavorare su questa copia.
Vai a Modifica> Trasformazione libera e ruota questo splash per trovare la posizione più comoda con la lettera L. Le frecce indicano un frammento che useremo come base.
Usando lo strumento Lazo (L), disegna una selezione attorno allo splash che abbiamo scelto di iniziare. Vai a Seleziona> Inversa (Comando + Maiusc + I) e premi Elimina sulla tastiera. Questo farà tutto il lavoro sporco per te. Invece di cancellare tutto il resto con lo strumento Gomma, abbiamo semplicemente organizzato il nostro modo di renderlo semplice e pulito. Ora quando premi Command + D per deselezionare la selezione, puoi vedere che siamo rimasti solo con uno splash. E questo è il modo in cui riempiremo l'intero testo.
Quando si ha a che fare con gli schizzi, aiutarsi sempre con lo strumento Gomma (E) impostato su 100% di durezza e 100% di flusso. Sbarazzarsi delle parti che non si adattano alla lettera (guarda la terza immagine sotto).
Come ho detto prima, devi sempre avere un backup del livello che abbiamo usato come copertina. In questo caso, stiamo usando sempre uno splash. Quindi crea un'altra copia del tuo splash layer di backup (quello chiamato "Backup Splash"), rinominalo in "Black splash" e gioca di nuovo con posizionamento e rotazione (Modifica> Trasformazione libera).
Fondamentalmente, è necessario ripetere il passaggio 12, tutte le volte che è necessario. Crea una piccola copertina per la prima lettera. Ma non coprirlo interamente, non vogliamo creare confusione. Prenditi il tuo tempo e aggiungi quegli schizzi con precisione.
Le immagini qui sotto mostrano il mio caso quando si tratta della lettera L. Avevo spesso bordi sgocciolanti e mi sono aiutato con una gomma dura.
Per non confonderlo, ricorda di creare un gruppo per ogni lettera coperta, chiamandoli "L nero", "U nero" ... ecc..
Prima di coprire la seconda lettera, fai attenzione a come vengono effettuate le connessioni tra le lettere. Prova a farlo sembrare una transizione fluente. Scegli gli schizzi con attenzione, ridimensionali o riposizionali secondo le tue necessità. Ma non usare mai Warp, il risultato potrebbe essere sfocato e sfocato.
Cerca di rendere naturali quegli schizzi. In effetti, qui ci sono qualcosa come dieci piccoli pezzi di spruzzi, ma se posizionati e modificati correttamente, sembrano un pezzo unico.
Mentre copri la seconda lettera, prova a utilizzare diverse posizioni, diverse dimensioni degli schizzi e alcuni nuovi angoli. Ho creato l'intero testo, usando solo un'immagine splash. È necessario sperimentare e testare quale posizione e dimensione si adatta meglio. Mantieni l'equilibrio e non esagerare con la copertura splash.
Come vedi, la connessione tra U e S è piuttosto difficile da fare. Ho sperimentato diverse posizioni di schizzi e sembrava ancora male, quindi l'ho lasciato per la fine. E mi sono preso cura di S. È una lettera sinuosa, quindi il compito non è stato facile. Se ricevi una lettera così complicata nelle tue stesse lettere, ricorda che la chiave è tagliare molti piccoli spruzzi e mescolarli con quelli più grandi. Piccoli spruzzi si adattano al meglio nei punti della curva.
Non dimenticare di aiutare se stessi con lo strumento Gomma (E) con Durezza impostata al 100% e Flusso al 100%. È un risparmiatore di vita.
C'è solo una lettera nel mio testo. Suo T, e come puoi vedere, le lettere dritte sono più facili da coprire. Ripeti lo stesso processo sul resto del tuo testo. Quando hai finito, dai un'occhiata alla tipografia coperta. Sembra buono ma manca ancora qualcosa.
Prima di tutto, mi dà fastidio che questo testo abbia solo un colore di schizzi. In secondo luogo, quegli schizzi sembrano piatti (non circondano il testo). Quindi apriamoli e diamo loro un po 'di profondità.
Porta di nuovo l'immagine originale dello splash rosso separato. Premi Comando + Maiusc + U per desaturalo. Vai su Immagine> Regolazioni> Ombre / Luci e dai solo valori per la sezione Ombre. Questa è una quantità del 90% e una larghezza del 100%. Poi vai su Immagine> Regolazioni> Esposizione, e hai bisogno di giocare con quelle impostazioni per ottenere un buon risultato lucido, bianco. Infine, toccalo con Immagine> Regolazioni> Luminosità / Contrasto.
Ora abbiamo uno splash bianco. Chiamalo "splash bianco". Ora ripeti il processo di copertura con il taglio e posizionandolo. Ricordati di fare prima un backup di questo livello. Questo processo è a tuo gusto personale, puoi posizionare questo livello sotto o sopra gli schizzi neri, prova a trovare la posizione migliore. Tutti i miei schizzi bianchi erano al di sotto di quelli neri, come mi piaceva di più in questo modo.
Durante la creazione di una copertura bianca, ho trovato un buon modo per creare una connessione tra il U e S lettere. E secondo me è molto bello. Quindi, quando stai creando il tuo lettering design, cerca sempre una nuova soluzione. E non c'è modo migliore di sperimentare. Ancora una volta usando piccoli pezzi, puoi vedere che tutto è possibile.
La varietà di spruzzi ha ora un buon equilibrio. Ma l'immagine manca ancora di profondità. Invece di posizionare quegli schizzi dietro al testo, porteremo via alcune parti di lettere per simulare la profondità. Ciò darà anche un effetto più drammatico al risultato finale.
Ora crea un duplicato (Comando + J) di questo livello di testo "Lust". Chiamalo "Pezzi di testo" e nascondi questo livello (rendilo semplicemente invisibile facendo clic sull'icona a forma di occhio). Seleziona il livello "Lust", aggiungi una maschera di livello. Cambia il colore di primo piano in nero, quindi prendi lo strumento pennello (B) e scegli un bel pennello sgangherato.
Poiché non sono un fanatico dei pennelli, per lo più uso i pennelli standard di Photoshop. È un buon modo per dimostrarti che puoi creare qualcosa di bello senza avere attrezzature professionali. Quindi ho scelto "Spatter 24 pixels" e i pennelli hanno un aspetto simile a questo. Fondamentalmente, il miglior pennello per fare una cosa del genere è difficile con molti dettagli nitidi.
OK, ora che abbiamo scelto il pennello giusto, seleziona la maschera di livello "Lust" e dipingi con il nero per coprire alcune macchie di testo diritte. Ricordarsi di mantenere il pennello Durezza e Flusso impostati al massimo. Le frecce mostrate sotto indicano alcuni punti che ho scelto di cancellare.
Ora richiama il livello "Pezzi di testo" (renderlo visibile). Afferra lo strumento Sposta (V) e sposta questo testo un po 'più in basso nell'immagine, per vedere meglio cosa sta succedendo.
Lavoreremo sul livello "Text pieces". Quindi prendi lo strumento Lazo (L), seleziona ogni lettera separatamente e mentre tieni premuto Comando trascinali leggermente o ruota usando Modifica> Trasformazione libera. Dopo aver modificato ciascuna lettera, premi Comando + D per deselezionare la selezione. Infine, prendi di nuovo lo Strumento Sposta (V) e sposta questo testo nella sua posizione originale. Ricorda questa tecnica, la userai nei prossimi passaggi per frantumare questo testo.
Ora distruggiamo il livello "Pezzi di testo" allo stesso modo del testo del livello "Lust". Ma questa volta non usare una maschera di livello, invece di usare lo strumento gomma (E) con il massimo del pennello di durezza e flusso, e dipingere semplicemente sul livello da cancellare. Scegli il pennello gomma grungy (nella prima immagine qui sotto, indico alcuni pennelli che potresti trovare utili). Quindi sbarazzarsi di alcune parti delle lettere ruotate.
Dopo aver cancellato, segui lo stesso procedimento del passaggio precedente, ma questa volta non lo applichi alle lettere intere, ma alle aree selezionate delle lettere. Quindi prendi lo strumento Lazo (L), seleziona ogni lettera separatamente. Quindi, mentre tieni premuto Comando, trascinali un po 'e ruotali usando Modifica> Trasformazione libera. Dopo aver modificato ciascun pezzo, premi Comando + D per deselezionare la selezione. Nella terza immagine qui sotto, hai l'idea.
Questo è un buon modo per creare un look distruttivo, e la parte migliore è che quei pezzi frantumati hanno una bella profondità. Questo perché sono stati creati da un testo stilizzato e alleggerito con un tocco di effetto 3D.
Se qualcosa con la frantumazione applicata non sembra corretta, aiutati sempre con lo strumento Gomma (E) con durezza del 100% e flusso del 100%.
Questo è stato l'effetto più importante, quando hai ottenuto gli schizzi e l'effetto frantumazione fatto, ora si sta dirigendo verso il traguardo.
Aggiungiamo un po 'di fantasia a questa immagine. Crea un nuovo livello soprattutto, chiamalo "Linea". Cambia il colore di primo piano in bianco e ingrandisci la dimensione del pennello di 1 px. Utilizzando lo strumento Penna (P), tracciare una linea sull'intera illustrazione, fare clic con il tasto destro e selezionare Tracciato tracciato. Ora duplica (Comando + J) questo livello cinque o sette volte. Successivamente, posiziona e ruota (Modifica> Trasformazione libera) quelle linee come ti piace. Inoltre, gioca con le loro opacità, inseriscile bene.
Crea un nuovo livello sopra tutto e chiamalo "leggero". Seleziona lo strumento pennello (B) con una durezza 0% e un flusso molto basso. Inoltre, selezionare il bianco per il colore.
Adesso usa un diametro abbastanza grande e fai un punto illuminato, come mostrato nella prima immagine qui sotto. Quindi ridurre leggermente la dimensione del diametro e creare un punto più piccolo (seconda immagine sotto). Continua a diminuire la dimensione del diametro e ogni volta fai un punto più piccolo. E finalmente fai un piccolo puntino nel mezzo di questa luce per simulare lo splendore. Puoi fare clic su alcune volte per renderlo più luminoso (quarta immagine sotto).
Quando hai finito, crea alcuni duplicati (Comando + J) di questo livello "Leggero", posizionali dove vuoi. L'intero processo deve essere creato su un livello, non creare un nuovo livello per ogni dot-brush, poiché è una perdita di tempo.
Ora, facciamo le stelle. Crea un nuovo livello sopra tutto e lascialo senza nome. Afferra lo strumento pennello (B) e modifica le impostazioni del pennello in Flusso 100%, Durezza 100% e Diametro principale 1px. Assicurati che il colore di primo piano sia impostato su bianco. Ora prendi lo strumento Penna (P) e traccia la linea attraverso la luce. Quindi, fare clic con il tasto destro e selezionare Traccia percorso (assicurarsi che l'opzione Simula pressione sia selezionata).
Ora duplica questo livello (Comando + J) e usa Modifica> Trasformazione libera ruotalo per creare due linee incrociate (seconda immagine sotto). Seleziona queste due linee nella palette dei livelli (tieni premuto Comando e seleziona ciascuno di questi due livelli), quindi premi Comando + E per unirle. Assegna un nome a questo livello unito "Stella". E usa nuovamente Modifica> Trasformazione libera per ridimensionarlo. Durante il ridimensionamento tieni premuto Comando + Maiusc; questo ti permetterà di mantenere la forma perfetta.
Crea un duplicato del livello "Stella" usando Comando + J. Assegna un nome a questa copia "Sfoca". Vai a Filtro> Sfocatura> Sfocatura gaussiana e aggiungi solo un tocco di sfocatura. Ora duplica (Comando + J) questo livello da sette a otto volte.
Seleziona tutti questi duplicati nella palette dei livelli (tieni premuto Comando e seleziona ciascuno di questi livelli), quindi premi Comando + E per unirli. Denominare nuovamente questo livello unito "Sfocatura". Ora vai su Filtro> Sfocatura> Sfocatura gaussiana e aggiungi più sfocatura di prima, ma non troppo (terza immagine sotto). Quindi usando Modifica> Trasformazione libera ridimensiona questo livello sfocato, per creare un effetto bagliore.
Quando hai finito, vai alla palette dei livelli. Tenendo premuto Command, seleziona i layer "Star" e "Blur", quindi uniscili usando Command + E. Assegna un nome a questo livello unito "Star". Duplicalo (Comando + J) alcune volte, ed è bene posizionarlo su ogni punto illuminato (quinta immagine sotto).
Come tocco finale, ho usato lo Strumento testo (T) e ho digitato su ogni riga alcuni pensieri collegati alla parola principale, e ho dato a ciascuno una diversa opacità. Dopo questo, mi sono sentito come se questa illustrazione avesse bisogno di qualcosa di più. Così ho fatto alcuni passi indietro quando abbiamo fatto gli schizzi neri, e ho usato la stessa tecnica per creare un nuovo splash. Per dare la profondità di campo a questa immagine ho usato uno degli spruzzi precedenti e un altro. Li ho resi abbastanza grandi e ho aggiunto un tocco di sfocatura (Filtro> Sfocatura> Sfocatura gaussiana).
OK, quindi questa è la prima cosa che mi è venuta in mente è la parola "lussuria". Trova qualcosa di creativo e coprilo con una certa espressione. Quando si sperimenta questo, un'idea ne seguirà un'altra, concentrati solo sulla parola che stai illustrando. Grazie per aver letto questo tutorial. Mi è davvero piaciuto farlo. È possibile visualizzare l'immagine finale qui sotto o visualizzare una versione più grande qui.
Accentsconagua