Blog 2.2: Digitale vaardigheid ontwikkelen

Naast het werken met de vele technieken die in het Grafisch Atelier aanwezig zijn, wil ik tijdens deze stage ook mijn vaardigheid ontwikkelen als het aankomt op digitaal ontwerpen en creëren.

Voornamelijk de programma's Illustrator en Photoshop zijn een ontwikkelpunt voor mij.

In de eerste twee weken van mijn stage kreeg ik van mijn praktijkopleider, Martijn, de opdracht om een letterproef te maken van zijn eigen lettertype, Qunz, en een overzicht van de letteronderdelen door middel van een artistieke poster.

Ik heb beide opdrachten gemaakt in Illustrator en wil in deze blogpost voornamelijk meer vertellen over het proces van het maken van de poster over de letteronderdelen.

B1-K1-W1: Bespreekt de opdracht

Zoals ik al vertelde, kreeg ik deze opdracht in de eerste twee weken van mijn stage bij het Grafisch Atelier. Martijn vertelde mij meer over zijn zelf ontworpen lettertype en legde uit dat hij er graag een grote poster van willen hebben om op te hangen in bijvoorbeeld hun pop-up store, het Creative Image Lab. Daarbij stelde hij een letterproef en een overzicht van de letteronderdelen voor, zodat ik ook meer kon leren over hoe een letter in elkaar zit.

B1-K1-W2: Maakt een planning

Bij het maken van deze twee posters was er geen planning qua tijd aanwezig. Ik ben meteen aan de slag gegaan en er zo'n twee dagen mee bezig geweest. Wel was er een planning als het aankomt op waar ik als eerst mee wilde beginnen en hoe ik verder zou gaan. Als eerst wilde ik uiteraard met Martijn praten over zijn lettertype en meer informatie inwinnen over de letteronderdelen. Daarna ben ik aan de slag gegaan met verschillende voorstellen maken en vanuit daar tot een eindresultaat gekomen.

B1-K1-W4: Maakt een concept

Bij het maken van een concept voor de poster van de letteronderdelen ben ik direct gaan denken aan wat voor sfeer het lettertype 'Qunz' uitstraalt. Omdat het lettertype is gemaakt van Lego, ben ik gaan nadenken over wat voor sfeer Lego zelf uitstraalt. Als ik denk aan Lego denk ik direct aan veel en vrolijke kleuren. Deze sfeer hield ik vast toen ik verder ging met het ontwerpen van de posters.

Daarnaast wist ik dat ik wilde experimenteren met het gebruik van de 3D-functie in Illustrator, om te oefenen hiermee en om de vormen van de letters zo beter zichtbaar te maken.

B1-K1-W5: Maakt een ontwerp

Voor dat ik begon en tijdens het ontwerpen denk ik altijd goed aan de sfeer die ik heb bedacht bij het nadenken over het concept. Ook ben ik op internet meer op gaan zoeken over de 3D-functie waar ik gebruik van wilde gaan maken. Na dit kleine onderzoekje ben ik simpelweg gaan experimenteren en verschillende voorstellen gaan maken in Illustrator. Hieronder zijn deze voorstellen te zien.

Na het maken van de twee voorstellen wist ik eigenlijk al meteen dat ik door wilde werken met het tweede voorstel dat hierboven te zien is. Doordat er minder letters te zien zijn en deze schuin staan ontstaat er meer diepte in de poster en wordt deze overzichtelijker en interessanter.

De eerste stap was het plaatsen van de letters waarvan ik de letteronderdelen aan wilde geven op de poster. Daarnaast heb ik al een achtergrondkleur gekozen en de letters al in het lettertype 'Qunz' gezet en deze ook een kleur gegeven. Ik heb voor de vrolijke kleuren gekozen omdat dat past bij de kleurrijke en vrolijke sfeer die dit lettertype en Lego zelf voor mij uitstralen, zoals ik vertelde bij het nadenken over het concept.

