Digitaal skateboard ontwerpen

Van idee tot skateboarddesign

1 / 33
volgende
Slide 1: Slide
newEditor

In deze les zitten 33 slides, met interactieve quizzen en tekstslides.

Dit is niet oké

Onderdelen in deze les

Van idee tot skateboarddesign

Deze slide heeft geen instructies

Lesdoel

Ik kan een skateboarddesign uitwerken van research en schetsen tot een digitale uitwerking in Illustrator en Photoshop, en het correct presenteren en aanleveren als PSD en PDF met snijtekens en afloop.

Deze slide heeft geen instructies

Welke woorden koppel jij aan een sterk skateboarddesign?

Gebruik de woordwolk als startpunt om voorkennis op te halen over stijl, vorm, kleur, doelgroep en uitstraling.

Research als vertrekpunt

Een sterk skateboarddesign start niet in software, maar met gerichte visuele research.


  • verzamel referenties over stijl, kleur en sfeer

  • kijk naar bestaande skateboardgraphics

  • noteer wat past bij jouw doelgroep of concept

  • zoek inspiratie, geen ontwerp om te kopiëren

Benadruk het verschil tussen inspiratie verzamelen en letterlijk overnemen. Laat leerlingen letten op vormtaal, compositie en sfeer.

Waar let je op in je research?

Gebruik je research om bewuste keuzes te maken.


  • Vorm: organisch, geometrisch, typografisch

  • Kleur: fel, beperkt palet, contrasten

  • Beeldtaal: illustratief, fotografisch, abstract

  • Doelgroep: stoer, speels, artistiek, minimalistisch

  • Trends en referenties: wat werkt op een skateboardvorm?

Deze slide heeft geen instructies

Van research naar ideeën

Research levert geen eindresultaat op, maar richting.


  • kies elementen die je wil testen

  • combineer invloeden tot een eigen concept

  • denk al aan plaatsing op het deck

  • houd rekening met leesbaarheid en impact

Wijs erop dat een skateboard geen rechthoekig canvas is. De vorm van het deck beïnvloedt de compositie.

Een ontwerpconcept formuleren

Voor je begint te schetsen, moet je idee helder zijn.


Een goed concept geeft antwoord op drie vragen: welke sfeer wil ik tonen, welke visuele elementen gebruik ik, en hoe past dat op een skateboard? Zo worden schetsen gerichter en sterker.

Deze slide heeft geen instructies

Drie schetsen maken

Je maakt 3 verschillende schetsen op basis van je research.


  • toon variatie, geen mini-aanpassingen

  • experimenteer met compositie en beeld

  • werk snel en duidelijk

  • focus op idee, niet op afwerking

Drie schetsen moeten echt verschillende richtingen tonen. Niet enkel een andere kleur of een verplaatst element.

Wat moet zichtbaar zijn in een schets?

Een schets moet voldoende informatie geven om het idee te beoordelen.


  • hoofdbeeld of centrale vorm

  • plaats van tekst of typografie

  • globale kleurindruk

  • compositie op de lengte van het deck

  • eventuele voor- en achtergrond

Deze slide heeft geen instructies

Twee schetsen worden gekozen

Uit de drie schetsen worden 2 ontwerpen geselecteerd.


De keuze gebeurt op basis van originaliteit, visuele kracht, compositie en haalbaarheid in digitale uitwerking. Zo blijft niet alleen het leukste idee over, maar ook het sterkste ontwerp om verder uit te werken.

Verduidelijk dat selectie ook betekent: kunnen leerlingen het technisch en visueel goed uitwerken binnen de opdracht?

Wat is het doel van research in deze opdracht?

A

Een idee sturen

B

Een ontwerp kopiëren

C

Een mockup bouwen

D

Een bestand exporteren

De juiste focus is richting geven aan het ontwerp. Een sterke afleider is 'een ontwerp kopiëren', omdat de slides expliciet het verschil maken tussen inspiratie en overnemen.

Vul de kern van het ontwerpproces aan

Een sterk skateboarddesign start met gerichte . Daarna maak je 3 verschillende die variatie tonen. Uit die ideeën worden 2 ontwerpen op basis van originaliteit, compositie en haalbaarheid.

