De grondbeginselen van tekeningtype en het creëren van uw eigen handgeschreven lettertype

Wat je gaat creëren

Ooit wilde je je digitale lay-outs en ontwerpen een echt persoonlijk tintje geven? In deze zelfstudie zullen we bekijken hoe u een lettertype kunt maken met uw eigen handschrift, voor gebruik op uw computer. 

De tutorial zal worden opgesplitst in drie delen. Eerst zullen we kijken naar de basis van het tekenen van een lettertype. Zodra we opgewarmd zijn, zullen we zien hoe u uw handschrift kunt optimaliseren om een ​​hoge kwaliteit en veelzijdigheid te garanderen. En tot slot zullen we enkele verschillende methoden analyseren om uw lettertype op de computer te krijgen en uw handgetekende letters om te zetten in een digitaal lettertype.

1. Oefententype

Wat je nodig hebt voor het eerste deel van deze tutorial:

  • teken papier (wit)
  • geslepen HB of 1H potlood
  • heerser met millimetermetingen

U schrijft waarschijnlijk elke dag krabbels of lijsten, maar u bent zich zelden bewust van uw handschrift. Wanneer u zich plotseling heel bewust wordt van uw eigen handschrift, kan het er onnatuurlijk uitzien.

U moet eerst in een meer natuurlijke schrijfwijze komen. Ik vind de beste manier om dit te doen, is oefenen met het tekenen van een lettertype. Dit is ook erg handig omdat het je meer bewust maakt van de belangrijkste kenmerken van een lettertype en je meer in staat bent om gemeenschappelijke kenmerken (consistenties) tussen verschillende karakters binnen een lettertype te herkennen. Dit zal nuttig zijn wanneer we onze eigen handgeschreven karakters gaan verfijnen en optimaliseren voor digitalisering.

Stap 1

Leg je liniaal plat over de pagina, in een horizontale hoek, zo recht als je kunt maken. Neem je geslepen potlood en druk matig hard naar beneden, teken een lijn boven de bovenrand van de liniaal. 

Als uw liniaal een gestandaardiseerde 30 mm brede liniaal is, kunt u de liniaal op zijn plaats houden en een tweede lijn langs de onderrand van de liniaal tekenen. Dit heeft het voordeel dat beide lijnen perfect parallel lopen. Anders maakt u gewoon twee horizontale lijnen, 30 mm deel. De onderste regel vertegenwoordigt de Baseline, en de bovenste regel is de Cap hoogte

Markeer de top 10 mm derde van de totale hoogte tussen de lijnen en teken een derde horizontale lijn met je liniaal en potlood, druk lichtjes omlaag om een ​​iets zwakkere lijn te maken. Deze regel vertegenwoordigt de x-height. Voer in mijn artikel over A tot Z van typografie swot-up in op uw typografische termen, zoals x-hoogte en basislijn.

Stap 2

U kunt de reeks regels herhalen, met dezelfde metingen van Stap 1, om een ​​pagina te maken die is gevuld met regels. Dit is je eigen schrijfschema, waarop je tekenletters kunt oefenen.

Stap 3

Open een softwareprogramma waarmee u eenvoudig tekst kunt bewerken, zoals Adobe InDesign, of zelfs Microsoft Word of Pages

Selecteer een klassieker serif lettertype, zoals Adobe Caslon Pro, die hier wordt weergegeven, of Garamond. Als u wilt oefenen met het tekenen van een lettertype, kunt u het beste eerst een schreeflijn kiezen om te tekenen, omdat schreefloze lettertypen subtielere functies hebben en het lastiger is om nauwkeurig te tekenen als u een beginner bent.

Typ de volgende tekens: 'H n o y', met een spatie tussen elk. Dit zijn goede tekens om uit te kiezen, omdat ze verschillende functies hebben: twee verticale stelen en een dwarsbalk op de 'H', een diafragma en schreven op de 'n', een volledig gesloten toonbank op de 'o', en een vegen daler en diagonale armen op de kleine letter 'y'.

