Vakblad voor designers | www.dzone.nl | 17e jaargang | Nummer 136 • 2011

0708162022252629303234384344454648

50515253

#136colofon

vakblad voor designers17e jaargang www.dzone.nl

Cover ArtworkArtist: Lennard SchuurmansWeb: www.shop-around.nl

UitgeverijThree Publishersbinnenkadijk 3291018 aX amsTerdamT +31 (0)20 625 67 82e info@ThreePublishers.com

Uitgeverhans Voorn Voorn@ThreePublishers.com

HoofdredACtiehans frederiks,hans@dzone.nl

eindredACtiejan Verberne,janVerbe@Xs4all.nl

Coverlennard schuurmans/shoP around

PAPier en drUkheT PaPier Van heT omslag is on offseT 250 g/m2, heT PaPier Van heT binnenwerk is on offseT 120 g/m2 en werd geleVerd door ProosT en brandT, amsTerdam.drukwerk werd Verzorgd door habo dacosTa, Vianen

Art direCtion / vormgevingfrankie TjoengTessa Valkddk (ddk.nl)

iPAd-editiefrankie Tjoengddk (ddk.nl)

redACtiemedeWerkersPeTer Van ammelrooY, erwin blom, leo diker, anToni dol, berT hagendoorn, joosT Van der hoeVen, sander kessels,alberT kiefer, linda lee, michiel Van liTh, PeTer luiT, aad meTz, lars Polder, lodewijk schuTTe, herberT Van sTaVeren, PeTer VilleVoYe

illUstrAtieshan hoogerbrugge, sauerkids, TiquesTar illuminaT reX, bo VenTura

AdvertentiesacquisiTiebureau muldersales manager marT mulderT +31 (0)6 54317087e marT@dzone.nl

tAriefkAArtwww.dzone.nl/TariefkaarT

AbonnementenserviCefbw abonneeserVicePosTbus 6123440 aP woerdenT +31 (0)348 431393e abonnemenTen@dzone.nl

trAffiC/AdvertentieswendY aafTinkT+31 (0)6 54317086 e wendY@dzone.nl

dzone magazine VerschijnT 6 keer Per jaar in nederland en belgiË. abonnemenTen kunT u schrifTelijk aanVragen bij Three Publishers of door heT formulier in Te Vullen oP de dzone-websiTe www.dzone.nl. abonnemenTen dienen Twee maanden Voor de einddaTum Te worden oPgezegd. anders worden zij auTomaTisch Verlengd Voor een jaar.

alle merk- en productnamen zijn handelsmerken, of gedeponeerde handelsmerken, van hun respectievelijke houders en kunnen zijn gedeponeerd in bepaalde rechtsgebieden. dzone is een geregistreerd handelsmerk van Three Publishers. alle rechten voorbehouden. niets uit deze uitgave mag worden verveelvoudigd, gebruikt, gepubliceerd of worden opgeslagen in een gegevensbestand, zonder schriftelijke toestemming van de uitgever.

RedactioNeel: Kindleachtig!

VeRsch WeRkVideo: Radio KijKen bij giel beelen

PoRtfolio: lennaRd SchuuRmanS

de studio VaN… PeteR Pontiac

columN PeteR VaN ammelRooy: nobele motto’S

iNteRVieW: jochem WijnandS en michel elingS, maKeRS van tRvl magazine

columN eRWiN Blom: Remmende Scholen

de iNsPiRatie VaN… toytyPe

desigN: ontWeRPeRS oveR iPad-aPP van nu.nl

Video: dSRl-video – ontdeK het!

ReVieW: QuaRK XPReSS 9: veRfijnen en bijblijven

ReVieW: hyPe: eenvoudig animeRen vooR html5

columN PeteR VilleVoye: Koehandel in de cloud

stRiP: han hoogeRbRugge

kleuRmaNagemeNt: nooit meeR SWoP!

diNgetjes: houten WeKKeR, fbfmobileone, chRomebooKS,

iPad-acceSSoiReS, aPPle thundeRbolt, thinKPad X1, SoulRa Xl

