Naar de handleiding
lil cactus

Pixelart maken

Beginner10 minutenBijgewerkt

Kort antwoord

Begin in Lil Cactus met een canvas van 16 × 16 px en kies Potlood in de groep Penseel van de gereedschapsbalk. Zet Grootte op 1 px en Dekking op 100% en teken sterk ingezoomd. Voor een raster van één pixel kies je Meer dan Voorkeuren…, open je Hulplijnen en raster, zet je de afstand op 2 px en de onderverdelingen op 2, en schakel je Weergave dan Tonen dan Raster in. Vergroot via Afbeelding dan Afbeeldingsgrootte… met Naaste buur, met een geheel veelvoud, zoals 16 → 512 px.

Een pixelcactus in drie kleuren, vergroot van 16 bij 16 naar 512 bij 512 pixels, met zachte randen bij Bilineair naast scherpe randen bij Naaste buur
Dezelfde tekening vergroot naar 512 × 512: Bilineair (Voor) laat de randen overvloeien; Naaste buur (Na) houdt de pixelblokken gescheiden. Sleep de schuifregelaar om te vergelijken.
Tijd
10 minuten
Niveau
Beginner
Wat je nodig hebt
Een klein canvas en een muis om pixels te plaatsen
Werkt met
Nieuwe RGB-afbeeldingen en PNG-sprites
Voorbeeld openen in Lil CactusEigen foto gebruiken

Gratis, zonder account. Je foto blijft op je eigen computer.

Pixelart teken je cel voor cel op een kleine afbeelding. De cactus hier gebruikt drie verfkleuren en een witte achtergrond. Potlood maakt streken met harde randen; vergroten met Naaste buur kopieert die pixels zonder er overvloeiende kleuren tussen te zetten.