De tweede stap was het in 3D zetten van de letters. Op dit punt vond ik het er al veel interessanter en dynamischer uit zien, maar toen Martijn mee keek zei hij wel dat er wat perspectief mist in het ontwerp.

Om, zoals Martijn aangaf, meer perspectief in het ontwerp toe te voegen, heb ik nog een laag van de 3D-functie op de letters geplaatst. Hierdoor ontstond dat super dynamische aspect waar ik naar zocht, en ontstond er meer perspectief in het ontwerp. Ook was er sprake van meer schaduw, wat de 3D-functie realistischer en interessanter maakt.

Nadat ik tevreden was met het 3D aspect van het ontwerp, ben ik lijnen gaan plaatsen op de plekken waar ze in het boek dat ik van Martijn had gekregen ook stonden. Hierdoor kan je beter de letteronderdelen onderscheiden in de letters en kan je de letters opsplitsen in verschillende delen.

Hierna kwam het aangeven van de letteronderdelen. Dit heb ik gedaan door middel van paarse lijnen die de namen van de letteronderdelen en de letteronderdelen zelf met elkaar verbinden.

Ik heb gekozen om deze verbinden paars te kleuren omdat als ik dit nogmaals in het wit had gedaan het ontwerp onoverzichtelijk was geworden door de andere witte lijnen. Ook past de paarse kleur mooi bij de roze achtergrond.

B1-K1-W6: Presenteert het concept en/of ontwerp van de media-uiting

Ik heb na het maken van deze voorstellen deze laten zien aan Martijn. Dit heb ik gedaan door simpelweg met Martijn te gaan zitten en het te bekijken via de laptop. Martijn was enthousiast, maar zelf vond ik dat er net iets niet klopte aan het ontwerp. Ook gaf Martijn aan dat het handig is om zijn naam er bij te zetten, omdat hij de maker is van het lettertype. Ook moest ik de naam van het lettertype zelf erbij zetten, zodat mensen hier bekend mee raken. Tot slot vertelde hij dat het misschien slim is om de maten van de letters aan te geven, zodat duidelijk wordt hoe groot de letters zijn, omdat het niet alleen een gedigitaliseerd lettertype is, maar van origine een letter waarmee je kan drukken, omdat het uit lego is opgebouwd.

B1-K2-W1: Bereidt de realisatie voor

Na goed kijken besefte ik me dat je geen overzicht had van de letteronderdelen en de letters zelf doordat de letters zo dicht op elkaar staan. Ook vond ik dat het aangeven van de letteronderdelen wel strakker kon, iets netter en proffesioneler. Dus ben ik verder gaan ontwerpen. Daarnaast ben ik voor de voorbereiding van de realisatie mij verder gaan verdiepen in het onderzoek doen naar de letteronderdelen. Ik ben gaan kijken in een boek dat ik van Martijn mocht gebruiken waar veel informatie instaat over letters. Daarnaast heb ik ook op internet veel opgezocht en de letteronderdelen, die in de letters die ik wilde verwerken in het ontwerp voorkomen, opgeschreven.

Ik heb gekozen om deze letters uit te beelden omdat in veel afbeeldingen over letteronderdelen die ik tegenkwam ook deze letters hebben gebruikt. Door deze letters te gebruiken krijg je veel variatie in de letteronderdelen die je aan kan geven. Ook heeft bij het voorbereiden Martijn mij meer verteld over de hoogtes van letters. Omdat deze letters gemaakt zijn vanuit Lego, is er bij dit lettertype geen sprake van normale hoogtes, maar van Legopunten. Elk puntje in een Legoblokje is dan een Legopunt.

B1-K2-W3: Maakt de media-uiting

Bij het maken van de letteronderdelen ben ik dus verder gaan kijken hoe ik het ontwerp nog meer kon verbeteren. Ik heb hiervoor inspiratie opgezocht op internet om te kijken hoe anderen dit doen, maar kwam niet op een goed idee tot ik simpelweg aan de slag ging en ging uitproberen. Daardoor kwam ik op het volgende resultaat:

