Hoewel het ontwerpen van een lettertype dat effectief werkt in verschillende grootten met zorgvuldig vervaardigde letter-kerning een vaardigheid is die jaren kan duren om te slijpen, zal dit snelle en leuke project laten zien hoe u uw eigen handschriftlettertypen kunt maken met Inkscape en fontastic.me, geven je hebt je eigen unieke lettertype. Het belangrijkste doel van fontastic.me is het maken van pictogramlettertypen voor websites, maar u kunt een lettertype maken van letters die u kunt gebruiken om koppen of kleine hoeveelheden tekst te maken.
Als u hier niet bekend mee bent, is Inkscape een gratis en open source vector-lijntekeningprogramma dat beschikbaar is voor Windows, OS X en Linux. Fontastic.me is een website met een verscheidenheid aan pictogramlettertypen, maar u kunt ook uw eigen SVG-afbeeldingen uploaden en deze gratis naar een lettertype converteren.
Voor deze tutorial zullen we een foto van sommige geschreven letters volgen, maar je kunt deze techniek eenvoudig aanpassen en je letters rechtstreeks in Inkscape tekenen. Dit zou vooral goed kunnen werken voor degenen die tekentabletten gebruiken.
Importeer een foto van je geschreven lettertype
Je hebt een foto nodig van enkele getekende letters als je deze wilt volgen en als je deze niet zelf wilt maken, kun je a-doodle-z.jpg downloaden en gebruiken met de hoofdletters A-Z.
Als je je eigen wilt maken, gebruik dan een donkere kleureninkt en wit papier voor een sterk contrast en fotografeer de voltooide letters goed in het licht. Probeer ook om gesloten ruimtes in letters te vermijden, zoals de 'O', omdat dit het leven gecompliceerder maakt bij het voorbereiden van je getraceerde letters.
Als u de foto wilt importeren, gaat u naar Bestand> Importeren, navigeert u naar de foto en klikt u op de knop Openen. In het volgende dialoogvenster is het raadzaam om de optie Insluiten te gebruiken.
Als het afbeeldingsbestand erg groot is, kunt u uitzoomen met behulp van de opties in het submenu Beeld> Zoom en het vervolgens opnieuw aanpassen door er eenmaal op te klikken om de pijlen in elke hoek weer te geven. Klik en sleep een hendel terwijl u de Ctrl- of Command-toets ingedrukt houdt en de oorspronkelijke verhoudingen behoudt.
Vervolgens zullen we de afbeelding traceren om vectorlijnbrieven te maken.
02 van 05Volg de foto om vectorregelbrieven te maken
Het is een goed idee om het proces van het overtrekken van bitmapafbeeldingen te bekijken voordat u begint.
Klik op de foto om ervoor te zorgen dat deze is geselecteerd en ga naar Path> Trace Bitmap om het dialoogvenster Trace Bitmap te openen. Hier hebben we alle instellingen op hun standaard gezet en het heeft een goed, schoon resultaat opgeleverd. Mogelijk moet u de trace-instellingen aanpassen, maar u kunt het gemakkelijker vinden om uw foto opnieuw te maken met betere belichting om een beeld met een sterker contrast te produceren.
In de schermafbeelding kunt u de overgetrokken letters zien die we van de oorspronkelijke foto hebben weggesleept. Wanneer het traceren is voltooid, worden de letters direct boven de foto geplaatst, dus ze zijn misschien niet erg voor de hand liggend. Voordat u verdergaat, kunt u het dialoogvenster Tracebitmap sluiten en op de foto klikken om het te selecteren en op de toets Delete op uw toetsenbord klikken om het uit het document te verwijderen.
03 of 05Splits de overtrek in afzonderlijke letters
Op dit punt worden alle letters samengevoegd, dus ga naar Path> Break Apart om ze in afzonderlijke letters te splitsen. Merk op dat als u letters hebt die uit meer dan één element bestaan, deze ook in afzonderlijke elementen zijn gesplitst. In het geval van ons voorbeeld is dit van toepassing op elke letter, dus is het zinvol om in deze fase elke letter samen te groeperen.
Om dit te doen, klikt en sleept u een selectiekader rond een letter en gaat u naar Object> Groep of drukt u op Ctrl + G of Command + G, afhankelijk van uw toetsenbord.
Vanzelfsprekend hoeft u dit alleen te doen met letters die meer dan één element bevatten. Voordat u de letterbestanden maakt, wordt het formaat van het document aangepast.
04 van 05Stel de documentgrootte in
U moet het document op een geschikt formaat instellen, dus ga naar Bestand> Documenteigenschappen en stel in het dialoogvenster de Breedte en Hoogte naar wens in. We zetten de onze op 500px bij 500px, maar idealiter zou je de breedte anders instellen voor elke letter, zodat de laatste letters netter bij elkaar passen.
Vervolgens maken we de SVG-letters die worden geüpload naar fontastic.me.
05 of 05Maak individuele SVG-bestanden voor elke brief
Fontastic.me vereist dat elke letter een apart SVG-bestand is, dus u moet deze produceren voordat u op drukt.
Sleep al uw letters zodat ze zich buiten de randen van de pagina bevinden. Fontastic.me negeert elementen die buiten het paginagebied vallen, dus u kunt deze letters hier zonder problemen laten staan.
Sleep nu de eerste letter naar de pagina en gebruik de handgrepen in de hoek om de grootte ervan opnieuw aan te passen.
Ga vervolgens naar Bestand> Opslaan als en geef het bestand een zinvolle naam. We hebben de mijne a.svg genoemd - zorg ervoor dat het bestand het achtervoegsel .svg heeft.
U kunt nu de eerste letter verplaatsen of verwijderen en de tweede letter op de pagina plaatsen en opnieuw naar Bestand> Opslaan als gaan. U moet dit voor elke letter doen. Als u geduldig bent, kunt u de breedte van de pagina aanpassen om elke letter beter te laten overeenkomen.
Ten slotte zou je kunnen overwegen om interpunctie te produceren, hoewel je zeker een spatie wilt. Voor een spatie, sla een lege pagina op. Ook als u hoofdletters en kleine letters wilt, moet u deze allemaal ook opslaan.
Nu kun je fontastic.me bezoeken en je lettertype maken. U kunt een beetje over dit proces leren in een begeleidend artikel waarin wordt uitgelegd hoe u fontastic.me gebruikt om uw lettertype te maken.
