In deze zelfstudie laten we u zien hoe u uw eigen lettertype kunt maken met Illustrator en de online webservice fontastic.me.
Om verder te gaan, heb je een exemplaar van Adobe Illustrator nodig, maar als je geen exemplaar hebt en het niet wilt kopen, ben je misschien geïnteresseerd in onze gelijkaardige tutorial die Inkscape gebruikt. Inkscape is een gratis, open source alternatief voor Illustrator. Welke vectorlijntekeningstoepassing u ook gebruikt, fontastic.me biedt zijn service volledig gratis aan.
Terwijl we je laten zien hoe je een handgetekend lettertype kunt maken met een foto van letters op papier, kun je vergelijkbare technieken gebruiken om een lettertype te maken met letters die rechtstreeks in Illustrator zijn getekend. Als u een tekentablet gebruikt, heeft dit wellicht de voorkeur boven u.
Als u een foto gebruikt, moet u ervoor zorgen dat u een donkere pen gebruikt om uw letters te tekenen en gewoon wit papier te gebruiken voor een maximaal contrast. Neem ook uw foto in goed licht om een foto te maken die helder en contrastrijk is zodat Illustrator de afzonderlijke letters zo eenvoudig mogelijk kan traceren.
Open een leeg document
De eerste stap is om een leeg bestand te openen om in te werken.
Ga naar Bestand> Nieuw en stel in het dialoogvenster de gewenste grootte in. We gebruikten een vierkant paginaformaat van 500 px, maar u kunt dit naar wens instellen.
Vervolgens importeren we het fotobestand in Illustrator.
Importeer uw foto van handgetekende tekst
Als u geen foto van handgetekende tekst hebt om mee te werken, kunt u hetzelfde bestand downloaden dat we voor deze zelfstudie hebben gebruikt.
Ga naar om het bestand te importeren Bestand> Plaats en navigeer vervolgens naar waar uw foto van handgetekende tekst zich bevindt. Klik op de Plaats knop en je ziet de foto in je document verschijnen.
We kunnen dit bestand nu traceren om ons vectorbrieven te geven.
Trek de foto van de hand getrokken letters
Het traceren van de letters is heel eenvoudig.
Ga gewoon naar Object> Live Trace> Maken en uitbreiden en na een paar momenten ziet u dat alle letters zijn bedekt met nieuwe vectorlijnversies. Minder voor de hand liggend is het feit dat ze worden omringd door een ander object dat de achtergrond van de foto vertegenwoordigt. We moeten het achtergrondobject verwijderen, dus ga naar Object> Groep opheffen en klik vervolgens ergens buiten het rechthoekige selectiekader om alles te deselecteren. Klik nu dicht bij, maar niet op, een van de letters en je zou moeten zien dat de rechthoekige achtergrond is geselecteerd. Druk gewoon op Verwijder toets op uw toetsenbord om het te verwijderen.
Dit laat alle individuele letters achter, maar als een van uw letters meer dan één element bevat, moet u deze samen groeperen. Al onze letters bevatten meer dan één element, dus we moesten ze allemaal groeperen. Dit wordt gedaan door een selectiekader te klikken en te slepen dat alle verschillende delen van een letter omvat en vervolgens naar toe gaat Object> Groep.
U blijft nu zitten met al uw individuele letters en vervolgens gebruiken we deze om de afzonderlijke SVG-bestanden te maken die we nodig hebben om een font op fontastic.me te maken.
Verwant: Misschien wilt u ook leren Live Trace te gebruiken in Illustrator.
Sla individuele letters op als SVG-bestanden
Helaas staat Illustrator je niet toe om meerdere tekengebieden op te slaan in afzonderlijke SVG-bestanden, dus elke letter moet handmatig worden opgeslagen als een apart SVG-bestand.
Selecteer en sleep eerst alle letters zodat ze het tekengebied niet overlappen. Sleep vervolgens de eerste letter naar het tekengebied en pas de grootte opnieuw aan om het tekengebied te vullen door een van de handgrepen van de hoek te slepen. Houd de toets ingedrukt Verschuiving toets terwijl u dit doet om dezelfde verhoudingen te behouden.
Ga naar wanneer je klaar bent Bestand> Opslaan als en in het dialoogvenster de Formaat ga naar beneden SVG (svg), geef het bestand een betekenisvolle naam en klik Opslaan. U kunt nu die letter verwijderen en de volgende op het tekengebied plaatsen en opnieuw aanpassen. Nogmaals doen Opslaan als en ga door totdat je al je brieven hebt bewaard.
Bewaar ten slotte voordat u verdergaat een leeg tekengebied, zodat u dit als een spatie kunt gebruiken. U kunt ook overwegen leestekens en kleine letters van uw brieven op te slaan, maar we hebben ons niet drukgemaakt over deze tutorial.
Als deze afzonderlijke SVG-briefbestanden gereed zijn, kunt u de volgende stap nemen om uw lettertype te maken door deze naar fontastic.me te uploaden. Bekijk dit artikel om fontastic.me te gebruiken om uw lettertype te voltooien: Maak een font met Fontastic.me.
Gebruik het exportvenster voor nieuwe activa
De huidige versie van Adobe Illustrator bevat een nieuw paneel waarmee u al uw tekeningen op één tekengebied kunt plaatsen en deze als afzonderlijke SVG-documenten kunt uitvoeren. hier is hoe:
- kiezen Venster> Activum exporteren om het Asset Export-paneel te openen.
- Selecteer een of alle letters en sleep ze naar het paneel. Ze verschijnen allemaal als afzonderlijke items.
- Dubbelklik op de naam van het object in het paneel en hernoem het. Doe dit voor alle items in het paneel.
- Selecteer de items die u wilt exporteren en selecteer SVG van de Formaat schiet naar beneden.
- Klik Exporteren.
