GraphiCdesign

Nr.1 20/03/2012

-2-

Deze week...

Interview

Illustrator

Tutorial

Fotopagina

Photography

Webdesign

Typography

-3-

-4-

InterviewKevin van Dijk en een beetje social media...

Kevin van Dijk is een student die momenteel de opleiding communicatie en media design volgt op de Hoge school Arnhem Nijmegen. Buiten school creatief bezig met tekenen, vormgeven en uiteraard gamen. Sinds een paar weken nu actief op verschillende social media, maar hoe vindt hij dat eigenlijk allemaal?

-5--5-

Waar zie jij jezelf over 5 jaar?

‘Hopelijk ben ik over 5 jaar klaar met mijn studie en heb ik een aantal extra ervaringen erbij. Het liefst zou ik dan meteen het bedrijfsleven in willen stappen en mij willen focussen op het loslaten van mijn creativiteit. Daar heb ik veel behoefte aan, de wereld laten zien wat ik kan.’

Wat betekent social media voor jou?

‘Voordat ik aan deze opleiding begon eigenlijk niets, ik zat af en toe een keertje op Facebook of Hyves en dat was het eigenlijk wel, Twitter ging compleet aan me voorbij, ik vond het niks aan en onnodig. Nu ik een aantal weekjes in mijn opleiding zit en een Twitter en Wordpress account moest aanmaken begint het toch een beetje aan me te groeien. Hoewel het nut van Twitter nog steeds ver te zoeken is voor mij.’

Vind je Twitter niet handig voor bijvoorbeeld het nieuws?

‘Nee, het is één van de betere dingen van Twitter, toch heb ik niet de behoefte om overal het nieuws direct nodig te moeten hebben. Ik hoef geen bericht via Twitter te krijgen wat er ergens in Nederland is gebeurd. Als ik dan toch het nieuws wil weten open ik gewoon mijn browser op mijn telefoon of laptop.’

Hoe zie jij de toekomst van de social media?

‘Ik denk dat dit pas het begin is, het topje van de ijsberg. Het is onmogelijk dat het nu opeens zal verdwijnen en kan alleen maar nog groter groeien en dat zal ook invloed hebben op de wereld buiten de social media, kranten zullen verdwijnen zoals we ze nu kennen en grote kranten uitgevers zullen ook moeten overstappen op social media om hun nieuws te verspreiden.’

Wat zal er met sites als Facebook gebeuren?

‘Ik denk niet dat Facebook nog kan uitsterven, daar is het veel te groot voor, ik denk dat als Facebook ten onder gaat het waarschijnlijk door Facebook zelf zou komen. Een reden zou kunnen zijn als er bijvoorbeeld een vervanging van de zelfde makers komt, een Facebook2.’

Myspace is wel gevallen, dit was een grote groep mensen.

‘Klopt, en dat vind ik ook niet raar. Ik zie Myspace een beetje als een halve Facebook, de doelgroep is veel kleiner dan Facebook en daarom zijn veel Myspacers gewoon overgestapt op Facebook. Hetzelfde geldt voor Hyves, ook Hyves krijgt het steeds moeilijker om hun hoofd boven water te houden.’

Waarvoor gebruik je de social media?

‘Momenteel voornamelijk voor school, voorheen totaal niet. Wel vind ik het leuk om op mijn blog te posten en lekker creatief woorden in een verhaal te plaatsen over bezigheden en school opdrachten. Twitter zal ik nooit snappen, of wil ik nooit snappen, misschien is dat een betere omschrijving.’

Hoe verandert de social media jou in je leven?

‘Niet, het heeft geen impact op mij dat het echt iets veranderd, ik gebruik Facebook en Hyves om mijn vrienden bij te houden als ik ze niet vaak zie en dat is het. Misschien is dat het enige wat anders is, ik praat met mensen die ik normaal niet tegen kom.’

“Twitter zal ik nooit snappen.”

-6-

Illustrator[il-uh-strey-ter, ih-luhs-trey-ter]

-7-

Iedereen die zich met vormgeven bezighoud kent Adobe Illustrator wel. Het broertje van Photoshop wat voornamelijk gebruik maakt van vectors, vectors zijn met wiskunde berekende lijnen. Afbeeldingen kun je hierdoor vergroten en verkleinen zonder dat deze van

kwaliteit veranderen. Een grote verbetering dus als je een logo of afbeelding op verschillende maten wil laten drukken. Tegenwoordig wordt vectorart steeds populairder, dit bestaat uit twee verschillende stijlen:

