Behalve web geek ben ik ook nogal gek op hardlopen. Op turboslak.nl babbel ik er graag over.

Op 19 februari 2012 organiseert hardloopambassadeur Ronald Meijer − aka Running Ronald — een eenmalige marathon door Alphen aan den Rijn. In de vooraankondiging schreef hij dat een logo welkom was.

Voor de gelegenheid heb ik daarom eind vorige week een logo geknutseld. Met als uitgangspunten:

• de letters R van Running Ronald
• het wapen van Alphen aan den Rijn (de achtpuntige ster)
• op een cartoonachtige manier vormgegeven — een poging de R te laten rennen
• een vrolijke en vriendelijke uitstraling
• de kleuren van atletiekvereniging AAV ’36

Voor de gelegenheid besteedde ik de zondagmiddag aan het maken van een mood logo van antiheld Turboslak.

Turboslak is mijn alterego voor het hardlopen. Aangezien Turboslak niet in het bezit is van achillespezen of zelfs maar iets wat op kuiten lijkt heb ik een barst in zijn slakkenhuisje getekend. Als symbool voor het kleine lichamelijke leed. De rookwolken komen van de turbo van Turboslak. Die is eventjes naar de klote.

Beer burning
Het concept: ik ben ooit begonnen met hardlopen om wat overtollig gewicht te verliezen. Denk hierbij onder andere aan een fikse bierbuik — in de vorm van een onderhuids geïmplanteerde opblaaseend. Tijd voor actie. Bewegen met dat rolmopsenlijf.

Hardlopen als antidote tegen de calorietjes van het gerstenat. Bierverbranding. Da’s behoorlijk effectief moet ik zeggen.

Fireworks vector stuff
Na een paar uurtjes klooien met mijn favoriete hybride grafische tool — Adobe Fireworks — heb ik een vector graphic geknutseld die min of meer acceptabel is en aansluit bij de stijl van de website. In elk geval is-ie goed genoeg om online te zetten.

iFixPNG
Met Firefox, Safari of Opera bekeken op mijn iMac ziet een 32-bit pngbestand met alpha transparantie er al snel gelikt uit. Maar helaas is niet de hele wereld voorzien van een fijne computer. Laat staan dat ze een goeie browser gebruiken. Om een teleurstellende visuele ervaring onder Internet Explorer te voorkomen gebruik ik altijd een jQuery plugin: jquery.ifixpng.

Hieronder — een crosspost van een tekst die ik een paar dagen terug op mijn turboslakken hardloopblog zette¹ — kom je meer te weten over de jekko. In woord en beeld.

In het leger
De uitdrukking als een jekko hoorde ik in mijn militaire diensttijd vaak voorbij komen — ja beste kijkbuiskinderen, in de tijd dat ik een jonge god was bestond er nog zoiets als militaire dienstplicht. Zo’n ouwe sok ben ik.

Op oefening had je amper je 4-tonner het Enge Dierenbos ingereden of een drie-ster schreeuwde om als een jekko een MAG-post in te richten. De strekking was duidelijk. Het moest snel gebeuren. Maar de letterlijke betekenis van een jekko … immer noch keine Ahnung.

Waar je mee omgaat
Ze zeggen, waar je mee omgaat daar word je mee besmet. Bovendien raak je sommige infecties nooit meer kwijt. De jekko is zo’n besmetting die niet meer overgaat. Mijn diensttijd behoort inmiddels tot een grijs verleden, maar de jekko is blijkbaar samen met mij afgezwaaid. Ook in het burgerleven komt-ie van tijd tot tijd langs:

“Nee, ik heb vandaag helaas geen tijd voor het opmaken van een digitale nieuwsbrief. Ik moet als een jekko aan de slag om een projectenwebsite online te zetten.”

Anno 2009 is de jekko springlevend.

Mijn jekko
Binnen de organisatie die mijn boterham belegt beschouw ik de jekko een beetje als mijn eigendom. Zonder mij was de jekko wellicht nooit geïntroduceerd.

Toen een collega onlangs telefonisch meedeelde dat-ie als een jekko wat asp-code ging aanpassen vroeg de persoon aan de andere kant van de lijn of-ie misschien met mij overlegd had. Hey, need I say more?

Een eigen Swung
Het mooie aan de onbekendheid van de jekko is natuurlijk dat je er je eigen draai aan kunt geven. Het is als een Dementor in Rowling’s boeken over Harry Potter. Voor een Dementor bestond er geen referentiekader en dus zag-ie eruit zoals je zelf wilde. Totdat The Prisoner of Azkaban uitkwam en je een Dementor voor het eerst op het witte doek zag.

Mijn eigen draai eraan geven, dat ga ik doen. Ik geef de jekko een gezicht.

Define: de jekko
Een jekko is de metafoor van alle dingen die je snel wilt regelen. Snel, maar ook goed geregeld. Geen half werk. De jekko is een dier. Een heel snel fantasiedier. Energiek en vlot. Hij straalt positiviteit uit.

