Share
Som det er grafisk designuke her på Envato Tuts +, la oss ta en titt på noen grunnleggende grafiske designprinsipper og kaste et øye over boksepostet estetisk fra yesteryear.
Å lage et retrograd utseende er ikke noe nytt, men det er noen ting å holde øye med når du etterligner grafisk design fra noen tiår tidligere. Vi skal tegne inspirasjon fra plakatdesign fra 1960-tallet, spesielt boksplakater fra den tiden. La oss komme i gang!
Finn flere flotte plakatdesigner på Envato Market.
Dette innlegget er dag 4 i vår grafiske design sesjon. Creative Sessions "Session Day 3Session Day 5"Som med ethvert designprosjekt, må du avgjøre hvilket medium som vil bære meldingen. Vi vil holde det enkelt ved å opprette en A3 lerret, husk at hvis du designer for utskrift på papir eller lerret, må du sannsynligvis sette et Bleed og / eller Slug Area. Dette varierer vanligvis fra ca. 3 til 5 mm.
Det er veldig god praksis å skissere noen ideer før du sitter foran datamaskinen. Jeg vet at datamaskinen muliggjør ubegrenset eksperimentering, men dette hjelper ikke nødvendigvis med å finne den beste løsningen og kan føre til mye bortkastet tid uten å finne et klart resultat.
Selvfølgelig, for denne typen prosjekt trenger vi gammelt papirlager. Finn en som du liker eller få denne fra sxc.hu (skål til Andrew C for koble opp på dette bildet). Importer papiret i arbeidsdokumentet og endre størrelsen på det for å passe.
Da papirmassen er fra 1960-tallet (egentlig ikke, men det er det vi satser på), ville det ikke se ganske så gammelt, så legg til et par Justeringslag å sortere det ut. Jeg brukte en nivåer (Lag> Nytt justeringslag> Nivåer) ...
... og fargetone / metning (Lag> Nytt justeringslag> Hue / Metning). Det er verdt å organisere lagpaletten din når du går, så velg alle lagene dine og grupper dem.
Nå kan vi begynne å bygge opp plakatdesignet basert på den opprinnelige skissen. Dette øker prosessen til enden, men føles ikke låst inn i din opprinnelige skisse. Hvis du får en bedre ide når du er på datamaskinen, så gå for den.
Jeg har to klassiske boksere med Peltz Boxing Promotions, massiv takk til Russell for det. Du må ta noen boksere fra iStockphoto, eller enda bedre, ta dine egne bilder.
For denne tutorials skyld vil jeg henvise til boksene etter deres lagnavn: "MONROE" og "KATES". Tilbake på 60-tallet var det ingen fancy datamaskiner lastet opp med dyr programvare, slik at alt ble håndgjent (kutt og lim). For å ære dette, gjør et grovt kutt ut av de to kampene dine ved hjelp av Pen Tool, prøv å etterligne hvordan du vil kutte dem ut for hånd.
Lim dem inn i arbeidsdokumentet og endre størrelsen på dem for å passe til sammensetningen. Balansere fighters tonally ved å justere nivåene, de må være like eksponert. Avmett både "MONROE" og "KATES" (Bilde> Justeringer> Desaturate) og endelig sette Layer Blending Mode av begge lagene til Multiplisere.
Gå til Se> Linjaler og slå dem på. Dra to linjer ned fra topplinjens område og to fra siden. Jeg har trukket den første horisontale til 224 mm og det neste til 305 mm. Jeg trakk de to vertikaler til 146,6 mm og 147 mm.
Velg Rektangelverktøy og sett den til Formlag i stedet for Paths. Sett forgrunnsfargen til # e45050 og trekk i to rektangler som vist. Det er best å bruke mindre mettede farger, da veldig livlige farger ikke ville ha vært utskrivbare. Sett deretter deres Layer Blending Modes til Multiplisere.
Velg rektangelet til venstre og gå til Rediger> Gratis omforming. trykk og hold Kommando-Skift og dra deretter midtpunktet til Gratis Transform Bounding Box som vist under. Gjenta prosessen for det andre rektangel.
Vi bruker nå rektanglene til å maskere av områdene "MONROE" og "KATES" som vi ikke trenger. Velg "KATES" og legg til en lagmaske. Deretter Kommando-klikk På miniatyrbildet for høyre rektangel, gjør du et valg fra det. Arbeide med "KATES" Layer Mask, bare fyll ut valget med svart. Gjenta denne prosessen for "MONROE."
Tilbake før utskrift gjorde det moderne fremskritt, var utskriften ikke så nøyaktig, og platene som ble brukt til å gjøre opp forskjellige farger, kunne - og ofte gjorde - feiljustere for å skape overlapper eller mellomrom. Vi vil etterligne dette ved å koble fra "MONROE" og "KATES" Layer Masks (klikk på kjedelinkikonet mellom Lag miniatyrbilde og Lagsmaske miniatyrbilde) og skifte Layer Masker ned ved hjelp av Flytteverktøy.
Nå er det på tide å begynne å bygge opp tekst. Blokkhovedstadene var populære på tiden og ofte overutnyttet. De holdt ting pent og var lettere å sette. De har også større myndighet enn små bokstaver og passer til mediumets innhold og sporten den annonserer.
Velg Typeverktøy og klikk på lerretet. Skriv inn teksten som vises, eller skriv inn dine egne navn hvis det er mer moro. Jeg har brukt BentonSans som er en moderne ta på Sans Serif font med noen klassiske detaljer. Fornavnet skal være mindre enn etternavnet, sett det opp som vist.
Bruk en kondensert versjon av samme skrifttype til kontrast med fornavnet slik at det ser større ut. Øk størrelsen over fornavnet med ca. 2,5 ganger. Åpne opp sporing til om 25 og sett utligning til metrics.
Roter teksten for å matche rektanglene du tegnet, 10,1 grader skal gjøre det. Typesetting på 1960-tallet var ikke så nøyaktig som du kan gjøre med en datamaskin i dag. For å få en ujevn effekt vi kan spille om med utligning ved å plassere Tekstverktøy mellom tegnene. Juster litt utligning mellom et par bokstaver for å gjøre det upresent.
Gjør samme prosess for motstandernes navn. I samme kondenserte skrifttype skriv "Champion" og "Challenger" på nye lag. De burde være mindre enn boksernes første navn, jeg har laget dem 32,37 pt sammenlignet med 44.31 for fornavnet og 101,53 for etternavnet
Vi lager en liten funksjon av "VS" -teksten ved å sette den i en sirkulær blits som bryter ut av rektanglene. Bruke Ellipseverktøy (plassert bak rektangelverktøyet) satt til Formlag å tegne en farget sirkel. Bruk det samme røde som du gjorde for rektanglene. Kommando-klikk på miniatyrbildet "CIRCLE" Layer for å lage et utvalg og gå til Velg> Endre> Utvid. Utvide dette ved 20 piksler eller noe.
Velg en av dine "RECTANGLE" Lagsmaske miniatyrbilder og fylle Ditt lastede utvalg med svart. Gjør det samme for det andre "RECTANGLE" Shape Layer.
Et kjennetegn på 1960-tallet Boxing Poster er påstanden om at kampen ikke er tilgjengelig på hjemmekino eller TV. Så tegne en svart (# 0b0c0c, ikke helt solid svart) Rundformet lag og stable litt tekst på den. Sett den sirkulære shaperen Lag Blend Mode til Multiplisere. Teksten ville vanligvis være rettferdiggjort sentralt til en endelig bredde, ved hjelp av tegnstørrelse og bredde for å sikre opp sidene i motsetning til å øke kerning eller sporing.
Tegn et annet rektangulært formlag øverst på plakaten og sett inn Layer Blend Mode til Multiplisere. Bruk den samme svarte som for "NO HOME TV" flash.
Tegn en rød en på bunnen og sett den på Multiplisere. Legg nå til Layer Masker til alle dine rektangulære formlag.
Velg PAPER Layer og bruk Magic Wand Tool for å velge det hvite området rundt papiret.
Så gå gjennom alle dine rektangulære formlag, velg Layer Masker og fyller med solid svart.
Som "MONROE" bryter også papirkanten du må maske av ham også. Du vil bli igjen med en godt slitt plakatform.
Nå er det dags å begynne å bygge opp titlene. Plakatene selv tjener vanligvis litt sensasjonell, ofte faktureringskamp som Den største verdenen noensinne har sett eller andre slike uanstendige krav. Vi fortsetter å bruke Benton (eller hvilken San Serif-skrift du har gått med) for all informativ tekst.
For å bøte opp teksten, prøv å legge til en Stroke Layer Style (Lag> Lagstil> Stroke) til teksten. Dette myker kantene og reduserer lett lesbarheten, så jeg vil ikke anbefale å gjøre dette for en moderne plakatdesign.
Jeg har lagt til en sponsor for å vise hvordan man skal jobbe med en tittel og tagline eller stående. I dette tilfellet er tagline et motto direkte knyttet til den fiktive "Grill", som "Big Al" er innehaver. Den generelle regelen er å bruke to kontrasterende typer med tittelen som er større enn taggen, men disse reglene blir stadig bøyd.
Prøv å bruke aksent skrifttyper for å bryte opp de helt firkantede blokkene. Det er vanligvis ikke best praksis å bruke en aksentfont som ligner på kroppens skrifttype, så velg en Serif eller Block-serif for å gjøre jobben. Hele poenget med en aksent skrifttype er å kontrast, men kompliment kroppen din skrift.
Jeg har valgt URW Antiqua som er en god display font. Displayfonter er mindre opptatt av lesbarhet og mer med bruk av type kombinert med negativt mellomrom for å danne relasjoner mellom ord og bilder. Å få en sterk forståelse for typografi er enormt viktig i grafisk design.
Når du arbeider med skjermtypen, vær ikke redd for å manipulere skrifter som passer til dine behov. Jeg bruker fortsatt Benton (BentonSansCond Black for "Fracas" og "Caracas" BentonSansExtraComp Fet for "The" og "In"), men jeg har økt den vertikale skalaen for å gi maksimal effekt.
Jeg kan ikke øke bredden på plakaten, heller ikke jeg vil dobbelte stabelen på teksten. Så for å maksimere virkningen av tittelen som arbeider innenfor et stramt rom, økte jeg Vertikal skala til 116%, Jeg skalerte ned artikkelen ordene (ord som introduserer substantiver kalles artikler) og justerte Baseline Shift så de sitter i mellom de viktige ordene. Jeg trengte også å skifte boksene ned, og vær ikke redd for å knuse elementene rundt før de fungerer godt sammen.
Lag et lag Gruppe kalt "TICKET / VENUE INFO." Dra i to vertikale guider for å markere av grensene til hvor vi vil at info skal gå. Å gjøre det full bredde ville forringe for mye bort fra tittel og bokser navn.
Legg til litt bunntekst for å sitte på det røde rektelet ved foten av plakaten. Nå har vi en klar og klar plass til å fylle ut med alle spillested og billettinformasjon. I dette rommet må datoen også gå inn. Du må organisere informasjonen når det gjelder betydning. Jeg skal prioritere dato og sted.
Dra to horisontale guider fra linjalen som går over toppen for å markere tekstgrensene dine. Begynn å bygge opp datateksten, merk at hver del av teksten er på eget lag for å gi maksimal fleksibilitet. Dette er et godt eksempel på visningstekst som arbeider med de negative mellomromene og brevformene for å skape en mer visuelt dynamisk dato. Bruke Linjeverktøy å tegne a 14 piksler linje ved siden av datoen.
Dette området er i fare for å bli en veldig firkant med tett blokkkapitaler. For å bryte opp dette området, bruk en mer grafisk skrifttype, i dette tilfellet et skriptfont som heter Bello.
Det finnes flere måter å unngå en ugjennomtrengelig klump av blokktekst på. Bruk fontvekter og vertikal / horisontal skalering til din fordel. Fremhev viktige biter av info ved å gjøre dem over-store og bruke en tung vekt. Du kan bruke mye tid på å balansere denne delen, men det er bra nok for nå.
Nå som layoutelementene er ferdige, zoom ut og se på komposisjonen som helhet. Vi går for en 1960-tallet estetisk, så det er OK hvis ting ikke passer perfekt. Gå til Lag> Rasterize> Alle lag. Bruk deretter systematisk alle Layer Masker ved å velge hver i tur og går til Layer> Layer Masks> Apply.
Med komposisjonen fullført, begynner vi å nedgrave bildet og bruke en falsk 1960-tallskvalitet. Det er her det blir litt fiddly. Velg alle de svarte formlagene og de svarte tekstlagene og slå dem sammen. Kaller det "BLACKTEXT." Gjør det samme for alle lag som inneholder hvit tekst og ring det resulterende laget "WHITETEXT."
Gjør det samme for lagene som inneholder rød tekst og til slutt det samme for alle røde formlag.
Din lag palettbør ligne min
Bruk en 4 pixel Gaussisk uskarphet til "REDTEXT", "WHITETEXT" og "BLACKTEXT."
Deretter gjelder en Smart Sharpen på 386% med en 44,3 radius. Denne prosessen bløder tekstkanter og gjør at teksten ser ut som blekket har blitt absorbert i papiret litt mer. Du må reapply farge # e45050 å "REDTEXT" ettersom skarpheten har ødelagt fargen.
Slå av "WHITETEXT" -lagets synlighet av. Deretter Kommando-klikk på sitt lag miniatyrbilde for å gjøre et valg. Velg "BLACKTEXT" og slette valget, gjør det samme på "REDSHAPES."
Velg "REDSHAPES" og bruk a 4 pixel Gaussisk uskarphet til det. Kjør deretter en Smart Sharpen filter som vist.
Kjør et sekund Smart Sharpen med en mye større Pixel Radius. Dette gir inntrykk av at blekk har samlet seg på kantene på utskriften.
Velg alle lagene unntatt gruppen "Bakgrunn" eller "Bakgrunn" laget selv. Slå sammen Lagene og endre Layer Blend Mode til Multiplisere. Velg gruppen "BACKGROUND" og trykk på Kommando-E å slå sammen dem på ett lag.
Du er nå klar til å grunge den på din favoriserte måte. Jeg har brukt Mr Retro Machine Wash Filter 3 på Dusted-innstillingen, men noen grunge eller skitne børster vil gjøre trikset. Det er verdt å nevne at jeg lette papiret og desaturerte litt mer.
Det endelige bildet er under og jeg håper du likte denne opplæringen. Du kan se den større versjonen her.
Dette innlegget er dag 4 i vår grafiske design sesjon. Creative Sessions "Session Day 3Session Day 5" Trenger du en plakat eller flyger til din neste begivenhet? Så sjekk ut det fantastiske utvalget over på Envato Elements. Abonner på å låse opp tilgang til tusenvis av ressurser for en månedlig avgift!
Lag en natt å huske med denne kjempekampen nattflyer. Denne malen har en retro-design i en praktisk A4 Photoshop-fil. Bare oppdater bildet og teksten for å nyte denne flyeren om noen minutter!
Accentsconagua