Hoe maak je een New Year's Resolution Poster in Adobe InDesign en Photoshop

Wat je gaat creëren

Dit ironische posterontwerp helpt je collega's of vrienden gemotiveerd te blijven (of niet!) Om dit jaar hun resoluties van januari te volgen. Dit leuke ontwerp maakt gebruik van stijlvolle typografie en een trendy plat ontwerp om een ​​eenvoudig maar effectief ontwerp te creëren.

De zelfstudie is geschikt voor beginners en we zullen de posterlay-out in Adobe InDesign maken en de grafische chocoladereep in Adobe Photoshop samenstellen.

Nog meer frisse posterideeën nodig voor 2017? Blader door een reeks fantastische postersjablonen om op GraphicRiver af te drukken.

New Year's Resolution-posters zijn niets nieuws - mensen maken al tientallen jaren motiverende ansichtkaarten en posters. Deze briefkaarten uit het begin van de 20e eeuw zijn ontworpen als een nuttige herinnering aan het besluit van de persoon om zichzelf te verbeteren voor het komende jaar.

Briefkaarten van de nieuwjaarresolutie van het begin van de 20e eeuw

Het moderne ontwerp dat we hier zullen maken, is wat realistischer in zijn vooruitzichten. Ken je tenslotte iemand die een jaar lang chocolade kan weerstaan ​​?! Ik kan dat zeker niet. 

Klaar om te ontwerpen? Geweldig, laten we beginnen ...

1. Wat u nodig hebt om uw poster te maken

We hebben een paar afbeeldingen nodig om als bouwstenen voor ons posterontwerp te gebruiken. Download deze afbeeldingen met een hoge resolutie en sla ze op in een projectmap die u gemakkelijk terug kunt vinden naar:

  • Papier textuur
  • Chocoladereep 

Je hebt ook een paar mooie, schone schreefloze lettertypen nodig. Hier zal ik Avenir en Futura Std Heavy gebruiken, maar als je iets anders wilt gebruiken, kun je een selectie van hedendaagse schreefloze lettertypen vinden die net zo goed werken op GraphicRiver.

Zorg ervoor dat u de lettertypen hebt geïnstalleerd en ga dan verder en open Adobe InDesign. We duiken meteen in het opzetten van de posterlay-out ...

2. Hoe de posterlay-out in InDesign in te stellen

Stap 1

In InDesign, hoofd naar Bestand> Nieuw> Document. 

Houd de voornemen ingesteld op Afdrukken, Aantal pagina's naar 1 en deselecteer Tegenoverliggende pagina's. We willen de Pagina grootte om een ​​standaard posterformaat te zijn-Architectural D is een goede keuze, en u kunt het ontwerp later altijd naar boven of naar beneden schalen om aan uw uiteindelijke doel te voldoen. 

Ik heb vooraf opgeslagen Architectural D als een aangepast formaat, maar u kunt de afmetingen handmatig instellen. Typ in 609.6 mm (24 in) voor de Breedte en 914,4 mm (36 inch) voor de Hoogte

Stel de marges naar 50 mm, Voeg een ... toe bloeden van 5 mm en een optioneel Naaktslak van 50 mm

Klik OK om uw nieuwe document te maken.

Stap 2

Vouw het Lagen paneel (Venster> Lagen), en dubbelklik op de standaardwaarde Laag 1 naam om de te openen Laag opties venster.

Hernoem de laag Achtergrond en klik OK.

Klik op de Maak een nieuwe laag knop onderaan het paneel en dubbelklik op de nieuwe laag om de naam te wijzigen helling.

Maak nog eens drie nieuwe lagen: Chocolade, typografie,en tenslotte Overlay met textuur op de top van de stapel.

Stap 3

Sluit alle lagen behalve de onderste laag, Achtergrond

Klik op de laag om deze te activeren.

3. Hoe maak je een papieren achtergrond?

Stap 1

Vouw het Stalen paneel (Venster> Kleur> Stalen) en klik op de Nieuw staal knop onderaan het paneel. Dubbelklik op het nieuwe staal om het te bewerken. 

Hernoem het staal ivoor, stel de Type naar Werkwijze en mode naar CMYK, en pas de schuifregelaars aan C = 2 M = 1 Y = 4 K = 0. Klik OK.

Neem de Rechthoekgereedschap (M) en sleep naar de pagina, verleng de rechthoek over de hele pagina, tot aan de randen van de afloop aan alle kanten.

Stel de Opvulkleur naar ivoor van de Stalen paneel of de controls paneel bovenaan de werkruimte.

Stap 2

