Illustrator CC

Essential training Adobe Illustrator (AI)

1987

Een van de oudste tools van Adobe.

“Vandaag moet je als ontwerper ‘flexibel’ kunnen ontwerpen voor allerhande media”

‘flexibel’ ontwerpen met ‘vectoren’ …

  • Resolutie onafhankelijk
  • In verschillende document formaten
  • Flexibel betekend = schaalbaar met vectoren
  • Verschillende import & export mogelijkheden

“Het is geen slechte gedachte
om Adobe Illustrator CC als je basis
ontwerp instrument te gebruiken”

​Misschien wel het meest onderschatte
programma van Adobe CC…

Illustrator vs Photoshop

​

Pixels

Waarom geen Photoshop?

  • ​Photoshop denkt in pixels
  • Resolutie afhankelijk: het vergroten is lastig
  • Pixelbeelden zijn zwaar, hoe meer pixels/inch hoe zwaarder in KB
  • In Photoshop manipuleer je ‘kleurinformatie’ van pixels, geen objecten

vectoren

Waarom Illustrator?

  • Elk document is vector based > schaalbaarheid
  • Elk object is selecteerbaar en manipuleerbaar
  • Objecten ken je groeperen en boven elkaar plaatsen
  • PDF minded
  • Heeft de kracht van ‘artboards’: verschillende formaten in 1 document
  • Krachtige export functies

Juist gebruik

Wanneer AI gebruiken?

  • ​logo’s, iconen, fonts, illustraties…
  • huisstijl algemeen: centrale hub van elke huisstijl
  • video graphics
  • online & digital graphics (websites, apps) > SVG formaat
  • artboards > Multipage PDF
  • Asset export > met 1 klik naar verschillende formaten

Fout gebruik

Wanneer AI niet gebruiken?

  • ​Illustrator als opmaak tool voor bv. boeken te zetten
  • Illustrator is niet geschikt voor beeldverwerking > Photoshop
  • Illustrator is geen tekstverwerker zoals word.

Online Hulp?

overzicht van online informatie over AI

Illustrator
interface

Adobe interface

  • zeer gelijkaardig als Photoshop & Indesign
  • control toolbar bovenaan (window > Control)
  • new properties palet sinds CC 2018
  • organiseren van je workspace
  • application frame & tabs
  • nieuw bestand > opent de wizard
  • Check Dark mode & GPU acceleration!

ARTBOARDS &
WORKSPACE

  • ​Workspace: het donkere gedeelte dat niet zichtbaar is in het finale document, soort van werkruimte
  • Artboards: 1 of meerdere documenten, kan je namen geven en organizeren. Kunnen verschillende formaten zijn. > artboard tool

rulers, guides
& layers

  • Rulers: units & 0 punt
  • Guides: hulplijnen > horizontale & verticale
  • Smart guides: hulpmiddel voor het snel uitlijnen
  • Layers: voor het organiseren en stapelen van objecten.

Basis tekentools

pentools, linetool, shapes, brushtool & new shapertool, shape builder tool

selecteren van objecten

objecten

… zijn alle elementen (vectoren) die je kan tekenen op het artboard. Ze bevatten elke hun eigen kleur of lijn of andere ‘appearence’. Je kan ze groeperen, combineren of vervormen door filters. Elk punt of elk object blijft selecteerbaar voor altijd.

pathfinder

krachtig palet om objecten te combineren tot nieuwe​ objecten > evolutie van het compound path

​

Align

toolpalet voor het exact uitlijnen
en verdelen van objecten

transform

het vervormen of manipuleren van objecten via parameters

kleur

kleurgebruik in AI

  • CMYK/RGB
  • color preview
  • swatches
  • kleur op lijn en vulling
  • verloop (gradient)​
  • gebruik van global colors en spot colors
  • kleur bibliotheken (pantone, etc.)

KLEUR

tools voor kleurgebruik

  • ​color preview
  • separations preview (overprint)
  • trim view
  • outline view
  • live paint bucket (live paint groups)

typografie

  • ​tekst gebruik > fonts in AI > fonts palet
  • verschillende font bibliotheken
  • installeren van fonts (google fonts, adobe)
  • textframe vs text
  • create outlines van text
  • gebruik van stijlen mogelijk (character & paragraph styles)

copy-paste & arrange order

kracht van copy-paste

​

bibliotheken

(libraries) - central HUB

  • ​centraliseren van content over alle Adobe apps heen
  • cloudbased > dus backup
  • opdelen in mappen en verschillende bibliotheken mogelijk
  • opslaan van kleuren, beelden, illustraties
  • je kan ze ook delen met andere Adobe members
  • collaborate functie

afbeedingen in AI

  • ​gebruik van beelden > plaatsten
  • linken of embedden
  • links palet
  • afbeeldingen dimmen op lagen
  • afbeeldingen ‘trace’n

transparantie

kan je op elk object toepassen

  • standaard photoshop transparantie > opacity
  • blending modes > transparante filters
  • clipping paths
  • maskers

patronen

​speciale tool voor het maken van wallpaper patronen

exporteren

van assets

  • ​exporteren in verschillende formaten in 1 click!
  • 1 van de sterkste tools in AI

Other Cool tools

  • ​Blend tool
  • Symbol tools
  • 3D
  • puppet warp tool
  • Enveloppe distortion
  • Manipulation vectors: width tool, warp tool, …
  • select > same > color, …