hostiNg PRoVideRsuseR gRouPsVolgeNd NummeRtRaiNiNgs/cuRsuskaleNdeR

inhoud

4

Vakblad voor designers | www.dzone.nl | 17e jaargang | Nummer 136 • 2011 e 9,95

de studio van… Peter Pontiac22

koehandel in de cloud44gadgets48

radio kijken bij giel beelenVersch werk 1608

de inspiratie van… Toytype30

inhoud

5

inspiratie

Versch werk

designer: lianne leeflangomschrijving: eigen posterproject, geïnspireerd op onder andere (film)muziek van david bowie voor de film absolute beginners, muziek van fever Ray en muziek van fleet foxes.software: markers, pennetjes, Photoshopcontact: info@lianneleeflang.comWebsite: www.lianneleeflang.com

designer: bart aalbersopdrachtgever: vrij werk

omschrijving: ja, ik teken graag baarden en snorren. ook in mijn vrije werk. deze

illustratie eindigde uiteindelijk op tassen, kussens, tafellopers, kaarten en stickers.

software: illustratorcontact: bart@bartaalbers.comWebsite: www.bartaalbers.com

8

inspiratie

designer: daniël matakupan omschrijving: destroy – een persoonlijk ontwerp het is een mix van: fotomanipulatie, digital art, 3d-rendering en illustratie. eerst werden verschillende stockfoto’s bij elkaar verzameld. deze werden later uitgeknipt/gemaskeerd en op de positie geplaatst waar ik ze wou hebben. de zwevende planeet in het midden is gemaakt vanuit één afbeelding. daaruit werd een aantal keren geknipt en op elkaar geplakt om één ge heel te maken. vervolgens ben ik digitaal gaan schetsen, zoals het puin rondom de planeet. de lucht is gecreëerd via het Penseel in Photo shop en later aangepast met de Warp tool. de strakke lijnen en cirkels zijn gedaan in illustrator.contact: info@danielmatakupan.comWebsite: www.danielmatakupan.com

designer: Karol lasiaomschrijving: binnenkant albumhoes the blood of heroes - Remain. label: ohm Resistance.

illustratie voor Playboy magazine uSa over de mexicaanse drugsoorlog en de nabijheid van de amerikaanse grens.media: Photoshop, verfcontact: khoma@khomatech.comWebsite: www.khomatech.com

illustrator: irina grabarnik omschrijving: vrij werk, gemaakt voor zelfpromotie, gemaakt in zwarte oost-indische inkt. voor deze tekeningen wilde ik inkt gebruiken om de sensualiteit van de lijnen te bereiken.contact: illustration@irinagrabarnik.comWebsite: www.irinagrabarnik.com

9

inspiratie

designer: Pieter Postmaomschrijving: design for governance; Serie poppetjes ter aankleding van promotie

computable; consultancy guide illustraties Rails: coverdesign healthissue | computable: top5 populairste en minst populairste bedrijven emptyWorldWide; empty t-shirts; empty stickers voor t-shirt label

empty logo’s en tags voor t-shirt label Phlygear nyc; t-shirt print ontwerp

emptyWorldWide; designer-kinderboek de Regenboog Pitch via artbox; ontwikkeling cheesy-characters voor kaascompanysoftware: adobe illustratorWebsite: www.pieterpostma.com

designer: enkeling omschrijving: flying lotus - cosmogramma; alternatieve cover voor Kindamuzik / vrij werk too hot/ vrij werksoftware: stift, kwast, inkt, illustratorcontact: +31 (0)6 490 80 111Website: www.enkeling.nl

10

inspiratie

11

inspiratie

designer: nancy zonneveld Bureau: nancy zonneveld illustratiesomschrijving: online flash-gamesvoor verschillende klanten.

bejeweled en Pacman zijn gemaakt voor de gemeente

bergen op zoom. de kleurplaat en Woestijngame voor elkspel.nl.

software: adobe flashcontact: +31 545 275052Website: www.nancyzonneveld.nl