Er zijn duidelijk nog veel gelijkenissen te zien tussen mijn ontwerp en de realisatie van de poster. Wel zijn er een aantal dingen veranderd en/of toegevoegd aan het ontwerp. De letters zijn verder uit elkaar geplaatst om de letteronderdelen en de, nieuw toegevoegde, maten beter aan te kunnen geven en overzichtelijker te kunnen bekijken. Daarnaast zijn de paarse lijnen waarmee ik de letteronderdelen aangeef met iets netter gemaakt. Ook is de naam van het lettertype en de maker toegevoegd aan de poster.

Als eerste stap plaatste ik de letters en gaf deze meer ruimte dan in het originele ontwerp. Nu lijken de letters helemaal nog ver uit elkaar maar wanneer je tekst in 3D zet komen de letters dichter naar elkaar toe door de zijkanten van de letters die zichtbaar worden. Op de bovenstaande afbeelding kan je zien hoe zo'n 3D menu er uit ziet en wat voor instellingen ik heb gebruikt in mijn realisatie.

Als tweede stap plaatste ik de tweede 3D laag over de letters heen. Hierbij kan je een waarschuwing krijgen zoals te zien is in de bovenstaande afbeelding, maar je kan gewoon op ok drukken en dan krijgen de letters hun extra 3D laag.

Nadat alle letters in 3D zijn gezet, is het tijd om de informatie over de letters zelf toe te voegen aan de poster. Eerst worden de hoogtes van de letters aangegeven door middel van witte lijnen.

Dit doe ik met de lijn-tool die al standaard in Illustrator te vinden is.

Daarna voeg ik de paarse lijnen en de letteronderdelen toe aan de poster. Zoals ik al eerder vertelde zijn deze lijnen paars omdat als ik dit nogmaals in het wit had gedaan het ontwerp onoverzichtelijk was geworden door de andere witte lijnen. Ook past de paarse kleur mooi bij de roze achtergrond.

Na het toevoegen van de informatie over de letteronderdelen heb ik de hoogtes van de letters toegevoegd aan de poster, met daarbij donker roze lijnen om aan te geven welke hoogtes bij welk deel van de letter horen. Het kiezen van de donker roze kleur en de gele tekst heeft hetzelfde doel als de paarse lijnen. Als deze lijnen en tekst wit waren geweest zou het overzicht in de poster kwijt raken en is het niet meer duidelijk welke informatie waarbij hoort.

Daarna heb ik de naam van het lettertype en de maker toegevoegd aan de poster. Ik heb gekozen om de naam van het lettertype ook in dit lettertype zelf op de poster te plaatsen, zodat het duidelijk is dat dit de naam van het lettertype is.

Toen ik de poster af had gemaakt, vond ik dat er toch nog iets miste. Ik wilde de letters graag meer dimensie geven en nog interessanter maken om naar te kijken. Ik realiseerde mij al snel dat dit mogelijk is door de textuur van de letters te veranderen. Daarom ben ik gaan kijken in de effectengalerie in Illustrator.

De eerste stap is om de letters te selecteren. Daarna ga je naar effect > effectengalerie.

Wanneer ik in de effectengalerie ben, zoom ik altijd even uit en check ik of ik het juiste onderdeel van mijn ontwerp heb geselecteerd. Het kiezen van een effect kan soms nogal een tijd duren om te laden en het is dan niet handig als je er daarna achter komt dat je het verkeerde onderdeel hebt geselecteerd.

In de effectengalerie ga ik naar het mapje artistiek en druk ik op het plastic effect. Dit effect zorgt ervoor dat de letters een plastic laagje over zich heen krijgen, waardoor de letter onder andere zal gaan glanzen door de sterkte van het licht. Op de bovenstaande afbeeldingen zijn mijn instellingen van het plastic effect te zien.

Zo komt het ontwerp na het plaatsen van het plastic effect er uit te zien. Ik vind het eindresultaat zelf nu veel interessanter doordat de letters nu een textuur hebben gekregen. Hierdoor vallen de letters niet door hun grootte meteen op, maar ook doordat ze een hele andere dimensie en structuur hebben dan de rest van de tekst op de poster.

