Hoe een Retro Christmas Postcard in Adobe Illustrator te ontwerpen

Wat je gaat creëren

Noem me ouderwets, maar er is niets mooiers dan een doordachte kaart in de post te ontvangen, vooral tijdens de vakantie. Dus gaan we een leuke, retro-ansichtkaart maken die je kunt afdrukken (of lege kaarten kunt kopen en afdrukken) om te verzenden naar verre familie en vrienden.

We zullen de ingebouwde tekenhulpmiddelen van Illustrator gebruiken om eenvoudige vectorillustraties te maken en ons ontwerp halverwege de eeuw flair te geven met retro-lettertypen en inktzwarte texturen. Als alternatief, als u het proces wilt versnellen en vereenvoudigen, kunt u een aantal kant-en-klare retroversieringen en kerstboom-vectoren ophalen..

Onderweg zal ik suggesties voor kleuren en andere instellingen toevoegen als je de resultaten hier wilt dupliceren, maar voel je vrij om die te veranderen om je eigen stijl te laten schijnen. Laten we beginnen!

1. Stel uw werkruimte in Illustrator in

Stap 1

Ga naar Bestand> Nieuw en open een nieuw document volgens de onderstaande instellingen; Ik gebruik een standaard Amerikaans postkaartformaat. Als u van plan bent om uw afgewerkte ansichtkaart te printen, zorg er dan voor dat u twee tekengebieden maakt voor zowel een voor- als een achterkant.

Ik heb ervoor gekozen de kleurmodus in te stellen op RGB zodat het project goed op het scherm wordt weergegeven. Maar als u van plan bent om uw voltooide briefkaart af te drukken, wilt u het laatste bestand naar CMYK converteren om ervoor te zorgen dat de kleuren tijdens het afdrukken naar buiten komen. Onze Beginner's Guide to Prepping and Sending to Print heeft ook enkele geweldige tips.

Stap 2

Vervolgens zullen we ons kleurenpalet voor het ontwerp installeren. Ik heb een bestand opgenomen in de bijlage van deze zelfstudie. Nadat we het hebben geïnstalleerd, verschijnen de kleurstalen die we nodig hebben voor het ontwerp direct in Illustrator.

Ga naar Windows> Stalen of selecteer de Stalen pictogram van de werkbalk van uw paneel. Klik op de knop in de rechterbovenhoek van het venster Stalen en selecteer in het vervolgkeuzemenu dat wordt weergegeven Open Swatch-bibliotheek > Andere bibliotheek.

Zoek waar u de bijlage op uw computer hebt opgeslagen en selecteer vervolgens christmas-postkaart-palette.ase en klik Open.

En daar heb je het. Ik heb elk staal een naam gegeven en de hex-codes opgenomen voor eenvoudige verwijzing:

Elke keer dat we een kleur gebruiken, zal ik bij de eerste vermelding zowel de naam als de hexadecimale code vermelden, en dan alleen naar de naam verwijzen..

Stap 3

Open de Lagen paneel. Door uw lagen van tevoren in te delen, kunt u tijdens het ontwerpproces overzichtelijk blijven en bepaalde stappen veel sneller en gemakkelijker maken. U kunt ze instellen volgens de volgorde die u hieronder ziet. Als u een laag een naam wilt geven, dubbelklikt u erop - a Laag opties Er verschijnt een vak waarin u een nieuwe titel kunt typen.

Stap 4

Als laatste stap bij het instellen, wilt u mogelijk de items downloaden die we in het ontwerp zullen gebruiken. Op die manier hoeft u ze later niet te pauzeren en te installeren. Je kunt links naar elke gratis bron hieronder vinden: 

Eerst de lettertypen:

  • Go Long-lettertype (via Dafont)
  • Gegaan lettertype (via Dribbble)
  • Betrokkenheidslettertype (via 1001-lettertypen)

En de textuur borstelt:

  • Vectorborstels (via dribbelen)

2. Maak de achtergrond

Stap 1