Een pixelcactus tekenen en vergroten in zeven stappen

  1. Open een canvas van 16 × 16 en voeg een tekenlaag toe

    Open het lege voorbeeld van deze pagina. Wil je liever zelf een canvas maken, kies dan Bestand dan Nieuw…, zet Breedte en Hoogte op 16 en laat Eenheden op Pixels staan. Achtergrond blijft op Wit. Klik op Maken.

    Kies Laag dan Nieuw dan Nieuwe laag. Dubbelklik in Lagen op de naam, typ Cactus en druk op Enter. Laat Cactus geselecteerd boven Achtergrond.

    Instellingen van Nieuw document met Breedte 16, Hoogte 16, Pixels en een witte achtergrond
    Gebruik een piepklein canvas: deze afmetingen zijn beeldpixels, niet de vergrote weergave.
    Onderkant van Nieuw document met de knop Maken omcirkeld
    Maak het canvas nadat je de afmetingen hebt ingesteld.
    Lagen met Cactus geselecteerd boven een witte laag Achtergrond
    Teken op Cactus; Achtergrond levert het witte papier.

  2. Kies een groen en daarna Potlood op 1 px

    Kies Venster dan Kleur. Vervang in het veld #, op de rij met Voorgrond, de waarde door 4A8654.

    Klik met de rechtermuisknop op de knop onder Pipet in de gereedschapsbalk, of houd hem ingedrukt, en kies Potlood. Zet Grootte op 1 px. Modus, hoe een streek zich mengt met bestaande pixels, blijft op Normaal. Dekking bepaalt hoe dekkend de streek is; laat die op 100%.

    Effenen maakt een streek rustiger; laat die op 0 om deze cellen te plaatsen. Laat beide drukvakjes uit voor een gelijke grootte en dekking. Laat Automatisch wissen uit, zodat schilderen over een pixel de voorgrondkleur blijft gebruiken.

    Deelvenster Kleur met groen 4A8654 in het omcirkelde veld # op de rij Voorgrond
    Vul het groen in het veld # in.
    Groep Penseel in de gereedschapsbalk met de groepsknop en de keuze Potlood omcirkeld, naast de andere gereedschappen
    Potlood deelt de knop in de gereedschapsbalk met Penseel; vergrote weergave.
    Opties van Potlood met de regelaar Grootte omcirkeld en ingesteld op 1 px
    Streken van één pixel met het potlood vullen afzonderlijke cellen van de afbeelding.
    Opties van Potlood met Modus Normaal, Dekking 100 procent en Effenen 0 procent
    Houd Normaal, 100% dekking en 0% Effenen aan.
    De vakjes Druk bepaalt grootte, Druk bepaalt dekking en Automatisch wissen van Potlood, alle drie uitgevinkt
    Laat deze drie vakjes uit voor deze tekening.

  3. Toon een raster van één pixel

    Kies Meer dan Voorkeuren… en daarna Hulplijnen en raster. Rasterafstand (document-px) bepaalt de afstand tussen de hoofdlijnen; zet die op 2. Onderverdelingen per hoofdcel verdeelt die afstand; zet die op 2. Klik op Sluiten.

    Kies Weergave dan Tonen dan Raster en daarna Weergave dan In venster. De lichte lijnen verdelen nu afzonderlijke pixels, met zwaardere lijnen om de twee pixels. De witte cel linksboven is kolom 1, rij 1. Tel kolommen vanaf links en rijen vanaf boven.

    Menu Meer met Voorkeuren omcirkeld
    Open Voorkeuren via Meer.
    Onderdelen van Voorkeuren met Hulplijnen en raster omcirkeld
    Kies Hulplijnen en raster in Voorkeuren.
    Instellingen van Hulplijnen en raster met Rasterafstand 2 en Onderverdelingen 2 omcirkeld, plus de knop Sluiten
    Een afstand van 2 px, in tweeën gedeeld, geeft een raster van één pixel.
    Het menu Weergave met het submenu Tonen, met Raster omcirkeld
    Schakel Weergave › Tonen › Raster in.
    Het lege witte canvas van 16 bij 16 op 3200 procent zoom met rastercellen van één pixel
    Het voorbeeld op 3200% zoom. Elke kleine cel is één beeldpixel.

  4. Teken de stam en de armen

    Laat Cactus geselecteerd en de voorgrondkleur groen. Sleep door het midden van de cellen. Maak voor elke lijn hieronder een aparte streek:

    • Stam: drie verticale streken in kolom 8, 9 en 10, elk van rij 3 tot en met rij 10.
    • Linkerarm: horizontale streken over kolom 5–7 in rij 6 en 7. Voeg de rechtopstaande punt toe in kolom 5, rij 4–5.
    • Rechterarm: horizontale streken over kolom 11–13 in rij 7 en 8. Voeg de rechtopstaande punt toe in kolom 13, rij 5–6.
    Raster van één pixel met de groene stam van de cactus en twee opgeheven armen, nog zonder pot en lichte accenten
    Het groene silhouet, met elke geschilderde cel nog zichtbaar in het raster.

  5. Voeg de pot en lichtere pixels toe

    Vul in het veld # van het deelvenster Kleur B66B4B in voor de pot. Schilder rij 11 over kolom 6–12, rij 12 en 13 over kolom 7–11 en daarna rij 14 over kolom 8–10.

    Verander de waarde in # in A0C78D. Voeg een lichte strook toe in kolom 8, rij 4–9. Voeg twee lichtere cellen toe in kolom 5, rij 5–6, en één in kolom 11, rij 7. Gebruik het volledige raster in stap 3 om hun posities te tellen.

    Verberg Cactus met de oogknop om te vergelijken met de lege Achtergrond, en toon de laag daarna weer.

    Een nauwere rasterweergave van de afgewerkte pixelcactus met groene armen, lichtgroene accenten en een terracotta pot
    De afgewerkte plant, nauwer bijgesneden zodat je de afzonderlijke cellen kunt lezen.
    Deelvenster Lagen met Cactus boven Achtergrond en beide oogknoppen omcirkeld
    Cactus bevat de tekening. Achtergrond bepaalt het wit erachter.

  6. Sla het kleine origineel op en vergroot daarna

    Kies Bestand dan Opslaan als dan Lil Cactus-project… zolang het canvas nog 16 × 16 is. Zo bewaar je de twee bewerkbare lagen op het oorspronkelijke formaat van de tekening.

    Kies Afbeelding dan Afbeeldingsgrootte… Laat Eenheden op Pixels, de kettingknop gekoppeld en Opnieuw samplen aan. Opnieuw samplen verandert het aantal pixels. Zet Breedte op 512; Hoogte volgt naar 512. Kies Naaste buur in het menu voor de samplingmethode en klik op Formaat wijzigen.

    Dit is een vergroting van 32×: elke oorspronkelijke pixel wordt een blok van 32 × 32.

    Afbeeldingsgrootte die 16 bij 16 wijzigt in 512 bij 512 met gekoppelde afmetingen, Opnieuw samplen aan en Naaste buur geselecteerd
    Kies Naaste buur voordat je op Formaat wijzigen klikt.

  7. Exporteer de PNG en ga terug naar het tekenformaat

    Kies Bestand dan Exporteren dan PNG… en klik op Exporteren. Het nieuwe bestand is 512 × 512 px. Kies Bewerken dan Ongedaan maken om terug te gaan naar de tekening van 16 × 16 voor je volgende bewerking.

    Bestand dan Opslaan werkt nu het project bij.

