Categorie: DTP

Design Magazine

Je gaat twee spreads en een cover ontwerpen voor een Design Magazine. Je hebt hiervoor vier weken de tijd. Je leert in deze opdracht een bestaand tijdschrift te analyseren en op basis hiervan een stramien-pagina (master) op te zetten. Je leert een bestand op een technisch correcte wijze op te zetten en gebruik te maken van alineastijlen en tekenstijlen. Je leert je ontwerp in te vullen met aangeleverde kopij en een automatische inhoudsopgave te maken. Daarnaast leer je hoe je drukgeschikt aan moet leveren.

Lees verder “Design Magazine”

Afbeeldingen op internet

Duur: 4 uur

Iedereen gebruikt afbeeldingen die worden gevonden op internet. Op zich niets mis mee, als je maar weet waar je op moet letten. Het komt veel voor dat gevonden afbeeldingen te klein zijn of van te lage kwaliteit. Daarnaast is er ook weinig aandacht voor gebruikslicenties.

Tijd: 4 uur

Lees verder “Afbeeldingen op internet”

Instellingen

Duur: 1 uur

In de workflow tussen beeldbronnen (zoals een camera of een scanner), editors (zoals photoshop) en weergave (zoals een beeldscherm of drukwerk) zijn drie dingen belangrijk:

  • Kleurbeheer: zorgt ervoor dat je origineel zo goed mogelijk wordt benaderd door de drukkerij (of beeldscherm).
  • Joboptions: stellen je workflow in voor specifieke toepassingen.
  • Programma-instellingen: versnellen je workflow en verkleinen de kans op fouten.
KleurprofielenJoboptionsInDesignBenodigdheden & Theorie
  1. Download de zipfile met kleurprofielen: ISOcoated_v2_300_eci.icc en ISOnewspaper26v4.icc
  2. Plaats beiden op je computer in de volgende map:
    1. Mac: [Harddisk]/Bibliotheek/ColorSync/Profiles
      LET OP! In de finder moet je CMD ingedrukt houden om de Bibliotheek in de lijst met locaties te tonen.
    2. Win: [Harddisk]/Windows/System32/spool/drivers/color
  3. Open Photoshop en kies Edit > Color Settings.
  4. Onder Workspaces kies je voor CMYK het profiel: ISO Coated v2 300 (ECI).
  5. Klik op opslaan en bewaar deze instelling als ISO_Coated_v2_300%_(ICE)_Ma.csf in de volgende map:
    1. Mac: [Harddisk]/Bibliotheek/Application Support/Adobe/Color /Settings
    2. Win: [Harddisk]/Users/[gebruikersnaam]/AppData/Roaming /Adobe/Color/Settings
      LET OP! In sommige gevallen krijg je een foutmelding over schrijfrechten. In dit geval sla je de instelling tijdelijk op op je bureaublad en zet je deze via de Finder/Explorer in de juiste map. Daarna zou hij zichtbaar moeten zijn (bij stap 6).
  6. Open Bridge en kies Edit > Color Settings. Indien nodig; vink onderin het venster aan “Expand list of color settings”
  7. Selecteer in deze lijst ISO_Coated_v2_300%_(ICE)_Ma en klik Apply
    (deze stap werkt bij illegale software mogelijk niet).
  1. Stel de juiste joboption in.
    1. Download de zipfile met joboptions.
    2. Pak deze zip uit naar een map op een tijdelijke plek (bijvoorbeeld je Desktop).
    3. Open InDesign en kies File > Adobe PDF Presets > Define…
    4. Vind de uitgepakte map en laad één voor één de joboptions.
  2. Nu gaan we dit testen:
    1. Open een nieuw document in InDesign en kies File > Export…
    2. Geef het bestand een naam en klik op Save.
    3. Kies bij Adobe PDF Preset het gewenste profiel en klik Export.
    4. Zoek het gemaakte PDF’je op op je computer en open deze.
      (Wanneer deze in Voorvertoning opent, selecteer dan de PDF en druk CMD-I. Klik ‘Open met’ en selecteer Acrobat Pro. Dit zorgt ervoor dat PDF’s altijd in Acrobat openen).
    5. In Acrobat Pro klik je op Tools (linksboven).
    6. Zoek de tool Print production (Afdrukproductie) en kies Add (Voeg toe) in het pull-down menuutje onder de tool. De tool verschijnt nu in je toolbar aan de rechterzijde. Sleep de tool hierin naar de bovenste plek zodat je er makkelijk bij kan.
    7. Klik op Print production (Afdrukproductie).
    8. Klik vervolgens op Output Preview (Uitvoervoorbeeld). Onder Simulation Profile zie je welk profiel deze PDF gebruikt.