Een sterk skateboarddesign start met gerichte
3 verschillende
2 ontwerpen
mockup
vectoren
pixels
lagen

Correcte invulling: research, schetsen, geselecteerd. Deze woorden dragen de proceslogica van het eerste lesblok.

Welk criterium zou jij het zwaarst laten doorwegen bij de keuze?

Bespreek of het antwoord verwijst naar compositie op de vorm van het deck, leesbaarheid, visuele kracht, originaliteit en technische haalbaarheid. Laat leerlingen hun keuze motiveren vanuit de criteria op de vorige slides.

Eén ontwerp in Illustrator

Illustrator is geschikt voor ontwerpen met strakke vormen en schaalbare elementen.


  • vectoren blijven scherp op elk formaat

  • ideaal voor lijnen, vormen en typografie

  • kleuren en vlakken zijn precies controleerbaar

Koppel dit aan het soort schets dat zich het best leent voor vectorwerk, bijvoorbeeld grafisch, iconisch of typografisch.

Wanneer kies je voor vector?

Een vectorontwerp werkt goed als je ontwerp vooral bestaat uit:


  • duidelijke contouren

  • egale kleurvlakken

  • geometrische opbouw

  • logo-achtige elementen

  • strakke typografie

Deze slide heeft geen instructies

Eén ontwerp in Photoshop

Photoshop is geschikt voor ontwerpen met beeld, textuur en detail.


  • werken met pixels en lagen

  • sterk voor sfeer, effecten en fotobewerking

  • handig voor collages en rijke achtergronden

Leg uit dat Photoshop minder geschikt is voor onbeperkt schalen, maar juist sterk is in beeldbewerking en textuur.

Wanneer kies je voor pixelbeeld?

Een pixelontwerp past goed bij:


  • fotografische elementen

  • texturen en schaduwen

  • complexe kleurovergangen

  • penseeleffecten of collage

  • een meer ruwe of atmosferische stijl

Deze slide heeft geen instructies

Twee programma’s, twee benaderingen

Je werkt dus 2 geselecteerde schetsen digitaal uit, maar niet op dezelfde manier.


  • Illustrator: vorm, precisie, vector

  • Photoshop: beeld, textuur, pixel

  • de softwarekeuze beïnvloedt het eindresultaat

  • een goed ontwerp sluit aan bij de sterkte van het programma

Benadruk dat leerlingen niet zomaar hetzelfde ontwerp moeten kopiëren naar beide programma's. Elk ontwerp gebruikt de logica van het gekozen programma.

Welk ontwerp past het best bij Illustrator?

A

Fotocollage met textuur

B

Strakke typografie

C

Ruwe penseelstreken

D

Zachte schaduwen

Illustrator sluit aan bij vectorwerk: strakke vormen, lijnen en typografie. De andere opties verwijzen naar typische Photoshop-sterktes.

Vul de juiste softwaretermen aan

In Illustrator werk je vooral met vector en nauwkeurige vormen. In Photoshop werk je met pixels, lagen en textuur.

Illustrator
vector
Photoshop
pixels
mockup
A4
PSD
afloop

Controleer of leerlingen niet alleen de programmanamen kennen, maar ook de logica erachter: vector versus pixels.

Welke schets zou jij eerst digitaal uitwerken?

1

De strakste

2

De meest sfeervolle

3

De meest originele

4

De meest haalbare

Deze slide heeft geen instructies

Je ontwerp in een mockup plaatsen

Een mockup toont hoe je ontwerp eruitziet op een echt skateboard.


  • plaats het ontwerp correct op het deck

  • controleer schaal en positie

  • beoordeel de visuele impact

  • kijk of details leesbaar blijven

Een mockup helpt leerlingen zien dat een ontwerp op het scherm anders kan overkomen dan op een product.

Waarom een mockup belangrijk is

De mockup is meer dan een presentatiebeeld.


Ze maakt zichtbaar of je compositie werkt op de vorm van het skateboard, of de verhoudingen kloppen, en of het ontwerp professioneel overkomt. Zo wordt het ontwerp niet alleen mooi, maar ook overtuigend gepresenteerd.

