De vormgever wat weet je van ze...
Project 2 Mediacollege Amsterdam
De vormgever wat weet je van ze... Project
Project 2
Globaal tijdspad
Onderstaande planning moet je zelf nog verder invullen en verwerken in je Persoonlijke Actieplan (P.A.P.).
Diverse onderzoeken
Week 41 (5 - 9 okt) • onderzoek naar vormgever; • onderzoek naar doelgroep; • plan van aanpak schrijven en laten beoordelen; • lessen / instructie over diverse media.
Overleg resultaten
Week 42 (12 - 16 okt) • concept af hebben en laten goedkeuren; • eerste vormgevingresultaten zowel voor print als voor web in schetsvorm bespreken; • instructie Indesign, Illustrator, Photoshop, Dreamweaver of Flash.
Voor wie
Project de vormgever voor tweedejaars studenten MV periode 2.
Week 43 (19 - 23 okt) Herfstvakantie Week 44 (26 okt - 30 okt) Minorwerk. Week 45 (2 - 6 nov) • beoordelen project 1 • zelfstandig werken aan project 'de Vormgever' Realisatie
Week 46 (9 - 13 nov) In deze week kan je lekker veel schetsen afmaken en je voorbereiden op de technische realisatie & uitwerkfase
Inleveren &
Week 47 (16 - 20 nov) • uitwerkfase; beoordelen project nr. 1 + herstel hiervan. • toepassing (onder begeleiding) Indesign, Illustrator, Photoshop, Dreamweaver. • Schetsboekbeoordeling Inleveren alles: cd + brochure en schetsboek: eind week 47.
Presentatie
Week 48 (23 - 27 nov) Presenteren volgens rooster (zie Ma-net) Week 49 (30 nov - 4 dec) Herstel project, evaluatie, papierverslag zie ma-net. 2
De vormgever wat weet je van ze... Project
De Vormgever.
Inleiding
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.
Leerdoelen
Aan het eind van project ‘de Vormgever’ ben je flink wat vakkennis rijker. Hieronder vind je uiteengezet wat het project jou persoonlijk zou moeten opleveren: • je maakt kennis met vormgevers • je kunt zelf een media-uiting kiezen • je kunt vormgeven aan de hand van een concept en communicatieplan • je kunt je creatie realiseren • je kunt je eindproduct motiveren en presenteren Naast al deze punten is het uiteraard ook de bedoeling dat je plezier hebt in het vormgeven.
Opdrachtomschrijving
Maak een brochure en een webpagina over een vormgever, een bureau of een stroming. De bedoeling is dat je hiervan een karakteristiek portret produceert.
Toelichting
Toelichting op printmedia-uiting De brochure die je gaat maken, ontwerp je in de stijl van de ontwerper, bureau of stroming. Je maakt de brochure voor iemand die werkzaam is in de ontwerpbranche. Je doelgroep is dus werkzaam bij een ontwerpbureau. De brochure heeft een formaat van 28 cm x 28 cm. De brochure telt 8 pagina’s. Dit is inclusief de omslag. De brochure is er één uit een serie en moet worden gekocht. De brochures zullen per stuk 9,95 euro kosten. Je print de brochure twee keer. Eén voor jezelf en één voor school. Deze wordt gebundeld met de brochures van je klasgenoten en kan als naslagwerk dienen.
Te leveren producten
• debriefing en Persoonlijk Actieplan (P.A.P.) • uitwerking doelgroep • schetsboek • media-uiting (digitaal opgemaakt én uitgeprint) • webpagina
3
De vormgever wat weet je van ze... Project Opdracht
Vormgevers
Uit onderstaande lijst van Vormgevers, Bureau's en Stromingen wordt voor een ieder een keuze gemaakt waar hij/zij zich in moet verdiepen. Het wordt je dus door je studiecoach toegewezen. Naast Internet is de bibliotheek en andere gedrukte media een hulpmiddel om informatie op te doen. Zoals: Melle Hammen Richard Niessen Leonardo Sonnoli Paula Scher Kenya Hara Dick Elfers Massimo Vignelli Peter Bilak Jonathan Barnbrook Trevor Jackson Machine 75 B Eden Tom Hingston New Work Mathias Schweizer Niklaus Troxler Lust
Sander Plug Antoine & Manuel Chaz Maviijane Davies Strange Attractors James Victore Non Format Jop van Bennekom Rowan Cieslewicz H5 Mevis & van Deursen Lex Reitsma Die Twee Dennis Koot
4
De vormgever wat weet je van ze... Schetsboek protocol Opdracht
Hoe ziet je schetsboek eruit: Het formaat is minimaal A3 liggend. Het bestaat uit een omslagvel (schutvel) waarop je naam en je klas staat en het onderwerp van je project (zie tekening). Als je project uit verschillende onderwerpen bestaat, laat dat dan ook zien in je schetsboek, d.m.v. een index (inhoud) en diverse tabbladen (tussenbladen) die de verschillende onderwerpen scheiden (zie tekening). De teksten op omslag, index en tabbladen mogen met de hand (mits typografisch goed verzorgd) worden gezet of op de computer (ook verantwoord). Zorg voor een logische opbouw van je schetsboek. Spreek je uit over een zelf gekozen lay-out! Het geheel wordt uiteindelijk gebonden met een bindsysteem, b.v. wire-o-binding (zie tekening).
Uitvoering
Wat komt er in je schetsboek: In je schetsboek staan al je ideeën gevisualiseerd, gekrabbeld of geschetst. Je schetsboek is een creatieve gedachtengang. Iedere schets is de moeite waard. Laat o.a. zien je kleuronderzoek, je vormonderzoek, je beeldonderzoek, typografisch onderzoek, letteronderzoek, compositie en alles wat er verder in je brokkelbreintje opkomt. Je schetsboek is een kijkboek dat laat zien hoe je aan het eindresultaat bent gekomen. Waarom een schetsboek? Een schetsboek laat aan je docent en je stagebedrijf de volgorde zien hoe je tot een ontwerp gekomen bent. Het laat zien hoe je gedachtengang is geweest en hoe je tot een eindresultaat gekomen bent.
5
De vormgever wat weet je van ze... Digitaal uitwerken Opdracht
Je media-uiting zal, nadat alle schetsfases gereed zijn, digitaal uitgewerkt moeten worden. Hiervoor gebruik je 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. Eerst zal het schetsmateriaal gecontroleerd en geparafeerd worden voordat je het digitaal mag verwerken. Aan de hand van de schetsen zullen dan pas de media-uitingen op de computer uitgewerkt gaan worden. 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 pixelgeoriënteerd programma waar na het plaatsen in InDesign niet meer vergroot/verkleind mag worden (marge tussen 90 - 110%).
Werkwijze
Het opmaken geschiedt alleen in InDesign CS4. Start met het aanmaken van één document en bewaar dat direct onder de naam: Mijn Vormgever_JeNaam.indd. • Maak in InDesign je media-uitingen. Zorg dat, als je een afloop kiest deze van 3 mm moet zijn. • Werk zo veel mogelijk met lagen.
Specificaties
1. Analoge afbeelding scannen, omzetten en bewerken in Photoshop: a. voor full color: menu afbeelding > modus: CMYK-kleuren > daarna bewaren als Fotonaam.psd. b. voor duotone-foto’s: menu afbeelding > modus: grijswaarden > duotone > daarna bewaren als Fotonaam.eps. Eventueel verder bewerken naar believen met de mogelijkheden van Photoshop. 2. 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. Maak lettercontouren. 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. Denk om de koppelingen!! Oefening: Laat 4 manieren zien hoe je tussenkoppen + inspringen gebruikt in InDesign.
6
De vormgever wat weet je van ze... Digitale eisen Specificaties
Voor de media-uitingen gelden de volgende eisen: • afbeeldingen 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 90-110% geplaatst worden;
Printen
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
Als je gaat printen moet je dus ook dit profiel kiezen. Je doet bij het printmenu > Kleurenbeheer > Printerprofiel > Xerox_Stockholm. Later in het jaar gaan we dieper op Kleurmanagement in.De media-uitingen moeten digitaal Op CD-ROM ingeleverd worden als:
Inleveren
MijnVormgever_JeNaam.indd Op de CD-ROM komt te staan: • MijnVormgever_JeNaam-map Je media-uitingen moet je bewaren als pakket (met alle gebruikte bestanden (Links) in één map mét de fonts); • Plaats een juist gemaakte pdf bestand erbij: Noem deze MijnVormgever_JeNaam.pdf. • Map met als naam: Webpagina_JeNaam: Met daarin je website • De CD-ROM is voorzien van een inlegvel dat slaat op je Vormgever-project en is voorzien van je naam en klas!! • Twee startbestanden : autorun.inf en winopen. exe om de cd automatisch op een p.c te laten opstarten. Werk altijd van de Data-schijf op je computer en plaats het daarna op je USBpen. Maak regelmatig back-ups!! Je USB-pen kan stuk gaan! 7
De vormgever wat weet je van ze... Website Opdracht
Maak en website over de vormgever die je toegewezen hebt gekregen in dit project. De vormgeving is net zoals bij de brochure in de stijl van de vormgever. De site bestaat uit minimaal 3 pagina’s. De vormgeving van die pagina’s mag gelijk zijn, maar dat hoeft niet. In de trainingen oefen je een methode, waarbij je vanuit Photoshop via ImageReady een webpagina maakt, die je in Dreamweaver optimaliseert en van inhoud gaat voorzien. Afhankelijk van je ontwerp kun je deze werkwijze volgen. 1. Bedenk eerst welke inhoud je op de verschillende pagina’s gaat plaatsen. Je kunt denken aan onderwerpen als de persoon, de ontwerpers van het bureau, de visie, de invloed die dit in de ontwerpwereld heeft gehad en natuurlijk het werk van het bureau of de ontwerper. Bij het ontwerp van de knoppen ga je eerst uit van de knop met de meeste tekst. 2. Wellicht wil je links maken naar webpagina’s van andere vormgevers. Daarvoor moet je goed met elkaar overleggen. Kom daar dan tijdig mee!!! 3. Bespreek je ontwerp met de docent om vast te stellen langs welke weg je het beste tot een goed resultaat kan komen.
Specificaties
Indeling op CD
1. Je ontwerpt voor een schermgrootte van 1024 bij 768 pixels. De breedte van de pagina mag daarom niet breder zijn dan 955 pixels. Ga voor jezelf na of je pagina scrollen mag en houd daar dan rekening mee in je ontwerp. 2. Op elke pagina staan de knoppen, die naar elk van de andere pagina’s gaan. Dus als je drie pagina’s hebt, maak je minimaal 3 knoppen op elke pagina. Heb je 5 pagina’s dan zijn er op elke pagina minimaal 5 knoppen. 3. De vormgeving van de pagina gebeurt met CSS. 4. De stylesheet is extern. 5. De site begint op een pagina met de naam index.html. 6. De site wordt ingeleverd op CD. Zie voor de indeling van de CD het voorbeeld hiernaast. 7. De site wordt ook op N@tschool ingeleverd. Denk daarbij aan: de map comprimeren tot zipbestand. Deze slepen in de map Showcase op N@tschool. Daar een dossier van maken en dit dossier naar Theo den Blanken verzenden, waarbij je niet vergeet het VINKJE Vrijgeven voor gebruik buiten N@tschool te plaatsen. 8
De vormgever wat weet je van ze... Aantekeningen
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
. ......................................................................................................................................................................................
9