Als je aan het werken bent InDesign u kunt ook het basislijnraster inschakelen (Beeld> Grids & gidsen> Toon basislijnraster) om gemakkelijker te zien hoe de verhoudingen van de personages op één lijn liggen met elkaar.

Blaas de personages op grote schaal op je scherm op of zoom in. Nu kun je beginnen met het tekenen van de personages. Wissel af tussen het gebruik van uw liniaal en teken met de hand. Maakt u zich geen zorgen als uw pogingen er een beetje rommelig uitzien - het doel van deze oefening is dat u vertrouwd raakt met het tekeningtype en dat u de kenmerken van het lettertype en de overeenkomsten (of verschillen) tussen elk teken observeert..

Je zult merken dat serif-letterbeelden gebaseerd zijn op de principes van symmetrie en orde. Verleng de streken van de rand van de personages en zie de hoeken en verhoudingen. Stelen hebben bijna altijd dezelfde breedte, ongeacht het karakter, maar je zou kunnen opmerken dat de grootte van de schreef iets groter is bij de hoofdletter 'H'. Merk ook op dat sommige delen van de karakters dunner zijn; dit soort beroertes worden haarlijnen genoemd.

Stap 4

Hoewel we niet al deze kenmerken op ons met de hand geschreven lettertype zullen toepassen, is het echt belangrijk om te erkennen dat alle lettertypen worden beheerst door een reeks regels, of ze nu formeel zijn, wat vaker voorkomt met het serif en sans serifs type of informeel, dat is meer gebruikelijk met handgetekende, geschilderde of handgeschreven lettertypen.

Als je eenmaal hebt getracht een lettertype of meerdere lettertypen te tekenen als je wilt, zou je wat onderzoek moeten doen naar handgeschreven lettertypen, om je te helpen nadenken over hoe je je handgeschreven lettertype wilt ordenen.

Ga naar een bron voor lettertype, zoals FontSquirrel of DaFont en bekijk de handgeschreven lettertypen die daar beschikbaar zijn. Kies een lettertype dat volgens u kwaliteiten deelt met uw eigen handschrift en download het. 

Kies een softwareprogramma waarmee u de volledige reeks tekens in het lettertype kunt bekijken. Adobe InDesign is een goede keuze, maar je kunt ook gebruiken glyphs, waar we later naar zullen kijken.

Maak in InDesign een tekstkader en stel het in doopvont naar uw nieuw gedownloade lettertype. Hier heb ik gekozen Wagnasty. Ga naar Venster> Type en tabellen> Glyphs om de te openen glyphs paneel. U kunt de volledige reeks tekens bekijken die beschikbaar zijn in het lettertype. 