Selecteer de Rechthoekkadergereedschap (F) en maak een afbeeldingskader met dezelfde afmetingen als de pagina en de ivoren rechthoek hieronder. 

Ga naar Bestand> Plaats, kies de Papier textuur afbeelding en klik Open

Schik de afbeelding om het kader volledig te vullen. 

Ga vervolgens met het geselecteerde beeldframe naar Object> Effecten> Transparantie. Stel de mode naar Vermenigvuldigen, en breng de ondoorzichtigheid tot ongeveer 74%. 

Stap 3

Ga terug naar de Lagen paneel en vergrendel de Achtergrond laag. Ontgrendel de laag in het midden, Chocolade.

4. Hoe de chocoladereepafbeelding te bewerken

Stap 1

Ga naar Bestand> Opslaan als Sla in InDesign uw conceptposter op en minimaliseer het InDesign-venster voor nu.

Navigeer naar uw Chocoladereep stock foto, en open het in Adobe Photoshop

Vouw het Lagen paneel (Venster> Lagen) en sleep vervolgens de Achtergrond laag naar beneden op de Maak een nieuwe laag knop onderaan het paneel om het te dupliceren. Schakel de zichtbaarheid van het origineel uit Achtergrond laag.

Stap 2

We moeten de witte achtergrond rond de rand van de chocoladereep verwijderen. Ga hiertoe naar Selecteer> Kleurbereik, en klik eenmaal op de witte achtergrond van de afbeelding. 

In de Kleurenbereik venster dat opent, pas het aan vaagheid schuif tot je er zeker van bent dat al het witte gedeelte rond de chocoladereep is geselecteerd. Dan klikken OK.

Klik op de Edge verfijnen knop bovenaan de werkruimte. Vanaf hier kunt u de selectie aanpassen om het zo perfect mogelijk te krijgen. Gebruik de Smart Radius functie en de Shift Edge schuifregelaar indien nodig. Als u tevreden bent met het resultaat, klikt u op OK.

Wis vervolgens de selectie. 

Stap 3

Ga naar Afbeelding> Beeldrotatie> 90 graden CW

Ga dan opnieuw naar de Beeld menu en kies Beeldrotatie> Horizontaal spiegelen. 

Stap 4

Neem de Rechthoekig selectiekadergereedschap (M) en sleep om de twee uiterst linkse rijen chocoladegedeelten op de balk te selecteren, zoals hieronder weergegeven.

Control-C (Windows) of Command-C (Mac) om de selectie te kopiëren en Controle-V of Commando-V om het op een laag erboven te plakken. 

Controle-T (Windows) of Command-T (Mac) om de geplakte afbeelding te selecteren en vervolgens naar de linkerkant van de balk te manoeuvreren, zodat één rij chocoladegedeelten overlapt met de uiterst linkse rij eronder, en de andere zich uitstrekt langs de linkerrand van de balk, door een nieuwe rij toe te voegen aan de bar. In totaal heb je nu vijf verticale rijen chocolade, geen vier.

Selecteer beide Achtergrond kopie laag en Laag 1 (houden Verschuiving), en Klik met de rechtermuisknop (Windows) of Controle-Klik op (Mac)> Lagen samenvoegen.

Stap 5

Gebruik de Bijsnijden Tool (C) om het canvas naar boven uit te breiden, waardoor het ongeveer een derde groter wordt.

Neem de Rechthoekig selectiekadergereedschap (M), zoals eerder, en sleep om de twee verticale rijen chocola aan de bovenkant van de balk te selecteren. 

Controle-C (Windows) of Command-C (Mac) om de selectie te kopiëren en Controle-V of Commando-V om het op een laag erboven te plakken.

Controle-T (Windows) of Commando-T (Mac) om de geplakte afbeelding te selecteren en deze naar boven te verplaatsen, zodat er weer één rij chocolade voorbij de oorspronkelijke bovenrand van de balk komt en de andere rij de oorspronkelijke bovenste rij overlapt.

Duplicaat Laag 2 om een ​​kopie te maken en dan Controle-T (Windows) of Command-T (Mac) om het te selecteren en nogmaals een rij naar boven te verplaatsen. Je zou eindigen met een chocoladereep die acht stukken hoog is.

Gebruik de Bijsnijden Tool (C) om het canvas beter om het beeld te laten passen.

Stap 6

Ga naar Bestand> Opslaan als, noem het bestand Chocolate Bar Extended en opslaan als een Photoshop (PSD) het dossier.

Minimaliseer het Photoshop-venster voor nu.

5. Hoe de chocoladereep in uw posterlay-out te integreren

