Flits Graphics

Je werkt bij Flits Graphics, een middelgroot bureau waar zo’n 20 mensen werken. Het bureau maakt allerlei soorten media-uitingen, waaronder veel huisstijlen. Er zijn veel verschillende functies binnen het bedrijf, waaronder deze vier:

  • Accountmanager
    Onderhoudt het contact met de klant, factureert en geeft collega’s opdrachten vanuit de klant.
  • Art Director
    Zet de ontwerplijn uit en zorgt ervoor dat er een artistieke visie in het ontwerp zit.
  • Designer
    Vertaalt de artistieke visie naar een ontwerp
  • Kwaliteit controleur
    Verzamelt de aanleveringsspecificaties en controleert het aangeleverde ontwerp bij oplevering.

Nu ontvangt op een ochtend de accountmanager de volgende doorgestuurde e-mail van de directeur van Flits Design:

Fw: Henk ik heb je nodig!

Goedemorgen!

Laat even liggen wat je nu doet. Zie mail hieronder.
Kun jij dit ASAP intern uitzetten?  Ik bel je over een half uur.

Henk

Van: Karel Klant <k.klant@exorbitant.nl>
Datum: maandag 11 december 2017 09:36
Aan: Henk de Baas <h.debaas@flitsgraphics.nl>
Onderwerp: Henk ik heb je nodig!

Henk!

Ik heb met spoed 250 visitekaartjes nodig voor een last-minute deelname aan een congres. Ik vertrouw alleen jou met mijn schets. Over een uur rij ik langs bij drukkerij XYZ. Als het jou lukt om voor die tijd een ontwerp op te sturen, dan ben ik je voor eeuwig dankbaar.

Emma mailt je zo de details.

Karel

Exorbitant Vermogensbeheer

Opdracht

Werk in teams van vier man en verdeel de bovenstaande rollen onderling. Volg de onderstaande stappen voor iedere rol en probeer zo snel mogelijk op te leveren!!!

Account ManagerArt DirectorDesignerControleur

Onderhoudt het contact met de klant, factureert en geeft collega’s opdrachten vanuit de klant.

  1. Stuur de klant (=docent) een mailtje dat de opdracht is aangenomen. (5 min)
  2. Dan mailt ‘Emma’ (=docent) je een schets. Deze stuur je door naar de  Designer (5 min)
  3. Je stuurt een nieuwe email naar Emma met de titel offerte waarin je de details van de opdracht bevestigt en de normale prijs van 595,- ex BTW staat vermeld. (15 min)
  4. Vervolgens ga je een factuur opmaken in InDesign voor dit werk waarin de volgende  gegevens staan vermeld: (30 min)
    1. Naam en adresgegevens klant
    2. Logo Flits Graphics (hier)
    3. Naam en adresgegevens Flits Graphics (zelf verzinnen)
    4. KVK inschrijvingsnummer Flits Graphics (zelf verzinnen)
    5. BTW nummer Flits Graphics (zelf verzinnen)
    6. Rekening nummer Flits Graphics (zelf verzinnen)
    7. Aantal en naam van geleverde diensten/producten
    8. Kosten voor geleverde dienst/product ex BTW
    9. BTW 21%
    10. Totaalprijs inclusief BTW
  5. Sla de factuur (ook) op als Optimized PDF.
  6. Nu wacht je op de mail van de controleur. Deze stuurt je een drukwerk PDF en eventueel instructie/toelichting.
  7. Nu wacht je op de mail van de Art Director. Deze stuurt je een collage.
  8. Mail de collage en de drukwerk PDF samen met de factuur met als onderwerp “oplevering” naar Emma (=docent).