Noteer welke soorten tekens aanwezig zijn en wat afwezig is. In Wagnasty hebben we bijvoorbeeld:

  • een volledige set hoofdletters, van A tot Z
  • geen kleine letters
  • een volledige reeks cijfers, van 1 tot 9
  • volledige stop (.), komma (,), dubbele punt (:), puntkomma (;), uitroepteken (!), vraagteken (?)
  • apostrof (')
  • ronde (haakjes) haakjes (), vierkante haakjes [], accolades / accolades en punthaken <>
  • enkele wiskundige basis- / vergelijkingssymbolen (= +%)
  • hashtag (#)
  • sommige valutasymbolen
  • asterisk (*)
  • slash (/), backslash (\), streepje (-), omgedraaid streepje (~), verticale balk (|)

Dit is een standaardset tekens waarmee je de meeste dingen in het Engels kunt schrijven zonder al te veel problemen.

U moet ook opmerken of het lettertype extra gewicht heeft, bijvoorbeeld. stoutmoedig of cursief. Vaker wel dan niet, zal een met de hand geschreven doopvont slechts één regelmatig gewicht hebben, aangezien het doopvont er authentiek moet uitzien. Het toepassen van een ander gewicht kan er onnatuurlijk uitzien.

De meeste handgeschreven lettertypen hebben een soortgelijke basisset tekens. Net zoals Callie Hand:

Of sommige bevatten misschien nog een paar, zoals dagboek, waaronder enkele eigenzinnige handgetekende symbolen of afbeeldingen:

2. Je eigen personages schrijven

Nu u tekenfiguurtekeningen hebt geoefend, en hebt gekeken naar het bereik van handgeschreven lettertypen die er zijn en de tekens die beschikbaar zijn binnen elke letterreeks, kunt u beginnen na te denken over het samenvoegen van uw eigen persoonlijke lettertype.

Voor dit gedeelte van de zelfstudie hebt u het volgende nodig:

  • lijntjes papier (een sjofele oude notebook is voldoende)
  • teken papier (wit en met wat textuur als je je karakters een meer informele, rustieke uitstraling wilt geven)
  • geslepen HB of 1H potlood
  • heerser met millimetermetingen
  • een fijne punt pen voor vloeibare inkt in het zwart (ik gebruik graag een Pilot Hi-TecPoint)
  • gom

Stap 1

Veel mensen zullen in de loop van de tijd twee of meer varianten van hun handschrift hebben ontwikkeld. Wanneer ik langere tekstgedeelten opslaat, neigt mijn handschrift zich samen te voegen en iets naar rechts te schuiven, waardoor een cursief cursief type wordt gemaakt.

Er zijn echter een aantal problemen bij het converteren van cursief of scripthandschrift naar een digitaal lettertype. Je zou ervoor moeten zorgen dat de tekenspatiëring (ruimte tussen de tekens) heel nauwkeurig wordt vastgelegd, zodat de personages altijd perfect samengevoegd lijken te zijn. Je zou er ook voor moeten zorgen dat elke combinatie van personages er perfect zou uitzien, wat erg moeilijk is zonder uren achteraf het script op je computer te moeten bewerken.

Dus, tenzij u op zoek bent naar hoofdpijn, is het raadzaam om te kijken naar het digitaliseren van handschrift dat niet cursief is. In plaats daarvan zou het zelfstandige karakters moeten zijn die niet verfijnd hoeven te worden om precies overeen te komen met een bepaald naburig karakter. 

Gelukkig gebruik ik vaak een andere variant van mijn handschrift, meestal voor het annoteren van documenten of het schrijven van snelle notities. Het zit allemaal in hoofdletters en is niet verbonden. Het heeft ook een lichte cursieve inslag.

Kies een korte passage uit een boek en kopieer de tekst op gelinieerd papier met uw natuurlijke handschriftstijl. Terwijl je je best doet om het schrift natuurlijk te houden, probeer je ervoor te zorgen dat de personages niet te veel worden gekoppeld of elkaar raken. Het maakt niet uit of u hoofd- en kleine letters mixt. Maar let op, als je dat wilt, moet je uiteindelijk een volledige set hoofdletters en een volledige set kleine letters maken.

Je kunt ook oefenen met het uitschrijven van enkele symbolen, zoals uitroeptekens of haakjes.

U kunt deze boekpassage gebruiken als een handige referentie voor wanneer u begint met het maken van uw laatste handschrift. Het is niet altijd vanzelfsprekend om afzonderlijke tekens te schrijven, in een A tot Z volgorde, dus je kunt naar de passage kijken en zien hoe je een 'G' of een 'F' hebt gemaakt, bijvoorbeeld toen je aan het schrijven was een vloeiende, natuurlijke manier.

Stap 2

Keer terug naar je tekenpapier. Neem je potlood en liniaal en volg het Stappen 1 en 2 van Deel een van de tutorial (hierboven), teken een reeks van drie lijnen, die de cap-hoogte, x-hoogte en baseline vertegenwoordigen. 

In Deel een, we hebben een groep lijnen gemaakt met een totale hoogte van 30 mm. Als je echter probeerde op deze schaal op een natuurlijke manier te schrijven, zou je het zeker moeilijk hebben! Verklein de totale hoogte tussen de Cap hoogte en Baseline naar 6 mm; markeer de bovenkant 2 mm derde daarvan om de x-height

Je zou zelfs merken dat dit nog steeds te groot is om je in staat te stellen om op een natuurlijke manier te schrijven zonder je te belasten. Schrijf een aantal tekens op het papier, om te zien in welke maat je je personages op natuurlijke wijze schrijft. 

Verklein de totale hoogte tot 4 of 5 mm als je het prettiger vindt om op een kleinere schaal te schrijven.

Herhaal de reeks regels totdat u de pagina hebt gevuld.

Stap 3

Neem uw inktpen (de zwarte inkt zorgt voor een goed contrast om later te scannen) en draai het papier een beetje tegen de klok in. Dit is om te voorkomen dat u te veel over uw arm spant terwijl u schrijft.

In hetzelfde tempo dat u normaal gesproken zou schrijven, schrijft u in één keer de hoofdletters van A tot Z, langs dezelfde lijn als u ruimte hebt. 

Als je fouten maakt, probeer je het gewoon opnieuw op de volgende regel. Maar maak je geen zorgen over eventuele kleine fouten of eigenaardigheden in het schrijven. Je wilt dat het schrift er organisch en natuurlijk uitziet, en als je het te veel perfectioneert, kom je daar vanaf.

Terugkerende naar de lijst met personages die we hebben genoteerd Deel een van de zelfstudie, noteer andere tekens in dezelfde natuurlijke stijl en op dezelfde schaal. Als u wilt, kunt u ook een reeks kleine letters, a tot z, schrijven.

Stap 4

Laat de inkt volledig opdrogen en neem vervolgens een gum en wrijf de potloodlijnen rond de tekens voorzichtig weg, zodat je een mooie set schone karakters overhoudt, klaar om gescand te worden.

3. Scannen en digitaliseren van uw lettertype

Voor dit laatste deel van de tutorial heb je nodig:

  • een scanner (of als alternatief een statief en een digitale camera)
  • Adobe Illustrator
  • toegang tot een font-editor / conversiesoftware, bijv. FontLab Studio of Glyphs (u kunt een gratis 30-dagen probeerversie van Glyphs krijgen en een miniversie is beschikbaar op Mac-apps)

Notitie: We nemen u mee door het gebruik van glyphs in deze tutorial, maar er zijn veel geweldige typebewerkingsprogramma's die er zijn. Ik persoonlijk vind glyphs zeer gebruikersvriendelijk zijn, maar veel typografen zullen ook sterke argumenten naar voren brengen FontLab en RoboFont.

Stap 1

De scanner instellen op een hoge dpi (ik heb gescand bij 1600 dpi), scan in uw handschriftvoorbeeld. 

Sla het bestand op als een TIFF of JPEG. Open dan Adobe Illustrator en maak een Nieuw document.

Ga naar Bestand> Plaats en selecteer uw gescande afbeelding. Met de afbeelding geselecteerd, opent u de Beeld spoor paneel (Venster> Afbeelding volgen). Met de Voorbeeld vak aangevinkt, stelt u de mode naar Zwart en wit, en pas de Drempel, Paths en Corners niveaus totdat u tevreden bent met de nauwkeurigheid van het trace. Klik Spoor.

Ga vervolgens met de afbeelding die nog steeds is geselecteerd naar Object> Afbeelding volgen> Uitbreiden. Als laatste stap, Control-Click (Mac OS) of Right-Click (Windows)> Degroeperen. 

Nu moet je alle witte delen van de afbeelding verwijderen. Open de Lagen paneel (Venster> Lagen) en maak een nieuwe laag. Sleep het naar beneden om de nieuwe laag onder de afbeeldingslaag te plaatsen. Selecteer de Rechthoekgereedschap (M) en sleep om een ​​rechthoek te maken die zich over het hele tekengebied uitstrekt. Stel de Vullen tot een contrasterende heldere kleur.

Nu kun je gemakkelijker zien waar wit staat op de afbeelding. Selecteer het witte gebied rond de buitenkant en verwijder. Selecteer de kleinere witte gebieden in de kommen en tellers van tekens en wis ze.

U hebt met succes uw handschrift, geweldig werk gevectoriseerd! 

Stap 2

Open nu je lettertypebewerkingssoftware. Hier ga ik je meenemen door het proces van het digitaliseren van je handgeschreven lettertype met behulp van glyphs.

Ga naar Bestand> Nieuw om een ​​nieuw lettertype van Glyphs te maken. Aan de linkerkant van het Glyphs-venster dat wordt geopend, ziet u een menu met opties, met groepen tekens die u aan het lettertype kunt toevoegen. 

Klik Brief om de volledige set menu-opties te bekijken. Als u hoofdletters wilt invoegen, selecteert u hoofdletters. Een volledige set hoofdletters, van A tot Z, verschijnt in het venster.

Dubbelklik op een teken om het rechtstreeks te bewerken. 

Spring terug naar Illustrator en selecteer het relevante vectorkarakter. Ga naar Bewerken> Kopiëren.

Terug keren naar glyphs, en ga naar Bewerken> Plakken. Glyphs plaatst de vector in het venster, klaar om te schalen en aan te passen. De numerieke waarden onderaan het scherm kunnen worden bewerkt, zodat u de ruimte aan de linker- en rechterkant van het teken kunt aanpassen, waardoor de tekenspatiëring wordt beïnvloed. 

Aan de linkerkant van het venster kunt u zien '-' en '+' symbolen, waarmee u het personage kunt schalen. U kunt de schaal ook handmatig aanpassen met behulp van de Schaal (S) hulpmiddel toegankelijk via het deelvenster Gereedschappen boven in het venster.

Gebruik de hulplijnen op het scherm als een gids en zet de onderkant van het personage op de Baseline, en de bovenkant van het personage (als het hoofdletters is) voldoet aan de Cap hoogte lijn.

Stap 3

U kunt terugbladeren om de volledige reeks tekens te bekijken door op te klikken doopvont schuif naar de bovenkant van het venster.

Herhaal het bovenstaande proces, dubbelklik op tekens in Glyphs om ze te openen en ga heen en weer tussen Illustrator en Glyphs, kopieer en plak tekens in.

U kunt ook beginnen met het toevoegen van andere soorten tekens, met behulp van het linker menu in het venster Glyphs. U moet handmatig toevoegen Numbers en Interpunctie markeringen, selecteer ze uit de pop-outmenu's en selecteer voortbrengen.

Stap 4

Nadat u alle tekens voor uw lettertype hebt toegevoegd, kunt u deze een naam geven. 

Ga naar Bestand> Fontinfo om een ​​nieuw venster te openen. 

Geef het lettertype een passende naam en u kunt ook aanvullende gegevens toevoegen, zoals uw naam, uw website en uw Copyright-informatie. Als je klaar bent, sluit je gewoon het venster.

Stap 5

Nadat u de tekens in uw lettertype hebt bewerkt, kunt u deze als een digitaal lettertype exporteren. 

Ga naar Bestand> Exporteren

Houd de standaardopties zoals ze zijn, om een ​​te maken OpenType-lettertype, dan klikken volgende. Bewaar het lettertype in een map die gemakkelijk doorzoekbaar is.

U kunt Glyphs afsluiten en naar de gewenste map gaan om het lettertypebestand te bekijken. 

U kunt dit vervolgens op uw computer installeren, net als elk standaard .otf-lettertype.

Conclusie

Uw handgeschreven lettertype is nu gereed en klaar om te gebruiken als een digitaal lettertype in uw eigen documenten. Gebruik het om een ​​persoonlijk tintje toe te voegen aan notities of aantekeningen, of gebruik het in ontwerpopmaken om uw illustraties echt uniek te maken!

Laten we samenvatten welke lessen we in deze tutorial hebben behandeld. We keken naar:

  • hoe oefen tekeningstype, en herkennen gemeenschappelijke elementen en regels over letterbeelden
  • hoe pas die tekenlessen toe op je eigen handschrift, optimaliseren voor digitalisering
  • hoe scan je kunstwerken en vectoriseer het in Illustrator
  • hoe converteer uw vectoren naar een digitaal lettertype, bewerken met Glyphs of andere software voor het bewerken van lettertypen

Geweldig werk! Veel plezier met het maken van meer eigen lettertypen - waarom niet experimenteren met verschillende handgetekende of geverfde stijlen?