Categorie: Illustrator

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.

Obey

Je gaat in 2 lessen een poster maken in de stijl van Obey.
Je gebruikt hiervoor een zelf gekozen foto die je in Illustrator automatisch overtrekt. Kijk goed naar de stijlkenmerken van Obey (kleurgebruik, patronen, gestyleerde portretten etc.) Het gaat om de stijl die je hieronder ziet.

Image Trace (Afbeelding overtrekken)

Je gaat dus werken met automatisch overtrekken in Illustrator. Hiermee maak je van een rasterplaatje een vectorplaatje. Zo gepiept! Nu alleen nog even uitwerken in kleuren / texturen in de stijl van deze kunstenaar… 🙂

TIPS:

  • Maak een kopie van je foto-laag vóórdat je deze overtrekt, zodat je daarna meerdere varianten kan maken in verschillende tinten.
  • Om delen van je overgetrokken foto te bewerken selecteer je deze en klik je Object > Uitbreiden, en daarna: Object > Ungroup (CMD-Shift-G)
  • Om de witte delen van een achtergrond te verwijderen kun je dit doen: Select > Same > Fill Color, en dan de geselecteerde objecten verwijderen.
  • Om patronen te gebruiken maak je kleurenstaal van je getekende of gedownloade patroon en daarmee vul je een vlak.
  • Denk aan enkele handige tools, zoals spiegelen en roteren (gebruik ALT om je beginpunt te bepalen) en uitlijnen (groepeer eerst wat bij elkaar moet blijven).

Benodigdheden

  • [printfriendly]

Inleveren

  • Inleverdatum: 7 juli 2017
  • Bestandstype: Illustrator document én een A3 print
  • Locatie: Dropbox

Beoordelingscriteria

  • Heb je de juiste stijlkenmerken gebruikt/herkenbaarheid OBEY stijl!
  • Welke hoeveelheid werk heb je in de uitwerking/details gestoken (bv. moeilijk patroon gemaakt of meerdere patronen gemaakt)

Behang

Duur: 6 uur

Je gaat voor Ferm Living een nieuwe behangserie ontwerpen. In Illustrator ga je drie behangstalen maken. Daarnaast maak je voor ieder behang een etiket voor op de verpakking (rol). Op dit etiket hoort ook het logo van Ferm Living, wat je zelf in vectoren zet. Je hebt hiervoor drie lessen de tijd.

OpdrachtBenodigdhedenCriteria
  1. Ontwerp in Illustrator drie verschillende behangpatronen. De ontwerpen moeten een doorlopend patroon hebben, hierover krijg je in de les uitleg.
  2. Maak in Illustrator een vector van het logo van Ferm Living (een hoge resolutie versie van dit logo vind je onder benodigdheden). Gebruik hiervoor niet de functie trace (overtrekken).
  3. Ontwerp in Indesign voor ieder behang een etiket voor op de verpakking. Het logo zet je hier op. Het formaat van het etiket is vrij, denk daar zelf goed over na. Net als: wat staat er eigenlijk nog meer op een sticker van een behangrol?

Let op: maak één Indesign document met 3 pagina’s voor de etiketten.

Download:

Gebruik de instructievideo’s op Linkedin Learning:

  • Cursus: Drawing Vector Graphics: Patterns door Von Glitchka)
    • Introduction, What are patterns?
    • Hoofdstuk 1, Drawing out and refining your design
    • Hoofdstuk 1, Building your vector pattern with a bounding box
    • Hoofdstuk 1, Organize, size, rotate, and adjust your pattern fills
    • Hoofdstuk 2, Pattern tool basics (belangrijk)
  • Complexiteit van de behangstalen (Moeilijkheidsgraad in tekenen, zoals kleurgebruik, transparantie, verlopen, effecten, lagen etc.)
  • Ferm Living logo is netjes met de hand nagemaakt in vectoren.
  • 3 etiketten in Indesign goed opgemaakt (let op afloop, kleurmodus, resolutie, beeldkwaliteit, geen ontbrekende links, etc.)
  • De etiketten zijn volledig (alles wat op een etiket hoort staat er op).
  • Drukwerk PDF is voorzien van afloop (indien van toepassing) en snijtekens.
  • Alles compleet in één ZIP bestand met de juiste naamgeving.

Silhouet

Duur: 1 uur

We gaan in Illustrator een kijkje nemen bij de verschillende Penselen (Brushes). Je gaat online op zoek naar meer mooie brushes om uiteindelijk een ‘kapsel’ mee te tekenen. Je tekent dit op een silhouet van jezelf en je mag zelf kiezen welke brushes je daarvoor wilt gebruiken.

OpdrachtStap 1Stap 2TheorieCriteria

Teken een silhouet van jezelf en geef deze een apart kapsel met verschillende brushes.

Het silhouet maak je door een foto van jezelf (van recht opzij!) na te tekenen.

  1. Maak een foto van jezelf in zijaanzicht. Let er op dat er voldoende contrast is met de achtergrond, zodat je je eigen contour makkelijk kunt volgen. De kwaliteit van de foto is niet zo belangrijk, het is een hulpmiddel om je eigen silhouet na te tekenen.
  2. Open deze foto in Illustrator en zet deze in een Template Layer. Dubbelklik de laag waarin je foto staat en selecteer Template Layer. Daarmee lock en dim je de laag, waardoor je makkelijker kunt overtrekken.
  3. Trek de contour van je hoofd (dus de schedel zonder haar) over met de pen tool en geef de vorm een zwarte vulkleur.

Verzamel nu een aantal leuke brushes.

  1. Open het Brushes paneel (F5).
  2. Klik op het menu van het Brushes paneel om de Brushes Library te openen. Hier zie je verschillende sets Brushes. Je kunt ook zelf brushes toevoegen.
  3. Zoek op internet naar leuke brushes om te gebruiken en voeg deze toe aan Illustrator (zie de links bij tabblad Theorie of via het menu Extra > Bronnen, én de video hieronder).
  4. Teken het kapsel. TIP: Werk in lagen. Vooral als er veel op dezelfde plek gebeurt, dat selecteert makkelijker.

Adobe Help: Penselen

Links naar verschillende brushes voor Illustrator:

  • Je silhouet bevat vloeiende lijnen, je laat zien dat je met zowel anchors als handles kunt werken.
  • Je gebruikt verschillende lagen, je laat zien dat je geordend werkt.
  • Je kunt nauwkeurig tekenen, je laat zien dat je een oog voor detail hebt.
  • Je gebruikt verschillende kleuren, je laat zien dat je kunt werken met brushes en kleur.
  • De complexiteit van je ontwerp, je laat zien dat je jezelf een uitdaging hebt gesteld.

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