Zet de ontwerplijn uit en zorgt ervoor dat er een artistieke visie in het ontwerp zit.

  1. Bedenk welke artistieke visie het bureau Flits heeft. (15 min)
    1. Verzamel één beeld online dat je aanspreekt.
    2. Bedenk zoveel mogelijk steekwoorden die je hierbij vindt passen.
    3. Kies nu één steekwoord uit deze tien dat voor jou de artistieke visie vertegenwoordigt.
  2. Samen met de ontwerper bepaal je een kleurenpalet en de fonts die aansluiten bij de artistieke visie. (10 min)
  3. Verzamel meer beeld op basis van het gekozen steekwoord en zet dit netjes in een eenvoudige collage in Photoshop. Zorg ervoor dat je belangrijkste steekwoord in de collage leesbaar is. (20 min)
  4. Wanneer je van de ontwerper het eindontwerp ontvangt leg je deze naast de collage en het steekwoord. Bepaal samen of er nog aanpassingen nodig zijn. (10 min)
  5. Stuur de collage per mail op naar de Accountmanager.

Vertaalt de artistieke visie naar een ontwerp

  1. Zet een standaard visitekaartje op in InDesign: (5 min)
    1. formaat: 55 x 85 mm
    2. afloop: 3 mm
  2. Verzamel de gegevens die ‘Emma’ heeft opgestuurd, zoals: (5 min)
    1. Naam
    2. Adres/contact gegevens
    3. Bedrijfsnaam
    4. Logo
  3. Zet alle elementen in het document. (5 min)
  4. Ga nu samen met de Art Director zitten om te bepalen welk steekwoord de artistieke visie van Flits vertegenwoordigt en overleg met elkaar hoe dit binnen het aangeleverde ontwerp kan worden vormgegeven. (10 min)
  5. Maak het ontwerp (20 min)
  6. Ga nu weer met de Art Director zitten en leg je ontwerp naast de collage en het steekwoord. Bepaal samen of er nog aanpassingen nodig zijn. (10 min)
  7. Rond het ontwerp af en stuur een drukwerk PDF naar de Kwaliteits controleur.

Verzamelt de aanleveringsspecificaties en controleert het aangeleverde ontwerp bij oplevering.

  1. Zoek online de aanleveringsspecificaties op voor visitekaartjes bij de drukkerij die de klant in zijn email noemt. (5 min)
  2. Verzamel deze specificaties in een tekst document en mail deze door naar de designer. (10 min)
  3. Bepaal vervolgens hoe je deze specificaties moet controleren in het opgeleverde document. (5 min)
  4. Het door de klant aangeleverde logo is helaas in pixels, dit moet worden omgezet in vectoren. (20 min)
  5. Stuur het vector logo naar de designer.
  6. Wanneer je het uitgewerkte ontwerp (PDF) ontvangt dan controleer je deze volledig op de aanleveringsspecificaties van de drukkerij en of alles er in staat wat de klant er in wilde hebben. (10 min)
  7. Pas als dit 100 procent in orde is mail je de definitieve PDF naar de Accountmanager, deze levert door aan de klant.

Benodigdheden

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.

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”

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”

Doelgroep Targeting

Deze les is gemaakt voordat deze site online was. Het lesmateriaal is daarom alleen beschikbaar als losse PDF. Hieronder vind je een korte beschrijving van de les en de eventuele benodigdheden en beoordelingscriteria.

In de les ‘Doelgroep Targeting’ ga je een advertentie maken voor een niet bestaand product. Je kunt kiezen uit drie producten en drie doelgroepen. Je onderzoekt de beeldtaal waarin de doelgroep wordt aangesproken en past je advertentie hier op aan.

Benodigdheden

Inleveren

  • Inleverdatum:
  • Bestandstype: PDF
  • Locatie: Dropbox

Beoordelingscriteria

  • Zie instructie

Typografisch Zelfportret

Deze les is gemaakt voordat deze site online was. Het lesmateriaal is daarom alleen beschikbaar als losse PDF. Hieronder vind je een korte beschrijving van de les en de eventuele benodigdheden en beoordelingscriteria.

In de les ‘Typografisch Zelfportret’ ga je aan de slag met een letter in Illustrator waarvan je de ‘negatieve ruimte’ gaat veranderen. Deze letter verwerk je dan in InDesign tot een poster door er nog enkele elementen aan toe te voegen. Alle elementen en ontwerpkeuzes moeten iets over jezelf vertellen.

Benodigdheden

Inleveren

  • Inleverdatum:
  • Bestandstype: PDF
  • Locatie: Dropbox

Beoordelingscriteria

  • Zie instructie