Een pixelart-lettertype ontwerpen voor Divoom-displays

Een pixelart-lettertype ontwerpen voor Divoom-displays

Een pixelartlettertype ontwerpen voor Divoom-displays betekent dat je lettervormen op een raster opbouwt, waarbij elk vierkant rechtstreeks overeenkomt met een fysieke led op je apparaat. Je hebt geen professionele ontwerpsoftware of een diploma in typografie nodig om te beginnen — met een gratis rastertool in de browser en een basiskennis van de structuur van letters kun je aangepaste lettertypen maken die over je Pixoo-64 scrollen, je Times Gate laten oplichten of gepersonaliseerde berichten op je Ditoo Pro laten verschijnen.

Het proces bestaat uit vier fasen: begrijpen hoe pixelrasters het letterontwerp beperken, een tool kiezen die bij je vaardigheidsniveau past, je tekens ontwerpen en ze exporteren als afbeeldingen of animaties die de Divoom-app kan weergeven. Deze handleiding leidt je met concrete voorbeelden door elke fase, zodat je in één sessie van een leeg raster naar een werkend aangepast lettertype kunt gaan.

Wat een pixellettertype anders maakt

Een pixellettertype is een lettertype dat volledig op een vast raster is opgebouwd, waarbij elke eenheid één zichtbare pixel vertegenwoordigt. In tegenstelling tot vectorlettertypen, die soepel naar elk formaat kunnen worden geschaald, omarmen pixellettertypen hun blokkerige karakter — elke curve wordt benaderd met afzonderlijke vierkantjes. Op een Divoom-leddisplay is dit geen beperking; het is juist het hele idee. Elke led op het paneel is een echte, fysieke pixel, waardoor je letterontwerp één op één overeenkomt met de hardware.

Enkele typografische concepten zijn rechtstreeks van toepassing op pixelrasters. Als je ze kent, kun je bewuste ontwerpkeuzes maken in plaats van te gokken:

  • Basislijn — de horizontale rij waarop de meeste letters staan. In een raster van 5×7 is de basislijn meestal rij 6 (de op één na onderste rij).
  • X-hoogte — de hoogte van kleine letters zoals a, c, e en x. Meestal 3–4 pixels in een klein lettertype en 4–5 in een middelgroot lettertype.
  • Kapitaalhoogte — de bovenkant van je hoofdletters, meestal uitgelijnd met de bovenkant van het raster of één rij daaronder.
  • Schachtletters — delen van letters die boven de x-hoogte uitsteken, zoals de lange verticale lijn in b, d, h, k of l.
  • Staartletters — delen die onder de basislijn uitsteken, zoals de staart van g, j, p, q of y.
  • Tekstbreedte — de meeste pixellettertypen gebruiken tekens van 3–5 pixels breed, met minstens 1 pixel tussenruimte tussen elke letter.

Deze termen komen uit de traditionele typografie, maar op een pixelraster worden het concrete afmetingen die je kunt tellen. De pixelarttraditie van werken binnen strikte rasterbeperkingen gaat tientallen jaren terug — van de eerste computerschermen tot arcadekasten — en dezelfde discipline geldt vandaag de dag bij het ontwerpen voor ledpanelen.

Pixel Overload legt de typografische terminologie en twee praktische methoden voor het ontwerpen van pixelfonts op een raster uit.

Je canvasgrootte kiezen

Het pixelraster van je Divoom-scherm bepaalt hoe gedetailleerd je lettertype kan zijn. Een groter raster geeft je meer ruimte voor lettervormen met stokletters, staartletters en decoratieve details. Een kleiner raster dwingt je tot eenvoudigere, vettere ontwerpen die op afstand toch duidelijk leesbaar blijven.

Scherm Pixoo-64
64×64 ledpaneel
Divoom Pixoo-64-ledscherm met pixelart
Times Gate
5× 128×128-lcd-schermen
Divoom Times Gate-informatiescherm met pixelart
Ditoo Pro
16×16 ledfrontpaneel
Divoom Ditoo Pro-luidspreker met retro-pixelart
Rastergrootte 64×64 pixels 128×128 per scherm 16×16 pixels
Aanbevolen lettergrootte 5×7 of 8×8 8×8 of 10×14 3×5 of 5×7
Ideaal voor Gedetailleerde lettertypen, tekst op meerdere regels, opvallende scrollende berichten Lettertypen met veel detail op speciale schermen, tekst in dashboardstijl Eenvoudige scrollende namen, korte citaten, compacte charme
Tekstweergavestijl Statische of scrollende animatie Statisch op het ene scherm, scrollend op het andere Scrollende animatie (primaire methode)

