Katrijn Michiels | fotografie & grafisch ontwerp

a designer's alfabet: Y & Z

2009-11-07T08:55:00.000-08:00

Nog twee tegoed:

Y is for y-axis: Samen met de x-as gebruikt om dingen te positioneren in een grafisch programma.

Z is for z-index: zoals je in photoshop met lagen kan werken, kan je dit in principe ook met webdesign. De z-index is een css attribuut dat bepaald waar je objecten zullen liggen (hoger getal, meer naar voor, lager getal meer naar achter)

a designer's alfabet: X

2009-11-02T10:04:00.000-08:00

X is for X-height: De hoogte van de onderkastletter x in een font. Ten opzichte van de kapitaalhoogte kan x van font tot font verschillen. Een hogere x (ten opzichte van de kapitaal) zou de leesbaarheid vergroten.

(afbeelding: adobe.com)

... morgen: de letter Y (waarbij ik suggesties kan gebruiken ;))

a designer's alfabet: W

2009-11-02T09:46:00.001-08:00

W is for Widow: In de typografie spreek men van een 'weduwe' of eerder van een 'hoerenjong' (ik heb het niet uitgevonden) als de laatste regel van een alinea de eerste regel van een pagina is. In die typografie probeert men dit te vermijden.
Een soortgelijk iets is het 'weeskind' (orphan), een 'weeskind' is de eerste regel van een alinea die de laatste regel van een pagina is. Ook dit wordt zoveel mogelijk vermeden.

(afbeelding: textwrap.wordpress.com)

... morgen: de letter

a designer's alfabet: V

2009-11-01T03:27:00.000-08:00

V is for Vector: Een afbeelding gemaakt in vectoren bestaat uit punten, lijnen, krommen... kortom meetkundige begrippen. Zo kan je, in tegenstelling tot een beeld dat bestaat uit pixels, een vectorafbeelding oneindig gaan vergroten zonder kwaliteitsverlies. De lijnen worden steeds opnieuw berekend.
Dit is ook de reden waarom logo's worden gemaakt als vectorafbeelding, omdat ze op die manier overal (klein en groot) kunnen worden geplaatst.

(afbeelding: wikipedia.org)

a designer's alfabet: S, T & U

2009-10-31T05:42:00.000-07:00