Kleurrijke lijnen en vormen die een beeld vormen of een overtrek van een foto en zo met lagen een realistische

animatie achtige afbeelding te maken.

1. an artist who makes illustrations: an illustrator of children’s books.

2. a person or thing that illustrates.

-8-

Tutorial[too-tawr-ee-uhl, -tohr-, tyoo-]

Flowcharts zijn zo vorige week

Natuurlijk hebben we een bijpassende illustrator tutorial, maar in plaats van de gebruikelijke overtrek guide ga ik deze keer vertellen over een wat minder gebruikte tool in illustrator namelijk de cirkeldiagram tool.

Nooit van gehoord? Geen probleem, we gaan even stap voor stap met wat humor uitleggen hoe dit werkt. Zelfs de saaiste onderwerpen in een cirkeldiagram zien er zo leuk uit.

We beginnen uiteraard met de Piegraph tool, handig verstopt onder het diagram icoon

Eerst de informatie invullen die bij de diagram horen en illustrator maakt voor jou een cirkel verdeeld in die delen die jij opgeeft.

Het resultaat zal een zwart-witte diagram zijn, deze kun je inkleuren door met de witte pijl een stuk aan te wijzen en deze een kleur te geven.

-9-

1. pertaining to or exercised by a tutor: tutorial functions or authority.

Leuk, maar dit ziet er nog niet echt interessant uit. Nog een handig tooltje in illustrator is de 3D tool, deze geeft een vorm het gevoel alsof deze diepte heeft, handig om te weten is dat als je je later in het process niet met de diepte blij bent je deze nog steeds kunt aanpassen en draaien.

mmm taart, oh ja, we willen natuurlijk ook wat dynamischer te werk gaan, tenslotte moet de diagram wel opvallen! Met de witte pijl kun je een stuk selecteren, geen zorgen want elk stuk is appart 3D gemaakt. Hierdoor kun je hem uit elkaar halen en zorgen dat 1 stuk extra opvalt.

Een echt meestrerwerk, nu kun je zelf nog details toevoegen mocht je dat nuttig vinden, een legenda is toe te voegen met de diagram opties en je hebt je eigen professioneel uitziende diagram. Volledig gemaakt in illustrator en sneller klaar dan een echte taart.

-10-

-11-

-12-

Photograhpy[fuh-tog-ruh-fee]

Heel simpel voorgesteld, is een camera een afgesloten doos met een gat. In deze doos bevindt zich een film of elektronische sensor. Zolang het gat gesloten is, kan er geen licht bij de film of sensor komen. Komt er te veel licht binnen dan raakt de foto overbelicht, komt er te weinig licht binnen dan raakt de foto onderbelicht. De camera zal er daarom voor zorgen (of de camera biedt jou de mogelijkheid) om het gat precies lang genoeg te openen en op tijd te sluiten.

Er zijn twee manieren om het licht wat de camera binnenkomt te beperken. De grootte van het gat kan aangepast worden en de tijdsduur waarin het gat geopend is kan aangepast worden. De grootte van het gat noemen we diafragma of (in het Engels) aperture. Het verschil tussen een willekeurig diafragma-getal en het voorgaande of opvolgende getal (bijvoorbeeld het verschil tussen f5.6 en f4) noemen we een f-stop. Figuur 1.1 toont een objectief waarop en aantal getallen zichtbaar zijn. Deze getallen zijn de f-stops. Hoe kleiner het getal, hoe groter het diafragma. Met andere woorden; f 2.8 laat meer licht de camera in dan f 22.

De tweede manier om de hoeveelheid licht te beperken is de tijdsduur waarin het gat geopend is te beperken. De tijdsduur noemen we de sluitertijd of shutter. Figuur 1.2 toont de display van een Nikon D200 waarop het diafragma en de sluitertijd is af te lezen. Het getal 100 staat voor 1/100e van een seconde. Hoe groter het getal, hoe korter de tijd dat de sluiter geopend is.De combinatie van diafragma en sluitertijd bepaald de hoeveelheid licht. Als één van beiden verdubbeld en de andere halveert, dan blijft de hoeveelheid licht gelijk. De hoeveelheid licht is bijvoorbeeld gelijk wanneer de camera is ingesteld op diafragma f5.6 en sluitertijd 125 en wanneer de camera is ingesteld op diafragma f8 en sluitertijd 60. Hoewel de belichting gelijk is, verschilt het resultaat wel degelijk. Hierover lees je meer in de onderwerpen diafragma en sluitertijd.