Als je in InDesign zelf alineastijlen gaat maken start je met de [Basisalinea] stijl. Wanneer de basisinstellingen hier goed staan ingesteld dan voorkomt dat je dit later per stijl apart moet doen.

Woordafbreking

De standaard instelling is een Amerikaanse instelling. De Engelse taal heeft kortere woorden en teksten worden niet afgebroken. In het Nederlands en vele andere talen breken we woorden in zinnen wel af. Om te voorkomen dat dit ‘lukraak’ gebeurt neem je deze instellingen over. Je kan dit later altijd nog wijzigen als je ontwerp daarom vraagt.

Spatiëring

Om een rustiger tekstbeeld te krijgen plaatsen we de letters en woorden iets dichter bij elkaar.

Composer

De composer bepaalt wanneer een woord wordt afgebroken in een zin. De alinea composer wil alle regels even lang maken. Bij elke tekstwijziging worden alle regels herschikt. In links-lijnende Nederlandse teksten is dat niet mooi en ’t is vervelend als je correcties aan het doen bent. Door deze instelling te wijzigen naar Alinea composer enkele regel treedt dit verschijnsel niet op en ontstaat er een regelmatiger beeld in de kolom met links-lijnende tekst.

  1. Stel InDesign op de juiste manier in.
    1. Open InDesign en sluit alle openstaande bestanden.
    2. Selecteer Window > Styles > Paragraph Styles (Alineastijlen).
    3. Dubbelklik [Basic Paragraph] ([Basisalinea]) en neem de volgende instellingen over:
      1. Advanced Character Formats (Geavanceerde tekenopmaak)
        1. Horizontal scale: 100%
        2. Vertical scale: 100%
        3. Baseline shift (verschuiving basislijn): 0 pt
        4. Skew (schuintrekken): 0º
        5. Language (Taal): Dutch Reform 2005 (Nederlands nieuwe spelling)
      2. Hyphenation (Woordafbreking)
        1. Words with at least: 6 letters
        2. After first: 3 letters
        3. Hyphen Limit (Limiet afbreekstreepjes): 3 hyphens (streepjes)
        4. Hyphenation Zone (Afbreekzone): 0 mm
        5. Vink uit:
          1. Hyphenate Capitalized Words (Woorden in hoofdletters afbreken)
          2. Hyphenate Last Word (Laatste woord afbreken)
          3. Hyphenate Across Column (Woorden afbreken in kolommen)
      3. Justification (Uitvulling)
        1. Word Spacing (Woordspatiëring): 80%, 90%, 110%
        2. Letter Spacing (Letterspatiëring): -2%, -1%, 0%
        3. Glyph Scaling (Glyph schaling): 100%, 100%, 100%
        4. Auto Leading (Automatische regelafstand): 120%
        5. Single Word Justification (Uitvullen enkel woord): Full Justify (Volledig uitvullen)
        6. Composer: Adobe Single-line Composer (Adobe Composer enkele regel)
  2. Nu gaan we dit testen:
    1. Open InDesign en sluit alle openstaande bestanden.
    2. Selecteer Window > Type & Tables > Paragraph (Alinea).
    3. Open het contextmenu van het deelvenster en selecteer Justification (Uitvulling). Controleer of de waarden zijn zoals hierboven ingevuld.
    4. Open het contextmenu van het deelvenster en selecteer Hyphenation (Woordafbreking). Controleer of de waarden zijn zoals hierboven ingevuld.
    5. Open een (nieuw) document en selecteer de Type tool.
    6. In eigenschappen bovenin zie je de Taal instellingen. Controleer of deze is ingesteld op Nederlands nieuwe spelling.

De bestanden:

Sites met meer info over het de grafische workflow:

Filmpjes van Tytis Sonnenfeld:

Workflow

