Hoe u een Love -beletteringskaart ontwerpt in Adobe Illustrator

Wat je gaat creëren

Er is liefde in de lucht! Liefde is overal! In deze tutorial gaan we door een inspirerend proces en maken we een ingewikkelde beletteringkaart. We combineren verschillende technieken, beginnend bij het werken met geometrische basisvormen en gereedschappen en gaan verder met schrijven naar de vrije hand, met behulp van de tekengereedschappen van Adobe Illustrator! We eindigen met werken met kleuren en het toevoegen van sierlijke details.

Aan het einde van deze tutorial heeft u een elegante beletteringkaart die een lieflijk cadeau kan worden voor een dierbare persoon. Bovendien kun je dezelfde technieken toepassen om elke andere handgeschreven kaart of poster te maken, of het nu een originele felicitatieprentbriefkaart, een wenskaart of een stijlvolle huwelijksuitnodiging is. Als je het gevoel hebt dat je geen ideeën hebt, raad ik je ten zeerste aan om door Envato Market te bladeren om je beletteringsinspiratie te vinden! En als u er klaar voor bent, laten we meteen in het proces springen!

1. Vorm de Letters of Love

Stap 1

Begin met het maken van een Nieuw document van 450 x 450 px grootte.

Ik begin meestal met het maken van mijn beletteringkaarten van ruwe schetsen, zoeken naar ideeën en uitgebalanceerde composities. Je schets hoeft niet perfect uitgelijnd en netjes te zijn. Dit is degene die ik heb gemaakt; het ziet er nogal eigenzinnig en onregelmatig uit, omdat ik het erg snel heb gemaakt om mijn idee op papier te zetten. Ik zal deze schets gebruiken als een referentie voor mijn toekomstige kaart. Ik plaats het op een aparte laag, Dubbelklik de laag en tik op de Sjabloon checkbox om de laag te maken 50% transparant en om het te vergrendelen.

Stap 2

Laten we beginnen met het vormgeven van het woord "liefhebben" van de letter L. Gebruik de Rechthoekgereedschap (M) om een ​​te maken 8 x 50 px lichtgele vorm. Maak een nieuwe streep bovenop, stel de grootte in op 10 x 25 px en het vullen met turkoois.

Stap 3

Laten we nu de decoratieve elementen van de letter weergeven, die ook voor alle andere letters zullen worden gebruikt. Neem de Ellipse Tool (L), maak er twee 12,5 x 12,5 px overlappende cirkels en plaats ze aan de linkerkant van de turquoise streep, zoals weergegeven in de onderstaande schermafbeelding. De kleur van de cirkels doet er niet toe, ik maak ze alleen maar contrasterend en zichtbaar. Selecteer beide cirkels en klik op Minus voorkant in de verkenner paneel om de bovenste cirkel af te snijden.

Stap 4

Nu we de halve maanvorm hebben, laten we ervoor zorgen dat deze in de turquoise streep past. Selecteer zowel de streep als de halve maan, neem de Shape Builder Tool (Shift-M), houden alt en klik op het onderste deel van de halve maan om het te verwijderen.

Stap 5

Gebruik de Pipetgereedschap (I) om de kleur van de streep te kiezen en deze toe te passen op het decoratieve element. Dubbelklik de Reflect Tool (O) en draai de vorm over de Verticale as. Klik op de Kopiëren om een ​​gereflecteerde vorm toe te voegen en deze aan de tegenovergestelde zijde van de turquoise streep te bevestigen. Op deze manier creëren we een retro bloemenlook voor onze brief.

Stap 6

Laten we alle turquoise stukken selecteren en Verenigen hen in de verkenner in een enkele vorm. Gebruik de Hulpprogramma Ankerpunten verwijderen (-) om de onnodige punten aan de randen van de samengevoegde vorm kwijt te raken. Als de vorm er misvormd of niet-symmetrisch uitziet, gebruikt u de Direct selectie gereedschap (A) om de ankerpunten en de ankerhandvatten te repareren. Vergeet niet om vast te houden Verschuiving als u de handgrepen horizontaal of verticaal recht wilt zetten.

Stap 7