Veel SLR camera’s bieden verschillende methodes om licht te meten. De drie methodes die je het meest zult gebruiken zijn: centraalmeting, meervoudige belichting en spotmeting. Centraalmeting wordt het meest gebruikt. Het meet de lichthoeveelheid over ongeveer 60% van het beeld. Over het algemeen is dit een betrouwbare methode om licht te meten. Meervoudige meting is bedoeld voor de moeilijke lichtsituaties. De lichthoeveelheid wordt op meerdere zones van het beeld gemeten. De verschillende zones worden vervolgens door de camera geanalyseerd, rekening houdend met extreem lichte of donkere zones in het beeld. Bij spotmeting ten slotte wordt een klein deel, vaak 1%, van

-13-

1. the process or art of producing images of objects on sensitized surfaces.

het beeld gebruikt om de lichthoeveelheid te meten. Spotmeting kan goed van pas komen als je bijvoorbeeld een persoon in sneeuwlandschap fotografeert. De lichte sneeuw zou de camera bij centraalmeting in de war kunnen brengen. Door de lichthoeveelheid met behulp van spotmeting van het gezicht van de persoon te meten, raakt de camera niet in de war van de omgeving.

Zoals gezegd kan een lichte omgeving, bijvoorbeeld een sneeuwlandschap of een woestijn in de volle zon, de lichtmeting van een camera flink in de war schoppen. Hetzelfde geldt voor een donkere omgeving. In het eerste geval zal je camera de neiging hebben om de foto onder te belichten, waardoor je sneeuw er grijs uit komt te zien, in het tweede geval zal je camera de foto juist overbelichten.

Er is een aantal methodes om dit probleem te voorkomen. Eerder werd al over spotmeting gesproken. In het voorbeeld uit figuur 1.3 is spotmeting de perfecte oplossing. De schuur heeft een uitstekende, neutrale kleur om de hoeveelheid licht met behulp van spotmeting af te meten. Een andere methode is de meting van de camera simpelweg handmatig te corrigeren. Meet de camera in een lichte omgeving bijvoorbeeld een sluitertijd van 1/250 bij een diafragma van f5.6, dan kan je de camera handmatig instellen op een sluitertijd van 1/125 (1 stop) of 1/60 (2 stops) bij hetzelfde diafragma. In een donkere omgeving zou je de sluitertijd de andere kant op bijstellen; dus van 1/250 naar 1/500 of 1/1000. Ten slotte zou je voor het meten van de lichthoeveelheid gebruik kunnen maken van een 18% grijskaart, die je voor het onderwerp houdt. Een grijskaart kan je bij iedere fotowinkel kopen en kan je eenvoudig meenemen.

Fotografeer je met een analoge camera, noteer dan altijd het diafragma en de sluitertijd. Zo kan je achteraf altijd beoordelen waarom je foto mislukt is of juist zo goed is gelukt. Digitale camera’s slaan de sluitertijd en het diafragma in het bestand op. Dit kan je terugvinden via de eigenschappen of de properties van de foto.

In onderstaand voorbeeld zie je het verschil tussen verschillende diafragma waarden. Links met diafragma f/1.4 is alleen het onderwerp (net) scherp, de achtergrond is onscherp. Met diafragma f/5.6 is er al veel meer detail zichtbaar in de achtergrond, de tomaat springt er minder uit.

De Engelse termen voor sluitertijd en diafragma (shutter and aperture) worden hier niet zonder reden vermeld. De meeste camera’s bieden de mogelijkheid om zowel sluitertijd als diafragma handmatig in te stellen of de mogelijkheid om handmatig het diafragma in te stellen en de camera de sluitertijd automatisch te laten bepalen of om handmatig de sluitertijd in te stellen en de camera het diafragma te laten bepalen. Dit wordt door de meeste camera’s respectievelijk met de letters ‘M’ (Manual), ‘A’ (Aperture priority) en ‘S’ (Shutter priority) weergegeven.

-14-

Web Design[web dih-zahyn]

Deze week de top 5 mooiste en inspirerende websites van 2011, misschien een beetje vroeg maar zeker de moeite waard om deze eens te bekijken.

Deze website is gemaakt voor het vieren dat het 30 jaar geleden is sinds de eerste maanlanding met Apolo 11.Deze website gebruikt flash en interactieve delen om zo het te laten voelen alsof je zelf ook die dag op de maan hebt gelopen.

Een website volledig in het thema van water, een informatieve site die met behulp van interactie veel informatie vrijgeeft over het water in de wereld. Niet alleen dat, maar het is ook nog allemaal heel mooi vorm gegeven en inelkaar gezet tot 1 geheel

