De Titel

Introductie

Titel/naamlogo ontwerpen

Vandaag gaan we ervoor zorgen dat de titel van je verhaal zijn eigen identiteit gaat krijgen. Je kan het vergelijken met een naamlogo, waarbij de titel voluit geschreven is maar de fontkeuze en de creative touch die je eraan geeft ervoor zorgt dat het een uniek design wordt.

Het eindresultaat

Aan het einde van deze opdracht heb je een kleine publicatie gemaakt waarin jouw verhaal visueel tot leven komt.

Je eindproduct bestaat uit:

de titel in een sterke typografische stijl
een logo of beeldmerk
een belangrijk object of symbool uit het verhaal
een omgeving/scène
een bookcover
een vormgegeven publicatie waarin tekst en beeld samenkomen.
een uitgewerkt hoofdpersonage (Verdieping)

Leerdoelen

Na deze les kan de student:

Analyseren welk lettertype en welke typografische stijl passen bij het thema en de sfeer van het verhaal.
Toepassen van Illustrator-technieken zoals Create Outlines, Pen Tool, Pathfinder en Gradient om letters verder vorm te geven.
Ontwerpen een herkenbaar en passend naamlogo voor de titel van het verhaal.
Presenteren verschillende ontwerpvarianten en het eigen ontwerpproces met behulp van meerdere artboards en procesbeelden.

Materialen/Benodigdheden

Werkvorm

Apple/Windows computer of je eigen laptop
Adobe Illustrator
One Drive + Externe harde schijf

Als je een laptop gebruikt heb je daarop de Engelstalige versie van Adobe Creative Cloud.

De theorie wordt door je docent klassikaal uitgelegd.

Je gaat deze opdracht individueel uitvoeren.

Software:

Theorie

Wat is Illustrator?

Illustrator is een softwareprogramma dat wordt gebruikt voor het maken van logo's, illustraties, iconen, typografie, web/UI en grafische ontwerpen.

Je kunt het gebruiken voor het maken van vectorafbeeldingen. Het heeft ontzettend veel tools zoals pennen- en vormgereedschappen, lagen, uitgebreide typografische mogelijkheden, en het voordeel van Illustrator is dat het makkelijk over te nemen is naar andere Adobe programma's.

Wat is het verschil tussen vector en bitmap (pixels)?

Vectorafbeeldingen: Dit zijn afbeeldingen die gebaseerd zijn op wiskundige formules. Ze zijn schaalbaar zonder dat je kwaliteit verliest. Ideaal voor grafische ontwerpen zoals logo's, iconen en illustraties.

Bestandstypes: SVG, AI, EPS, PDF

Bitmapafbeeldingen: Deze afbeeldingen zijn gebaseerd op pixels, individuele vlakjes kleur die bij elkaar gezet de afbeelding vormen. De kwaliteit neemt af bij vergroting doordat je te weinig pixels hebt (hierdoor krijg je een wazige foto). Bitmap afbeeldingen zijn ideaal voor foto's en gedetailleerde afbeeldingen zoals foto's of textures.

Bestandstypes: JPEG, PNG, GIF, BMP, TIFF.

Opdrachtomschrijving

STAP 1: Naam maken in Illustrator

Open Illustrator en kies uit de presets voor A3 liggend (landscape). En klik vervolgens op create document.

Nu ga je fonts (lettertypes) zoeken via Adobe Fonts of Google Fonts.

Activeer het font of download het font.

Als je via Adobe fonts een font activeert kun je het direct gebruiken in de Adobe programma's.
Wanneer je een font download wordt dit vaak in een .zip map gedownload op de plek die jij hebt aangewezen. Het installeren gaat als volgt:
1. Pak het ZIP-bestand uit:
  - Dubbelklik op het ZIP-bestand om het uit te pakken.
  - In de uitgepakte map vind je meestal één of meerdere fontbestanden. Deze hebben vaak de extensie:
    1. OTF → OpenType Font
    2. TTF → TrueType Font
2. Installeer het font:
  - Windows
    1. Klik met de rechtermuisknop op het .OTF- of .TTF-bestand.
    2. Kies Installeren.
    3. Het font wordt toegevoegd aan Windows.
  - Mac
    1. Dubbelklik op het .OTF- of .TTF-bestand.
    2. Het programma Font Book wordt geopend.
    3. Klik op Installeer lettertype.

OTF of TTF?

Een font kan verschillende bestandsformaten hebben:

OTF (OpenType) → biedt vaak extra mogelijkheden, zoals alternatieve letters en ligaturen.
TTF (TrueType) → een eenvoudiger fontformaat met de standaard letters, cijfers en leestekens.