Voeg nu een toe 30 x 10 px rechthoek voor het horizontale deel van de letter L. Maak nog een kleine 6 x 7,5 px rechthoek en plaats deze aan de rechterkant van de vorm.

Stap 8

Selecteer de rechterbovenhoek van onze kleine rechthoek met de Direct selectie gereedschap (A) en gebruik de Live hoeken functie om het volledig afgerond te maken.

Laten we de gebruiken richten paneel om de vormen goed te positioneren. Selecteer zowel de horizontale streep als de afgeronde rechthoek en klik nogmaals op de horizontale streep om deze te maken Sleutelvoorwerp (het wordt gemarkeerd met een dikkere selectie). Klik Horizontaal Rechts uitlijnen in de richten paneel om de vormen naar rechts uit te lijnen.

Lijn alle andere delen van de letter uit, indien nodig.

Stap 9

Laten we nu de bovenkant van de brief versieren. Maak een 7 x 7 px gele cirkel en plaats deze aan de linkerkant van de gele verticale streep. Houden Alt-Shift en sleep de cirkel naar rechts, maak een kopie. Nu heeft onze letter L een zachtere, ronde aanblik. 

Stap 10

Laten we wat meer decoratieve elementen toevoegen. Gebruik de Lijnsegmenthulpmiddel (\) of de Pen gereedschap (P), houden Verschuiving en maak een verticale streep in het midden van de letter. Stel de Beroerte kleur naar donkerder geel. Ga naar de Beroerte paneel en stel de Gewicht naar 1 pt. Stel de Profiel naar Breedteprofiel 1 in de bodem van de Beroerte paneel, waardoor de lijn dikker wordt in het midden en dun aan de uiteinden.

Selecteer de regel en druk op Controle-[ meerdere keren om het onder de turquoise vorm te plaatsen.

Stap 11

Voeg een hoekige lijn toe bovenop de turquoise vorm en maak de Beroerte kleur licht-turquoise. En hier is de gemakkelijkste manier om de stippellijn te maken: in de Beroerte paneel, vink het aan Stippellijn checkbox, stel de scheutje naar 0 px en de kloof naar 4 pt. Stel de Gewicht naar 1,5 pt, en hier heb je het!

Stap 12

Laten we nu de letter O maken. Neem de Afgeronde rechthoek-tool en maak een 30 x 52,5 px vorm. U kunt het aanpassen Hoekradius naar wens van het bovenste bedieningspaneel.

Gebruik de Gidsen om de letters naar de bovenkant uit te lijnen. U kunt de slepen Gidsen rechts op je tekengebied van de Linialen (Control-R).

Maak een nieuwe afgeronde rechthoek bovenop de eerste. Ik gebruik de verticale streep van onze vorige letter om ervoor te zorgen dat de omtrek van de letter O dezelfde breedte heeft. Dit helpt me om de grootte van de binnenvorm aan te passen. 

Wanneer u de grootte van de binnenste rechthoek hebt aangepast, selecteert u ze allebei en gebruikt u de Minus voorkant functie van de verkenner om de vorm te knippen, een gat te maken.

Stap 13

Selecteer de letter O en ga naar Object> Pad> Offsetpad. Stel de compenseren waarde voor 1,5 px, een rand vormen buiten de letter. Vul de nieuwe vorm met turquoise kleur en richten het voor de bodem van de letter L, met behulp van de horizontale streep van de L als een Sleutelvoorwerp.

Stap 14

Selecteer het turquoise element van de O en neem de Eraser Tool (Shift-E). Houden alt en verwijder de bovenste helft van de vorm. 

Gebruik de horizontale Gids om de elementen van de letters van dezelfde hoogte te maken. 

Kopiërende turquoise verticale streep van de letter L en gebruik de Eraser Tool (Shift-E) om de streep te verwijderen, waarbij alleen de decoratieve "staart" overblijft. Bevestig de staarten aan de letter O, waardoor ze in de turquoise vorm van de O passen.

Selecteer alle turquoise elementen van de O en druk op Shift-Control-] naar Brengen hen naar voren.

Stap 15

Maak een nieuwe afgeronde rechthoek boven de O, schakel deze naar Beroerte kleur. Gebruik de Schaargereedschap (C) en klik op de gemarkeerde ankerpunten om de vormen in twee delen te splitsen. Verander het uiterlijk van de onderdelen, met dezelfde instellingen van de Beroerte zoals we hebben voor de letter L.

