Cum să creați un poster retro cu box în Photoshop

Așa cum este săptămâna grafică de design aici, pe Envato Tuts +, să aruncăm o privire asupra unor principii de bază ale designului grafic și să aruncăm o privire asupra esteticului posterului de box din anii trecuți.

Crearea unui aspect retrograd nu este nimic nou, dar există câteva lucruri de care să fii atenți atunci când imită designul grafic de acum câteva decenii. Vom inspira inspirația de la Poster Design din anii 1960, în special postere de box din acea epocă. Să începem!

Găsiți mai multe modele minunate de postere pe piața Envato.

Această postare este Ziua 4 a Sesiunii noastre de Design grafic. Sesiuni de creație "Ziua sesiunii 3-a sesiune"

1. Cum se creează fundalul

Pasul 1

Ca și în cazul oricărui proiect de proiectare, va trebui să decideți asupra mediului care va purta mesajul dvs. O vom păstra simplu, prin crearea unui A3 panza, țineți cont de faptul că, dacă proiectați pentru tipărire pe hârtie sau panza, va trebui mai mult decât probabil să setați o zona Bleed și / sau Slug. Aceasta variază de obicei de la aproximativ 3 la 5 mm.

Este o practică foarte bună să schițezi câteva idei înainte de a sta în fața calculatorului. Știu că computerul permite experimentări nelimitate, dar acest lucru nu contribuie neapărat la găsirea celei mai bune soluții și poate duce la o mulțime de timp pierdut fără a găsi un rezultat clar.


Pasul 2

Bineînțeles, pentru acest tip de proiect avem nevoie de hârtie veche. Găsiți unul care vă place sau obțineți unul de la sxc.hu (noroc la Andrew C pentru cârlig-up pe această imagine). Importați hârtia în documentul de lucru și redimensionați-o pentru a se potrivi.


Pasul 3

Deoarece stocul de hârtie este din anii 1960 (nu chiar, dar asta este scopul nostru), nu ar părea destul de vechi, așa că adăugați câteva Straturi de ajustare să o rezolvăm. Am folosit a niveluri (Strat> Nivel de ajustare nou> Niveluri) ...

... și Hue / Saturation (Layer> Layer de ajustare nou> Hue / Saturation). Merită să organizați paleta dvs. de straturi pe măsură ce mergeți, deci selectați toate straturile dvs. și grupați-le.


2. Cum să adăugați luptătorii

Pasul 1

Acum putem începe să construim designul posterului pe baza schiței originale. Acest lucru accelerează procesul până la sfârșit, dar nu vă simțiți blocat în schița inițială. Dacă aveți o idee mai bună odată ce vă aflați la computer, mergeți la el.

Am primit două boxeri clasici cu amabilitatea promoțiilor Peltz Boxing, mulțumită masiv lui Russell pentru asta. Va trebui să luați niște boxeri din iStockphoto sau, mai bine, să vă faceți propriile fotografii.

De dragul acestui tutorial, mă voi referi la Boxeri după numele straturilor lor: "MONROE" și "KATES". În anii '60, nu au existat computere fantezie încărcate cu software scump, astfel încât totul a fost redat manual (cut-and-paste). Pentru a onora acest lucru, faceți o tăietură brută din cei doi luptători folosind instrumentul Pen, încercați să emulați modul în care le-ați tăiat manual.


Pasul 2

Lipiți-le în documentul de lucru și redimensionați-le pentru a se potrivi cu compoziția. Echilibrează tonic luptătorii prin ajustarea nivelurilor, trebuie să fie expuși în mod similar. desaturează atât "MONROE", cât și "KATES" (Imagine> Ajustări> Desaturați) și setați în final Modul de amestecare a straturilor de ambele straturi la Multiplica.


3. Cum să adăugați elemente colorate

Pasul 1

Mergi la Vizualizare> Administratori și le porniți. Trageți doi conducători în jos din zona de sus a riglei și doi din lateral. Am tras prima orizontală 224 mm și următoarea 305 mm. Am tras cele două verticale 146,6 mm și 147 mm.

Selectează Instrumentul dreptunghiului și puneți-o la dispoziție Forme de formare in loc de Căi. Setați culoarea primului rând la # e45050 și trageți în două dreptunghiuri așa cum este arătat. Cel mai bine este să folosiți culori mai puțin saturate, deoarece culorile foarte vibrante nu ar fi putut fi tipărite. Apoi puneți-le Moduri de amestecare a straturilor la Multiplica.