insturenelke editie wordt voor deze rubriek werk geselecteerd van designers en illustratoren over wie wij enthousiast zijn. dat doen we om te inspireren, maar ook om iedereen de kans te geven zijn beelden hier te etaleren. verras ons dus met jouw werk! heb je beelden van een recent project of nieuw vrij werk waarvan je vindt dat het hier een plaats verdient, stuur daarvan dan de jPg’s met een korte toelichting naar verschwerk@dzone.nl

designer: Steven Kraanomschrijving: ik maak elke dag een tekening op facebook: drawingdaily. voor de pixelstrips maak ik gebruik van het tekenprogramma mS Paint. ik zoom bijna maximaal in en creëer vervolgens met pixels een beeld. Wanneer de strip klaar is, vergroot ik het beeld met 500 procent en publiceer deze vergrote versie.Website: www.facebook.com/drawingdaily

12

inspiratie

designer/bureau: Patswerkopdrachtgever: zelf geïnitieerd grovemade

Stroom/heden ammoomschrijving: birds; handgemaakte zeefdruk-poster in eigen beheer. verkrijgbaar via onze website. (fotografie: Studio.vruchtvlees.nl) acid in Wonder-land; grovemade is een bedrijfje in Portland dat lekker bezig is. Wij ontwierpen voor hen dit vrolijke land-schapje, dat zij vervolgens weer met een laser in een bamboe iPhone-case hebben gegraveerd. hallo; ontwerp voor promomateriaal zoals ansichtkaarten en t-shirts Kijken met je oren (radio); Stencils gemaakt op basis van vector artwork, vervolgens met spuitbus aangebracht op houten koffers. voor het workshopaanbod van Stroom en heden maakten we eerder de poster/brochure. voor de workshop ‘Kijken met je oren’ maakten we het lesmateriaal en de koffer waarin dit vervoerd kan worden. de koffer is gebaseerd op de eerder gemaakte poster. (fotografie: Studio.vruchtvlees.nl) good hairday; voor ammo magazine maakten we deze gezellige verzameling van crazy types.Werkwijze: tweekleuren zeefdruk lasergegra-veerde iPhone-case op basis van vector artwork illustrator illustrator en Photoshopcontact: +31 6 45772172Website: www.patswerk.nl

13

video

op dus naar 3fm in het mediapark in

hilversum, waar ik een afspraak heb met

Siebolt lettinga en dirk Provily van 1080dots,

René Kok van forest Poker en henri Paulus-

sen van corrino media group en waar we

gaan kijken bij de ochtenduitzending van giel

beelen. het was me niet helemaal duidelijk

wie nu precies wat deed bij het maken van

die overlays en extra info op de 3fm-webcam.

hoe was de rol verdeling?

via Siebolt en dirk was alles aan het rollen

gegaan, toen zij enthousiast op adobe user

group Xl vertelden over de leuke oplossingen

die ze al hadden geleverd aan omroep fle-

voland, omrop fryslân en 3fm. Wat doet

1080dots dan precies? 1080dots levert

kort gezegd digital signage- en broadcast-

oplossingen. anders gezegd: ze maken onder

andere een rich mediaplayer – de 1080dots

dS Player+ – waar je, bijvoorbeeld via inter-

net, een playlist naartoe kunt sturen, die je met

behulp van eenvoudige Xml-opdrachten kunt

aansturen. op hun website lees ik onder

andere: ‘voed de playlist met realtime informatie,

met bijvoorbeeld RSS-feeds en Xml-data-info

voor broadcast. met Photoshop kun je je eigen

ontwerp voor templates maken om de player

zijn eigen dynamische gezicht te geven. de

templates kunnen telkens opnieuw gebruikt

worden. de content staat los van je ontwerp,

waardoor de uitstraling, het ontwerp, nooit

verandert. met overlays leg je grafische lagen

boven op een playlist. met die overlays kun

je RSS-tickers laten lopen, zoals twitter-info,

logo’s, titels, een klok of wat voor grafische

content je maar wilt. overlays kunnen naar

wens aan en uit gezet worden.’

de oplossing van 1080dots vind je overigens

niet alleen bij broadcast, maar ook bijvoor-

beeld in het kantoor van een makelaar die op

een beeldscherm, in de player, zijn actuele

huizen kan laten zien: digital signage dus.

