This roadmap is part of the cross-media training, developed by media-designer and lecturer Raoul Postel. Powered by Grafisch Lyceum Utrecht and DesignTrainingen.nl.

1. ICON PICTO LOGO
LEERJAAR 1
VORMGEVING

2. ONTWERP
EEN LOGO-PICTO
MET ILLUSTRATOR
van schets tot logo-picto

3. auteur: Raoul Postel
ICON PICTO LOGO DESIGN ILLUSTRATOR
BRIEFING EN OPDRACHT
▸ Schrijf kort op wat de opdracht
inhoudt.
▸ Maak een lijst van de producteisen
en specificaties, zoals: formaat, kleur
of zwartwit, diapositief.
▸ Omschrijf het doel/thema of, bij een
huisstijl, de Unique Selling Points (USP)
▸ Omschrijf de doelgroep.
▸ Krijg antwoord op vragen die je
nog hebt, bij de opdrachtgever.
▸ Stel de deadline vast.
V

6. auteur: Raoul Postel
IDEE & SCHETSEN
▸ Bekijk het aangeleverde materiaal.
▸ Google eigen icoontjes / logos /
pictogrammen ter inspiratie met
het doel/thema als zoekterm.
▸ Maak een lijstje van onderdelen
die er zeker in moeten komen,
zoals: beeldmerk, naam, unique
selling-points (USP), uitstraling.
▸ Maak met potlood of pen op
papier kleine schetsen van het
icoon / picogram of logo (min. 20).
V
ICON PICTO LOGO DESIGN ILLUSTRATOR

7. auteur: Raoul Postel
WAARNEMING EN ABSTRAHEREN
▸ Google het woord Gestalt
en bestudeer de afbeeldingen.
▸ Neem in je schetsen de volgende
elementen op:
- ritme
- overlapping
- uitsparen
- vereenvoudigen
V
ICON PICTO LOGO DESIGN ILLUSTRATOR

11. auteur: Raoul Postel
OPZET ADOBE ILLUSTRATOR
▸ Maak een nieuw document voor drukker
aan op A3 formaat in CMYK-modus.
▸ Start met het tekenen in zwart,
vanuit de gemaakte schetsen.
▸ Baseer (live-trace) de vormen op
bestaande onderwerpen/vormen/foto’s
en vereenvoudig deze tot minimaal
noodzakelijke vorm (abstraheren).
▸ Maak een 10-tal geabstraheerde
variaties.
▸ Kies een 5-tal lettertypes passend
bij uitstraling van vorm en doel.
V
ICON PICTO LOGO DESIGN ILLUSTRATOR

16. auteur: Raoul Postel
FEEDBACK OPDRACHTGEVER
▸ Maak vanuit Illustrator een PDF
voor Print en voeg daar een scan/
foto van de schetsen aan toe.
▸ Bespreek deze voorstellen in PDF
met de opdrachtgever en noteer
de gemaakte opmerkingen.
V
ICON PICTO LOGO DESIGN ILLUSTRATOR

18. auteur: Raoul Postel
UITWERKING ADOBE ILLUSTRATOR
▸ Maak een nieuw document aan.
▸ Stel 3 vierkante art-boards in.
▸ Plaats de 3 beste resultaten vanuit
de voorstellen, elk op een eigen
art-board.
▸ Werk deze 3 variaties uit op een
vierkant raster (grid), zodat alles
precies uitlijnt.
V
ICON PICTO LOGO DESIGN ILLUSTRATOR

23. auteur: Raoul Postel
VARIATIES VOOR DIVERSE MEDIA
▸ Kopieer de 3 art-boards. Voeg bij
de kopieën 1-2 kleuren toe.
Kopieer meerdere keren indien er
meer kleur-variaties nodig zijn.
▸ Kopieer weer de 3 art-boards.
Verklein de kopieën tot 50%.
▸ Kopieer een laatste keer de 3 art-
boards. Plaats een zwart vlak achter
de kopieën en pas de kleurstelling
aan voor een goede diapositieve
weergave.
V
ICON PICTO LOGO DESIGN ILLUSTRATOR

27. auteur: Raoul Postel
BEWAREN VOOR DRUKWERK
▸ Kies 1 de beste kleur variatie uit
en bewaar als nieuw document.
▸ Zet de document-kleurmodus
op CMYK. Wijzig alle kleuren naar
CMYK als dit op RGB stond.
▸ Bewaar als AI, versie CMYK.
V
ICON PICTO LOGO DESIGN ILLUSTRATOR

28. auteur: Raoul Postel
BEWAREN VOOR BEELDSCHERM
▸ Kies 1 de beste kleur variatie uit
en bewaar als nieuw document.
▸ Zet de document-kleurmodus
op RGB. Wijzig alle kleuren naar
RGB indien dit op CMYK stond.
▸ Exporteer als PNG, versie RGB.
V
ICON PICTO LOGO DESIGN ILLUSTRATOR

29. Het logo van CreativeHubs is
gemaakt met een stempel.
Eenvoudigweg een school-
gum die met een mesje is
uitgesneden en via een
stempelkussen en inkt op
papier is gedrukt.
De orginele stempel was
oorspronkelijk een beetje
anders dan in het huidige
logo te zien is:
Het meest kenmerkende is de
witte, uitgespaarde balk-vorm.
Dit is de Hub en staat voor de
box of ruimte (3D) waar dingen
mogen ontstaan. De 'korrel' die
ontstaat door inkt op wat grover
papier geeft een creatieve
uitstraling.
Wat nog miste was de mens, die
centraal staat in het CreativeHubs
concept. Door met het kleine
vlakje rechtsonder te schuiven,
samen met het vierkante vlakje
bovenin te combineren, vormt
zich een mensvorm voor een box.
LOGO CONCEPT & PROCES CREATIVEHUBS.NL

30. Door de rechte geometrische
vormen behoud het geheel
wel een creatief, technisch
karakter. Dit representeert
de media waar CreativeHubs
mee werkt.
Door de vorm in Photoshop
vrijstaand te maken kan het op
diverse achtergrondkleuren
worden gebruikt.
Voor de kleurstelling is gekozen
voor de drukkleur Magenta. Een
vriendelijke en warme kleur met
een toegankelijke uitstraling.
Door de domeinnaam als
merknaam bij het logo te
plaatsen is CreativeHubs.nl, als
hoofdzakelijk online initiatief,
snel te vinden.
Als font is gekozen voor
de Avance-letter van de
Nederlandse letterontwerper
Evert Bloemsma. Een
krachtige, maar subtiele
schreefletter die door zijn
licht extended karakter speels
en vriendelijk communiceert,
zonder het serieuze te
verliezen. Een belangrijke
kernwaarde van van
CreativeHubs.