Layout typography print

27
visuele communicatie Stramien, Typografie & Print Raoul Postel docent CROSSmedia new media ontwerper grafisch vormgever webdesigner / developer ondernemer ar html css epub share pdf 3d vr dpi cmyk rgb px cms mbo hbo

Transcript of Layout typography print

Page 1: Layout typography print

visuele communicatie

Stramien, Typografie & Print

Raoul Postel

docent CROSSmedia new media ontwerpergrafisch vormgeverwebdesigner / developerondernemer

ar

html

css

epub share

pdf

3dvr

dpicmyk

rgb px

cms

mbohbo

Page 2: Layout typography print

het geheim:ontwerp en gebruik eenSTRAMIEN !

visuele communicatie

Page 3: Layout typography print

schets als basis voor de layout

visuele communicatie | stramien

Page 4: Layout typography print

beheersing van stramien in InDesign

HULPLIJNEN, KOLOMMEN EN MARGES

visuele communicatie | stramien

Page 5: Layout typography print

A-B-C MASTER PAGINA’S

beheersing van stramien in InDesign

visuele communicatie | stramien

Page 6: Layout typography print

grafisch vormgeven | stramien

COMBINATIES: A-B-C MASTER PAGINA’S

beheersing van stramien in InDesign

Page 7: Layout typography print

gedetailleerd uitwerken van typografie =

KWALITEIT

visuele communicatie | typografie

Page 8: Layout typography print

beheersing van typografie / teksthierarchie

visuele communicatie | typografie

Page 9: Layout typography print

Maak een letterproef van het gekozen font.

HELVETICA GILL SANS UNIVERS

GARAMOND LUCIDA CASLON PRO

visuele communicatie | typografie

Page 10: Layout typography print

BASISLIJN RASTER VOOR BROODTEKST

beheersing van typografie

visuele communicatie | typografie

Page 11: Layout typography print

TEKSTHIERARCHIE: koptekst, kop, subkop, quote, bijschrift

beheersing van typografie

visuele communicatie | typografie

Page 12: Layout typography print

LET OP: afbrekingen, taalinstelling, leesbaarheid (printen!)

beheersing van typografie

visuele communicatie | typografie

Page 13: Layout typography print

beheersing van typografie

TYPOGRAFIE: gebruik opsommingstekens Opsomming aangeleverd door klant: - stap 1- stap 2 waarin een lange regel niet netjes is afgebroken en daardoor verkeerd uitlijnt- stap 3

Opsomming door vormgever: • stap 1 • stap 2 waarin een lange regel

wel netjes is afgebroken en daardoor goed uitlijnt

• stap 3

Nummering aangeleverd door klant: 1. stap 12. stap 2 waarin een lange regel niet netjes is afgebroken en daardoor verkeerd uitlijnt3. stap 3

Nummering door vormgever: 1. stap 1 2. stap 2 waarin een lange regel

wel netjes is afgebroken en daardoor goed uitlijnt

3. stap 3

Opsommingen/nummering als Alineastijl toekennen. Eventueel daarin een Tekenstijl voor afwijkende stijl van opsommingstekens meenemen

visuele communicatie | typografie

Page 14: Layout typography print

beheersing van typografie

TYPOGRAFIE: variatie in een tabel

visuele communicatie | typografie

Page 15: Layout typography print

de check & voorwaarden druktechniek

visuele communicatie | druktechniek

Page 16: Layout typography print

PHOTOSHOP voor foto bewerking

ILLUSTRATOR voor vector illustraties

INDESIGN voor pagina opmaak

beheersing van software

visuele communicatie | druktechniek

Page 17: Layout typography print

PDF EXPORTEREN acrobat professional

beheersing van drukwerk

check kleurscheiding (rgb-cmyk) check resolutie (300 dpi) check kleurprofiel (ISO coated v2 300%) check minimale lijndikte en meer....

visuele communicatie | druktechniek

Page 18: Layout typography print

beheersing van drukwerk

RESOLUTIE KENNIS pixels | vectoren

150 dpi = beeldscherm

150 dpi = print

300 dpi = drukwerk

foto in Photoshop minimaal = 300 dpi voor drukwerk/retina