3fm

het begint me duidelijk te worden. je hebt een

videostroom, die van de webcam uit de studio

van 3fm, tijdens de uitzending van Giel, en

die videostroom verrijk je met allerlei overlays

boven op die stroom. bij Giel is dat van al-

les, bijvoorbeeld een stroom noS-nieuws –

‘Brand in Aamsveen deels onder controle’ –,

maar ook sms-berichten – WE WILLEN OOK MANNEN IN DE HORNY MORNING CONTEST!! –, tweets van de luisteraars –

VANOCHTEND WAS ENG MAN! Ik was krantenwijk aan het doen met radio aan en dacht ‘Dadelijk wordt Riviere Life gedraait op #3FM en dat gebeurde! –, de spreuken van

opa beelen – ‘Als je nergens je poten aan wil verbranden, hou dan ook geen peuk meer in je handen’ –, het nummer dat op dat moment

speelt – adele met Set fire to the rain – en dat

allemaal voorzien van logo’s, van de vaRa, van

Giel enzovoort. een voortdurend veranderende

stroom info, maar met de look&feel van Giel, de vaRa en 3fm.

Hoe en wie?

hoe werkt het precies? zet giel dat zelf aan?

Wie maakt het? verantwoordelijk voor de

implementatie van de 1080dots dS Player+

is René Kok van forest Poker, die het in op-

dracht van de corrino media group voor 3fm

implementeerde en steeds nieuwe mogelijkhe-

den toevoegt.

René Kok vertelt hoe alles is ontstaan en

hoe het ongeveer werkt. ‘het is ooit bij 3fm

begonnen met de Freaknachten, waarvoor

ik de jinglemachine heb ontwikkeld. die ma-

chine zorgde ervoor dat er bij de jingles van

de dj’s ook animaties in beeld verschenen.

vooral tijdens het jaarlijkse evenement het

glazen huis kregen ze grote bekendheid. na

jarenlang een applicatie gebruikt te hebben

die alleen sms’jes en de RSS-feeds van 3fm

en de noS kon weergeven, vroeg de corrino

media group aan forest Poker om te kijken of

er een oplossing was die meer kon bieden wat

betreft functionaliteit en flexibiliteit. vooral het

toevoegen van sociale media zoals twitter aan

de beeldoverlay was iets wat ze graag wilden.’

‘na veel research en zoeken op het internet

kwam ik uit bij 1080dots, waarbij met name

het kunnen gebruiken van decklink-cards een

doorslaggevend punt was. niet alleen kon hun

dS Player videobeeld en graphics samenvoe-

gen zonder video-delay, ook het uitsturen van

een aparte fill en key behoorden tot de moge-

er zijn dingen in de wereld waar je absoluut geen weet van hebt. Radio kijken is bijvoor-

beeld zoiets. tv-kijken, dat ken ik wel, maar dat je naar radio-uitzendingen kunt kijken,

was me onbekend. Bij 3fm kan dat bijvoorbeeld, kijk maar op 3fm.nl. dan zie je hem

daar zitten in de studio: giel Beelen. opgenomen met een webcam zie en hoor je hem

praten. over dat webcambeeld zie je van alles geprojecteerd: het VaRa-logo, er scrollen

berichten langs, tweets, sms’jes, de spreuk van opa Beelen verschijnt ineens in beeld.

hoe gaat dat precies in zijn werk? dzone ging op bezoek bij 3fm en kreeg uitgebreid

uitleg over de oplossing van 1080dots en van René kok van forest Poker media.

radio kijken bij giel beelen

tekst eN fotogRafie hans frederiks

remix van radio, video en grafische techniek

16

video

lijkheden, zodat het samenvoegen ook in een

regiewagen kan plaatsvinden. de dS Player

had bovendien al de mogelijkheid RSS-feeds

uit te lezen, zodat de feeds van 3fm en de

noS meteen uit te lezen waren. het enige wat

nog niet kon, was het weergeven van twitter-

berichten. gelukkig is de support van 1080dots

geweldig... doordat ze zelf ook de dS Player

steeds beter willen maken, werden suggesties

