Share
Eftersom det är grafisk designvecka här på Envato Tuts +, låt oss ta en titt på några grundläggande grafiska designprinciper och kasta ett öga över Boxing Poster-estetiken från förra året.
Att skapa ett retrograd utseende är inget nytt, men det finns några saker att hålla koll på när man efterliknar grafisk design från några decennier tidigare. Vi kommer att dra inspiration från Poster Design från 1960-talet, särskilt Boxing Posters från den tiden. Låt oss börja!
Hitta fler fantastiska affischdesigner på Envato Market.
Det här inlägget är dag 4 i vår grafiska designsession. Creative Sessions "Session Day 3Session Day 5"Som med alla designprojekt måste du bestämma på vilket medium som ska bära ditt meddelande. Vi kommer att hålla det enkelt genom att skapa en A3 duk, kom ihåg att om du planerar att skriva ut på papper eller duk, kommer du sannolikt att behöva ställa in ett Bleed och / eller Slug Area. Detta varierar vanligtvis från omkring 3 till 5 mm.
Det är mycket bra att skissera några idéer innan du sitter framför datorn. Jag vet att datorn tillåter obegränsat experiment, men det hjälper inte nödvändigtvis att hitta den bästa lösningen och kan leda till mycket bortkastad tid utan att hitta ett tydligt resultat.
Naturligtvis, för denna typ av projekt behöver vi gammalt papperslager. Hitta en som du gillar eller få den här från sxc.hu (skål till Andrew C för haken på bilden). Importera papperet i ditt arbetsdokument och ändra storlek på det för att passa.
Eftersom pappersbeståndet är från 1960-talet (inte riktigt, men det är det vi syftar till), skulle det inte se ganska så gammalt så lägg till ett par Justeringslager att sortera ut det. Jag använde en nivåer (Layer> Nytt justeringslager> Nivåer) ...
... och färgton / mättnad (Layer> Nytt justeringslager> Färgton / Mättnad). Det är värt att organisera paletten Layer när du går, så välj alla dina lager och gruppera dem.
Nu kan vi börja bygga affischdesignen baserat på den ursprungliga skissen. Detta påskyndar processen så att den inte slutar, men känner inte låst till din första skiss. Om du får en bättre idé när du är på datorn ska du gå till den.
Jag fick två klassiska Boxers med tillstånd av Peltz Boxing Promotions, massivt tack vare Russell för det. Du måste ta några boxare från iStockphoto, eller ännu bättre, ta dina egna foton.
För denna tutorials skull hänvisar jag till boxarna med deras lagnamn: "MONROE" och "KATES". Tillbaka på 60-talet fanns inga fina datorer laddade med dyr programvara, så allting var handgjorda (klippa och klistra in). För att hedra detta, gör ett grovt snitt ur dina två fighters med hjälp av Pen Tool, försök att emulera hur du skulle skära ut dem för hand.
Klistra in dem i arbetsdokumentet och ändra storlek på dem så att de passar in i kompositionen. Balansera fightersna tonalt genom att justera nivåerna, de måste vara lika exponerade. avmätta både "MONROE" och "KATES" (Bild> Justeringar> Desaturate) och slutligen sätta Layer Mixing Mode av båda skikten till Multiplicera.
Gå till Visa> Linjaler och sätt på dem. Dra två linjer ner från topplinjens område och två från sidan. Jag har dragit den första horisontella till 224 mm och nästa till 305 mm. Jag drog de två vertikalerna till 146,6 mm och 147 mm.
Välj Rektangelverktyg och ställ den till Formlag istället för Paths. Ställ in förgrundsfärgen till # e45050 och rit i två rektanglar som visat. Det är bäst att använda mindre mättade färger eftersom mycket levande färger inte skulle ha skrivits ut. Sätt sedan deras Layer Blending Modes till Multiplicera.
Välj rektangeln till vänster och gå till Redigera> Gratis omvandling. tryck och håll Kommando-skift och dra sedan mittpunkten på Gratis Transform Bounding Box enligt nedanstående. Upprepa processen för den andra rektangeln.
Vi använder nu rektanglarna för att maskera av områdena "MONROE" och "KATES" som vi inte behöver. Välj "KATES" och lägg till en lagmaske. Sedan Kommando-klicka på miniatyren till höger rektangel för att göra ett urval av det. Arbeta på "KATES" Layer Mask, fyller du bara urvalet med svart. Upprepa denna process för "MONROE."
Tillbaka innan utskriften gjordes det var moderna framsteg, var utskrift inte lika exakt och plåtarna som användes för att bilda olika färger kunde - och ofta gjorde - felaktigt skapa överlappningar eller mellanrum. Vi kommer att efterlikna det här genom att koppla bort "MONROE" och "KATES" -lagermasker (klicka på kedjelänkikonen mellan Lager miniatyrbild och Layer Mask miniatyrbild) och skiftning av Layer Masks ner med hjälp av Flytta verktyget.
Nu är det dags att börja bygga upp text. Blockhuvudstäder var populära på tiden och ofta överanvändna. De höll sakerna snygga och var lättare att ställa in. De har också mer myndighet än små bokstäver och passar arten av mediet och sporten som den annonserar.
Välj Typverktyg och klicka på duken. Skriv in texten som visas eller fyll i dina egna namn om det är roligare. Jag har använt BentonSans vilket är ett modernt tag på Sans Serif-teckensnittet med några klassiska inslag. Förnamnet ska vara mindre än efternamnet, sätt det upp som visas.
Använd en kondenserad version av samma teckensnitt för att kontrastera med förnamnet så att det blir granderligare. Öka storleken jämfört med förnamnet med cirka 2,5 gånger. Öppna upp spårning till om 25 och ställa in kerning till Metrik.
Rotera texten så att den matchar rektanglarna du ritade, 10,1 grader ska göra det. Typesetting på 1960-talet var inte så noggrann som du kan göra med en dator idag. För att få en ojämn effekt vi kan leka om med kerning genom att placera Textverktyg mellan karaktärerna. Lätt justera kerning mellan ett par bokstäver för att göra det oriktigt.
Gör samma process för motståndarens namn. Skriv i samma kondenserade teckensnitt "Champion" och "Challenger" på nya lager. De borde vara mindre än Boxarnas första namn, jag har gjort dem 32,37 pt jämfört med 44,31 för förnamn och 101,53 för efternamnet
Vi gör en liten funktion av "VS" Text genom att lägga den i en cirkulär blixt som bryter ut ur rektanglarna. Använd Ellipseverktyg (belägen bakom rektangelverktyget) inställt på Formlag att rita en färgad cirkel. Använd samma röda som du gjorde för rektanglarna. Kommando-klicka på miniatyren "CIRCLE" -lagret för att skapa ett urval och gå till Välj> Ändra> Expand. Bygga ut detta genom 20 pixlar eller så.
Välj en av dina "RECTANGLE" Layer Mask miniatyrer och fylla Ditt laddade urval med svart. Gör detsamma för det andra "RECTANGLE" Shape Layer.
Ett kännetecken för 1960-talet Boxing Poster är påståendet att kampen inte är tillgänglig på hemmabiosystem eller tv. Så rita en svart (# 0b0c0c, inte riktigt solid svart) Cirkulär formlag och stapla lite text på den. Ställ in den cirkulära shaperen Lagerblandningsläge till Multiplicera. Texten brukar rättfärdigas centralt till en bestämd bredd, med hjälp av teckenstorlek och bredd för att säkerställa sidorna i motsats till att öka käften eller spårningen.
Rita ett annat rektangulärt formslag överst på affischen och sätt in Layer Blend Mode till Multiplicera. Använd samma svart som för "NO HOME TV" -flash.
Rita en röd i botten och sätt på den Multiplicera. Lägg till nu Layer Masks till alla dina rektangulära formlag.
Välj PAPER Layer och använd Magisk stav verktyg för att välja det vita området runt papperet.
Gå igenom alla dina rektangulära formlag, välj Layer Masks och fyllning med solid svart.
Som "MONROE" bryter också papperskanten du måste maskera av honom också. Du kommer att vara kvar med en väl sliten affischform.
Nu är det dags att börja bygga upp titlarna. Affischerna brukar tjäna upp lite sensationalism, ofta faktureringskämpar som Den största världen någonsin har sett eller andra sådana oanständiga påståenden. Vi fortsätter med att använda Benton (eller vilken San Serif-teckensnitt du har gått med) för all informationstekst.
För att verkligen förbättra din text, försök att lägga till en Stroke Layer Style (Layer> Layer Style> Stroke) till texten. Detta mjukar kanterna och minskar läsbarheten något, så jag skulle inte rekommendera att göra detta för en modern affischdesign.
Jag har lagt till en sponsor för att visa hur man arbetar med en titel och tagline eller standfirst. I detta fall är tagline ett motto direkt kopplat till den fiktiva "Grill", som "Big Al" är innehavaren. Den allmänna regeln är att använda två kontrasttyper där titeln är större än taggen, men dessa regler är ständigt böjda.
Försök använda accentfonter för att bryta upp de mycket fyrkantiga blickhuvudena. Det är vanligtvis inte bästa praxis att använda ett accentfont som liknar din kroppstyp, så välj en Serif eller Block-serif för att göra jobbet. Hela punkten i ett accentfontet är att kontrast men komplimanger ditt karossfont.
jag har valt URW Antiqua vilket är ett bra displayfont. Visningsfonter är mindre angelägna om läsbarhet och mer med att använda typ kombinerat med negativt utrymme för att skapa relationer mellan ord och bilder. Att få ett starkt grepp om typografi är enormt viktigt i grafisk design.
När du arbetar med visningstyp, var inte rädd för att manipulera typsnittens egenskaper som passar dina behov. Jag använder fortfarande Benton (BentonSansCond Black för "Fracas" och "Caracas" BentonSansExtraComp fet för "The" och "In"), men jag har ökat den vertikala skalan för maximal påverkan.
Jag kan inte öka affischens bredd, och jag vill inte dubbelklicka texten. Så för att maximera effekten av titeln som arbetar inom ett tätt utrymme, ökade jag Vertikal skala till 116%, Jag skalade ner artikelorden (ord som introducerar substantiv kallas artiklar) och justerade Baslinjeskift så de sitter mellan de viktiga orden. Jag var också tvungen att skifta Boxers nedtryckt igen, var inte rädd för att dämpa elementen runt tills de fungerar bra tillsammans.
Skapa ett lager Grupp kallad "TICKET / VENUE INFO." Dra i två vertikala guider för att markera gränserna för var vi vill att informationen ska gå. Att göra det i full bredd skulle förringa för mycket bort från titeln och boxarens namn.
Lägg till lite Footer-text för att sitta på den röda rektangeln vid affischens fot. Nu har vi ett tydligt och bestämt utrymme att fylla med all plats och biljettinformation. I detta utrymme måste datumet också gå in. Du måste organisera informationen i betydelse. Jag kommer att prioritera Datum och plats.
Dra två horisontella guider från linjalen över toppen för att markera dina textgränser. Börja med att bygga upp datumtexten, notera att varje del av texten är på sitt eget lager för att möjliggöra maximal flexibilitet. Detta är ett rättvist exempel på visningstext som arbetar med negativa blanketter och brevformar för att skapa ett mer visuellt dynamiskt datum. Använd Linjeverktyg att rita a 14 pixlar linje bredvid datumet.
Detta område riskerar att bli en mycket torg med täta blockhuvudstäder. För att bryta upp detta område, använd ett mer grafiskt teckensnitt, i det här fallet ett skriptfont som heter Bello.
Det finns fler sätt att undvika en ogenomtränglig klump av blocktext. Använd typsnittsvikt och vertikal / horisontell skalning till din fördel. Markera viktiga bitar av information genom att göra dem överdrivna och använda en tung vikt. Du kan ägna mycket tid på att balansera upp det här avsnittet, men det är bra nog för nu.
Nu när layoutelementen är färdiga, zooma ut och titta på kompositionen som helhet. Vi går för 1960-talet estetiskt, så det är okej om saker inte stämmer perfekt. Gå till Layer> Rasterize> Alla lager. Använd sedan systematiskt alla Layer Masks genom att välja var och en och gå till Layer> Layer Masks> Apply.
Med kompositionen klar kommer vi att börja försämra bilden och applicera en falsk 1960-talets utskrift till den. Det är här det blir lite fiddly. Markera alla svarta formlagren och svarta textlagren och slå dem samman. Kalla det "BLACKTEXT." Gör samma för alla lager som innehåller vit text och ring det resulterande lagret "WHITETEXT."
Gör samma för lagren som innehåller röd text och slutligen densamma för alla röda formlag.
Din Skikten palettbör likna min
Applicera en 4 pixel Gaussisk suddighet till "REDTEXT", "WHITETEXT" och "BLACKTEXT."
Applicera sedan en Smart Sharpen på 386% med en 44,3 radie. Denna process mjukar på textkanterna och får texten att se ut som bläcket har absorberats i pappret lite mer. Du måste återanvända färg # e45050 till "REDTEXT", eftersom skärpen har förstört färgen.
Slå av "WHITETEXT" -lagrets synlighet. Sedan Kommando-klicka på dess Layer-miniatyrbild för att göra ett urval. Välj "BLACKTEXT" och radera valet, gör detsamma på "REDSHAPES".
Välj "REDSHAPES" och använd a 4 pixel Gaussisk suddighet till det. Kör sedan a Smart Sharpen filtrera som visas.
Kör en sekund Smart Sharpen med en mycket större Pixel Radius. Detta ger intrycket att bläck har samlats i kanterna av utskriften.
Välj alla lager utom för "Bakgrund" -gruppen eller "Bakgrund" -laget själv. Sammanfoga lagen och ändra Layer Blend Mode till Multiplicera. Välj gruppen "BACKGROUND" och tryck på Kommando-E att slå samman dem på ett lager.
Du är nu redo att grunge den på ditt favoriserade sätt. Jag har använt Mr Retro Machine Wash Filter 3 i Dusted-inställningen, men någon grunge eller smutsig borste gör tricket. Det är värt att nämna att jag tända papperet och desaturerade lite mer.
Den slutliga bilden är nedan och jag hoppas att du haft denna handledning. Du kan se den större versionen här.
Det här inlägget är dag 4 i vår grafiska designsession. Creative Sessions "Session Day 3Session Day 5" Behöver du en affisch eller flygblad för din nästa händelse? Kolla in det fantastiska valet över på Envato Elements. Prenumerera på att låsa upp tillgången till tusentals resurser för en månadsavgift!
Skapa en natt att komma ihåg med denna fantastiska kampnattflygplan. Denna mall har en retro design i en bekväm A4 Photoshop-fil. Bara uppdatera fotot och texten för att njuta av denna flygblad på några minuter!
Accentsconagua