www.waterlife.nfb.ca

www.wechoosethemoon.org

-15-

1. computing the planning and creation of websites

Got milk heeft met behulp van het spel ganzenbord een leuk spel gemaakt waarbij je de familie Adachi moet helpen om een glas melk te stelen, dit uiteraard allemaal in het thema van melk. Het enige nadeel zijn de laadtijden maar verder leuk en origineel.

www.waterlife.nfb.ca

www.gettheglass.com

-16-

Heb je ook wel eens problemen met ideeën of moodboards? Deze site helpt met inspiratie opdoen door middel van afbeeldingen, filmpjes en geluid. Je selecteerd je “mood” en daarbij wordt je simpelweg rondgeleid door verschillende thema’s.

www.moodstream.gettyimages.com

-17-

Monoface is een vermakelijke site waar je je eigen wallpaper met een gezicht kan maken, eigenlijk is er niet meer uitleg nodig, bezoek de site en speel een beetje rond is alles wat ik kan voorstellen!

www.moodstream.gettyimages.com

www.mono-1.com/monoface

-18-

Typography[tahy-pog-ruh-fee]

Lettertypes zien er makkelijk en simpel uit maar als je deze ontwerpt komt er meer bij kijken dan een paar gelijk staande letters die er leuk bij elkaar uitzien. Een letter bestaat namelijk uit allemaal kleinere delen die allemaal hun eigen naam hebben. Hieronder een paar ontledingen van letters.

Het oogHet oog van de letter is een cirkel die niet gedrukt wordt, de letter ‘e’ heeft geen oog omdat deze niet volledig rond is. Letters die wel een oog hebben zijn de letter b, d, g, o. p en q.

xDe vlagDe vlag is een soort van druppel die boven aan de letter hangt, welke letters een vlag hebben ligt aan welk font je gebruikt omdat dit nog wel eens kan verschillen.

De staartDe staart komt onder de onderste lijn van de x-hoogte uit. Dit hoeft niet altijd op een staart te lijken, letters als een p of q zijn ook staart-letters. Letters met een staart zijn: g, j, p, q en de y. In de Nederlandse taal is de letter combinatie ‘ij’ ook een staart letter.

CorpsbreedteDe lengte van het uiterste linkerpunt naar het uiterste rechterpunt wordt de korpsbreedte genoemd. Deze grootte kan veranderd worden door de grootte van de letters groter te maken. Met de spatiërings tool zodat er meer of minder afstand tussen letters komt.

X-Hoogte De x-hoogte is in de typografie de hoogte van de onderkastletters zonder stok of staart, zoals de kleine letter x, waarnaar deze hoogte dan ook genoemd is. De lengte van de x-hoogte verschilt per lettertype, er is geen standaard maat hiervoor. X-hoogte letters zijn: a, c, e, m, n, o, r, s, u, v, w, x en z.

-19-

1. the art or process of printing with type. 2. the work of setting and arranging types and of printing

from them.

Dwarsstreep De dwarsstreep ligt halverwege de letter zoals hieronder weergeven is bij de hoofdletter ‘H’. Ook is deze maat verschillend bij verschillende letters en types.

Kapitaalhoogte De hoogte van het lettertype van een kapitaal letter wordt ook wel de kapitaalhoogte genoemd. Dit is zonder flaggen of haken boven aan de letter. De hoogte van de letters wordt in dit geval gemeten in milimeters.

Stok Een stok is het gedeelte van een letter dat boven de x-hoogte uitsteekt. De letters b, d, f, h, k, l en t zijn stokletters. Hoewel de i en j ook boven de x-hoogte uitsteken, worden deze letters over het algemeen toch niet als stokletters beschouwd. Dit geldt alleen voor de kleine letters, de overeenkomstige hoofdletters zijn niet hoger dan andere hoofdletters.

Vlees Het deel binnen en buiten de letter dat niet gedrukt wordt heet het vlees. Hier telt niet de spatiëringswaarde mee. Deze wordt met een apparte andere maat berekend. Als een gedeelte wat niet gedrukt mag worden omcirkeld is met bedrukkingen wordt het ook wel een pons of counter genoemd.

Basislijn De denkbeeldige lijn die langs de onderkant van de letter x loopt. De basislijn loopt ook langs de onderkant van de letters n, m, w en een aantal andere letters. De onderkant van letters zoals e en o steken over het algemeen een klein beetje onder de basislijn uit. Dit is noodzakelijk om ze optisch op gelijke hoogte met de andere letters te zetten. Andere benaming voor basislijn is letterlijn.

-20-