voor extra functies niet alleen gehoord maar

ook ingebouwd in de dS Player, zodat die ook

twitter-berichten kan weergeven.’

‘De integratie van de live Twitter-feed was vooruitstrevend’

‘in eerste instantie heb ik de dS Player

gebruikt zoals die bedoeld was: ik maakte een

playlist en liet deze afspelen.

dus SmS-->twitter-->SmS--etc. voor het

programma Blikvoer wilde 3fm de mogelijk-

heid hebben om ook aparte informatie te

kunnen weergeven zoals ‘gast in de studio’

en uitgelichte berichten. de playlist werd dan

op stop gezet en de items werden handmatig

aangeklikt binnen de dS Player. het was een

groot succes: Blikvoer won de Prix italia voor

het meest vooruitstrevende mediaformat,

onder andere dankzij de integratie van de live

twitter-feed.’

‘in de aanloop naar 3fm Serious Request

2010 begon ik tegen de grenzen van de dS

Player aan te lopen. het werd te kritiek om

mensen van de redactie rechtstreeks de dS

Player-computer te laten bedienen. de playlist

werd steeds groter, dus ook de kans op fou-

ten. ook nu kon ik weer rekenen op de steun

van 1080dots, de oplossing werd gevonden

door het mogelijk te maken de dS Player ex-

tern aan te sturen. hierdoor kon ik een externe

de videostroom verrijk je met allerlei overlays boven op die stroom

17

m e d i ac o l l e g e . n l

010-880 25 55 | info@mediacollege.nl

nieUWe WeBSiTe | nieUWe BRocHURe | VeRnieUWd cURSUSaanBod

m e d i ac o l l e g e . n l

010-880 25 55 | info@mediacollege.nl

nieUWe WeBSiTe | nieUWe BRocHURe | VeRnieUWd cURSUSaanBod

omgeving ontwikkelen waarin de redactie makkelijk

de content kan aanpassen en weergeven op tv zon-

der dat de mogelijkheid bestaat dat ze kritieke fouten

maken. het invoeren van ‘gast in de studio’ en het

daarna weer geven op tv werd een fluitje van een

cent. het op afstand besturen leverde ook gemak in

de regiewagen op tijdens de glazen huis-journaals:

namen voor in de titelbalk konden worden ingevoerd

door de redactie, die zich ergens anders bevond, de

regie zag de namen verschijnen op een scherm en

hoefde alleen nog maar de titelbalk te starten op het

juiste moment. hectiek met blaadjes en invoeren van

namen net voor of tijdens het journaal behoorden

opeens tot het verleden. verder was het mogelijk

om dingen te laten gebeuren op het moment dat ze

daadwerkelijk plaatsvonden. het beste voorbeeld is

Song Playing. Wanneer een dj een nummer heeft

gestart, worden de naam van het nummer en de

naam van de artiest in beeld weergegeven, en dat

allemaal geheel automatisch.’

‘nadat 3fm Serious Request 2010 met succes was

verlopen, heb ik de nieuwe functies doorgevoerd

naar alle 3fm-programma’s, zoals Ekstraweekend,

Nachtegiel, Ekdom in de Nacht, Blikvoer, Met Michiel, 3FM huisstijl en Giel. voor Giel heb ik het

geheel ook uitgebreid met het Knmi-weerbericht en

het anWb-filenieuws en andere showgerelateerde

items. doordat de dS Player zo flexibel is en de

support van 1080dots zo goed, ga ik in de toekomst

zeker meer projecten ermee uitvoeren.’

moeilijk?

Wil je iets dergelijks zelf eens uitproberen? dat kan.

ga naar de site van 1080dots en download daar de

probeerversie van de dS Player+ en de handleiding

in pdf. de player blijft vijftien dagen werken, dus je

hebt ruim de tijd om ermee te experimenteren. in

die uitgebreide handleiding staat heel precies de

workflow beschreven en ook kun je erin lezen hoe je

de templates in Photoshop moet maken. als je een

beetje verstand hebt van video, Xml en Photoshop,

kom je er wel uit. en wil je gewoon zien wat er moge-

lijk is, dan kijk je morgenochtend naar de radio, naar