Wanneer je nu een opdracht start, dan herhaal je telkens de volgende handelingen om een goede kleurweergave te waarborgen:

  1. Bedenk welk profiel je nodig hebt (RGB, CMYK) voor het doel van je werk.
  2. In Photoshop, Illustrator en/of Indesign selecteer je View > Proof Setup > Custom…
  3. Kies hier het profiel wat je nodig hebt, bijvoorbeeld ISO Coated v2 300 (ECI).
  4. Vink View > Proof Colors aan om je ontwerp in proefkleuren weer te geven.

Controleer altijd wanneer je een PDF voor drukwerk uitvoert of je de juiste kleurprofielen gebruikt en of je de juiste joboptions hebt ingesteld.

Vis en vis

We gaan in de komende drie weken een kookboek vormgeven met de titel ‘Over vis en vis’. Het gaat bij deze opdracht vooral om typografische vormgeving en je technische vaardigheden in InDesign.

In de vormgeving maak je alleen gebruik van typografie, dus geen kleurvlakken. Alle elementen bestaan uit typografische vormgeving, dus ook de weetjes of kaderteksten.

Het doel hiervan is om de aandacht volledig naar de interactiviteit, tekstbehandeling en fotografie te laten gaan en er geen afleiding is van andere elementen. Naast de aangeleverde fotografie kun je andere beelden toevoegen uit de beeldbank van het Visbureau (zie link onder Benodigdheden).

Planning

  1. Les 1: Instructie (15 t/m 19 mei)
    1. verschillende masterpagina’s gebruiken (video 8’17)
    2. automatische paginanummering (zie video hiervoor)
    3. sectiemarkeringen (video 5’05)
    4. aangeleverde teksten en tekstkaders koppelen (video 7’26)
  2. Les 2: Instructie (15 t/m 19 mei)
    1. alinea- en tekenstijlen (meerdere video’s hoofdstuk 1)
    2. spatiëring en interlinie
    3. tekst op basislijn en basislijn in apart tekstkader (video 5’40)
  3. Les 3: Instructie (22 t/m 24 mei)
    1. tabs (video 8’51 let op: video = CS2. Tabs Pallete zit nu onder Type/Tekst)
    2. automatische inhoudsopgave (meerdere video’s, zie H8)
    3. tabel functie (diverse video’s, met name H2, H3 en H6)
  4. Les 4: Instructie (22 t/m 24 mei)
    1. geneste stijl (video 10’02)
    2. grep stijl (meerdere video’s)
    3. initiaal (video 3’20)
    4. objectstijlen (video 10’22)
    5. Indesign effecten (video 8’02)
  5. Les 5: Digitaal uitwerken (29 mei t/m 1 juni)
    1. Instructie: printen van je boekje
  6. Les 6: Peerfeedback en inleveren (29 mei t/m 1 juni)
  7. Les 7: Geprint en geniet boekje inleveren

Technische gegevens

Pagina indeling

  • Aantal pagina’s: Minimaal 24 pagina’s
  • Titel is ‘Over Vis & Vis’
  • Coverbeeld zelf bepalen, inclusief ISBN- en barcode
  • Colofon, aangeleverd (eigen naam toevoegen)
  • Inhoudsopgave, automatisch maken
  • Redactionele tekst aangeleverd, beeld vrij (visbureau)
  • Receptuur tekst en beeld aangeleverd
  • Afmeting: Formaat is vrij maximaal 200 x 260 mm staand
  • Binding: Geniet gebonden
  • Receptuur: Tekst en beeld aangeleverd. Kies zelf 6 recepten uit
  • Redactioneel: Tekst aangeleverd. Alle tekst gebruiken en foto’s sluiten aan bij de tekst
  • Beeld zelf kiezen op www.flickr.com/photos/beeldbank_visbureau
  • Letterkeuze: Kies een goed leesbare tekst letter gecombineerd met passende andere uitgebreide letterfamilies, dat maak het vormgeven spannender.
  • Vormgeving: Vormgeving naar keuze maar…GEEN KLEURVLAKKEN. De nadruk ligt op het typografische vlak.
  • Houdt voor de volgorde van de inhoud de bovenstaande punten aan.
  • De aangeleverde tekst “Over vis&vis hfst 1 redactioneel.doc” bevat een kop “Kaderteksten”. Hieronder staan 13 alinea-tjes, waarvan je er minimaal 7 moet verwerken. Tussen deze ‘kaderteksten’ staat een tabel, die is verplicht om te verwerken.
  • Je moet minimaal 6 recepten verwerken, zolang je maar aan 24 pagina’s (of meer) komt.
  • Afbeeldingen zijn minimaal 150 effectieve ppi en van goede kwaliteit op 100% zoom.

