Alle categorieën
  1. Huisstijl
  2. Promotie
  3. Horeca
  4. Fotoproducten
  5. Stickers
  6. Relatiegeschenken
  7. Presentatie
  8. Buitenreclame
  9. Kleding & textiel
  10. Tassen
  11. Verpakkingen
  12. Inspiratie & Advies

Pixels: de atoompjes van iedere afbeelding. Je noemt ze ook wel beeldpuntjes. De pixel heeft z’n naam te danken aan het samenvoegen van de woorden picture en element. Hoe meer pixels in een afbeelding zitten, hoe scherper de weergave en hoe hoger de kwaliteit is. Pixels zijn binnen een lineair raster opgebouwd met rode, groene en blauwe onderdeeltjes (RGB). Samen kunnen ze op een gemiddeld beeldscherm tot wel 16,8 miljoen kleuren weergeven. Tegenwoordig worden er al HDR beelden gebruikt waardoor er 4.3 miljard kleurcombinaties mogelijk zijn.

Kunstig met pixels

De grootte van een pixel is afhankelijk van het beeldformaat en resolutie. Soms kom ik een foldertje uit de bus tegen waarbij je bijna een potje kan dammen op de afbeelding. Bij deze afbeeldingen is de resolutie veel te laag en wordt het originele formaat zó vergroot dat je de pixels bijna kunt tellen. Er wordt dan duidelijk geen rekening gehouden met de kwaliteit van de beelden. Natuurlijk kan dit bewust gedaan worden maar gebruik dan de juiste techniek voor het juiste doel!

Ken je de goede oude tijd met Super Mario of Zelda nog? Pixel art werd in de jaren ‘80 geboren. Het is eigenlijk een digitale versie van het pointillisme uit de 19e eeuw. Er bestaan meerdere soorten Pixel Art. We kennen de oorspronkelijke tweedimensionale afbeeldingen zoals uit de vroegere Mario-spellen maar er is ook een stroming waarbij er duidelijk met perspectief gespeeld wordt. Dit wordt ook wel isometrische pixel art genoemd. Isometrie betekent gelijkheid van maten zonder diepteperceptie. Volgens ‘Creative Market’ is het een design trend in 2016.

pixel-art-of-pointillisme

Ik wil je met deze Photoshop tutorial inspireren en laten zien hoe je met de tweedimensionale pixel art hele toffe kunstjes kunt uithalen. Je kunt het dan op posters drukken, een hele toffe wanddecoratie op plaatmateriaal maken of de techniek zelfs verwerken in je merk en huisstijl. Kortom: na het lezen van deze blog kun je zelf pixel art maken!

Pixel art photoshop je zelf met deze stappen

Stap 1

Open een nieuw bestand in Photoshop met een formaat van bijvoorbeeld 4000×2500 pixels. (let op lengte en breedte zijn opgebouwd uit stappen van minstens 50px)

pixel-art-maken-stap1

Stap 2

Sleep de afbeelding die je wilt ‘verpixelen’ in het document en plaats deze tot het canvas gevuld is. Ik heb in deze tutorial gekozen voor het beroemde schilderwerk ‘Zondagmiddag op het La-Grande-Jatte eiland’ van de Georges Seurat. Een bekende Franse kunstschilder in het pointillisme.

pixel-art-maken-stap2

Stap 3

Zet deze laag om naar pixels (rasterize layer) en kies Mozaic onder Filter> Pixelate. Stel de Mozaic in op 50px. De afbeelding is nu opgebouwd uit pixels van 50 pixels groot.

pixel-art-maken-stap3

Stap 4

Open een nieuw document van 50×50 pixels breed. De basislaag is hier wit maar die zou je ook zwart kunnen maken. Plaats hier bijvoorbeeld een cirkel van 50×50 pixels in en spaar de tegengestelde vorm uit met een masker.

Dat zier er ongeveer uit als onderstaande visual. Voeg daarna de lagen samen.

pixel-art-maken-stap4

Stap 5

Maak van dit document een patroon door bij Bewerk> Patroon Definiëren te selecteren. Noem dit patroon dan bijvoorbeeld ‘puntjes 50px’. Sluit dit openstaande document.

pixel-art-maken-stap5

Stap 6

Open het document waarvan je in stap 3 de afbeelding hebt omgezet naar de grote pixels. Maak een patroonlaag aan vanuit je aanpassingslagen onderin je lagen palet. Kies in het uitklapvenster het laatste patroon in het lijstje en druk op ‘Ok’.

pixel-art-maken-stap6-resultaat

Voilà, op deze manier heb ik het pointillisme veranderd in het ‘pixelisme’! Probeer bij stap 4 vooral ook andere vormen van patronen uit. Voor hogere resolutiebeelden kun je nog variëren door de Mozaic-optie en patroontegel op 100 pixels te zetten.

Een paar voorbeelden om je te inspireren

pixel-art-maken-voorbeeld-1

Een versie van ons logo om de grote pixels als typische PMS kleuren swatches weer te geven.

pixel-art-maken-voorbeeld-LEGO

Of maak je profielfoto zo op dat het lijkt dat deze van legosteentjes gemaakt is.

pixel-art-maken-voorbeeld-wanddecoratie

Maak met deze 6 stappen je eigen muurkunsten op plaatmateriaal.

Ik hoop dat ik je geïnspireerd heb om zelf pixel art te gaan maken. De mogelijkheden zijn eindeloos en deel je resultaten vooral! Kijk voor meer inspiratie eens op ons Pinterest bord Creatief met pixels.

Heb je geen Photoshop maar wil je wel kunstig met pixels zijn? Kijk dan eens op Piskelapp of Pixilart en laat je creatieve waanzin er op los.

Note: Voor andere leuke design inspiraties kun je mijn collega Femke ook volgen. Ze is sinds kort begonnen met haar eigen blog vol leuke inspiraties en DIY trucs.