DE VORM GEVER Wim Crouwel Michiel Schuurman Anthon Beeke Dick Elffers Willem Sandberg Piet Zwart Hans Gremmen Max Kisman René Knip Melle Hammer Sander Plug Dennis Koot Mieke Gerritzen Irma Boom Letman Hansje van Halem Paul Mijksenaar Lust Dietwee Machine Boot Cobbenhagen Hendriksen Metahaven Thonik Design Politie Experimental Jet Set Lava Strange Attractors Trapped in Suburbia Undog Studio
Project 'de Vormgever' voor tweedejaars studenten GV periode 2. globaal tijdspad Week 43 (23-28 okt) Week 44 (31 okt - 4 nov) Week 45 (7-11 nov) Week 46 (14, 16 en 18 nov) Week 47 (21-25 nov) Week 48 (28 nov - 2 dec) Onderstaande planning moet je zelf nog verder invullen en verwerken in je persoonlijke planning. briefing onderzoek naar vormgever; onderzoek naar doelgroep: doelgroepomschrijving maken en mailen naar m.levisson@ma-web.nl; plan van aanpak en planning schrijven en laten beoordelen; 27 okt: excursie DDW concept af hebben en laten goedkeuren; ideeschetsen uitwerken tot schetsvoorstellen instructie Indesign, Illustrator, Photoshop en Flash. bespreken schetsvoorstellen; instructie Indesign, Illustrator, Photoshop en Flash. beoordeling van project de Letter ; deadline trainingen web en dtp; bespreken definitieve schetsen/voorstellen en uitwerken toepassing (onder begeleiding) Indesign, Illustrator, Photoshop, Flash. uitwerken en bijstellen Week 49 (5-9 dec) Week 50 (12-16 dec) uitwerken en printen; deadline: 9 december. Presenteren volgens rooster (zie Ma-net).
Als het goed is ben je inmiddels aardig thuis in de wereld van de typografie. Nu is het tijd om je te verdiepen in het werk van één specifieke vormgever. In deze reader staan achtereenvolgens beschreven: de leerdoelen van dit project; de opdrachtomschrijving; de door jou te maken producten. Aan het eind van project de Vormgever ben je flink wat vakkennis rijker. Hieronder staat wat het project jou persoonlijk zou moeten opleveren: je maakt kennis met vormgevers; je kunt vormgeven aan de hand van een concept en communicatieplan; je kunt je creatie realiseren; je kunt je eindproduct motiveren en presenteren. inleiding leerdoelen Naast al deze punten is het uiteraard ook de bedoeling dat je plezier hebt in het vormgeven. Uit de lijst van vormgevers en studio's wordt voor een ieder een keuze gemaakt waar hij/zij sich in gaat verdiepen. De studiebegeleider geeft jou die vormgever/studio. Naast internet is de zijn boeken in de bibliotheek en andere gedrukte media een goede informatiebron. Maak een brochure en een website over een vormgever of studio. De bedoeling is dat je hiervan een karakteristiek portret maakt. opdrachtomschrijving Om de brochure en de website te kunnen ontwerpen en maken, doe je eerst grondig onderzoek naar de vormgever en zijn werk. N.a.v. dit onderzoek formuleer je je conclusies over de vormgever en zijn werk. Deze conclusie gebruik je als uitgangspunt om een concept te bedenken voor je brochure en website. In de inleiding van de brochure beschrijf je dit uitgangspunt of je conclusies. Dit kan in tekst en beeld.
toelichting Toelichting op de brochure De tekst in de brochure is in het Nederlands en het Engels, dus wat je gaat maken is 2-talig. Je maakt de brochure voor iemand die werkzaam is in de ontwerpbranche. Je doelgroep werkt in de communicatie-industrie. De brochure heeft een formaat van 20 cm (b) x 24 cm (h); telt 12 pagina s. Dit is exclusief de omslag; is er één uit een serie en moet worden gekocht; zal per stuk 9,95 kosten; heeft een unieke omslag in een materiaal dat past bij het concept; wordt uitgegeven door Stichting Premsela en heeft een ISBN-nummer; is een eigen ontwerp dat geïnspireerd is op jouw vormgever. te leveren producten Plan van aanpak en planning: uitwerking doelgroep; schetsboek (zie voor het schetsboek protocol de reader van het project 'de Letter"); media-uiting (digitaal opgemaakt op CD gebrand én uitgeprint); website in Flash (een toelichting vind je op bladzijde 7); drukinstructie. wat is een brochure? Een brochure is een boekje, veelal in gedrukte vorm, van geringe omvang. Een brochure bestaat - in tegenstelling tot een folder - uit meerdere vellen gevouwen papier, die in de rug bijeengehouden worden door b.v. nietjes. Het aantal pagina's is altijd een veelvoud van vier.
Digitaal uitwerken Jouw media-uitingen zullen, nadat alle schetsfases gereed zijn, digitaal uitgewerkt moeten worden. Hiervoor gebruik je de voor jouw klas ingeroosterde lesblokken (let op het rooster). Als de werktekeningen voorzien zijn van de juiste maten mét de tekstgegevens (op overlay) kan er op de computer gestart worden om het eindresultaat te verkrijgen. Laat het schetsmateriaal controleren voordat je het digitaal gaat verwerken. Zorg ervoor dat vóór je hiermee start, je de juiste afbeeldingen digitaal gemaakt hebt. Als je gaat scannen, let er dan op dat je eerst het uiteindelijke formaat van de foto weet, zodat je bij het scannen het juiste percentage invult. Photoshop is een pixel-georiënteerd programma waar na het plaatsen in InDesign niet meer vergroot/verkleind mag worden (marge tussen 70-120%). Het opmaken geschiedt alleen in InDesign CS5.5. Start met het aanmaken van één document en bewaar dat direct onder de naam: klas_achternaam_initiaal_vormgever.indd. Maak in InDesign je media-uitingen; Zorg dat als je een afloop kiest, deze dan 3 mm moet zijn; Werk zo veel mogelijk met lagen. Analoge afbeelding scannen, omzetten en bewerken in Photoshop: 1. voor full color: menu > Afbeelding > Modus > CMYK-kleur > daarna bewaren als fotonaam.psd; 2. voor duotone-foto s: menu > Afbeelding > Modus > Grijswaarden. Daarna: menu > Afbeelding > Modus > Duotoon... Daarna bewaren als fotonaam.eps. Eventueel verder bewerken naar believen met de mogelijkheden van Photoshop. Voor bewerking in Illustrator kan je rekening houden met het feit dat dit een vector-georiënteerd programma is, waar het naar believen in InDesign vergroot/verkleind mag worden. Je kan hier gebruik maken van de pantone kleuren (PMS) die bij full color omgezet moeten worden in CMYK. Bewaar het bestand als Illustratienaam.ai om in InDesign te kunnen plaatsen. opdracht werkwijze specificaties beeldbewerking Illustrator
specificaties brochure printen Voor de print-uitingen gelden de volgende eisen: afbeeldingen voor print in CMYK (géén RGB); bestandsformaten bewaren als.psd,.tiff of.eps (bij duotone); pixelbestanden met resolutie van 300 ppi; pixel-afbeeldingen mogen binnen de 80-120% geplaatst worden; Om goed te kunnen drukken/printen worden er een aantal technische eisen aan een product gesteld. Het is de bedoeling dat je ontwerp ook goed gedrukt/geprint kan worden. Bovenstaande specificaties zijn dan ook nodig om dat te kunnen realiseren. Elke drukpers/printer heeft zijn eigen specificaties/afwijkingen. Hiervoor heeft men kleurmanagement in het leven geroepen om juiste en voorspelbare producten te kunnen krijgen. We werken daarom met profielen die internationaal afgesproken zijn. Voor elke drukpers/printer kan men een profiel aanmaken waar de afwijkingen in gecorrigeerd worden. Onze kleurenprinter heeft ook zo'n profiel. kleurprofiel inleveren tip Als je gaat exporteren naar PDF moet je dus ook dit profiel kiezen. Je doet bij het exportmenu > Uitvoer > Doel > Europe ISO Coated v2 (ECI). Later in het jaar gaan we dieper op kleurmanagement in. De media-uitingen moeten digitaal Op DVD ingeleverd worden als: klas_achternaam_initiaal_vormgever.indd Op de CD-ROM komt te staan: klas_achternaam_initiaal_vormgever map; Van je brochure maak je een pakket (met alle gebruikte bestanden (Links) in één map mét de fonts); Plaats een juist gemaakte pdf in hoge resolutie erbij; Noem deze klas_achternaam_initiaal_vormgever.pdf; Map met als naam: website met daarin je website; De DVD is voorzien van een inlegvel dat slaat op je vormgever-project en is voorzien van je naam en klas. Maak regelmatig back-ups!!
Maak een website over de vormgever die je toegewezen hebt gekregen. Om zoveel mogelijk vrijheid in je vormgeving te krijgen maken we de website in Flash. Je kunt daar de elementen vrij plaatsen. Schalen in Flash dien je wel te vermijden. Schalen kun je (ook achteraf nog) in Photoshop. Ook typografisch kun je alle kanten op. Eén kenmerk van sites met Flash is het vaste formaat. Kies voor een formaat waarbij er niet gescrold hoeft te worden. Dit betekent dat de pagina niet breder moet zijn dan 950 pixels en niet hoger dan 700 pixels. Binnen deze twee uitersten heb je vele keuzes, tot een vierkant formaat aan toe! Een site in Flash heeft minimaal 4 knoppen, die tot verschillende pagina s leiden. In werkelijkheid zitten de pagina s in dezelfde swf. Dat is ook een gevaarlijke kant van sites in Flash. Doordat de informatie in één swf-bestand zit, kan deze behoorlijk groot worden. Dat is ook een reden om de afbeeldingen niet binnen Flash te schalen. Ook de website is twee-talig. Kies je een gelijke oplossing als in de brochure of een interactieve oplossing? Houd de afbeeldingen op 72 dpi en zet ze in de RGB kleurmodus. De site bestaat uit een landing page, die de bezoeker welkom heet. De bezoeker ziet direct dat hij goed zit, deze ervaart de look and feel van de site en heeft links naar informatie over de vormgever (zoals een biografie), werk van de vormgever (niet uitputtend maar welk kenmerkend) en tot slot een bestelformulier van Premsela waar de brochure kan worden aangeschaft. Er zijn 2 trainingen die jouw mogelijkheden met Flash vergroten: 1. Eerst leer je hoe je met knoppen verschillende pagina s overspringt. Feitelijk gebeurt dit doordat er verschillende frames zijn, die ieder een andere inhoud tonen. In plaats van dat Flash deze als een animatie vertoont, laat je Flash juist stoppen. Door aan een knop een actie te koppelen, springt Flash naar een ander frame, zodat je een nieuwe pagina te zien krijgt. 2. Daarna een andere opzet: hierin zitten alle pagina s in één grote filmclip. Deze verschuift dan telkens naar een andere plek, zodat je dan een ander deel van de filmclip ziet. De knoppen hebben een roll-over effect. De flash-site staat gecentreerd op een webpagina index.html. Zet deze weer online (bijvoorbeeld in de Public-map van Dropbox) en stuur een link van index.html naar t.denblanken@ma-web.nl. De hele site staat bovendien ook op de DVD gebrand in een mapje website. website specificaties
controlelijst print Ga vóór het inleveren van je printbestanden het volgende even na: resolutie minimaal 300 ppi; kleurmodus CMYK; schalen in InDesign van pixelbestanden 80-120%; afloop en snijlijnen zijn in overeenstemming met de bedoeling van het printproduct; zijn de koppelingen nog intact; Preflight meldt geen fouten; regelafstand is ingesteld, danwel via de basislijnen vastgelegd; productie-pdf aanwezig pakket aanwezig Bedenk dat men bij het inleveren ervan uitgaat dat het werk in een drukkerij wordt verwerkt. controlelijst web Ga vóór het inleveren van de webpagina na of de beelden: 72 ppi zijn; in de RGB kleurmodus staan; niet geschaald zijn in het HTML-document; de eerste pagina van de site heet index.html Als het webwerk online (bijvoorbeeld in jouw Dropbox) staat, ga dan nog even na of alles werkt. Kopieer daarvoor de Dropbox-link naar index.html jouw webbrowser.