Giel.

info

www.1080dots.com

www.3fm.nl

www.forestpoker.com

www.corrino.com

video

19

inspiratie

Voor elk omslag van dzone kiezen shop around en de

redactie van dzone voor een maker uit de grote groep

beeldenmakers die shop around vertegenwoordigt.

deze keer is dat lennard schuurmans.

Kenmerkend aan het werk van illustrator én typograaf lennard

Schuurmans is de organische wijze waarop hij steeds weer

nieuwe invloeden en technieken in zijn ontwerpen weet te

verwerken. Schuurmans experimenteert met nieuwe stijlen,

waardoor zijn illustraties, schilderijen en ruimtelijke objecten

vaak zeer verfrissend en oorspronkelijk zijn. lennards ont-

werpen worden gedomineerd door abstracte, vaak kleurrijke

vormelementen. maar ook eigenzinnige characters en zijn

liefde voor motoren lopen als een rode draad door zijn werk.

bekende merken zoals elle, adidas, levi’s en nike maakten

dankbaar gebruik van Schuurmans’ illustratiewerk. zijn vrije

werk heeft hij onder andere geëxposeerd in new york,

Kopenhagen en Parijs en vrijwel alle grote steden van

nederland.

Boys like us: t-shirtontwerp voor het nieuwe stoere kinderkledingmerk boys like us.

leader of the Pack: vrij werk voor een expositie in new york

oranje leeuwen: letterontwerp voor nike. voor het WK 2010 is dit logo gebruikt

op de binnenzijde van het officiële shirt van oranje en later ook op tassen, ballen,

schoenen enzvoort.

euroman: illustratie voor the abc of happiness voor het deense tijdschrift euroman.

enzo ferrari: illustratie voor dj broadcast magazine.

elle style awards: illustratie voor de printcampagne en walldesign voor de catwalk.

Winkelraam: voor levi’s frankrijk maakte lennard een ontwerp voor de complete

inrichting van de levi’s flagship Store in Parijs; dit is een van de twee ramen.

20

inspiratie

shop AroundShop around werd opgericht in 1998 als een rep bureau, vooral gericht op illustratoren en grafisch ontwerpers. in de loop der jaren heeft het zich ontwikkeld tot een creatief productie-bureau dat gespecialiseerd is in eigentijdse illustraties, grafisch design, wall design, animatie, motion graphics en interactieve vormgeving. Shop around heeft vestigingen in amsterdam en Rotterdam. Sinds twee jaar is er ook een vestiging in new york. www.shop-around.nl

21

inspiratie

Peter PontiacfotogRafie hans frederiks

de studio van

Peter Pontiac kreeg onlangs de marten toonderprijs 2011, een oeuvreprijs die wordt uitgereikt

aan een striptekenaar die een bijdrage heeft geleverd aan de nederlandse cultuur.

hij tekende decennia underground strips voor o.a. tante leny Presenteert, gummi en modern

Papier en illustreerde regelmatig voor het muziekblad oor. zijn doorbraak bij het brede publiek

kwam er begin jaren 2000 met zijn graphic novel ‘Kraut’, waarin Pontiac het verhaal vertelt van

zijn vader die tijdens de tweede Wereldoorlog een collaborateur en oorlogsverslaggever was

voor de duitsers aan het oostfront. hij maakt nog steeds regelmatig illustraties voor bijvoorbeeld

vrij nederland, Rood van de Pvda, de filmkrant, crimelink, de gids, de vPRo-gids en mule-

skinner, een trashcountrypunkbluesblad. binnenkort verschijnt bij de bezige bij van hem een

boek met al zijn 325 strippagina’s, dat de werktitel PontiacRhythm heeft. volgend jaar verschijnt

PontiacBlues met tekenwerk van de laatste 40 jaar.

www.peterpontiac.nl

de werktafel, het bureau, de studio, de werkomgeving van een creatief ziet er vaak

bijzonder uit. soms strak, soms chaotisch, vaak met veelzeggende details. elke dzone

leggen we zo’n studio vast. deze keer de studio van Peter Pontiac.

22

inspiratie

23