S is for Serif: de schreef (of serif in het Engels) is het onderdeel van letters die als 'pootjes' worden gezien, en dateert van de tijd dat letters gesteenhouwd werden (dit om het technisch mogelijk te maken om onderkant en bovenkant van een letter recht te krijgen. Hier komt ook de uitdrukking 'over de schreef gaan' vandaan, als een steenhouwer te ver kapte. Ondertussen (door het verfijnen van het gereedschap) hebben we schreefletters (serif) en schreeflozen (sans serif). Het bekendste voorbeeld van een schreefletter is Times New Roman, een schreefloze is bijvoorbeeld Arial.

(bron: wikipedia.org)

T is voor typeface: Een verzameling van verschillende fonts binnen dezelfde familie. Een typeface bevat letters, nummers, leestekens en symbolen, in één of meerdere groottes en verschillende varianten (bold, italic, small-caps,...).
Niet te verwarren met font, wat slechts één variant is.

U is for Unit: typografische eenheden zijn verschillend van onze metrische eenheden. De grootte van een font wordt niet omschreven als '5mm'. De meest gebruikte typografische eenheid is de punt.
In het Europese systeem (gebaseerd op het systeem van de Fransman Didot) is één punt is 0,376 mm. Eén Didot of Augustijn is 12 punten.
Het Angelsaksische systeem gebruikt de Pica. Eén punt is 0,35146 mm, er gaan 72,27 punten in één inch. De Pica bestaat uit 12 Picapunten.
Met de komst van de computer is kwam ook een digitaal systeem, waarbij één inch opgedeeld werd in 72 punten (gebaseerd op het Angelsaksische systeem dus).
En in webdesign bijvoorbeeld, kan je nog steeds met pixels werken.

... morgen: de letter V

a designer's alfabet: R

2009-10-28T13:08:00.000-07:00

R is for RGB: RGB (Rood, Groen, Blauw) is een kleursysteem dat gebruikt word voor beelden die worden weergegeven door middel van licht (dus ook computerscherm). Dit is een additief kleurensysteem, wat wil zeggen, hoe meer kleur (licht in dit geval) je toevoegt, hoe dichter je bij wit (en licht) zal komen. Dit in tegenstelling tot CMYK dat een subtractief systeem is, hoe meer kleur je daar toevoegd (denk maar aan een printer/inkt) hoe donkerder je beeld (minder licht).
Gebruik ook nooit rgb voor prints, want zoals je bij de letter c al kon lezen, hebben deze twee systemen een ander kleurbereik.

Schematische voorstelling van een additief kleursysteem:

(bron: wikipedia.org)

a designer's alfabet: Q

2009-10-27T11:45:00.001-07:00

Q is for Quadri: Algemene term om aan te duiden dat drukwerk wordt gedrukt d.m.v. 4-kleurendruk (CMYK).

(ik ben alleen niet zeker of dit de Engelse term is)

... morgen: de letter R

a designer's alfabet: P

2009-10-26T11:51:00.000-07:00

P is for Pantone: Pantone of PMS (Pantone Matching System) is een kleursysteem voor drukwerk, waarbij je zeker kan zijn dat de kleur die je kiest ook werkelijk de kleur is die je op je drukwerk zult zien.
Aan de hand van een swatchbook (verkrijgbaar met verschillende soorten papier) kan je de ware kleur van de gedrukte inkt zien, de drukker krijgt dan de kleurcodes en druk met pantone-inkten i.p.v. met CMYK (waar meestal nog minimale afwijkingen op kunnen zitten). Ook voor specialere kleuren, zoals bijvoorbeeld goud, kan je bij pantone terecht. In onderstaand voorbeeld ook de CMYK weergave.

(beelden: Pantone.com)

...morgen: de letter Q

a designer's alfabet: O

2009-10-25T06:58:00.001-07:00

O is for Offset: Offset is een druktechniek die wordt gebuikt bij grote oplagen. Offset is vlakdruk (de te drukken en niet de drukken delen legen even hoog op de drukvorm). Ook komt de drukplaat niet rechtstreeks in contact met het papier, dit gaat via een systeem van cilinder (zie schema hieronder). Op de eerste cilinder word de offsetplaat (plaat waarbij de te drukken delen vet (inkt) aantrekken, en andere delen water (en dus de inkt afstoten). Deze zet de inkt dan over op een cilinder met rubberdoek, en die zet het dan weer over op papier.
Eén printplaat is één inkt (C, M, Y of K). Bij kranten kan je dit soms zien doordat de verschillende kleuren niet helemaal recht op elkaar zijn geprint.

(schema: mm-packaging.com)

a designer's alfabet: N

2009-10-24T07:10:00.001-07:00

N is for Negative: Hiermee bedoel ik niet de fotonegatieven (die we allemaal kennen), maar de negatieve plaats in een ontwerp. M.a.w. de plaats waar niets staat. Eenvoudig gezegd heeft een design nood aan deze negatieve ruimte, om rust te geven aan de gehele look. Anderzijds kan de negatieve ruimte dan weer gebruikt worden om een nieuw element toe te voegen aan het design, hieronder enkele voorbeelden:

(bron: graphicdesignblog.org)

a designer's alfabet: M

2009-10-23T10:09:00.000-07:00

M is for Monotone: Om drukwerk te beperken in prijs wordt vaak met één inkt/kleur gedrukt (en dit hoeft niet altijd zwart te zijn). Logo's en afbeeldingen die gedrukt worden, zullen dus ook omgezet moeten worden naar één kleur (monotone). In photoshop kan je dit gemakkelijk doen door je afbeelding eerst op te zetten in grijswaarden, en dan te kiezen voor duotone (zelfde als monotone maar dan met twee kleuren). Voor monotone kies je uiteraard maar één kleur. Je kan hier ook kiezen voor een CMYK waarden, maar dat wil dan weer zeggen dat je in je drukwerk vier kleuren gebruikt. Doorgaans wordt voor monotone een Pantone-kleur gekozen (slechts één inkt om te drukken).

...morgen: de letter N

A designer's alfabet: L

2009-10-22T09:33:00.000-07:00

L is for Ligature: Een ligatuur is een nieuw letterteken dat eigenlijk bestaat uit twee letters. Een bekend voorbeeld is de ampersand (&). Deze komt voort uit het Latijnse woord 'et' (wat uiteraard 'en' betekent), en is gebaseerd op de schriftelijke schrijfwijze ervan:

(bron: stancarey.wordpress.com)

... morgen: de letter M

a designer's alfabet: K

2009-10-21T10:57:00.001-07:00

K is for Kerning: met kerning kan je de plaats tussen de letters in een tekst aanpassen (dus niet enkel de spaties, maar ook effectief de plaats tussen de letters in één woord). Kerning houdt er ook rekening mee dat een V en een A dichter bij elkaar kunnen geplaats worden omdat ze in elkaar passen. Welk opletten dat je de letters niet tegen elkaar plakt.

Hieronder een voorbeeld van wat je met kerning kan doen:

(bron: ilovetypography.com)

En een mooi geanimeerd voorbeeld: maxkerning.com/

... morgen: de letter L

a designer's alfabet: I & J

2009-10-20T10:11:00.001-07:00

Vandaag twee letters (omdat ik er gisteren geen gepost heb):

I is for inspiration: Een groot deel van ontwerpen heeft te maken met inspiratie. Als je vast zit is het goed om eens naar buiten te gaan en rond te kijken (want je kan overal inspiratie in vinden). En tegenwoordig moet je zelfs niet meer naar buiten te gaan om inspiratie op te doen; het internet staat vol met de nodige inspiratie. Maar doe het toch vooral niet gewoon maar na.

J is for Jpeg: afkorting voor 'Joint Photographic Experts Group'. Foto's worden vaak omgezet in jpeg om dan online te zetten, omdat dit bestand de foto (en dus de laadtijd) comprimeert. Jpeg is een zogenaamde lossy compressor, wat betekent dat je dus data van je foto verliest. Om je originele (of bewerkte- foto's) op te slaan gebruik je dus beter andere bestandsindelingen, zoals TIFF, Raw-file of gewoon de PSD.

...morgen: de letter K

a designer's alfabet: H

2009-10-18T08:27:00.000-07:00

H is for Helvetica: geen uitleg nodig, denk ik :)