Benodigdheden

Inleveren

  • Inleverdatum digitale bestanden:
    • 2A: in de week van 5 tot 10 juni (check bij Johan)
    • 2E: 8 juni 23:59u
    • 2F: 8 juni 23:59u
    • 2R: 13 juni 23:59u
  • Inleverdatum geprint boekje:
    • 2A: in de week van 5 tot 10 juni (check bij Johan)
    • 2E: 15 juni (inleveren bij Tytis in de les)
    • 2F: 8 juni (inleveren bij Tytis in de les)
    • 2R: 13 juni (inleveren bij Jof in de les)
  • Bestandstype:
    • Geprint boekje met nietje in de rug
    • InDesign Pakket + drukwerk PDF
  • Locatie:
    • 2A: Inlevermap Johan, geprint boekje in de les inleveren
    • 2E: Dropbox Tytis, geprint boekje in de les inleveren
    • 2F: Dropbox Jof, geprint boekje in de les (bij Tytis) inleveren
    • 2R: Dropbox Jof, geprint boekje in de les inleveren

Beoordelingscriteria

  • Je hebt op tijd ingeleverd
  • Je hebt je boekje geprint met een nietje ingeleverd
  • Je hebt minimaal 4 alinea stijlen en 2 tekenstijlen gebruikt
  • Je hebt minimaal 1 geneste stijl gebruikt
  • Je hebt tabs en inspringen gebruikt
  • Je hebt de spatiëring en interlinie aangepast waar nodig
  • Je hebt automatische inhoudsopgave gemaakt
  • Je tekstkaders (platte tekst) zijn aan elkaar gekoppeld
  • Je hebt automatische paginanummering en sectie markeringen gebruikt
  • Je hebt gewerkt met master pagina’s
  • Je hebt een eigen Visbureau logo gecreëerd
  • Je hebt minimaal 6 recepten geplaatst
  • Je hebt alle informatie tekst geplaatst
  • Je hebt minimaal 7 kaderteksten, naar keuze gebruikt
  • Je hebt vormgeven d.m.v. typografie (geen kleurvlakken)

Bestand controleren

Duur: 45 min

Het komt in de praktijk veel voor dat je de opmaak van een collega moet controleren op fouten. Hiermee wordt voorkomen dat iets verkeerd in productie gaat en alles overnieuw moet.

De flyer hiernaast moet worden gecontroleerd. Bekijk hiervoor zowel het Indesign bestand als de PDF die in het aangeleverde pakket zitten.

Er zitten in totaal 10 fouten in de bestanden samen, probeer om er zo veel mogelijk te vinden. Je krijgt hiervoor twintig minuten de tijd. Daarna gaan we gezamenlijk doornemen welke fouten zijn gevonden.

Tijd: 45 min

Lees verder “Bestand controleren”

De kunstenaar

Voor deze opdracht ga je in 2 weken een serie promotiemateriaal over je favoriete kunstenaar maken. Daarbij kun je denken aan een schilder of beeldhouwer, maar ook aan een fotograaf, grafisch ontwerper, muzikant of architect. Twijfel je of je kunstenaar een goede keuze is, overleg dan met je docent.

Banksy

Items die je gaat maken:

  • poster op A3 formaat
  • flyer op A5 formaat (dubbelzijdig) 148 x 210 mm
  • kaart op A6 formaat (dubbelzijdig) 148 x 105 mm
  • harmonica boekje op visitekaartjes formaat (85×55 mm),
    minimaal 6 pagina’s

TIP: Het is belangrijk is dat het een eenheid is. Zorg er dus voor
dat je beelden geschikt zijn voor het grootste formaat en dat je ze verkleint voor de kleinere items.

Benodigdheden

  • [printfriendly]