Selectați dreptunghiul din stânga și mergeți la Editare> Transformare liberă. apasa si tine apasat Command-Shift și trageți apoi punctul de mijloc al Gratuit Transformare Bounding Box așa cum se arată mai jos. Repetați procesul pentru celălalt dreptunghi.


Pasul 2

Acum vom folosi dreptunghiurile pentru a masca zonele "MONROE" și "KATES" de care nu avem nevoie. Selectați "KATES" și adăugați o mască de straturi. Atunci Command-clic pe miniatură dreptunghi drept pentru a face o selecție de la ea. Lucrând pe masca de strat "KATES", completați pur și simplu selecția cu negru. Repetați acest proces pentru "MONROE".

Înapoi înainte de imprimare a făcut avansuri moderne, imprimarea nu a fost la fel de precisă și plăcile utilizate pentru a alcătui diferite culori ar putea - și frecvent - să se alinieze greșit pentru a crea suprapuneri sau spații. Vom imita acest lucru prin deconectarea măștilor de straturi "MONROE" și "KATES" (faceți clic pe pictograma legăturii lanțului dintre Layer Thumbnail și Mască de strat miniatură) și deplasarea Măști de strat în jos folosind Mutați instrumentul.


4. Cum se adaugă textul

Pasul 1

Acum este momentul să începeți să construiți un text. Capitalele de bloc au fost populare din timp și adesea suprautilizate. Au păstrat lucrurile îngrijite și au fost mai ușor de stabilit. De asemenea, au mai multă autoritate decât cele mici și se potrivesc naturii mediului și sportului pe care îl promovează.

Selectează Tip Tool și faceți clic pe pânză. Introduceți textul prezentat sau creați propriile nume dacă este mai distractiv. Am folosit-o BentonSans care este o versiune modernă a fontului Sans Serif cu câteva atingeri clasice. Primul nume trebuie să fie mai mic decât numele de familie, setați-l așa cum se arată.

Utilizați o versiune condensată a aceluiași font pentru a contrasta cu primul nume, făcându-l să pară mai mare. Măriți dimensiunea peste cea a primului nume cu aproximativ 2,5 ori. Deschideți Urmărirea la aproximativ 25 și setați kerning la Valori.

Rotiți textul pentru a se potrivi cu dreptunghiurile pe care le-ați atras, 10,1 grade ar trebui să o facă. Tipografia în anii 1960 nu a fost aproape la fel de exactă cum puteți face folosind un computer astăzi. Pentru a obține un efect neuniform, putem juca cu kerning prin poziționarea Instrument de text între caractere. Reglați puțin kerning între câteva scrisori pentru ao face imprecisă.

Faceți același proces pentru numele adversarului. În același font Condensat scrieți "Champion" și "Challenger" pe straturile noi. Ar trebui să fie mai mici decât primele nume ale boxerilor, le-am făcut 32,37 pt comparat cu 44.31 pentru primele nume și 101.53 pentru numele de familie


Pasul 2

Vom face o mică caracteristică a textului "VS", punându-l într-un fulger circular care izbucnește din dreptunghiuri. Folosește Instrumentul Ellipse (situat în spatele instrumentului Rectangle) setat la Forme de formare pentru a desena un cerc colorat. Utilizați același roșu ca și în cazul dreptunghiurilor. Command-clic pe miniatura "CIRCLE" Layer pentru a crea o selecție și a merge la Selectați> Modificare> Extindeți. Extinde asta prin 20 de pixeli sau așa.

Selectați unul dintre "RECTANGLE" Mască de strat miniaturi și completati selecția încărcată cu negru. Faceți același lucru și pentru celălalt "RECTANGLE" Layer Shape.


Pasul 3