B1-K2-W4: Levert de media-uiting op

Voor het opleveren van de poster voor de letteronderdelen en de poster van de letterproef heb ik de volgende exporteer instellingen gebruikt vanuit Illustrator:

Ik ga naar bestand > opslaan als om de verschillende manieren te bekijken hoe ik het bestand op kan slaan. Ik druk niet op exporteren omdat hier de manier waarop ik hem op wil slaan, als PDF hier niet tussen staat.

Daarna ga ik naar indeling > Adobe PDF (pdf) om mijn bestand op te slaan. Zoals te zien is heb ik ook aparte mappen voor gemaakte voorstellen/ontwerpen en het uiteindelijke bestand dat doorgestuurd kan worden. Ik heb de versie zonder het plastic effect ook opgeslagen voor het geval Martijn deze later ook zou willen gebruiken.

Daarna heb ik het bestand op een usb-stick geplaatst en deze usb-stick verbonden aan de macbook die op het Grafisch Atelier verbonden is met de Epson printer die hier tot beschikking wordt gesteld. Met behulp van de Epson printer is de uiteindelijke poster geprint op A2 formaat en zijn de kleuren goed uitgekomen.

Zo ziet de eindrealisatie er uit:

B1-K2-W5: Houdt het (digitaal) archief bij

Ik ben altijd heel netjes als het aankomt op het netjes houden van alle bestanden op mijn laptop. Ook heb ik een harde schijf om te zorgen dat als mijn laptop ooit zal crashen, ik al mijn werk niet kwijt ben geraakt. Zo zien de bestanden voor deze opdracht eruit:

Conclusie

De grootste les van deze opdracht was het in 3D zetten van de letters en de textuur veranderen door middel van het plastic effect dat ik over de letters heen heb geplaatst. Ik heb nog niet veel gewerkt met het 3D effect en hiervoor nog helemaal niet met het veranderen van texturen van letters. Hierdoor heb ik geleerd dat het veranderen van texturen een ontwerp veel interessanter kan maken. Het kan een uniek en soms zelfs proffesioneler effect aan toevoegen omdat het te zien is dat er moeite is gestopt in een extra stap zoals deze.

Ook vond ik het ontzettend tof om te mogen werken met een lettertype dat ontworpen is door mijn praktijkopleider. Ik vind het zelf een hele interessante letter en het is heel bijzonder om er digitaal mee te kunnen werken nadat hij er met de hand zoveel werk in heeft gestopt om de hele letter te kunnen ontwerpen.

Tot slot wil ik de letterproef laten zien die ik ook heb gemaakt voor het lettertype van Martijn. Deze letterproef hangt nu in het Grafisch Atelier, wat mij heel erg trots maakt en enthousiast omdat Martijn het zo'n mooi ontwerp vond dat hij het een plekje in het atelier wilde geven.

Ik heb in deze blog informatie verteld over de poster met de letteronderdelen in plaats van de letterproef omdat daar veel meer technische lessen voor mij bij kwamen dan de letterproef. Het maken van de letterproef was namelijk alleen het plaatsen van tekst en het erachter zetten van een schaduw. Dit zijn dingen die ik al wist dus daarom heb ik er voor gekozen om te vertellen over de poster met de letteronderdelen.

Hieronder zijn nog een aantal werken te zien die ik in het begin van de thuisisolatie in verband met het coronavirus heb gemaakt om mijn digitale vaardigheid in de Adobe programma's te kunnen verbeteren. Deze werken bevatten verder geen diepere inhoud en zijn resultaten van online lessen die ik heb gevolgd over de Adobe programma's. Deze lessen kan ik dan verwerken in andere opdrachten die ik tijdens mijn stage zal gaan maken.

De twee ontwerpen waarbij ik heb geoefend met het creëren van effecten door middel van letters zijn gemaakt met pay-off's die mogelijk gebruikt kunnen worden voor het Creative Image Lab van het Grafisch Atelier en het Grafisch Atelier zelf.