... morgen: de letter I

a designer's alfabet: G

2009-10-17T08:02:00.000-07:00

G is for gutter: Bij het opmaken van een document dat uiteindelijk zal worden ingebonden in een magazine of boek, moet er er aan de binnenmarge (de zijde die word ingebonden) extra vrije plaats worden voorzien, omdat daar tijdens het inbinden (en vooral bij dikkere magazines of boeken) wat plaats verloren zal gaan.

... morgen: de letter H

a designer's alfabet: F

2009-10-16T15:20:00.001-07:00

F is for Fonts: Hierover heb ik niet zoveel te zeggen behalve: neem je tijd en kies een mooie font. Er bestaan veel mooie én gratis fonts ter vervanging van de standaard Arial en Times. Kijk bijvoorbeeld eens op dafont.com.
En héél belangrijk: BAN COMIC SANS.

... morgen: de letter G

a designer's alfabet: E

2009-10-14T12:13:00.001-07:00

E is for EPS: Een Encapsulated Postscript-bestand is een grafisch bestand in de taal 'PostScript', en wordt door de meeste illustratie- en layoutprogramma's herkent, en kan dus makkelijk worden uitgewisseld.

...morgen: de letter F

a designer's alfabeth: D

2009-10-13T13:46:00.000-07:00

D is for DPI: DPI staat voor 'Dots per inch' (niet te verwarren met PPI: Pixels per inch, hoewel de termen eigenlijk wel door elkaar gebruikt worden), en duidt eigenlijk op de stippen inkt op een print. Om een goed resultaat te krijgen (print) heb je nood aan meer dots dan pixels per print. Een goede richtlijn is 300 dpi voor drukwerk, maar hoe groter het drukwerk hoe minder dpi er vereist is (dit is omdat we groter drukwerk toch van enige afstand bekijken).