Tip: Kun je kiezen? Gebruik dan OTF. OpenType-lettertypen zijn verwant met TrueType-lettertypen, maar omvatten een grotere aanvulling op de basistekenset, met bijvoorbeeld klein kapitaal, cijfers in oude stijl en gedetailleerdere vormen, zoals symbolen en ligaturen. Vormgevers houden van OTFjes!

STAP 2: Aanpassen naam

We gana ervoor zorgen dat je je titel kan gaan aanpassen.

Typ de titel van je verhaal uit. Doe dit op twee manieren: alles in hoodfdletters: OFFLINE en met één hoofdletter: Offline. Zo zie je meteen waar je voorkeur ligt.
Doe dit in hetzelfde tekstkader. Vervolgens maak je via Type -> Create Outlines, letteromtrekken van je tekst.
Wanneer je outlines van je titel hebt gemaakt kan je deze nog op allerlei manieren aanpassen en veranderen. Nu begint het vormgeven pas echt! Maar oke, outlines... wat heb je nou precies gedaan?

Simpel gezegd:

Normaal is je tekst nog een tekstobject (je kan er nog in typen). Na het klikken op 'Create Outlines' zijn de letters losse vectorvormen geworden. Je kan dus niet meer typen maar nu kan je de vectorletters met verschillende tools aanpassen.

Wanneer gebruik je Create Outlines?

Als je de vorm van letters wilt aanpassen
Bijvoorbeeld een stukje van een letter verwijderen of de vorm veranderen.
Als je tekst onderdeel wordt van een logo of symbool
Je wilt dan niet meer dat het een normaal tekstobject is, maar dat de letters onderdeel zijn van het ontwerp.
Als je bestand naar iemand anders gaat
Wanneer je tekst omzet naar outlines, is het lettertype niet meer nodig om de tekst goed weer te geven.

Een aantal inspiratie voorbeelden van naam/titel logo's.

STAP 3: Ontwerp een naamlogo voor de titel van je verhaal

Een sprekend font (lettertype) en passend bij het thema van je verhaal, is essentieel voor een goed naamlogo! Wees daarom heel kritisch op je font dat je gaat kiezen en aanpassen. In het voorbeeld heb ik gekozen voor New Astro.

Maak een artboard met minstens 3 verschillende fonts waarbij je de titel van je verhaal op meerdere manieren uittypt. Alles in hoofdletters, met één hoofletter, kies verschillende font family's... Soms heb je een font die maar één variant heeft, dit is prima.
Vervolgens kies je het font dat er voor jou het beste uitspringt en zet je de titel in het gekozen font op een nieuw artboard.
Vervolgens ga je op het derde artboard je naamlogo verder uitwerken en ga je je ideeen uitwerken, tools toepassen, dingen uitproberen. Hier plaats je je bijvoorbeeld ook je schetsen mocht je die willen overtrekken met de pen tool.

Kortom hier je laat je creativiteit vloeien!

Dit is een visualisatie van hoe jij je artboards gaat opzetten en toepassen.

Wat is een Artboard?

Een Artboard (tekengebied) is eigenlijk een digitaal vel papier binnen Illustrator.

Je kunt meerdere Artboards in één document hebben. Op ieder Artboard kun je een andere versie, toepassing of uitwerking van je ontwerp maken.

Artboards instellen

Elk artboard geef je een andere naam en gebruik je de present A4.

Met het plusteken kan je direct een nieuwe duplidcatie van je artboard maken

Tip! Om snel iteraties te maken van je ontwerp of idee waar je mee bezig bent kan je het beste diplicaties maken. Zo kan je nieuwe bewerkingen toepassen en blijven je vorige ideeen nog staan. Doe dit door heel je ontwerp te selecteren en met option je ontwerp te slepen naar een nieuwe locatie. Je krijgt direct een duplicatie te zien.

STAP 4: Proces laten zien

Het is belangrijk om ook je proces inzichtelijk te maken. Dit moet je bij toekomstige projecten heel goed bijhouden dus we gaan er alvast mee oefenen.

In je boekje moet je ook 3 proces beelden laten zien. In dit geval maak je screenshots van specifieke momenten waarop je een bepaalde techniek toepast. Dus bijv. je gebruikt de Unite optie van de Pathfinder om meerdere vectoren samen te voegen tot één vector shape, maak hier dan een screenshot van. Zie voorbeelden hieronder ter inspiratie.

Pathfinder -> Unite

Path verbreden

Gradient tool

Voorbeeld van het eindproduct

Logo conceptvorm

Tips/Bronnen

Wist je dat je ChatGPT kunt vragen om extra verduidelijking? Ook vind je ontzettend veel video's op youtube en GLR Soft talk.

Page updated

Google Sites

Report abuse