O caracteristică a Posterului de box din anii 1960 este afirmația că lupta nu este disponibilă pe home theaters sau televizoare. Deci, trage un negru (# 0b0c0c, nu destul de solid negru) Formă de formă circulară și stivă un text pe ea. Setați formatorul circular Moduri de amestecare a straturilor la Multiplica. Textul ar fi, de obicei, justificat central la o lățime definitivă, utilizând dimensiunea și lățimea caracterului pentru a asigura siguranța părților laterale, spre deosebire de creșterea numărului de caractere sau de urmărire.


Pasul 4

Desenați un alt strat de formă dreptunghiulară în partea de sus a afișului și setați-l Layer Blend Mode la Multiplica. Utilizați același negru ca și pentru blițul "NO HOME TV".

Trageți una roșie în partea inferioară și fixați-o Multiplica. Acum adăugați Măști de strat la toate straturile de formă dreptunghiulară.


Pasul 5

Selectați stratul PAPER și utilizați Magic Wand Tool pentru a selecta zona albă din jurul hârtiei.

Apoi treceți prin toate straturile de formă dreptunghiulară, selectând Măști de strat și umplerea cu negru solid.

Pe măsură ce "MONROE" încalcă și marginea de hârtie, va trebui să-l mascați și pe el. Veți fi lăsat cu o formă de postere bine uzată.


Pasul 6

Acum este momentul să începeți să construiți titlurile. Afișele în sine servesc, de obicei, ceva senzațional, adesea luptele de facturare Cel mai mare din lume a văzut vreodată sau alte asemenea pretenții fără sens. Vom continua să folosim Benton (sau oricare ar fi fontul San Serif cu care ați mers) pentru tot textul informativ.

Pentru a vă îmbunătăți textul, încercați să adăugați o Stratul de stil Stroke (Layer> Style Layer> Stroke) la text. Acest lucru înmoaie marginile și scade ușor lizibilitatea, așa că nu aș recomanda acest lucru pentru un design poster contemporan.

Am adăugat un sponsor pentru a arăta cum să lucrezi un titlu și un slogan sau o singură dată. În acest caz, sloganul este un motto legat direct de "gratarul" fictiv, al cărui proprietar este "Big Al". Regula generală este de a utiliza două tipuri contrastante, cu titlul fiind mai mare decât eticheta, dar aceste reguli sunt în mod constant îndoite.

Încercați să utilizați fonturi de accent pentru a distruge caracterele blocate foarte pătrate. De obicei, nu este cea mai bună practică să utilizați un font de accent similar fontului corpului dvs., deci selectați un serif sau un serif bloc pentru a vă face treaba. Întregul punct al unui font de accent este acela de a contrasta, dar de a vă mulțumi fonturile corpului.

am ales URW Antiqua care este un bun font de afișare. Fonturile afișate sunt mai puțin preocupate de lizibilitate și mai mult cu utilizarea tipului combinat cu spațiul negativ pentru a forma relații între cuvânt și imagini. Obținerea unei înțelegeri puternice a tipografiei este foarte importantă în designul grafic.


Pasul 7

Când lucrați cu un tip de afișaj, nu vă temeți să manipulați caracteristicile fonturilor pentru a se potrivi nevoilor dvs. Încă mai folosesc Benton (BentonSansCond Negru pentru "Fracas" și "Caracas" BentonSansExtraComp Bold pentru "The," și "In"), dar am crescut scara verticală pentru a permite un impact maxim.

Nu pot crește lățimea posterului, nici nu vreau să dublez stivuirea textului. Deci, pentru a maximiza impactul titlului de lucru într-un spațiu strâns, am crescut Scală verticală la 116%, Am redus cuvintele articolului (cuvintele care introduc substantivele se numesc articole) și ajustează Schimbarea liniei de bază așa că stau între cuvintele importante. De asemenea, trebuia să-i schimb pe Boxeri cu o atingere, din nou, să nu vă fie frică să îndemn elemente în jur până când funcționează bine împreună.


Pasul 8

Creați un strat grup numita "BILET / INFO VENUE". Trageți în două ghidaje verticale pentru a marca marginea unde doriți să meargă informația. Efectuarea lățimii totale ar distruge prea mult de nume și boxeri.

Adăugați un text subsol pentru a vă așeza pe dreptunghiul roșu de la poalele posterului. Acum avem un spațiu clar și clar de completat cu toate informațiile despre locație și bilet. În acest spațiu trebuie să intrăm și data. Trebuie să organizați informațiile în funcție de importanță. Voi acorda prioritate datei și locului.

Trageți două ghidaje orizontale de la riglă care rulează peste partea de sus pentru a marca marginea textului. Începeți să construiți textul datei, rețineți că fiecare parte a textului este pe un strat propriu pentru a permite o flexibilitate maximă. Acesta este un exemplu corect de afișare a textului care funcționează cu formularele de spațiu și de litere negative pentru a crea o dată dinamic din punct de vedere vizual. Folosește Instrument de linie pentru a desena a 14 pixeli linie de lângă data.

Această zonă este în pericol de a deveni un pătrat foarte mare, cu caractere dense de bloc. Pentru a rupe această zonă, utilizați un font mai grafic, în acest caz un font de text numit Bello.

Există mai multe modalități de a evita o aglomerație impenetrabilă de text blocat. Utilizați greutățile fonturilor și scalarea verticală / orizontală în avantajul dvs. Evidențiați biții importanți de informații, făcându-i mari și folosiți o greutate mare. Ați putea petrece mult timp echilibrând această secțiune, dar este suficient pentru acum.


Pasul 9

Acum, că elementele de aspect sunt complete, micșorați-le și priviți compoziția ca întreg. Mergem pentru o estetică din anii 1960, deci este bine dacă lucrurile nu se potrivesc perfect. Mergi la Layer> Rasterize> Toate straturile. Apoi aplicați sistematic toate datele Măști de strat prin selectarea fiecăruia la rândul său și a merge la Layer> Masks Layer> Aplicați.


5. Cum să înveți posterul

Pasul 1

Odată cu compoziția completă, vom începe să degradăm imaginea și să aplicăm un finisaj fals din anii 1960. Acesta este locul în care devine puțin fidela. Selectați toate straturile de formă neagră și straturile de text negru și îmbinați-le. Sunați-l "BLACKTEXT". Faceți același lucru pentru toate straturile care conțin text alb și apela stratul rezultat "WHITETEXT".

Faceți același lucru pentru straturile care conțin text roșu și, în final, același lucru pentru toate straturile roșii de formă.

Ta straturi paletăar trebui să semene cu a mea


Pasul 2

Aplicați a 4 pixeli Gaussian Blur la "REDTEXT", "WHITETEXT" și "BLACKTEXT".

Apoi aplicați a Smart Sharpen la 386% cu Raza 44.3. Acest proces înmoaie marginile textului și face ca textul să arate că cerneala a fost absorbită în hârtie puțin mai mult. Va trebui să aplicați din nou culoarea # e45050 la "REDTEXT", deoarece ascuțirea a distrus culoarea.


Pasul 3

Răsturnați vizibilitatea stratului "WHITETEXT". Atunci Command-clic pe thumbnail-ul Layer pentru a face o selecție. Selectați "BLACKTEXT" și șterge selecția, faceți același lucru pe "REDSHAPES".


Pasul 4

Selectați "REDSHAPES" și aplicați a 4 pixeli Gaussian Blur la el. Apoi rulați a Smart Sharpen filtrați după cum se arată.

Rulați o secundă Smart Sharpen cu mult mai mare Pixel Radius. Acest lucru dă impresia că cerneala s-a adunat la marginea imprimării.


Pasul 5

Selectați toate straturile, cu excepția grupului "BACKGROUND" sau a stratului "Fundal" în sine. contopi Straturile și schimbați Layer Blend Mode la Multiplica. Selectați grupul "BACKGROUND" și apăsați Comandă-E pentru a le îmbina pe un singur strat.

Acum sunteți pregătiți să o grungeți în modul favorizat. Am folosit filtrul de spălare a mașinii Mr. Retro 3 pe setarea Dusted, dar orice pensulă grunge sau murdară va face truc. Merită menționat faptul că am luminat hârtia și am desaturat puțin mai mult.


Concluzie

Imaginea finală este mai jos și sper că v-ați bucurat de acest tutorial. Puteți vedea versiunea mai mare aici.

Această postare este Ziua 4 a Sesiunii noastre de Design grafic. Sesiuni de creație "Ziua sesiunii 3-a sesiune"

Placute premium de la Envato Elements

Aveți nevoie de un poster sau de un fluturaș pentru următorul eveniment? Apoi, verificați selecția extraordinară pe Envato Elements. Abonați-vă pentru a debloca accesul la mii de resurse pentru o singură taxă lunară!

Fight Night Flyer Template

Creați o noapte să vă amintiți cu acest extraordinar luptător de noapte. Acest șablon are un design retro într-un fișier convenabil A4 Photoshop. Pur și simplu actualizați fotografia și textul pentru a vă bucura de acest flyer în câteva minute!