Deze slide heeft geen instructies

Presenteren op A4

Het eindresultaat wordt gebundeld op A4.


  • toon je gekozen ontwerpen overzichtelijk

  • voeg mockup en digitale uitwerking samen

  • zorg voor een verzorgde, duidelijke opmaak

Benadruk dat presentatie ook vormgeving is: hiërarchie, witruimte en leesbaarheid tellen mee.

Correct aanleveren

Je levert het werk in als:


  • PSD voor het bewerkbare bronbestand

  • PDF voor de finale drukklare versie

  • met snijtekens

  • met afloop


Zo is het ontwerp technisch correct voorbereid voor output.

Licht kort toe: snijtekens geven het snijformaat aan, afloop voorkomt witte randen na het snijden.

Van proces naar eindproduct

Deze opdracht volgt een duidelijke ontwerpketen:


Research → 3 schetsen → 2 keuzes → 1 ontwerp in Illustrator + 1 ontwerp in Photoshop → mockup → presentatie op A4 → inleveren als PSD en PDF met snijtekens en afloop


Elke stap bouwt verder op de vorige.

Gebruik deze slide om het hele proces nog eens samen te brengen voordat leerlingen zelfstandig werken of afronden.

Waarom plaats je een ontwerp in een mockup?

A

Om lagen te ordenen

B

Om het deck uit te snijden

C

Om impact te beoordelen

D

Om vectoren te tekenen

De mockup dient om schaal, positie, leesbaarheid en professionele uitstraling op het echte product te controleren.

Vul de eindpresentatie correct aan

Het eindresultaat wordt gepresenteerd op A4 en ingediend als PSD en PDF. De drukklare versie bevat ook snijtekens en afloop.

A4
PSD
PDF
snijtekens
mockup
JPEG
vector
schets

Hier toets je of leerlingen het laatste technische blok beheersen: presentatieformaat, werkbestand, eindbestand en drukvoorbereiding.

Wat maakt een A4-presentatie van dit werk overtuigend?

Goede antwoorden verwijzen naar hiërarchie, leesbaarheid, witruimte, logische plaatsing van mockup en uitwerking, en een verzorgde professionele presentatie.

Wat is één inzicht uit deze les dat je zeker wil onthouden?

Reflectie zonder juist/fout. Laat leerlingen één concreet inzicht benoemen, bijvoorbeeld het verschil tussen research en kopiëren, keuze tussen Illustrator en Photoshop, of het nut van een mockup.

Welk onderdeel van dit proces lijkt jou nu nog het moeilijkst?

Reflectie zonder juist/fout. Mogelijke thema’s: softwarekeuze, compositie op een skateboardvorm, technische aanlevering, of selectie van schetsen.

Begrippenlijst

research - doelgericht visueel en inhoudelijk onderzoek als start van een ontwerp

schets - snelle visuele uitwerking van een idee

concept - het centrale idee en de sfeer achter een ontwerp

vector - op paden gebaseerde beeldopbouw die scherp blijft op elk formaat

pixelbeeld - beeld dat is opgebouwd uit kleine beeldpunten

mockup - realistische voorstelling van een ontwerp op een product

compositie - de plaatsing en verhouding van elementen in een ontwerp

Deze slide heeft geen instructies

Begrippenlijst

Illustrator - ontwerpprogramma dat vooral gebruikt wordt voor vectorwerk

Photoshop - ontwerpprogramma dat vooral gebruikt wordt voor pixelbeelden en beeldbewerking

laag - afzonderlijk bewerkbaar onderdeel in een digitaal bestand

A4 - standaard papierformaat voor presentatie of opmaak

snijtekens - markeringen die aanduiden waar een document gesneden moet worden

afloop - extra beeld buiten het eindformaat om witte randen na het snijden te vermijden

PSD - bewerkbaar bestandsformaat van Photoshop

PDF - bestandsformaat voor het delen of drukkaar aanleveren van een ontwerp

Als je wil, kun je hier nog kort het verschil tussen werkbestand en eindbestand toelichten.