Een beginnersgids voor tekengereedschap op het canvas in WebPS: afbeeldingen maken en bewerken
Leer hoe u WebPS-tekengereedschap gebruikt: potlood, penseel, vormen en tekst. Stapsgewijze tutorial voor het maken van afbeeldingen direct in uw browser. Gratis, geen installatie vereist.
Inleiding
Als u eenvoudige afbeeldingen wilt maken, afbeeldingen wilt annoteren of vrijhand wilt tekenen direct in uw browser, biedt WebPS een complete set tekengereedschap voor het canvas. Of u nu een beginner bent of af en toe gebruikt, deze gids leidt u door elk gereedschap: potlood, penseel, vormen en tekst. U leert hoe u een nieuw canvas start, elk gereedschap effectief gebruikt en ze combineert om afgewerkte afbeeldingen te produceren — allemaal zonder uw browser te verlaten.
Aan de slag: het tekengereedschap openen
1. Ga naar WebPS editor. 2. Klik op Nieuw maken of open een bestaande afbeelding. 3. De linker werkbalk bevat al het tekengereedschap. Standaard is het Selecteer-gereedschap actief. Klik op de potlood-, penseel- of vormpictogrammen om te beginnen met tekenen.
1. Potloodgereedschap
Het potloodgereedschap maakt harde, pixel-perfecte lijnen. Ideaal voor schetsen, pixelkunst of precieze omtrekken.
Hoe te gebruiken:
- Klik op het potloodpictogram (of druk op P).
- Stel kleur en grootte in via de bovenste optiebalk.
- Klik en sleep op het canvas om te tekenen.
- Houd Shift ingedrukt om rechte horizontale of verticale lijnen te tekenen.
Pro-tip: Gebruik een kleine grootte (1-3 px) voor gedetailleerde lijnen. Vergroot de grootte voor dikkere streken.
2. Penseelgereedschap
Het penseelgereedschap produceert zachte, anti-aliased streken met instelbare dekking en vloei. Geweldig voor schilderen, schaduwen of accenten toevoegen.
Hoe te gebruiken:
- Klik op het penseelpictogram (of druk op B).
- Pas Grootte, Dekking en Vloei aan in de optiebalk.
- Kies een kleur uit de kleurkiezer.
- Sleep om te schilderen. Lagere dekking creëert doorschijnende lagen.
Pro-tip: Gebruik lage dekking (20-30%) om geleidelijk kleur op te bouwen voor een aquareleffect.
3. Vormgereedschap
WebPS biedt vormgereedschap voor rechthoeken, ellipsen, lijnen en polygonen. Elke vorm kan worden getekend als een vectoromtrek of een gevuld vlak.
Hoe te gebruiken:
- Klik op het vormgereedschapspictogram (bijv. rechthoek).
- Kies in de optiebalk Vulling (egale kleur) of Omtrek (alleen lijn).
- Selecteer een kleur en lijndikte.
- Klik en sleep op het canvas om de vorm te maken.
- Houd Shift ingedrukt tijdens het slepen om verhoudingen te behouden (vierkant, cirkel).
Pro-tip: Na het tekenen kunt u de vorm verplaatsen of vergroten/verkleinen met het Verplaats-gereedschap (V). De vorm blijft bewerkbaar tot u deze rasteriseert of lagen samenvoegt.
4. Tekstgereedschap
Voeg bijschriften, labels of titels toe met het tekstgereedschap. Lettertype, grootte, uitlijning en kleur zijn allemaal aanpasbaar.
Hoe te gebruiken:
- Klik op het Tekst-pictogram (of druk op T).
- Klik op het canvas om een tekstvak te maken.
- Typ uw tekst.
- Wijzig in de optiebalk het lettertype, grootte, kleur, uitlijning en stijl (vet, cursief, onderstreept).
- Sleep de hoeken van het tekstvak om het formaat aan te passen.
Pro-tip: Gebruik kleuren met hoog contrast voor leesbaarheid. Voor titels vergroot u de grootte naar 24-36 px.
5. Gumgereedschap
Verwijder ongewenste delen van uw tekening met de gum.
- Klik op het gumpictogram (of druk op E).
- Pas grootte en hardheid aan.
- Sleep over gebieden om te wissen.
Pro-tip: Gebruik een zachte gum voor zachte vervaging; een harde gum voor precieze verwijdering.
6. Laagbeheer
Tekengereedschap werkt op de momenteel geselecteerde laag. Gebruik het Lagen-paneel (rechts) om nieuwe lagen toe te voegen, te hernoemen, te herschikken of de dekking aan te passen. Teken altijd op een aparte laag om bewerkingen niet-destructief te houden.
Beste praktijk:
- Houd de achtergrond op Laag 0.
- Teken omtrekken op Laag 1, kleurvullingen op Laag 2.
- Voeg tekst op een eigen laag toe voor eenvoudige verplaatsing.
Stapsgewijs: een eenvoudige afbeelding helemaal zelf maken
Laten we een zon met wolken tekenen en een bijschrift toevoegen.
1. Open WebPS editor en klik op Nieuw maken voor een leeg canvas (bijv. 800×600 px). 2. Hernoem Laag 0 naar "Lucht" en vul deze met lichtblauw met het Verfemmer-gereedschap. 3. Voeg een nieuwe laag toe met de naam "Zon". 4. Selecteer het Ellips-vormgereedschap, modus Vulling, kleur geel. Teken een cirkel (houd Shift ingedrukt). 5. Voeg nog een laag "Wolken" toe. 6. Gebruik het Potlood-gereedschap (wit, grootte 10) om drie overlappende cirkels te tekenen voor een wolkvorm. 7. Voeg een laag "Tekst" toe. 8. Selecteer het Tekst-gereedschap, lettertype Arial, grootte 30, wit. Klik en typ "Hallo WebPS!" 9. Verplaats de tekst naar de juiste positie met het Verplaats-gereedschap. 10. Opslaan als PNG of JPG via Bestand > Exporteren.
Geavanceerde tips
- Sneltoetsen: P (potlood), B (penseel), T (tekst), E (gum), V (verplaatsen), U (vorm), Ctrl+Z (ongedaan maken).
- Kleurkiezer: Klik op het kleurstaal om een volledig palet te openen of gebruik het pipet (I) om kleuren uit uw afbeelding te bemonsteren.
- Zoomen & pannen: Gebruik het zoomgereedschap (Z) of het muiswiel. Houd de spatiebalk ingedrukt en sleep om te pannen.
- Spiegelen & roteren: Onder het Bewerken-menu kunt u het canvas horizontaal/verticaal spiegelen of in stappen van 90° roteren.
Waarom WebPS gebruiken om te tekenen?
- Geen installatie — werkt volledig in uw browser.
- Cross-platform — Windows, Mac, Linux, Chromebook.
- Gratis te gebruiken zonder betaalmuren voor tekengereedschap.
- Geïntegreerd met andere bewerkingsfuncties zoals bijsnijden, formaat wijzigen, filters en formaatconversie.
- Privacy — uw afbeeldingen blijven op uw apparaat; geen serveruploads vereist (client-side verwerking).
Conclusie
WebPS biedt een complete tekensuite voor online grafische creatie. Met potlood, penseel, vormen, tekst en lagen kunt u alles maken van snelle annotaties tot gepolijste illustraties. Experimenteer met elk gereedschap en gebruik lagen om uw werk georganiseerd te houden. Begin nu met uw volgende tekening in de WebPS editor.