Progettare un poster di concetto tipografico

In questo tutorial ti illustrerò alcuni passaggi che ti mostreranno come ho creato un poster. Questa illustrazione è stata creata per un concorso iniziato da UPrinting Design su You The Designer. Sono stato uno dei fortunati vincitori. Inoltre, a causa delle richieste di scrivere un tutorial su questo design, ho apportato alcune modifiche ad esso, e ho deciso di mostrarti il ​​processo di progettazione dietro questo pezzo.

Anteprima dell'immagine finale

Diamo un'occhiata all'immagine che creeremo. È possibile visualizzare l'anteprima dell'immagine finale qui sotto o visualizzare una versione più grande qui.

Video Tutorial

Il nostro editor video Gavin Steele ha creato questo video tutorial per completare questo tutorial di testo + immagine.

Passo 1

La prima cosa che mi è venuta in mente quando ho sentito del contest di tipografia è stata una macchina da scrivere, così ho iniziato da quello. Ho fornito ogni link per tutto lo stock che ho usato. Poi, dopo alcuni giorni di tentativi di capire come continuare, ho iniziato ad aggiungere lettere al documento. Mentre continuavo a sperimentare con le lettere, ho deciso di aggiungerli al design per costruirne una citazione (vedi il testo rosso nel disegno).

Prima di tutto, devi aprire un nuovo documento. La dimensione che ho scelto per il tutorial è 768 pixel per 1024 pixel. Il poster che ho fatto per il concorso è un po 'diverso da quello di questo tutorial, ma entrambi hanno concetti e tecniche simili utilizzati.

Passo 2

Ora userò due texture vintage. Vorrei ringraziare l'autore di queste trame Princess-of-Shadows per averle messe insieme. Sono sorprendenti! Puoi provare altre trame o sfondi, se lo desideri.

Passaggio 3

In questo passaggio, dovrai spostare entrambe le trame nel documento e adattarle. Puoi ridimensionarli se necessario. Quindi, finisci posizionandoli uno sopra l'altro. Dovrai selezionare quello che hai collocato sopra e impostarlo su Moltiplicare. Questo mescolerà le due trame insieme.

Passaggio 4

Successivamente, importerò un'altra immagine. Puoi trovare questa immagine su wilddoug. Basta usare lo strumento bacchetta magica (W) per rimuovere il bianco attorno alla macchina da scrivere o utilizzare lo strumento Penna (P). Infine, dai un nome al livello "Typewriter".

Passaggio 5

Imposta il livello "Macchina da scrivere" su Moltiplica e Opacità al 90%.

Passaggio 6

Ora, duplica il livello "Typewriter" e impostalo su Luce soffusa e Opacità del 30%.

Passaggio 7

Quindi è necessario creare del testo. Il carattere che ho usato è Arial. Basta scrivere il tuo testo con il bianco e anche renderlo tutto maiuscolo, quindi trasformare il testo come desideri. Inoltre, imposta il livello su Luce soffusa e Opacità al 50%.

Passaggio 8

Il prossimo passo è il più difficile o forse dovrei dire che ci vuole un sacco di tempo per farlo sembrare giusto. Dovrai scrivere molte parole e spostare ogni parola in ogni lettera della parola "ALFABETO". Sei libero di posizionare e trasformare le parole come desideri. Inoltre, il font usato qui si chiama Typewriter americano e ho spostato tutte le parole in una cartella chiamata "ALPHABET".

Come puoi vedere, ho colorato alcune lettere con il rosso. L'ho fatto per evidenziare la citazione di cui ti ho parlato. Inoltre, per dare un maggiore impatto all'effetto, se guardi nella parte inferiore delle lettere, sembrano cadere. Questo aggiunge più movimento alla composizione.

Passaggio 9

Il risultato finale finora dovrebbe assomigliare all'immagine qui sotto.

Passaggio 10

Ora devi aggiungere altro testo. Questa volta farai sembrare che salti fuori dalla macchina da scrivere. Non creare parole complete, ma solo lettere. Per esempio, comincio con la lettera "a", e l'ho duplicata un paio di volte, poi l'ho trasformata fino a renderla adatta. Successivamente, sono passato alla lettera successiva "b" e così via. Alla fine sposta tutte le lettere in una cartella chiamata "Testo".

Le linee rosse rappresentano l'area in cui posizionare le lettere per il massimo impatto, quindi sembra che le lettere saltino fuori dalla macchina. Questo unifica l'immagine della macchina da scrivere con le scritte nel cielo.

Passaggio 11

Dovrai ripetere il passaggio 10, ma questa volta aggiungere meno lettere e renderle più piccole. Ora, rasterizza tutti, quindi vai su Filtro> Sfocatura> Controllo sfocatura e usa un raggio di 1.0 pixel. Questo darà l'illusione che le lettere siano più lontane.

Passaggio 12

Crea altre sei lettere. Questa volta, renderli più grandi del resto. Successivamente, trasformali usando lo strumento Trasforma (T). Ora rasterizza tutti. Inoltre, dovrai selezionarne tre (o quanti ne vuoi) e andare su Filtro> Sfocatura> Sfocatura gaussiana e utilizzare Raggio diverso per ciascuno. Questo darà l'illusione che queste lettere siano più vicine.

Passaggio 13

Per far apparire le lettere come se fossero alte in altezza, creo un nuovo livello e spazzolo alcune nuvole sul testo. Ecco un link per alcuni pennelli cloud su DeviantArt.

Conclusione

Aggiungi più lettere nella parte inferiore dell'immagine, poiché questo crea un bel bordo. Inoltre, dipingi ancora un po 'di pennelli (vola, rompi sulla parte in alto a sinistra dell'immagine e uno splat). Dovrai dipingerli con il nero e impostarli su Moltiplicare. Visita il feed Link utente per risorse gratuite. È possibile visualizzare l'immagine finale qui sotto o visualizzare una versione più grande qui.