Stap 16

Laten we nu de letter V maken. Dupliceer de gele verticale streep van de letter L twee keer en draai de strepen, waardoor ze elkaar overlappen onderaan en een V-vorm vormen.

Selecteer beide strepen en gebruik de Shape Builder Tool (Shift-M) Tijdens het vasthouden alt om de overbodige stukken te verwijderen.

Stap 17

Gebruik de Verschoven pad functie met 1,5 px verschuiving waarde en vul de gemaakte vorm met turkoois. richten de nieuwe vorm voor de bodem van de vorige brief.

Stap 18

Gum het bovenste deel van de turquoise vorm weg en bevestig er bloemende decoratieve elementen aan. Werk de letter af door decoratieve streken toe te voegen.

Stap 19

Vorm de volgende twee letters -I en N-uit de verticale delen van de letter L. Gebruik de kopieën van deze delen en combineer ze met elkaar, maak letters van dezelfde stijl.

Stap 20

En ten slotte de letter G. Maak een kopie van de letter O en gebruik de Eraser Tool (Shift-E) om een ​​stuk aan de rechterkant te wissen. Bevestig de decoratieve lijnen of maak nieuwe als ze na de transformatie misvormd lijken.

Dupliceer de gele cirkels en een kleine afgeronde rechthoek van de letter L en eindig met de letter G.

Goed gedaan! Het eerste woord van onze kaart is klaar! Laten we verder gaan en een handschrift doen!

2. Gebruik het Klodderpenseel voor het handschrift

Stap 1

Laten we nu het woord "jij" op een vrije manier schrijven. U kunt uw eigen handschrift gebruiken of een leuk handgeschreven lettertype naar wens selecteren als referentie en erboven tekenen.

Dubbelklik de Blob Brush Tool (Shift-B) om de te openen opties venster. Je kunt mijn instellingen zien in de onderstaande schermafbeelding. Ik gebruik een grafisch tablet om het proces comfortabeler en soepeler te maken en ik verander de grootte van het penseel met de [ en ] sleutels. Als u een muis gebruikt, verplaatst u de Trouw schuif naar Glad om vloeiende lijnen te krijgen.

Stap 2

De Blob Brush Tool (Shift-B) stelt ons in staat om te tekenen met vormen, dus we kunnen de lijnen niet bewerken als lijnen. We kunnen echter de Direct selectie gereedschap (A) om de ankerpunten te verplaatsen en de positie van de ankerhandgrepen aan te passen. Op deze manier kunnen we de dikte van de letter variëren, waardoor sommige delen dikker worden en de andere dunner, waardoor het echte handschrift op papier wordt nagebootst.

Dit is hoe mijn woord eruitziet. Ik volgde de letters recht boven de schets en bewerkte ze om de belettering er soepel en vloeiend uit te laten zien.

Stap 3

Nu imiteren we een typemachine-lettertype. We zouden enkele van de ingebouwde lettertypen kunnen gebruiken en gewoon het woord typen, maar laten we ons houden aan de algemene stijl van onze afbeelding en het een handgeschreven blik geven.

Allereerst, laten we een leuk typemachine-lettertype selecteren, zoals Courier, Consolas of een ander naar jouw wens. Ik gebruik de Prestige Elite Std lettertype om de frase "is like" te typen, door de grootte in te stellen 12 pt en de kleur op een lichte grijstint.

Vergrendel het object in de Lagen paneel, bewapen jezelf met de Blob Brush Tool (Shift-B) en begin met het tekenen van de letters. Ik laat ze er een beetje anders uitzien dan het origineel.

Tenslotte, groep (Control-G) elke letter en beweeg ze een beetje dichter bij elkaar.

Stap 4

Laten we nu naar het woord "magie" gaan. Ik gebruik mijn schets als een verwijzing naar de cartoonachtige letters. Gebruik de Pencil Tool (N) om een ​​gebogen swirly letter te tekenen en deze te vullen met een donkerblauwe kleur. Mijn vectorbrief lijkt niet precies op die in de schets, omdat de schets nogal ruw is.