vector-tekeningen uit Illustrator minimaal 1200 dpi

beheersing van drukwerk

visuele communicatie | druktechniek

Page 19: Layout typography print

KLEUR KENNIS cmyk | rgb | pms | grijs | kleurprofiel

Een beeldscherm wordt opgebouwd uit 3 tinten (licht) RedGreenBlue

Fullcolor drukwerk wordt opgebouwd uit 4 drukgangen (inkt) CyaanMagentaYellowblack / Keycolor

Een kleurprofiel toevoegen, levert de meeste controle op…

visuele communicatie | druktechniek

Page 20: Layout typography print

KLEURENBEHEER beperken van kleurverlies tijdens omzetten RGB naar CMYK

beheersing van drukwerk

PHOTOSHOP —> kleur instellingen1. instellen kleurprofiel RGB en CMYK werkruimte RGB ADOBE 1998 ISO COATED V2 300% voor coated drukwerk PSO UNCOATED voor uncoated PMS drukwerk2. profiel bewaren

BRIDGE —> profiel instellen voor ALLE Adobe programma’s

visuele communicatie | druktechniek

Page 21: Layout typography print

CHECK ZELF DE TECHNIEK kleurscheiding | effectieve resolutie | kleurprofiel | bestandsformaten | PDF |

controle van drukwerk

BRIDGE —> controleer beeld op:1. actuele resolutie (300 dpi)2. kleurmodus (cmyk)3. kleurprofiel (bijv. ISO coated v2 of PSO uncoated)

INDESIGN —> zelf een preflight-check maken of:1. Output Separation Preview voor kleurscheiding2. Bestandsformaat: foto = PSD | vector illustratie = AI3. Effectieve resolutie: 250 - 350 dpi

ACROBAT PROControleer het kleurenprofiel van de PDF

visuele communicatie | druktechniek

Page 22: Layout typography print

PDF EXPORTEREN acrobat professional

controle van drukwerk

PDF voor de OPDRACHTGEVER1. zonder paskruizen en ander markeringen2. dubbele pagina’s als spread

PDF voor de DRUKKER1. met paskuizen en registratietekens2. als losse pagina’s3. GEEN venster op envelop4. GEEN voorbeeld-tekst op briefpapier

visuele communicatie | druktechniek

Page 23: Layout typography print

Drukgereed aanleveren

Kleurprofiel: • Illustraties en eventueel foto’s voor het

huisstijldrukwerk: Kleurprofiel PSO Uncoated ISO12647 (ECI) en voor grijswaardenafbeeldingen (in Photoshop) 20% Dot Gain.

• Illustraties en eventueel foto’s voor full colour drukwerk (brochure): Kleurprofiel ISO Coated v2 (300%) en voor grijswaardenafbeelding (in Photoshop) 15% Dot Gain.

Kleurgebruik: • Alle afbeeldingen gebruikt in de huisstijl

in maximaal 2 pantone kleuren. • Alle afbeeldingen gebruikt in de brochure in

CMYK.

Page 24: Layout typography print

Drukgereed aanleveren

Resolutie: • Resolutie CMYK afbeeldingen: 300 dpi.

Bestandsformaat: • Photoshop-bestanden voor huisstijl/

brochure aanleveren in bestandsformaten TIFF of PSD.

• Illustrator bestanden voor huisstijl aanleveren in bestandsformaten ai.

Page 25: Layout typography print

beheersing van drukwerk

PAPIER KENNIS stalen van groothandels

Grafisch Papier

Proost & Brandt

Arjo Wiggins

Buhrmann Ubbens

Het GEVOEL van een envelop of visitekaartje

bepaalt sterk de eerste indruk van de afzender...

visuele communicatie | druktechniek

Page 26: Layout typography print

WEERDRUK INSLAGSCHEMA EN DRUKWERK

beheersing van stramien in InDesign

visuele communicatie | druktechniek

Page 27: Layout typography print

beheersing van drukwerk

NEEM EEN KIJKJE IN EEN DRUKKERIJ diepdruk | offset | zeefdruk | hoogdruk | belettering | transfers

visuele communicatie | druktechniek