Als je je eerste pixelfont ontwerpt, begin dan met een raster van 5×7. Dat is de ideale middenweg — genoeg ruimte voor duidelijke kleine letters met stokletters en staartletters, maar niet zoveel ruimte dat beginners worden overweldigd door de vele pixelkeuzes.

De juiste tool kiezen

Je hoeft geen software te kopen om een pixelfont te ontwerpen. Verschillende gratis tools werken rechtstreeks in je browser en zijn gebaseerd op dezelfde rasterbenadering die pixelfonts vereisen. Zo verhouden de belangrijkste opties zich tot elkaar:

Aseprite — Beste algemene pixelartbewerker

Aseprite is de industriestandaard voor het maken van pixelart en is ook geschikt voor letterontwerp. Het ondersteunt lagen, animatieframes en export van spritesheets — belangrijk als je later scrollende tekstanimaties wilt maken. Het nadeel zijn de kosten: Aseprite is betaalde software (ongeveer $20), al kun je het programma gratis vanuit de broncode compileren als je technisch onderlegd bent. Beschikbaar voor Windows, macOS en Linux.

Kies Aseprite als je zowel pixelart als lettertypen wilt maken, of als je animatieondersteuning in je workflow wilt integreren.

Piskel — Gratis pixelbewerker in de browser

Piskel werkt volledig in je browser en vereist geen installatie. Het biedt een overzichtelijke interface met rasteruitlijning, een animatietijdlijn en export naar PNG of GIF. Het is eenvoudiger dan Aseprite, maar die eenvoud is een voordeel wanneer je leert. Ontwerp elke letter in een afzonderlijk frame en exporteer de set vervolgens als afzonderlijke PNG's of als spritesheet.

Kies Piskel als je zonder installatiekosten aan de slag wilt met een tool die je in elk tabblad kunt openen.

FontStruct — Speciaal gemaakt voor het ontwerpen van rasterlettertypen

FontStruct hanteert een andere aanpak. In plaats van pixelart te tekenen, plaats je "bakstenen" op een raster om elk teken op te bouwen — en de tool exporteert je ontwerp als een echt TrueType-lettertypebestand (.ttf) dat je op elke computer kunt installeren. Het is gratis, werkt in de browser en is speciaal gemaakt voor precies dit soort rastergebonden letterontwerpen.

Kies FontStruct als je naast pixelafbeeldingen ook een echt installeerbaar lettertype wilt, of als je liever met slepen en neerzetten werkt dan uit de vrije hand te tekenen.

Divoom-app — Ingebouwde pixelbewerker

De gratis Divoom Smart App (beschikbaar op iOS en Android) bevat een eenvoudige pixelbewerker. Je kunt eenvoudige tekstontwerpen tekenen en ze rechtstreeks naar je apparaat sturen, zonder export- of importstappen. De app is beperkt voor het ontwerpen van een volledig alfabet, maar geweldig voor snelle eenmalige berichten of om te testen hoe een lettertypeconcept eruitziet op je eigen display.

Begin alleen met je naam of een korte zin voordat je een volledig alfabet ontwerpt. Met een woord van 5 letters kun je spatiëring, leesbaarheid en stijl testen zonder je meteen vast te leggen op 26 tekens plus leestekens.

Drie manieren om je eerste letter te ontwerpen

Er zijn drie veelgebruikte manieren om lettervormen op een pixelraster te maken. Elke methode zorgt voor een ander visueel karakter, en de beste keuze hangt af van de grootte van je raster en de stijl die je nastreeft.

Lijnmethode

Teken elk teken regel voor regel op het raster, vergelijkbaar met handschrift, maar beperkt tot horizontale, verticale en 45-gradestrepen. Dit levert dunne, strakke lettervormen op die nauwkeurig en modern aanvoelen. De methode werkt goed bij een formaat van 5×7 en groter. Het belangrijkste aandachtspunt is dat lettertypen volgens de lijnmethode er vaak licht uitzien — op zeer kleine formaten kunnen dunne strepen moeilijk leesbaar worden tegen een heldere ledachtergrond.

Blokmethode

Begin met gevulde rechthoekige vormen voor elke letter en snijd vervolgens negatieve ruimte uit om het teken te definiëren. Dit levert krachtigere, zwaardere lettervormen op die zelfs bij een formaat van 3×5 leesbaar blijven. De blokmethode is de meest vergevingsgezinde aanpak voor beginners die met kleinere rasters werken, zoals het 16×16-paneel van de Ditoo Pro, waar elke pixel visueel zwaar weegt.

Pixel voor pixel