Als je je ongemakkelijk voelt met de Pencil Tool (N) zonder een goede schets, kun je een schone schets maken met vloeiende letters, plaats deze in Adobe Illustrator, en zoek dan hierboven met de Pencil Tool (N). Dit zal u helpen om de lijnen te controleren en het tekenproces gemakkelijker te maken. 

Ik gebruik de Direct selectie gereedschap (A) om punten van de brief te verplaatsen en te bewerken die er niet goed uitzien. Probeer de wervelingen van de letter min of meer symmetrisch te laten lijken.

Stap 5

Laten we nu de letter A tekenen. Merk op hoe de linkerkant van de A mooi past bij de krul van de letter M. Dit helpt om een ​​zekere verbinding tussen de letters te bouwen.

Teken een kleine vorm bovenop de A en gebruik de Minus voorkant functie van de verkenner uitknippen en een afgerond gat vormen. 

Stap 6

Gebruik de Pencil Tool (N) en teken de volgende letter. Plaats de G boven de A en draai deze een beetje naar links, zodat deze in de boog van de A past. 

Voeg een rechte letter I toe met een speelse swirly stip erop. 

Werk af door een afgeronde C te tekenen en draai deze naar de andere kant, naar rechts. Bewerk de letters indien nodig en maak ze glad.

Stap 7

Pas de positie van de letters aan, zorg dat ze met elkaar corresponderen, plaats een aantal hoger en de anderen lager, draai ze in tegengestelde richting om het woord een speelse cartoonlook te geven.

Stap 8

Gebruik de Pencil Tool (N) nogmaals, maar schakel deze keer om Vullen kleur voor geen en de Beroerte kleur naar donkerblauw. Maak vloeiende, afgeronde streken rond de letters. In de Beroerte paneel, stel de Gewicht naar 1 pt en de Profiel naar Breedteprofiel 1.

Nu ziet het woord er gedetailleerd uit. Laten we verder gaan en de woorden combineren in een romantische kaart!

3. Combineer de Words intoto Love Postcard

Stap 1