Inleveren

  • Inleverdatum: 9 maart de eerste 2 items, 16 maart de andere 2 items
  • Bestandstype: voor ieder item maak je een pakket met drukwerk PDF en deze zip je, dus per item één zipfile
  • Locatie: Dropbox

Beoordelingscriteria

  • week 1: 2 items inleveren, daarvoor kun je maximaal 5 punten halen
  • week 2: andere 2 items inleveren, waarvoor je ook 5 punten kunt krijgen
  • de serie ziet eruit als eenheid (lettertypes, kleur, beeldtaal…)  (1 punt)
  • alle beelden correct (CMYK, PSD en tussen de 300 en 600 ppi) (1 punt)
  • opmaak correct (bv. afloop, leesbare tekst…) (2 punten)
  • van alle items een PDF (met afloop en snijtekens) en een pakket inleveren (1 punt)

Verpakking


Het grafisch ontwerp speelt een grote rol bij verpakkingen. Denk bijvoorbeeld maar aan speelgoed of voedsel. Veel gedrukte media als kranten en tijdschriften hebben moeite om te concurreren met digitale media. Maar verpakkingsontwerpers hebben daar geen last van.

We gaan een vrolijke, feestelijke verpakking ontwerpen voor een bestaand kerstartikel dat je van huis meeneemt. Het doel is om van een plat vlak naar een ruimtelijk ontwerp te leren denken. Deze skill heb je nodig bij het ontwerpen van verpakkingen of andere interessante vormen uit papier.

Je voert deze opdracht individueel uit. Geef jezelf een uitdaging waar je minimaal 8 uur voor gewerkt hebt. De verpakking ga je ook (laten) printen en in elkaar zetten.

verpakking1

Opdracht

  • Maak een verpakkingsontwerp voor een bestaand kerstartikel naar keuze.
  • Je verpakking heeft een basis waaruit een serie kan ontstaan.
  • Je maakt een stansmodel en werk deze uit tot een geplakt model.
  • Je gebruikt eigen illustraties (geen foto’s van Internet) in het ontwerp.
  • Je verpakking bestaat uit 1 stuk (dus niet uit verschillende losse delen).
  • Je complete ontwerp past op 1 vel A3 papier.
  • Je stans en rillijnen (getekend in Illustrator) hebben de PMS-kleur Purple.
  • Je veranderd de PMS-kleur Purple van naam in ‘stans’.

De eerste 10 die klaar zijn kunnen terecht bij de Factory om hun ontwerp te laten snijden met een lasercutter. Laat je naam hiervoor noteren bij de docent. Exporteer vanuit Illustrator je (omtrek) stanslijn als *.dfx bestand (AutoCAD uitwisselingsbestand). Hoor je niet bij de eerste 10 dan moet je zelf snijden.

  • Bouw je Illustrator document op in drie lagen:verpakking4
    • Laag 1 Stanslijnen (op overdruk)
    • Laag 2 Rillijnen (op overdruk)
    • Laag 3 Bedrukking
  • Hou plakranden vrij van bedrukking.
  • Hou rekening met 3mm afloop.
  • Zet je naam er op.
  • Zet tekst in lettercontouren.
  • Is verpakking2je verpakking digitaal klaar dan print je hem bij de Factory op stevig papier.
  • Snij je verpakking bij de Factory los met een lasercutter, of met de hand.
  • Plak je verpakking in elkaar en stop je kerstartikel er in.
  • Lever je digitale bestand in.

verpakking3

Benodigdheden

Inleveren

Model

  • Inleverdatum 2E/2F: 15 december
  • Inleverdatum 2R: 13 december
  • Bestandstype: Gevouwen en geplakt model met je naam er op
  • Locatie 2A: Presentatie bij de docent (Johan)
  • Locatie 2E/2F: Presentatie bij de docent (Tytis)
  • Locatie 2R: Presentatie bij de docent (Jof)

Digitaal bestand

  • Inleverdatum 2E, 2F: 15 december
  • Inleverdatum 2R: 13 december (uitgesteld tot 20 dec ivm ziek)
  • Inleverdatum 2A: navragen bij Johan
  • Bestandstype: Illustrator bestand, óf ID pakket, óf PDF met ‘standaardwaarden Illustrator’ zodat lagen heel blijven.
  • Locatie 2E: inleveren bij Tytis
  • Locatie 2F, 2R: inleveren bij Jof
  • Locatie 2A: inleveren bij Johan