Meet de jekko
Ik neem een schetsboek ter hand. Een paar boeken over cartoontekenen dienen als inspiratie, want helemaal van scratch iets verzinnen is helaas niet aan mij besteed. Ik combineer verschillende voorbeeldjes en ontwerp in een paar iteraties mijn eigen jekko. Daarna is het tijd om m’n ontwerp naar het web te brengen. Omzetten naar een vectorbestand die handel dus.

Zodat niemand ooit nog hoeft te vragen wat een jekko nou eigenlijk is en waarover ik het in godsnaam heb als ik ga als een jekko …

P.s. heb je trouwens dat Saucony logo gezien op het verder anonieme schoeisel van mijn jekko?

¹ Bijna één op één overgenomen. Benieuwd of Google dit schrijfsel als duplicate content identificeert.

Lekker rustig. En met een beugelfles Grolsch onder handbereik is het goed uit te houden in de tuin op deze Pinkstermaandag.

Met een schetsboek in de hand ga ik op zoek naar een alterego voor Nullbeta. Een kater gaat het worden. Een licht gestoord, maar wel energiek beestje.

Na een uurtje of wat schetsen ben ik tevreden genoeg om achter m’n laptop te kruipen en op basis van m’n krabbels een eerste vectorversie te produceren …

• leukvoorkids.nl buiten de deur te hosten in plaats van op een ouwe Dell Inspiron laptop achter m’n thuis-dsl verbinding;
• de site te voorzien van een transparante interface. Met zoekmogelijkheden en een goede structuur;
• een echt cms in plaats van zelfbouw te gebuiken aan de achterkant. Ik zet WordPress in als backend van de website.

Het ontwikkelen doe ik voorlopig op één van mijn geregistreerde, maar nooit bebouwde domeinen: sl**ng. Zodra ik tevreden ben over de nieuwe versie:

• laat ik leukvoorkids.nl (nu geregistreerd bij planet.nl en zoals gezegd draaiend op m’n thuis-DSL) verhuizen naar een JROnline uuh Oxilion hosting omgeving;
• migreer ik de content van sploeng.nl naar de Oxillion host.

Vanuit zoekmachine-oogpunt is het — in theorie tenminste — onverstandig om op sl**ngl te bouwen en naar deze ontwikkelomgeving te linken. Maar ik vertrouw vooralsnog op het onvermogen van Google om dit als duplicate content te herkennen. Zo ontzettend bang voor de duplicate content filters van Big G ben ik nou ook weer niet.

Qua herkenbaarheid van de nieuwe Leuk voor kids website ben ik nog aan het brainen over een mascotte. Momenteel gebruik ik daarvoor een eerder gemaakt figuurtje – het stoere draakje. Maar wellicht dat ik nog met een ander figuurtje op de proppen kom. Zoals onderstaande vector-tekening van … ja wat is het eigenlijk … een vrolijke kruising tussen een draak, zeehond en slak bijvoorbeeld:

Tekening naar aanleiding van een voorbeeld in Zo teken je cartoons. Stap voor stap leer je fantastische cartoons tekenen.

Zoals dit stoere heavy metal draakje in zwart en wit. Op basis van een voorbeeldje in Jack Keely’s Cartoons Tekenen Deel II.

Hey, nu is-ie in zwart wit, maar met een beetje meer tijd en moeite maak je er zo een ingekleurde illustratie van. Maar da’s voor volgend jaar …

Eerst heb ik een snelle schets gemaakt van het voorbeeld in het boek om er daarna met Adobe Fireworks een vector-versie van te maken. Hier en daar iets weggelaten. Of er juist extra bijgetekend.

Het resultaat: een behoorlijk verwaande, artistieke en ietwat nichterige kat.

Binnenkort beschik ik over Adobe’s Creative Suite 4 Web Premium. Daarin zit ook het vector-tekenprogramma Illustrator. Ik kan nauwelijks wachten om daar eens mee aan de slag te gaan.

Als je niet echt / echt niet (doorhalen wat niet van toepassing is) kunt tekenen (zoals ik) maar wel een wannabe bent (zoals ik), dan komt een vector-tekenprogramma als geroepen.

Mislukte kunstenaars, rejoice! Met een vector-proggie als Adobe Illustrator of een hybride grafische applicatie als Adobe Fireworks kun je jouw van enig talent verstoken ego nog enige glans geven!

Eerst maak je (met veel pijn en moeite, maar who cares, niemand die het ziet) een tekening op papier en scant deze. Een foto van het object dat je wilt vectorizen is natuurlijk ook prima. Als je in een erg dappere bui bent kun je natuurlijk ook vanaf digitale scratch beginnen.

Vervolgens ga je in het vector-programma van jouw keus net zolang klooien met vormen, lijnen, vlakken, opvulling en gradients totdat er iets acceptabels op je scherm staat. 5% kunstenaarsbloed. 95% geduld en noeste arbeid.

Voor mijn Turboslak hardloopblog maakte ik een variatie op een eerder gemaakte vector-tekening. Uit m’n hoofd nog wel.