Eerst en vooral, laten we een maken 450 x 450 px rechthoek en vul het met een zeer donkere violetblauwe kleur. Sturen de rechthoek to Back (Shift-Control- [), de achtergrond vormen.

Onze letters zien er in dit stadium plat uit, en we kunnen ze op deze manier laten liggen of proberen zachte gradiënten toe te passen om ons beeld meer diepgang te geven en de letters er ingewikkeld uit te laten zien. 

Begin met het veranderen van de kleuren van de letter L in het woord "liefhebben". Selecteer alle gele elementen en vul ze met een lineair verloop van oranje naar geel, waardoor het een vleugje goud krijgt. Gebruik de Gradient Tool (G) om het verloop verticaal te plaatsen.

Selecteer vervolgens de turquoise elementen en pas een verticale lineaire helling toe van turkoois naar blauw, waardoor de letter er gloeiend uitziet.

Kleurt ook alle resterende letters van het woord opnieuw.

Stap 2

Laten we nu werken aan het woord "jij". Begin met het toepassen van een lineaire gradiënt van lichtbruin naar lichtbeige, waarbij het verloop diagonaal wordt ingesteld.

Stap 3

Laten we nu de letter Y driedimensionaal laten lijken door subtiele schaduwen toe te voegen op de plaatsen waar de lijnen elkaar overlappen. Kopiëren de Y en Plak aan de voorkant (Control-C> Control-F). Vul de kopie met een contrastblauwe kleur. 

Zoom in de lus van de letter en gebruik de Schaargereedschap (C) om op de vier ankerpunten te klikken bij het overlappende gedeelte van de letter, gemarkeerd in de onderstaande schermafbeelding. Nu de vorm is opgesplitst in verschillende delen, houd deze dan geselecteerd, neem de Eraser Tool (Shift-E), en gebruik het zoals hieronder getoond.

Stap 4

Selecteer nu de overbodige elementen en laat slechts enkele stukken over die in schaduwen worden omgezet.

Stap 5

Stel de Overvloeimodus van de vorm aan Vermenigvuldigen en vul het met een lineair verloop van lichtbruin naar wit. U kunt ook de ondoorzichtigheid van de witte punt van het verloop naar 0%, het volledig transparant maken. Gebruik de Gradient Tool (G) om het verloop in de juiste richting te positioneren.

Deze zachte schaduwen helpen ons de delen van de letter te scheiden, waardoor ze er driedimensionaal uitzien.

Stap 6

Doe hetzelfde voor de rest van de letters en vorm de stukjes die in schaduwen worden omgezet. Ik heb deze vormen met zwarte kleur gemarkeerd in de onderstaande schermafbeelding.

Schakel deze vormen in Vermenigvuldig de mengmodus en past lineaire gradiënten toe, zoals we in de vorige stap hebben gedaan. Nu ziet ons woord er vrij driedimensionaal uit!

Stap 7

Ga naar het volgende deel van onze kaart en vul de zinsnede "is als" met een elegant goud-beige lineair verloop door alle letters te selecteren en in één keer een verloop toe te passen. Voeg aan elke kant van de frase twee dunne horizontale lijnen toe.

Stap 8

En, tot slot, het laatste woord van onze kaart: "magie". Selecteer alle letters en pas een lineair verloop toe van blauw bovenaan naar paars aan de onderkant. 

Kleur de lijnen ook, zodat ze in het palet van het woord passen. U kunt ze als lijnen achterlaten en de kleuren handmatig of Object> Uiterlijk uitbreiden en kleur ze samen met de letters door het hele woord te selecteren en een verticaal verloop toe te passen.

Stap 9

Laten we de letters wat gedetailleerder en ingewikkelder maken. Selecteer de letter M en solliciteer Verschoven pad met -2,5 px verschuiving waarde, creëer binnen een kleinere vorm. Bevestig de binnenvorm, indien nodig, door de ankerpunten en handvatten te verplaatsen met de Direct selectie gereedschap (A).

Vul de gecreëerde vorm met een verticale lineaire gradiënt van donkerblauw naar donker violet en verander de Overvloeimodus naar Scherm, de vorm semi-transparant en helder maken.

Gebruik dezelfde techniek om heldere elementen aan elke letter toe te voegen.

Stap 10

Laten we wat meer magie aan onze afbeelding toevoegen door fonkelende sterren te maken. Gebruik de Star Tool (je kunt het vinden in hetzelfde drop-down menu als andere geometrische vormen) om een ​​te maken 4-puntige ster. Houd de Controle toets terwijl je de ster maakt om de dikte aan te passen, waardoor hij bulgeert.

Maak een groep sterren van verschillende grootte, vul ze met lichtere en donkerdere gouden gradiënten en spikkel de sterren rond het woord "magie".

Stap 11

Gebruik de Pencil Tool (N) om een ​​swirly lijn te tekenen aan de linkerbovenkant van het woord "liefhebben". Overschakelen naar Beroerte kleur en breng een lineair verloop aan van bruin naar lichtbeige. Je kunt de richting van je niet bewerken Beroerte verloop met de Gradient Tool (G), maar je kunt het aanpassen Hoek van de helling paneel.

In de Beroerte paneel, stel de Gewicht naar 2 pt en de Profiel naar Breedteprofiel 1.

Stap 12

Voeg meer wervelingen en krullen toe rond het woord 'liefhebbend', vorm een ​​kader. Voeg ook wat swirls toe aan beide zijden van het woord 'jij'.

Stap 13

Werk de wervelingen af ​​door dunne, lichtviolette streken en dunne gestippelde streken toe te voegen, waardoor de wervelingen er sierlijk uitzien.

Heerlijk! Onze belettering is klaar!

Goed gedaan, mijn vrienden! We hebben onze elegante 'liefdes'-briefkaart afgewerkt, die u kunt afdrukken, in een lijst kunt plaatsen en trots aan uw geliefde kunt presenteren. Het is gemaakt door jou en, zoals je weet, handgemaakte geschenken die met liefde zijn gemaakt, zijn de beste.

Ik hoop dat je het proces van het maken van deze kaart hebt leuk gevonden en deze tips en trucs gebruikt om andere beletteringskaarten of posters te maken.

Trouwens, ik heb weer een beletteringshandleiding voor je! Het is gemakkelijk en leuk, dus probeer het eens!

  • Ontwerp een gekke retro-poster met eigenzinnige belettering in Adobe Illustrator