Beoordelingscriteria

let-op Belangrijk is de creatieve uitdaging die je jezelf hebt gegeven. Is je uitwerking MV2 waardig en heb je de tijd efficiënt besteed?

Model

  • Je hebt een in elkaar geplakt model (inclusief kerstartikel er in) om te laten zien.
  • Je naam staat er op

Digitaal bestand

  • Je verpakking bestaat (zo veel mogelijk) uit 1 stuk op 1 vel A3 papier.
  • Je hebt je Illustrator document opgebouwd in drie lagen:
    – Laag 1 Bedrukking
    – Laag 2 Stanslijnen
    – Laag 3 Rillijnen
  • Stans- en rillijnen staan op overdruk
  • Je stans- en rillijnen zijn getekend met PMS-kleur Purple.
  • De naam van de kleur voor de stanslijnen is veranderd in ‘stans’.
  • Je plakranden zijn vrij van bedrukking.
  • Je hebt rekening gehouden met 3mm afloop rond de stans.
  • Tekst staat in lettercontouren.
  • Je naam staat er op.
  • Je document heeft de juiste de naamgeving: Klas_Achternaam_Voornaam_Verpakking

 

Kleurruimten & Drukplaten

Wat is kleur eigenlijk? En hoe wordt kleur gezien en nagemaakt? Er zijn veel stappen in het ontwerp proces waar kleuren worden vertaald van het ene apparaat naar het andere, bijvoorbeeld van je beeldscherm naar de printer. We gaan onderzoeken hoe de techniek van deze apparaten van invloed is op het ontwerpproces.

Lees verder “Kleurruimten & Drukplaten”

Vogelhuisje

vogelhuis
Vogelhuisje

In deze les ga je samen met een klasgenoot een stanstekening maken van een vogelhuisje. Het doel hiervan is dat je leert denken vanuit het platte vlak naar een ruimtelijk ontwerp. Dit is een skill die je nodig hebt bij het ontwerpen van verpakkingen.

Je maakt in Illustrator een stansvorm van het voorbeeld hiernaast. Afmetingen mag je zelf bepalen. Je verzint hiervoor een (simpel) ontwerp. Vervolgens print je deze uit en knipt en plakt hem in elkaar.

let-opZie de beoordelingscriteria onderaan voor je digitale bestand!

Benodigdheden

Inleveren

Model

  • Inleverdatum 2E/2F: 24 november
  • Inleverdatum 2A/2R: 22 november
  • Bestandstype: Gevouwen en geplakt vogelhuisje met jullie namen er op
  • Locatie 2A: Presentatie bij de docent (Johan)
  • Locatie 2E/2F: Presentatie bij de docent (Tytis)
  • Locatie 2R: Presentatie bij de docent (Jof)

Digitaal bestand

  • Inleverdatum 2E, 2F: 24 november
  • Inleverdatum 2R: 23 november
  • Inleverdatum 2A: 22 november
  • Bestandstype: PDF en Illustrator bestand of Indesign Pakket
  • Locatie 2E: inleveren bij Tytis
  • Locatie 2F, 2R: inleveren bij Jof
  • Locatie 2A: inleveren bij Johan

Beoordelingscriteria

Model

  • Je hebt een in elkaar geplakt vogelhuisje om te laten zien.

Digitaal bestand

  • Je vogelhuis bestaat uit 1 stuk op 1 vel A3 papier (behalve dak en stokje).
  • Je hebt je Illustrator document opgebouwd in drie lagen:
    – Laag 1 Stanslijnen (‘PMS-purple’ verander je in ‘stans’)
    – Laag 2 Rillijnen stippellijntjes (‘PMS Purple’ verander je in ‘ril’)
    – Laag 3 Bedrukking
  • Stans- en rillijnen staan op overdruk
  • Je stans- en rillijnen zijn getekend met PMS-kleur Purple.
  • Je hebt alle zijden een kleurrijk eigen ontwerp gegeven.
  • Je hebt rekening gehouden met 3mm afloop rond de stans.
  • Tekst staat in lettercontouren.
  • Jullie namen staan erop
  • Je document heeft de juiste de naamgeving: Klas_Achternaam_Voornaam_Vogelhuis