Plaats afzonderlijke pixels één voor één en bouw elke letter helemaal opnieuw op. Dit is de meest nauwkeurige aanpak, maar ook de langzaamste. Hij komt goed tot zijn recht op rasters van 8×8 en groter, waar je genoeg ruimte hebt om subtiele details toe te voegen — een lichte kromming aan een S, een scherpe schreef aan een T of een ronde kom aan een B. Op een Pixoo-64 biedt het pixel-voor-pixelontwerp dankzij het raster van 64×64 voldoende ruimte om elk teken te verfijnen.

Je lettertype leesbaar maken

De leesbaarheid bepaalt het succes of falen van een pixellettertype. Op een LED-display, waar pixels fysieke lichtpunten zijn, vallen kleine leesbaarheidsfouten meer op dan op een monitor. Een paar regels die de leesbaarheid consequent verbeteren:

  • Houd minimaal 1 pixel ruimte tussen tekens aan. Letters die elkaar raken, veranderen in klonten, vooral op LED-panelen waar het licht tussen aangrenzende pixels een beetje uitvloeit.
  • Houd de tekenbreedtes consistent. Als je A 5 pixels breed is, zouden de meeste andere hoofdletters ook 4–5 pixels breed moeten zijn. Grote variatie zorgt ervoor dat tekst er tijdens het scrollen ongelijkmatig uitziet.
  • Test al vroeg op de werkelijke displaygrootte. Zoom uit totdat elke pixel ongeveer zo groot is als een led op je apparaat. Als letters niet meer van elkaar te onderscheiden zijn, moeten ze opnieuw worden ontworpen.
  • Let op verwisselbare letterparen. Een hoofdletter I en een kleine letter l, een hoofdletter O en een nul, een kleine lettercombinatie rn en de letter m — bij kleine pixelgroottes vallen deze vormen samen tot identieke vormen, tenzij je bewust verschillen ontwerpt.
  • Laat schreefletters onder 5×7 achterwege. Schreven nemen pixels in beslag die je letterlichaam nodig heeft. Bij 3×5 levert een strak schreefloos ontwerp altijd een beter resultaat op dan een ontwerp met schreven.
Divoom Pixoo-64 LED-display met pixelkunst waarop aangepaste pixelafbeeldingen naast een gamingmonitor worden weergegeven
Het raster van 64×64 pixels van de Pixoo-64 biedt aangepaste pixellettertypen voldoende ruimte om gedetailleerde lettervormen en scrollende berichten naast elkaar weer te geven.

Van ontwerp naar je Divoom-display

Zodra je lettertype is ontworpen, is de laatste stap om het op je apparaat te zetten. De werkwijze verschilt afhankelijk van of je statische tekst of geanimeerd scrollende tekst wilt.

Statische tekst

  1. Stel in je ontwerptool het volledige bericht samen met je aangepaste lettertekens.
  2. Exporteer het resultaat als één PNG met exact de pixeldimensies van je display (bijvoorbeeld 64×64 voor Pixoo-64).
  3. Open de Divoom-app, selecteer je apparaat en upload de PNG als aangepaste pixelkunst.
  4. Stuur het naar je display en pas de helderheid naar wens aan.

Scrollende of geanimeerde tekst

  1. Ontwerp elke letter als een afzonderlijke tegel of frame.
  2. Maak een animatiereeks waarin je tekst per frame 1–2 pixels naar links verschuift.
  3. Exporteer de animatie als GIF — de Divoom-app ondersteunt het uploaden en afspelen van GIF-bestanden.
  4. Upload de GIF via de app, stel de loopsnelheid in en kies de weergavemodus.

Voor scrollende tekst op Times Gate kun je één van de vijf schermen wijden aan je aangepaste animatie, terwijl de andere schermen klokken, weer- of datawidgets blijven tonen. Zo kun je gepersonaliseerde scrollende tekst combineren met live-informatie — een combinatie die geen enkele template in de communitygalerij kan evenaren.

Installatietip

Ontwerp en test je lettertype eerst op een computerscherm en bekijk het daarna op je eigen Divoom-display. Ledpanelen geven kleuren anders weer dan monitors, en wat er op het scherm scherp uitziet, kan op fysieke hardware aanpassingen in helderheid of contrast nodig hebben.

Welk Divoom-display geeft lettertypen het beste weer

Elk Divoom-display biedt iets anders voor aangepaste typografie. De juiste keuze hangt af van hoe gedetailleerd je lettertypen moeten zijn en waar het display komt te staan.

Pixoo-64 is het beste canvas voor lettertypeontwerp. Met 64×64 pixels kun je meerdere tekstregels plaatsen, grotere berichten op één regel weergeven met ruimte voor decoratieve details, of geanimeerde scrollende banners maken met vloeiende bewegingen. Dit is de logische keuze als lettertypeontwerp een belangrijke reden is om een pixeldisplay te kopen. Dankzij de dual-band-wifiverbinding blijven je aangepaste animaties bovendien betrouwbaar verbonden voor een permanent display. Bekijk de productpagina van de Pixoo-64 voor de actuele prijs en beschikbaarheid.