... morgen: de letter F

a designer's alfabet: C

2009-10-11T09:23:00.000-07:00

C is for CMYK: CMYK zijn de basiskleuren bij drukinkten: Cyaan, Magenta, Yellow en Key (=zwart). Als je beelden of foto's wil afdrukken, is het belangrijk deze eerst om te zetten van RGB (wat bedoelt is voor scherm) naar CMYK, omdat RGB een ander kleurbereik heeft dan CMYK, zoals je hieronder kan zien.
M.a.w. als je een RGB afbeelding wil printen is de kans groot dat er kleuren in zitten die CMYK niet kan 'mengen'. Daarom moet je eerst je beeld omzetten naar CMYK, en dan het kleur aanpassen naar wat je op je print wil zien.
(je ziet vooral verschil in felle kleuren, probeer maar eens fel groen in RGB om te zetten naar CMYK)

...morgen: de letter D

a designer's alfabet: B

2009-10-11T07:41:00.001-07:00

B is for Bleed: Bij het ontwerpen van drukwerk voorzie je steeds extra afloop rond de pagina (3 à 5 mm). Er wordt namelijk op groter papier dan het effectieve eindproduct gedrukt, en daarna wordt alles op maat gesneden. Om te voorkomen dat je een witte rand hebt, als de machine een beetje verkeerd snijdt, moet je dus een afloop voorzien.

...morgen: de letter C

a designer's alfabet: A

2009-10-11T07:12:00.000-07:00

A is for Adobe: Adobe heeft alle software die een grafisch ontwerper (of webdesigner) nodig heeft. Bij mijn weten zijn er geen volwaardige alternatieven (QuarkXpress voor Indesign misschien). Als je met verschillende Adobe-programma's werkt ben je ook zeker dat alles compatibel is.

Een andere optie voor de letter a was Apple, maar er zijn uiteraard ook veel designers die met windows werken. Voor beiden is Adobe een must (naar mijn mening). Enkel Linux-aanhangers vallen uit de boot.

...morgen: de letter b

Fashion shoot

2009-09-26T07:25:00.000-07:00

(klik voor groter formaat)

Het is alweer lang geleden dat ik nog eens iets gepost heb... maar gelukkig kan ik vandaag nog eens nieuwe foto's online zetten!
Twee weken geleden deed ik een fashionshoot op locatie in Ettelgem. Hieronder enkele beelden van model Signe (UK).
De styling voor de shoot werd verzorgd door Ellen Lloyd, en de make up door Maxine Van Hecke (waarvoor dank! :))

Er was nog een tweede model, maar daarvan misschien later enkele foto's.

Tuin van Eten

2009-09-12T03:21:00.001-07:00

't Isteeten...

Best lekker,
zegt ze.

Zeg wel,
zeg ik.

En we doen verder,
gewoon verder,

in vurige cirkels,

tot we rond zijn,
weer aan 't begin.

En we worden nooit moe.

Hierboven de teaser (geschreven door de regiseur) van het toneelstuk 'Tuin van Eten', dat wordt opgevoerd door het toneelgezelschap Het Gezicht.
Mij werd gevraagd om een uitnodiging te maken voor het toneelstuk, en aangezien het thema 'de liefde van de man gaat door de maag' is, leek het mij logisch om dat ook op het kaartje te af te beelden. Ik heb dus een cakeje gebakken in de vorm van een hartje.
(en voor diegenen die goed opgelet hebben: er ligt inderdaad een verkeerd blaadje op het cakeje, basilicum ipv munt, maar voor de foto is dat niet zo erg natuurlijk :))
De opstelling voor deze foto was één enkele speedlite door een witte paraplu.

Meer info over het toneel vind je hier.

Pauline (2)

2009-08-18T10:17:00.001-07:00

Zoals beloofd zou ik nog wel foto's posten van Pauline (tijdens de strobistenshoot).
Normaal vind je ook steeds mijn nieuwste foto's op Flickr, al moet ik zeggen dat het updaten tegenwoordig niet altijd zo snel meer gebeurt.

(speedlite gereflecteerd op zebra sunbounce)