Zoom in naar het bovenste artboard; we doen eerst de voorkant van de briefkaart. De ... gebruiken Rechthoekgereedschap, vul de hele kaart met de lichtste tint blauw (mint / # D4EBE2). Zorg ervoor dat u de achtergrond helemaal verlengt tot de rode aflooplijnen, vooral als u van plan bent de ansichtkaart te bedrukken.

Stap 2

Gebruik de. Voor het besneeuwde heuvelachtige gedeelte van de achtergrond Pen gereedschap om een ​​gebogen vorm in het wit te tekenen. Als u het Pen-gereedschap lastig vindt, kunt u proberen de vorm uit de losse hand te tekenen met het potlood of het penseel.

Met een van deze technieken, als je curve niet zo soepel verloopt als je zou willen, kun je de Gladde tool (houd de muisknop ingedrukt Pencil Tool om het te openen) om het op te ruimen - houd de muiscursor vast en sleep hem over het pad op een kromme of hobbelige plek.

3. Voeg de begroeting toe

Stap 1

Download de hierboven gekoppelde lettertypen als u dat nog niet hebt gedaan. We zullen de begroeting "Have a Merry and Bright Christmas" toevoegen (maar voel je vrij om het naar een andere zin te veranderen als je zo geneigd bent), werkend van beneden naar boven.

Stap 2

Typ 'Kerstmis' in de tekstlaag met behulp van het lettertype Verloving op 85 pt. Verander de kleur in rood / # EF4428. Plaats het boven de helling aan de rechterkant van de briefkaart.

Stap 3

Typ vervolgens 'HELDER' in alle hoofdletters met behulp van het lettertype Weg. Pas het formaat aan zodat het overeenkomt met de breedte van 'Kerstmis'-dit zou ongeveer moeten gebeuren 40 pt. Plaats het recht boven 'Kerst' en verander de kleur in de donkerste groene optie (groenblijvend / # 2B9690).

Typ vervolgens 'MERRY' boven 'BRIGHT', gebruik hetzelfde lettertype en dezelfde kleur en laat wat ruimte tussen de twee woorden. Nogmaals, maak 'MERRY' op dezelfde breedte als de andere twee woorden; het zal een beetje groter zijn dan 'BRIGHT' op ongeveer 45 pt.

Stap 4

Ten slotte, met behulp van het lettertype Ga lang op 35 pt, typ 'HAVE A' in hoofdletters en centreer het boven 'MERRY'. In de Karakter paneel, stel de tracking in op 100 om de letters een beetje verder uit elkaar te plaatsen. Maak de kleur turkoois / # 77CCC8.

Typ 'AND' in dezelfde grootte en kleur als hierboven en centreer het tussen 'MERRY' en 'BRIGHT'. Stel de tracking in op 50. Als je wilt, kun je een beetje extra retro-persoonlijkheid toevoegen door 'EN' te selecteren en naar te gaan Typ> Contouren maken, en vervolgens selecteren Object> Groep opheffen. Nu kunt u elke letter naar een andere hoogte aanpassen (zie hieronder).

Stap 5

Nu voor de laatste hand aan de tekst ... Pas indien nodig de verticale afstand tussen de woorden aan. Er moet ongeveer evenveel ruimte zijn tussen elk woord, maar het hoeft niet precies te zijn - doe gewoon wat er visueel goed uitziet. Je kunt ook een paar driehoekige vormen of andere eenvoudige verfraaiingen aan beide kanten van 'AND' toevoegen om die gaten op te vullen.

Als je klaar bent, zou je zoiets als dit moeten krijgen:

4. Teken enkele bomen

Nu is het tijd voor leuke illustraties. We gebruiken een losse, hoekige stijl geïnspireerd door de jaren 1950 en 60. Deze esthetiek in het midden van de eeuw is met opzet een beetje ruw en onvolmaakt - dat is een deel van zijn charme. We repliceren een stijl die oorspronkelijk is gemaakt met ontwerpelementen die met de hand zijn getekend, met de hand zijn geschilderd of van papier zijn gesneden en aan elkaar zijn geplakt. 

Dus ik moedig je aan om vrij snel te werken terwijl je de bomen tekent (en later andere objecten en verfraaiingen toevoegt); laat die spontaniteit doorkomen in het ontwerp en maak je niet al te veel zorgen over het maken van alles perfect recht of symmetrisch. Vooral veel plezier ermee!

Stap 1

Ga naar de laag Bomen. Gebruik de Pen gereedschap om een ​​eenvoudige pijnboomvorm te creëren (in feite een langwerpige diamant met een rechthoek die uit de bodem komt). Pas indien nodig het formaat aan zodat het goed past tussen 'Christmas' en de rechterrand van de briefkaart. Maak de kleur lichtgroen / # 79C9B4.

Als je met een nog minimalere stijl wilt gaan, kun je de boomstammen achterlaten en alleen wat lange, magere driehoeken maken om de bomen te vertegenwoordigen.

Stap 2

Maak nog een paar bomen en groepeer ze aan de andere kant van 'Kerstmis'. Ik heb het lichtgroen opnieuw gebruikt, samen met het turkoois voor een klein contrast. Selecteer de groene bomen en verander de ondoorzichtigheid naar 45%; maak de turquoise boom een ​​beetje donkerder 60%.

Stap 3

Nu gaan we enkele boomtakken maken die van de linkerkant van de briefkaart komen. De kleuren hiervoor zijn turquoise en groenblijvend.

Selecteer de eerste voor de eerste Pen gereedschap Nogmaals, als u niet al te bekend bent met deze tool, loop ik u door de stappen, omdat we iets meer doen dan klikken in een rechte lijn zoals we deden voor de bomen: 

  • Plaats uw eerste ankerpunt op de linker aflooplijn, vlakbij de bovenhoek. 
  • Om de bovenkant van de tak een lichte neerwaartse curve te geven, plaatst u uw tweede ankerpunt lager dan de eerste en ongeveer driekwart van de weg naar 'MERRY'. Terwijl u dat tweede punt plaatst, klikt u en houdt u ingedrukt, terwijl u de cursor langzaam omhoog beweegt totdat de curve de vorm aanneemt die u wilt.
  • Dan nog steeds met behulp van de Pen gereedschap, klik op het ankerpunt dat uw curve beëindigt om het in een scherpe hoek om te zetten.
  • Blijf nu met de tool aan de slag om een ​​reeks lijnen en hoeken te maken om dennennaalden op de tak weer te geven, op en neer te gaan in de richting van de hoek waar je bent begonnen. Doe dit enigszins snel en willekeurig, variërend in de lengte en breedte van de naaldvormen.

Stap 4

Herhaal dat proces om een ​​tweede filiaal te maken. Ik heb ervoor gekozen om de tweede kromme naar boven te laten overlappen met de eerste tak. Selecteer beide en verander de ondoorzichtigheid naar 55%.

5. Textuur aan de achtergrond toevoegen

Stap 1

Als je de textuurborstels nog niet hebt geïnstalleerd, doe dat dan nu. Open ze en selecteer een van de penselen; Ik hou van Scatter Brush 9 (de laatste). Verander de streekkleur naar wit en de Beroerte gewicht naar 0.25 pt.

Stap 2

Eerst voegen we wat textuur toe achter de kerstgroet, dus ga naar de laag Achtergrondtexturen. Gebruik de vorm van de tekst als richtlijn en teken enkele cirkelvormige wervelingen en lijnen met behulp van de Paintbrush Tool met de textuurpenseel die je hebt geselecteerd. Als u problemen ondervindt bij het zien van wat u aan het doen bent, maakt u de tekstlaag tijdelijk onzichtbaar door op het oogpictogram links van de laagnaam te klikken.

Maak je lijnen meer geconcentreerd in het midden en verder uit elkaar als je naar de randen van de tekst gaat. Ik heb een opname toegevoegd waarbij de tekst is weggehaald, zodat je kunt zien hoe de lijnen eruit kunnen zien. Maar het is niet nodig om die exacte plaatsing te kopiëren; gewoon een handvol regels achter de tekst krabbelen tot je een effect krijgt dat je leuk vindt. 

In termen van grootte moet je eindigen met een ruwe cirkel die tussen de pijnbomen zit en zich uitstrekt tot aan de bovenkant van de briefkaart en naar de heuvel.

Stap 3 

In de Lagen paneel, selecteer alles in de achtergrondtextuurlaag door op de open cirkel rechts van de laagnaam te klikken. Wijzig vervolgens de ondoorzichtigheid naar 60%.

Dit is waar je uiteindelijk mee eindigt:

Ik heb ook een beetje een schaduw toegevoegd aan de versieringen aan beide kanten van 'AND' om ze te helpen op te vallen tegen de achtergrondstructuur. Als u hetzelfde wilt doen, selecteert u beide vormen en kopieert u ze (Command / Ctrl-C), en Plak aan de voorkant (Bewerken> Plakken vooraan of Command / Ctrl-F). Verander dan naar een kleur naar keuze; Ik ging met dezelfde kleur als de lucht. Gebruik je pijltjestoetsen om de gekleurde vormen een beetje naar één kant van de witte te duwen.

Stap 4

Nu werken we nog steeds in de laag Achtergrondtexturen en voegen we wat textuur aan de sneeuw toe met dezelfde methode. 

Deze keer koos ik Verstrooiingsborstel 14 van onze penseelset. Verander de streekkleur in mint en de Beroerte gewicht naar 0.25 pt. De ... gebruiken Paintbrush Tool, teken eeneen paar kronkelige lijnen onder de bomen aan elke kant van 'Kerstmis'. Selecteer beide regels en wijzig de ondoorzichtigheid naar 50%.

6. Voeg textuur toe aan de bomen

Op naar de bomen. We zullen dezelfde textuurborsteltechniek gebruiken plus een extra stap om de texturen te knippen naar de vorm van de bomen en takken. In het begin zien de structuren er echt rommelig uit, maar maak je geen zorgen - we zorgen ervoor dat alles binnen de kortste keren rechtgezet wordt.

Stap 1 

Ga naar de laag Structuurstructuren. Kies een textuurpenseel (ik gebruik nog steeds Verstrooiingsborstel 14) en zorg ervoor dat de Beroerte gewicht is nog steeds ingesteld op 0.25 pt. Maak de lijnkleur lichtgroen.

Stap 2

Teken een aantal gebogen of gebogen lijnen langs de randen van de drie groene bomen met de Paintbrush Tool. We willen niet dat de texturen de bomen volledig bedekken, alleen om een ​​rand of hoek te accentueren. Verander dan de kleur in wintergroen en doe hetzelfde voor de middelste boom in de groep van drie.

Voor de ondoorzichtigheid, verander de groene texturen in 70% en altijd groenblijvende 50%. Je hebt zoiets als dit:

Stap 3 

Nu gaan we een aantal stappen door om de structuren in te korten zodat ze in de vorm van de bomen passen. 

Keer terug naar de laag Bomen en selecteer alle vier de bomen (laat de takken voorlopig alleen). Je kunt ingedrukt houden Verschuiving om meer dan één object tegelijk te selecteren. Raken Command / Ctrl-C om ze te kopiëren en vervolgens de laag Bomen te vergrendelen - in de Lagen paneel, links van de naam van die laag, ziet u een leeg vierkant. Klik erop en er verschijnt een klein hangslotpictogram.

Stap 4

Klik in de laag Structuurstructuren en selecteer Plak aan de voorkant. Meer boomvormen verschijnen bovenop de bomen en texturen die u al hebt gemaakt. Met behulp van een handige tool, een knipmasker, gebruiken we deze extra boomvormen als een stempel of koekjesmes om stukjes textuur te verwijderen die buiten de omtrek van de bomen vallen.

Selecteer een van de bomen en de textuur die daarbij hoort door ingedrukt te houden Verschuiving als je erop klikt en ga dan naar Object> Knipmasker> Maken. Je kunt het resultaat hieronder zien: de enkele boom aan de rechterkant heeft het knipmasker laten toepassen ... Nette, is het niet??

Stap 5

Herhaal het proces van het toepassen van een knipmasker op de overgebleven drie bomen, één voor één. Om dit te versnellen, kun je de sneltoets gebruiken voor het maken van knipmaskers, wat wel zo is Command / Ctrl-7.

Laten we onze voortgang bekijken ... Het begint bij elkaar te komen!

7. Voeg textuur aan de takken toe

Nu zou je een redelijk goed handvat moeten hebben op deze textuur + knipmasker-proces, maar als dat niet het geval is, krijg je wat meer oefening! We gaan dezelfde exacte stappen gebruiken voor de branches.

Stap 1

Opnieuw gebruiken Verstrooiingsborstel 14 op 0.25 pt, teken een lijn die ruwweg de curve aan de bovenkant van elke tak volgt. De eerste / bovenste is turquoise met een dekking van 100% en de tweede is groenblijvend met een dekking van 70%.

Stap 2 

Ga naar de laag Bomen en ontgrendel deze door op het hangslotsymbool te klikken. Selecteer beide takken tegelijk en kopieer ze en vergrendel de laag opnieuw. Ga naar de laag Structuurstructuren en Plak aan de voorkant

Stap 3 

Pas knipmaskers toe op de vertakkingstructuren met de extra vertakkingsvormen die u zojuist hebt geplakt. (Als u een snelle herinnering nodig hebt: selecteer een tak met de bijbehorende structuur tegelijk, ingedrukt Verschuiving, en dan raken Command / Ctrl-7.)

Dit is wat we hebben:

8. Hang wat ornamenten

Nu is het tijd om de boom in orde te maken met enkele kleurrijke, retro ornamenten. Naast de gereedschappen en technieken die we al behandeld hebben, zullen we de Ellipse Tool en enkele ingebouwde penselen van Illustrator gebruiken.

Laten we eerst de stappen doorlopen om de basisvorm voor ons eerste ornament te maken:

Stap 1 

Ga naar de rode ornamentlaag. Teken een smal ovaal in rood; de mijn is ongeveer 155 px breed. De hoogte doet er niet toe, omdat we meestal willen dat het mooi in de breedte past tussen de linkerkant van de kaart en de groep bomen.

Stap 2

Nu zullen we dit eenvoudige ovaal veranderen in een ornament met slechts een paar eenvoudige acties. Elke volgende stap wordt geïllustreerd in de onderstaande afbeelding. 

  • Klik op het rode ovaal.
  • Selecteer de Ankerpunt-gereedschap converteren met een klik-hold op de Pen gereedschap-het is de laatste optie in het menu dat verschijnt. Klik met dit hulpmiddel op de bovenste en onderste ankerpunten op het ovaal; dit zal de gladde punten veranderen in scherpe punten. 
  • Selecteer nu vanuit hetzelfde menu de Ankerpunttool toevoegen en voeg extra ankerpunten toe ongeveer halverwege tussen elk van de vier bestaande punten. 
  • Kies nu het Direct selectie gereedschap en klik één voor één opnieuw op de bovenste en onderste ankerpunten en sleep ze een beetje naar buiten.

Nu hebben we een authentieke retro ornamentvorm. Plaats aan de linkerkant van de briefkaart onder de takken.

Stap 3

Herhaal nu deze stappen om een ​​tweede ornament te maken en zorg ervoor dat je nu in de Pink Ornament-laag bent. Het proces is precies hetzelfde, behalve dat de oriëntatie van de vorm verticaal is in plaats van horizontaal:

Pas de grootte en plaatsing van dit tweede ornament aan op een manier die voor u goed uitkomt. Ik vind het leuk om een ​​beetje te overlappen met het rode ornament.

9. Voeg wat textuur en verfraaiingen toe aan de ornamenten

Stap 1 

Ten eerste willen we wat textuur toevoegen rond de randen van de ornamenten. Ga naar de laag Ornamenttexturen en herhaal dezelfde techniek die we tot nu toe hebben gebruikt, met textuurborstels en knipmaskers.

Zoals eerder, gebruikte ik Verstrooiingsborstel 14 hier bij 0.25 pt. Deze keer is de ondoorzichtigheid voor beide verblijven op 100%. 

Als je klaar bent, sluit je deze laag.

Stap 2 

Keer terug naar de rode ornamentlaag. Gebruik de Rechthoekgereedschap om een ​​witte band over de breedte van het ornament te maken. Of gebruik de. Als u wilt kiezen voor een meer retro-look Pen gereedschap om een ​​enigszins kromme geometrische vorm te tekenen. Welke vorm je ook kiest, zorg ervoor dat de vorm verder reikt dan de randen van het ornament.

Selecteer nu de basisvorm eronder, kopieer deze en Plak aan de voorkant. Selecteer zowel de ornamentvorm als de witte rechthoek die eronder vandaan glijdt en ga dan naar de verkenner paneel en kies Gewas. Hiermee wordt de witte band ingekort tot de vorm van het ornament.

Stap 3

Ga naar de laag Embellishments. Gebruik de Ellips-tool om een ​​paar ovalen te tekenen en deze op het roze ornament te stapelen. Ik gebruikte de Direct selectie gereedschap om enkele ankerpunten te verplaatsen en ze een beetje scheef te maken. De blauwe ovaal in mijn versie is onze aquamarijnkleur / # B1DED8.

Ik heb er ook voor gekozen om wat textuur toe te voegen aan het binnenovaal om een ​​beetje diepte te creëren, maar voel je vrij om deze stap over te slaan als je wilt.

Stap 4

Nu, met behulp van een van de ingebouwde kalligrafische penselen van Illustrator, tekenen we een aantal strings om het eruit te laten zien alsof de ornamenten aan de takken hangen. Ik koos voor een ovalen penseel omdat het wat breedte-variatie heeft waardoor het er iets meer uitziet alsof het met een echte penseel is getekend.

In de Borstels paneel, klik op de Penseelbibliotheek Menu knop in de linkerbenedenhoek en selecteer vervolgens Artistiek> Artistiek_Kalligrafisch> 3 pt. ovaal. Wijzig de lijngrootte in 0,5 pt. Selecteer nu de Penseel. U zult merken dat het gemakkelijker is om eerst het verticale gedeelte van de snaar te tekenen (ingedrukt houden Verschuiving zoals je doet om het perfect recht te houden), en voeg dan de strik er bovenop apart toe.

Stap 5

We zijn bijna klaar! Nu is het tijd om een ​​aantal feestelijke versieringen toe te voegen aan je sieraden. Voor de mijne heb ik dezelfde ovale kwast gebruikt om wat lussen en lijnen te tekenen, en de Ellipse Tool of de ovale kwast om hier en daar wat puntjes van kleur toe te voegen. 

Sommige sterren, strepen of zig-zags kunnen ook leuk zijn om te spelen met verschillende versieringen, of voel je vrij om te kopiëren wat je hier ziet.

10. Voeg een achterkant toe (optioneel)

Als u van plan bent uw ansichtkaart te printen en te mailen, wilt u misschien een paar verfraaiingen aan de achterkant toevoegen. Ik hield de mijne eenvoudig met een begroeting en een scheidingslijn om het gebied te scheiden van het schrijven vanuit de ruimte voor het adres, samen met een kleinere versie van de groep van drie bomen aan de voorkant.

Geweldig werk, je bent klaar!

Ik hoop dat je het leuk hebt gehad met het gebruik van penselen, texturen, dekkingsinstellingen en andere hulpmiddelen om een ​​gelaagde, illustratieve look te creëren voor deze retro kerstkaart. Ik vind het altijd leuk manieren te vinden om digitale projecten een beetje minder door de computer gegenereerd en een beetje meer gepersonaliseerd en met de hand gemaakt te maken, en veel van de technieken die we in deze zelfstudie hebben gebruikt, zijn een geweldige manier om dat te doen. 

Deel gerust hoe uw project is verlopen of stel vragen in het opmerkingengedeelte. Blij ontwerpen!