Stap 1

Ga terug naar jouw InDesign document.

Selecteer de Rechthoekkadergereedschap (F) en sleep naar de pagina om een ​​afbeeldingskader te maken. Ga naar Bestand> Plaats en kies je opgeslagen Chocoladereep Extended.psd bestand, en Open.

Gebruik Verschuiving om de afbeelding op ongeveer de hieronder afgebeelde grootte te schalen en centraal op de pagina te laten staan.

Stap 2

Ga naar met het afbeeldingsframe geselecteerd Object> Effecten> Slagschaduw. 

Stel de mode naar Vermenigvuldigen, Dekking naar 26%, en Afstand naar 4 mm, en stel de hoek in op ongeveer 15 graden.

Onder opties, stel de Grootte naar 5 mm en verhoog de Verspreiding naar 8%. Klik OK.

6. Hoe typ je de typografie van je poster

Stap 1

Ga terug naar de Lagen paneel en vergrendel de Chocolade laag. Ontgrendel de bovenstaande laag, Typografie.

Van de Stalen paneel, maak een nieuwe aan CMYK staal. Noem maar op Donkerblauw en stel de inktniveaus in op C = 89 M = 82 Y = 41 K = 45. 

Stap 2

Zoom in de linkerbovenhoek van de chocoladereep. Neem de Type Tool (T) en sleep naar de pagina om een ​​klein, vierkant tekstkader te maken dat zich boven het linkerbovenhoek van chocolade bevindt.

Typ in 'T', en van beide Tekenopmaakbesturingselementen paneel bovenaan de werkruimte of de Karakter paneel (Venster> Type & tabellen> Teken), stel de doopvont naar avenir (of een andere schreefloze naar keuze), Centre uitlijnen. 

Van de Stalen paneel past de Letterkleur naar Donkerblauw. Zorg ervoor dat de letter centraal op het chocoladevierkant staat.

Stap 3

Selecteer het tekstkader, Bewerken> Kopiëren, Bewerken> Plakken, en manoeuvreer het geplakte tekstkader op het volgende vierkant langs, aan de rechterkant. Pas de tekst aan om te lezen 'H'.

Herhaal de Kopiëren en Pasta actie, creëer meer tekstkaders, elk over een vierkant van de chocoladereep. Bouw de tekst op om te lezen: 'DIT JAAR MAAKT U NIET EET', elk woord op een nieuwe rij van de chocoladereep plaatsen.

Stap 4

Kopiëren en Pasta een ander tekstkader, de tekst aanpassen aan 'C' en het veranderen van de Letterkleur naar ivoor. Positie onder de 'E' van 'ETEN'. 

Kopiëren en Pasta dit tekstkader, en herhaal, het woord opbouwen 'Chocolat' met de finale 'E' ontbreekt, en de 'C' en 'O' overlappende de randen van het gebeten gebied van de bar.

Selecteer beide 'C' en 'O' tekstframes en ga naar Bewerken> Kopiëren.

Stap 5

Minimaliseer het InDesign-venster en ga terug naar uw Photoshop document.

Bewerken> Plakken de letters in het document, die als een vector slim object worden toegevoegd. Formaat wijzigen met Verschuiving om de verhoudingen van de lay-out van het originele type in InDesign te matchen, en invoeren.

Gebruik de Lasso-tool (L) om de gebieden van de letters die zich voorbij de gebeten rand uitstrekken af ​​te snijden, en gebruik de Edge verfijnen om de selectie te perfectioneren. Als je gelukkig bent, druk dan op OK en verwijder vervolgens de selectie. Je zal moeten rasterize de laag om dit te doen.

Stap 6

Dubbelklik op de gerasterde vector slimme objectlaag om het te openen Laagstijl venster. 

Klik op Slagschaduw onderaan het linker menu. Stel de Mengmodus naar Vermenigvuldigen, en verminder de ondoorzichtigheid ongeveer 30%. 

Stel de Afstand naar 6 px, Spread naar 13%, en Grootte naar 49 px. Klik OK.

Bestand> Opslaan uw Photoshop-bestand en minimaliseer vervolgens het Photoshop-venster. 

Stap 7

Keer terug naar jouw InDesign document, en selecteer en verwijder de 'C' en 'O' tekstframes. 

In de Links paneel (bevestigd aan de Lagen paneel), ziet u een klein geel uitroepteken naast de naam van de afbeelding. Dubbelklik op het uitroepteken om het bestand bij te werken.

Stap 8

Sleep met je cursor over de pagina om alle tekstkaders te selecteren en ga vervolgens naar Object> Effecten> Schuine kant en reliëf.

