Tagarchief: Pixels

Resolutie is belangrijk, pixeldichtheid – ppi – belangrijker

Het lijkt zo eenvoudig. Des te meer pixels je op een kleiner oppervlak stopt, des te scherper je iets kunt afbeelden. Dat geldt bijvoorbeeld voor beeldschermen, voor camerasensors en voor foto op een beeldscherm. Toch is die pixeldichtheid – ppi – lang niet iedereen duidelijk. Waarom ziet een foto van 472 x 376 pixels er op het ene scherm kleiner uit dan op het andere? Deze blogpost brengt na de blogpost van gisteren nog meer licht in het duistere pixelwoud.

Pixeldichtheid oftewel pixels per inch

De beeldschermpjes van onze smartphone hebben de afgelopen jaren een hogere pixeldichtheid gekregen. Hogere pixeldichtheid? Steeds meer pixels op hetzelfde oppervlak, bedoel ik. Die hoeveelheid pixels druk je uit in ppi, pixels per inch. Tekst op een beeldscherm wordt opgebouwd uit beeldschermpixels. Dus als je eenzelfde letter kunt opbouwen met meer pixels, wordt zo’n letter scherper. Een scherpere letter leest lekkerder. Een foto die is samengesteld uit veel pixels, een hoge-resolutie foto, ziet er op zo’n scherm ook mooier uit. Je propt meer beeldpunten op een oppervlakte, waardoor die foto er ook scherper uitziet. Zoals gezegd, de pixeldichtheid drukken we uit in ppi, maar het wordt ook wel pixel density genoemd. Op DEZE Wikipedia pagina kun je zien hoe in de loop van de tijd die pixeldichtheid van de mobieltjes is toegenomen, tot bijvoorbeeld 808 ppi van de Sony XPeria Z5 Premium.
Lees verder Resolutie is belangrijk, pixeldichtheid – ppi – belangrijker

Adobe Illustrator en Bitmap Fonts. Deel 2

In dit tweede deel (zie HIER voor deel 1) gebruiken we Pixels als Picture Elements, de onderdelen waar de afbeelding uit is opgebouwd. Die onderdelen hoeven niet vierkant te zijn of dezelfde kleur te hebben, maar kunnen qua vorm en kleur variëren. We gaan de lettervorm opdelen in kleine rechthoeken, die we vervolgens kunnen manipuleren door middel van scripts.

We gebruiken dit keer niet de Afbeeldingen Overtrekken-optie, maar de optie Objectmozaïek maken…
• Maak net zoals in het eerste deel een Bitmap van je tekst door middel van het Rasteren effect.
• Kies voor Object > Vormgeving uitbreiden om er een afbeelding van te maken.
• Zet Slimme Hulplijnen (Cmd/Ctrl U) aan.
• Trek een rechthoek vanuit de linker bovenhoek over de afbeelding. Zorg ervoor dat hij precies even groot is. Geef hem geen vulling, maar wel een lijn, 0,5 pt is voldoende.

01_Rechthoek

Lees verder Adobe Illustrator en Bitmap Fonts. Deel 2

Adobe Illustrator en Bitmap Fonts. Deel 1

In 1984, toen de Apple Macintosh werd geïntroduceerd kregen ontwerpers voor het eerst de mogelijkheid om zelf hun teksten en koppen te zetten.
De eerste schaalbare Adobe PostScript® fonts waren onderdeel van de Apple LaserWriter. Om ze te kunnen gebruiken moest je bitmap-versies van deze fonts installeren met de Font/DA Mover. Deze beeldschermfonts waren handmatig geoptimaliseerd voor een aantal corpsgroottes. Koos je een ander corps dan je geïnstalleerd had, dan waren lelijk vervormde bitmaps het resultaat. Afdrukken op een PostScript printer was de enige manier om te zien hoe je tekst gedrukt zou worden. Dat veranderde in 1989 toen ATM® (Adobe Type Manager) op de markt kwam en fonts in hun ware gedaante op elke grootte op het beeldscherm getoond konden worden.
02_MacPlusTypeDit artikel beschrijft hoe je dat retro-gevoel kunt oproepen in Adobe Illustrator en hoe je van elk lettertype een bitmap-font kunt maken.

Van Vector naar Bitmap

Het is erg gemakkelijk om een pixel-effect te geven aan fonts en vector-objecten.
Ik heb een RGB-document gemaakt, maar het werkt ook in een CMYK-document. Kies een font en type wat tekst (vette tekst geeft over het algemeen een beter resultaat).
Hier zie je Myriad Pro Bold 96 pt:
03_Pixels

Lees verder Adobe Illustrator en Bitmap Fonts. Deel 1