Waarom Naaste buur het palet behoudt

Afbeeldingsgrootte opent met Bilineair geselecteerd. Bij deze vergroting mengt die methode kleuren langs de randen. Naaste buur behoudt de drie verfkleuren en de witte achtergrond van de tekening.

Vergroot detail van de rand van de cactus met egaal gekleurde vierkante blokken door Naaste buur
Naaste buur: effen pixelblokken, vergroot weergegeven.
Dezelfde rand van de cactus vergroot met Bilineair, met tussenkleuren die over de blokken heen overvloeien
Bilineair: kleuren vloeien over bij de randen van dezelfde tekening.

Wat je hierna kunt maken

Pixelart: vragen en antwoorden

Is pixelart tekenen hetzelfde als een foto pixeleren?

Nee. Met deze methode plaats je in Lil Cactus afzonderlijke gekleurde cellen om een sprite te tekenen. Filter › Pixel › Pixel… groepeert juist de pixels van een bestaande afbeelding tot grotere blokken.

Kan pixelart een transparante achtergrond hebben?

Ja. Verberg in Lil Cactus de laag Achtergrond met de oogknop, zoals in stap 5, en kies daarna Bestand › Exporteren › PNG… De laag Cactus blijft zichtbaar zonder het witte papier.

Moet ik pixelart opslaan als PNG of als JPEG?

Gebruik in Lil Cactus PNG om het palet te behouden en transparantie mogelijk te maken. JPEG kan extra kleuren rond scherpe randen toevoegen en kan geen transparantie bewaren.

Waarom zie ik het raster van één pixel niet?

In Lil Cactus verschijnen de fijne rasterlijnen uit dit recept vanaf 800% zoom. Naast Weergave › Tonen › Raster moet ook Weergave › Extra’s aan staan. De rasterafstand volgt de voorkeuren van deze browser, dus een andere browser kan een ander raster tonen. Het raster is een hulplaag van de editor en verschijnt niet in een geëxporteerde PNG.

Kan ik één potloodstreek ongedaan maken?

Ja. In Lil Cactus verwijdert Bewerken › Ongedaan maken de laatste sleep of klik met Potlood als één stap in de historie. Bewerken › Opnieuw uitvoeren zet hem terug.

Kan ik pixelart met een niet-gehele factor vergroten?

Ja, maar in Lil Cactus geven gehele veelvouden gelijke blokken. Een vergroting met een niet-gehele factor kan sommige oorspronkelijke pixels breder maken dan andere, ook met Naaste buur.

Gepubliceerd  · Laatst gecontroleerd