Onder Stijl, Kiezen Kussen Reliëf, en stel de Techniek naar Glad en Richting naar omhoog.

Stel de Grootte naar 1 mm, verzachten naar 2 mm, en Diepte naar 100%.

Onder de Arcering opties, stel de Hoek naar 120 graden, hoogte naar 30 graden, Markeer Dekking naar 11%, en Schaduwdekking naar 55%. 

Klik op Transparantie bovenaan het linker menu. Breng de ondoorzichtigheid naar beneden 95%. Klik OK.

Stap 9

Neem de Type Tool (T) en maak een nieuw tekstkader in de opening links van de bijtmarkering. Typ in '(OOPS) *', en stel de doopvont naar Futura Std Heavy (of een schreefloze naar keuze) en Letterkleur naar Donkerblauw. 

Kopiëren en Pasta het tekstkader en plaats het onder de chocoladereep en laat het rusten op de ondermarge. Pas de tekst aan aan Centre uitlijnen, maak het een beetje kleiner en typ het in '*MISSCHIEN VOLGEND JAAR'.

7. Hoe u de afwerking toevoegt aan uw poster

Stap 1

Ga terug naar de Lagen paneel en vergrendel de Typografie laag. Ontgrendel de Overlay met textuur laag. 

Neem de Rechthoekgereedschap (M) en maak een frame dat zich uitstrekt over de hele pagina. Bestand> Plaats, kies de Papier textuur afbeelding die u ook voor de achtergrond hebt gebruikt, en Open. Laat de afbeelding het frame vullen.

Ga naar Object> Effecten> Transparantie, stel de mode naar bedekking, en breng de ondoorzichtigheid tot ongeveer 20%

Stap 2

Vergrendel de Overlay met textuur laag en ontgrendel de helling laag. 

Ga terug naar de Stalen paneel en maak een nieuwe aan CMYK staal. Noem maar op Lichtblauw, en stel de niveaus in op C = 57 M = 12 Y = 6 K = 0.

Stap 3

Neem de Rechthoekgereedschap (M) en maak een vorm over de hele pagina. Stel de Vullen naar Lichtblauw.

Ga naar Object> Effecten> Verloopdiamant, en solliciteer een Radiaal verloop, verplaats de donkere schuifregelaar helemaal naar rechts en verplaats de bleke schuif ongeveer een derde van de overkant. Klik OK.

8. Hoe u uw afgewerkte poster kunt exporteren

Geweldig werk - je poster is klaar en ziet er fantastisch uit! Als u uw poster professioneel laat afdrukken, lees dan verder om erachter te komen hoe u deze het beste kunt exporteren als een afdrukklaar bestand ...

Stap 1

Ga naar Bestand> Exporteren. In de Exporteren venster, kies Adobe PDF (afdrukken) van de Formaat menu en klik Opslaan.

In de Exporteren naar Adobe PDF venster dat opent, kies [Perskwaliteit] van de Adobe PDF Preset menu bovenaan het venster.

Stap 2

Klik op de Markeringen en afloop menu-optie aan de linkerkant van het venster.

Controleren Alle drukkersmerken en Gebruik Instellingen voor documentontluchting. 

Dan klikken Exporteren om uw afdrukklare bestand te maken. U kunt dit rechtstreeks naar de printers sturen!

Conclusie: uw afgewerkte resolutie-poster

Uw poster is klaar om af te drukken. Goed gedaan! 

Voordat je je design haastig in je kantoor zet (of de keuken misschien een betere keuze is!), Neem dan een moment de tijd om de vaardigheden die je in deze tutorial hebt opgepikt opnieuw samen te vatten. U zou nu meer vertrouwen moeten hebben met:

  • Posterlay-outs maken in Adobe InDesign.
  • Foto's bewerken die passen bij een posterontwerp in Adobe Photoshop.
  • Opmaak van typografie om een ​​trendy type look voor uw posterontwerpen te creëren.
  • Kleur, textuur, schaduwen, transparanten en verlopen manipuleren om een ​​meerlagige look te creëren.
  • Uw voltooide ontwerpen exporteren als afdrukklare PDF-bestanden, klaar om te verzenden voor professioneel afdrukken.

Fantastisch werk! Voel je vrij om je posterontwerpen te delen in de reacties hieronder. Of laat het ons weten als je een resolutie hebt die je dit jaar wilt houden (of breken!)?

Ben je nog op zoek naar het perfecte posterontwerp? Neem even de tijd om door een groot aantal stijlvolle postersjablonen op GraphicRiver te bladeren.