Geef je titels een pixeleffect

[jangske]

In de onderstaande afbeelding zie je tekst die is gemaakt met het lettertype Arial waarop een pixeleffect is toegepast.
Je begrijpt wel dat je dit soort effect niet krijgt met de standaardvorm van dit lettertype.
In deze workshop laten we zien dat je maar een paar handelingen hoeft uit te voeren in Photoshop om dit resultaat te krijgen.
En je kunt het effect toepassen op alle tekst en afbeeldingen die je maar wilt.



Het ontwerp plaatsen

Maak een nieuw document.
Geef het document een hoge resolutie, bijvoorbeeld 400%.
Gebruik een rond getal, bijvoorbeeld 400%, 700%, maar niet 413%. En ook niet 412%!

Gebruik het gereedschap Pencil of Type om je ontwerp te maken.

Als je het gereedschap Type gebruikt, schakel je de optie Smooth uit in het dialoogvenster Type.
Als je Photoshop 5.5 gebruikt, selecteer je Smooth > None.




Maak je ontwerp naar je eigen wensen en inzichten.

Maak je ontwerp heel klein.
Als je het gereedschap Type gebruikt, is een tekengrootte van 12 pixels meestal heel geschikt.


In Photoshop 5.5 schakel je de optie Fractional width uit in het dialoogvenster Type om een betere afspatiëring van de tekens te krijgen.

Zodra je je ontwerp hebt gemaakt, kan je de weergave aanpassen met de functie Zoom.
Probeer weer te geven op 200%, 300%, 400% om te zien welke vergroting het beste is.

Vergeet hierbij niet dat je ontwerp in werkelijkheid maar heel klein is.
Dubbelklik op het gereedschap Zoom op het werkpalet om het ontwerp op ware grootte weer te geven.
In de volgende stap maak je het groter.

De afbeelding groter maken

• Als je afbeelding lagen bevat, selecteer je de opdracht Layer > Flatten image om de lagen samen te voegen met de rest van de afbeelding.
  
  
• Selecteer Image > Image Size.
• Selecteer in het dialoogvenster Image Size de optie Nearest Neighbour in de vervolgkeuzelijst Resample Image.
  
  Op die manier zorg je ervoor dat Photoshop geen nieuwe kleurschakeringen introduceert en je het gewenste pixeleffect krijgt als je later de grootte van de afbeelding wijzigt.
  
  
• Selecteer bij Pixel dimensions de eenheid % voor Width of Height.
  Het maakt niet uit of je Width of Height kiest, als het selectievakje Constrain Proportions maar is ingeschakeld.
  
  Geef een veelvoud van 100 op in het vak Width (of Height), afhankelijk van de grootte die je eerder hebt gekozen.
  
  
• Klik op OK.
  Je afbeelding is nu groter en het pixeleffect sterker.

We hebben het lettertype Arial Bold gebruikt met een tekengrootte 12 pt en 300% zoom voor de tekst in de afbeelding op de eerste pagina van deze workshop, maar je kunt eindeloos variëren.



Een groot voordeel!
Het voordeel van deze techniek is dat de afbeeldingen die je maakt, effen kleurenzones bevatten.
Als je deze afbeeldingen opslaat in GIF-indeling, krijg je hele kleine bestanden, zodat je pagina sneller wordt geladen.