Times Gate biedt tekstliefhebbers een uniek voordeel: vijf onafhankelijke schermen van 128×128 pixels. Je kunt één scherm wijden aan een showcase van een aangepast lettertype, een ander aan scrollende berichten en de overige drie gebruiken voor klokken, weer- en datawidgets. De resolutie van 128×128 pixels per scherm ondersteunt de grootste lettertypedetaillering binnen het Divoom-assortiment. Als je een desktopdashboard wilt waarop aangepaste typografie één van de elementen is, biedt Times Gate je de meeste flexibiliteit.

Ditoo Pro heeft een andere aanpak. Het voorpaneel van 16×16 is klein, maar die beperking kan juist een creatief voordeel zijn. Eenvoudige scrollende namen, korte quotes of minimale pixelberichten hebben een bijzondere charme op deze retro-vormgegeven luidspreker. De mechanische toetsen en joystick zorgen voor een tastbare interactie die de andere displays niet bieden. Als je een compacte metgezel voor je bureau wilt die muziek afspeelt en je aangepaste tekst weergeeft, maakt de Ditoo Pro het persoonlijk.

Voor instructies over het instellen van apparaten en details over het koppelen bevat de producthandleidingpagina van Divoom de stappen voor wifi- en Bluetooth-verbindingen voor alle drie de displays.

Veelgestelde vragen

Welke pixelgrootte moet mijn lettertype hebben voor Pixoo-64?

Een pixellettertype van 5×7 werkt goed voor de meeste tekst op het raster van 64×64 pixels van de Pixoo-64. Daarmee passen er, met de juiste spatiëring, ongeveer 8–9 tekens per regel op. Gebruik voor grotere, vettere tekst een raster van 8×8 — er passen dan minder tekens op, maar elk teken is gedetailleerder en van de andere kant van de kamer beter zichtbaar.

Kan ik mijn pixellettertype op meerdere Divoom-apparaten gebruiken?

Ja. Zodra je je lettertype als PNG- of GIF-bestanden hebt geëxporteerd, kun je deze via de app naar elk Divoom-apparaat uploaden. Mogelijk moet je versies met verschillende formaten maken — een versie van 5×7 voor Pixoo-64 en een versie van 3×5 voor Ditoo Pro — maar het ontwerpproces is hetzelfde. Bewaar je originele lettertypetegels, zodat je ze snel kunt schalen.

Moet ik elke letter van het alfabet ontwerpen?

Nee. Begin met de letters in het specifieke woord of de specifieke zin die je wilt weergeven. Veel mensen hebben nooit een volledig alfabet nodig — voor een gepersonaliseerde naam, een favoriete quote of een kanaalnaam heb je alleen de letters nodig die in die tekst voorkomen. Ontwerp later extra tekens als je je bericht uitbreidt.

Hoe maak ik scrollende tekst op mijn Divoom-display?

Maak een animatie waarin je tekst per frame 1–2 pixels horizontaal verschuift en exporteer deze vervolgens als GIF. Upload de GIF via de Divoom-app en stel de afspeelsnelheid in. De meeste scrollende tekstanimaties werken het best met 10–15 frames per seconde. De Divoom-app ondersteunt GIF-weergave op Pixoo-64, Times Gate en Ditoo Pro.

Kan ik mijn aangepaste pixellettertype delen met de Divoom-community?

De Divoom-app bevat een communitygalerij waar gebruikers pixelartontwerpen delen, waaronder tekstgebaseerde kunstwerken. Hoewel je geen lettertypebestand rechtstreeks kunt uploaden, kun je complete alfabetontwerpen als pixelartafbeeldingen delen, zodat andere gebruikers deze kunnen raadplegen en namaken. Je kunt je lettertype ook delen via de FontStruct-community als je het daar hebt gemaakt.

Alpine nostalgische herfstdecoratie: pixeldisplays voor muren en planken Alpine Nostalgia Fall Decor Alpine nostalgische herfstdecoratie: pixeldisplays voor muren en planken Alpine nostalgie — warm hout, grove breisels en de vintage uitstraling van een berghut ... Worden Divoom-apparaten geleverd met een oplaadkabel? Desk Setup Worden Divoom-apparaten geleverd met een oplaadkabel? Elk Divoom-apparaat wordt geleverd met een USB-oplaadkabel in de doos. Hier leest u wat... Pixelkunst exporteren van Aseprite naar Divoom aseprite export gif png Pixelkunst exporteren van Aseprite naar Divoom Leer hoe je pixelart vanuit Aseprite naar Divoom-schermen exporteert. Behandelt de inde...
Terug naar de blog