INHOUD DIGITALE VORMGEVING 2

Transcriptie

1

2 INHOUD INHOUD...2 STUDIEWIJZER COHORT 2017 LEERJAAR 2 PERIODE Inleiding RELATIEMAGAZINE...4 TYPOGRAFIE...7 TEKSTINDELING...8 Opdracht 1 WRAP AROUND...9 Opdracht 2 OP HET PAD Opdracht 3 SPREAD RAFELRAND Opdracht 4 SPREAD KETTING Maken van een PDF en een Print

3 STUDIEWIJZER COHORT 2017 LEERJAAR 2 PERIODE 3 Context Opdrachten op het gebied van Digitale Vormgeving ter ondersteuning van het project Relatiemagazine - Pitch. Toepassingen Hulplijnen plaatsen, Tekst opmaken, Uitlijnen, Uitvullen, Paden en Tekstpaden maken. Pagina s vormgeven. Leerdoelen De leerling kent de functies en de regels voor het gebruik van broodtekst, titels en tussenkopjes en kan deze ook toepassen. Leerling kan een spread maken, in kolommen werken, Tekstpaden maken, Vormgeven met specifieke vormen. Gereedschappen Photoshop-gereedschappen Technieken Pengereedschap, Directe selectie, werken met vormen, werken met paden, Alinea- en Teken gereedschappen, lettertypes, iconen maken. Vormgevingselementen Communicatieve waarde, lay-out, compositie, uitlijning, eenheid in stijl, kwaliteit van afbeeldingen, uitwerking, originaliteit. Relatie met het examen B1-K2-W6 Ontwikkelt en beheert voorlichtings-, promotie- en pr-materiaal B1-K2-W7 Verzorgt de informatie op internet en intranet en onderhoudt de website P1-K2 Assisteert bij het verzorgen van de corporate informatie Leeractiviteiten Het maken van de volgende producten: Lay-out om een afbeelding, Layout tekstpad, Layout in een rafelrand, met ketting, met blokken. Tijd - 2 uur per week lesactiviteiten; - 1 periode van 3 weken Leermiddelen Reader Digitale Vormgeving Leerjaar2 Periode 3 Voortgang en beoordeling Het beoordelen van een gevraagd product gebeurt aan de hand van criteria zoals vermeld in de reader en toegelicht / aangevuld door de docent. Daarnaast is ook de procesbeoordeling van belang. Wat wordt hierbij beoordeeld: Aanwezigheid / actieve werkhouding: -Mogelijkheid tot samenwerking -Aanvullingen op en uitleg van de leerstof -Groeps- en individuele begeleiding bij het toepassen van de leerstof -Voorbeelden zien / leren van je klasgenoten. Leerbaarheid en leerproces: -Kun je samenwerken -Kun je reflecteren -Sta je open voor feedback -Neem je feedback mee in je leerproces. Producten moet gefaseerd (niet allemaal aan het einde van de periode) worden ingeleverd. Per periode mogen maximaal 3 producten herkanst worden. 3

4 Inleiding RELATIEMAGAZINE Een relatiemagazine is vooral bedoeld om de lezer te informeren over het wel en wee binnen de organisatie en wat zich daaromheen afspeelt. Het is nuttig om een imago op te bouwen en klanten te binden. Een relatiemagazine biedt ook aantrekkelijke verhalen die de doelgroep met plezier leest. Het is belangrijk om een goed evenwicht te vinden tussen belangrijk om te weten en leuk om te weten. Het opmaken van een magazine gebeurt meestal in Adobe Indesign. Adobe Photoshop biedt echter ook steeds meer mogelijkheden om een magazine vorm te geven. In de opdrachten zullen we met name ingaan op de lay-out van standaard pagina s. Voor de cover en inhoudsopgave beperken we ons tot het geven van tips en voorbeelden. Cover Tip 1. Gebruik voor de titel een lettertype met meer body. Een stevige letter heeft meer effect dan een dun, sierlijk lettertype. Tip 2. Kies een voor een duidelijke, aansprekende foto of illustratie. Het is belangrijk dat je afbeelding opvalt, dat het een echte eyecatcher is. Uiteraard copyrightfree. Tip 3. Plaats zogenoemde teasers Een teaser op je cover geeft in het kort aan wat de lezer in het tijdschrift kan verwachten. Je wekt er de nieuwsgierigheid mee op. Plaats geen teaser op het gezicht. Tip 4. Speel met de typografie / met de tekst! Gebruik verschillende lettergroottes en verschillende lettertypes. Tip 5. Voeg grafische elementen toe Kleine simpele grafische elementen, zoals cirkels, blokjes, lijntjes kunnen een cover tot een mooi geheel maken of het effect van de teaser versterken - zonder dat ze het totaalbeeld rommelig maken. Ze geven je cover een speelse uitstraling! 4

5 Inhoudsopgave Aantrekkelijke combi van een kleine en zeer grote letter. Mooie uitlijning van tekst en paginanummering. Subtiele kleuraccenten. 5

6 Combinatie van woord en beeld. Duidelijke bladzijdenummering. Mooie kleuraccenten. Creatieve combi van tekst en afbeelding. Inhoud in verschillende blokken samengevoegd. 6

7 TYPOGRAFIE Eén lettertype bestaat in verschillende varianten Letterfamilies Lettergrootte (corps) Lettergrootte wordt uitgedrukt in punten, zoals vroeger het geval was bij loden letters. Hiervoor bestaan 2 systemen: Europees stelsel: 1 Cicero = 12 didot punten = 4.5 mm. Engels (Amerikaans, Japans, computer-)stelsel: 1 Pica = 12 picapunten = 4.2 mm. 7

8 TEKSTINDELING Broodtekst = bodytekst Broodtekst wordt ook wel Alinea-tekst, Bodytekst of Platte tekst genoemd. Kies een lettertype dat makkelijk leesbaar is. - geen sierletter - niet dikgedrukt - geen effecten - niet cursief(schuin gedrukt) - niet onderstreept De grootte van de letter is afhankelijk van het lettertype, variërend tussen 9 tot 12 punten. Hoofdtitel Om een hoofdtitel of heading te accentueren, zet je die groter en/of vetter dan de broodtekst, al dan niet in kapitalen (hoofdletters). Voorzie een witruimte tussen titel en tekst. Hou een titel zo kort en kernachtig mogelijk. Let op een logische splitsing als je meer dan één regel nodig hebt. Ondertitel Deze mag iets langer zijn, tot maximum een volledige zin. De ondertitel wordt gezet in een lettertype van dezelfde familie als de hoofdtitel. Om voldoende verschil te zien, kies je hier een magerder of een kleinere letter. Tussenkopje Tussenkopjes zijn belangrijk voor: - de leesbaarheid van de tekst - voor de scanbaarheid van de tekst - voor de vindbaarheid van de tekst. De informatie in hapklare brokken Met tussenkopjes heeft de lezer minder het gevoel heel veel te moeten lezen. Hij heeft de mogelijkheid na ieder klein stukje te stoppen. Ook kunnen minder interessante alinea s overgeslagen worden. Design van de tussenkopjes Tussenkopjes moeten zo zijn gestyled dat ze opvallen en de tekst scanbaar maken. Maar ze mogen het geheel ook weer niet te veel onderbreken. Intro Een inleidende alinea wordt dikwijls vet of halfvet gezet. Uitlijnen Je kunteen tekst links of rechts uitlijnen. Links én rechts uitlijnen heet uitvullen. Centreren is uitlijnen op de middellijn van de tekst. 8

9 Opdracht 1 WRAP AROUND Door het gebruik van tekstomloop wordt je lay-out wat speelser en minder blokkerig. Formaat A5 staand Hulplijnen Weergave - nieuwe layout van hulplijnen maken Kolommen: 2 Tussenruimte: 6mm Marges: 6mm Afbeelding Plaats een afbeelding zonder achtergrond met ronde vormen tussen de 2 komlommen. Tekstpad Teken met het pennetje een pad binnen de linkse kolom en om de linkerzijde van de afbeelding. Klik met het tekstgereedschap binnen dit pad. Klik in de menubalk op: Tekst - Lorum Ipsum. Doe dit ook voor de rechterkolom. Uitlijnen Selecteer de tekst. Kies voor Venster Alinea - laatste links uitvullen. Zorg dat woordafbreking aangevinkt staat. Overige tekstopmaak In de linkerkolom een titel, een inleiding en minimaal2 tussenkopjes. Deze moeten opvallen. Dit kan d.mv. vetdrukken, grotere letter, andere kleur, etc. Bladzijdenummering Maak een willekeurig bladzijdenummer. Kies voor een accent in de vorm van een effect, een apart lettertype, een grotere letter etc. Opslaan Sla je document op als: eigennaam-wraparound.psd en eigennaam-wraparound.jpg 9

10 Opdracht 2 OP HET PAD Je kunt ook een pad om de afbeelding tekenen en vervolgens op in plaats van in het pad geen staan. Als je op het pad typt met het tekstgereedschap zie je het volgende: Formaat a5 staand Afbeelding Plaats een afbeelding zonder achtergrond met ronde vormen op de pagina. Tekstpad Teken met het pennetje een pad om de afbeelding. Klik met het tekstgereedschap op dit pad. Typ de tekst. Directe selectie Met het direct selectiegereedschap (witte pijl) kun je nog wijzigingen aanbrengen zoals: Tekst aan de binnen of de buitenzijde van het pad en startpunt van de tekst. Opslaan Sla je document op als: eigennaam-tekstpad.psd en eigennaam-tekstpad.jpg 10

11 Opdracht 3 SPREAD RAFELRAND Spread betekent een lay-out over 2 pagina s Formaat a4 liggend De opmaak Maak met hulplijnen een Lay-out voor de kolommen en andere tekstvakken zoals in het voorbeeld. Bereken zelf op hoeveel mm de hulplijnen moeten komen. Bij Afbeelding Afbeeldingsgrootte kun je de maten van het totale document zien. Rafelrand Teken met het pennetje de gewenste vorm. Zorg voor een gesloten pad. Dit betekent dat je met tekenen eindigt waar je ook begonnen bent. - Zet het pad om in een selectie: Klik met de rechtermuis Kies voor selectie maken. Kies voor 0 pixels. - Maak nu de selectie zwart (of een andere kleur). Hiervoor moet je eerst een nieuwe laag aanmaken! - Op de onderliggende laag kun je nu je teksten en afbeeldingen plaatsen. Tekstpad Teken met het pennetje een pad tussen de hulplijnen van de kolom en de randen van de rafelrand. Tekstopmaak Klik met het tekstgereedschap in het vak. Klik op Tekst in het bovenmenu. Kies voor Lorum Ipsum. Maak een Titel Subtitel Broodtekst Tussenkopjes Bijschriften zoals in het voorbeeld. Selecteer de tekst. Kies voor Venster Alinea - laatste links uitvullen. Opslaan Sla je document op als eigennaam-rafelrand.psd en eigennaam-rafelrand.jpg 11

12 Opdracht 4 SPREAD KETTING Spread waarin de afbeeldingen als een ketting met elkaar zijn verbonden. Hierdoor ontstaat eenheid in de Lay-out. Formaat a4 liggend Hulplijnen Plaats hulplijnen waarbinnen de tekst moet blijven. Houd rekening met een brede middenmarge omdat hier de pagina s gevouwen worden. Maak eenzelfde Lay-out als in het voorbeeld. Bereken zelf op hoeveel mm de hulplijnen moeten komen. Bij Afbeelding Afbeeldingsgrootte kun je de maten van het totale document zien. Ketting Met het vormgereedschap maak je de cirkels en de lijnen. Geef de cirkel geen vulling en een lijnkleur naar keuze. Verdeel de vormen over de pagina. Plaats de verschillende foto s boven de cirkels. Maak een selectie van de onderliggende cirkel (met Ctrl op laagicoon) Ga op de laag van de foto staan en klik op CTRL+J. Je hebt nu een nieuwe foto in de vorm van een cirkel. De oorspronkelijke foto verwijder je. Plaats de lagen met de foto onder de lagen met cirkels en lijnen. Als je helemaal tevreden bent selecteer je alle lagen van de ketting klik met rechtermuis kies voor Lagen samenvoegen / Merge Layers. 12

13 Tekstpad Selecteer de ketting (Met CTRL op laagicoon klikken) Kies voor Selecteren Selectie omkeren / Inverse selection. Haal alle geselecteerde gedeeltes weg die je niet nodig hebt voor een tekstvak zoals de marges en de rechter of linker pagina. Dit doe je als volgt: Sleep met het rechthoekig selectiegereedschap en de ALT ingehouden over het gedeelte van de selectie dat je niet wilt. Als de selectie goed is klik je met rechtermuis en kies voor tijdelijk pad maken / temporary path. Tekstopmaak Klik met het tekstgereedschap in het vak. Klik op Tekst in het bovenmenu. Kies voor Lorum Ipsum.. Maak een titel, een intro, tussenkopjes, witruimtes en een bladzijdenummering zoals in het voorbeeld. Selecteer de tekst. Kies voor Venster Alinea - laatste links uitvullen. Opslaan Sla je document op als eigennaam-ketting.psd en eigennaam-ketting.jpg. Opdracht 5 SPREAD BLOKKEN Een speelse manier om foto s toe te voegen kan met het gebruik van blokken. Formaat a5 Staand Hulplijnen Plaats hulplijnen waarbinnen de tekst moet blijven. Maak eenzelfde Lay-out als in het voorbeeld. Bereken zelf op hoeveel mm de hulplijnen moeten komen. Blokken Teken met het vormgereedschap een vierkant (rechthoek met Shift ingehouden). Klik op Ctrl + T, houdt Shift in en draai het vierkant 90. Je hebt nu een ruit. Kopieer de laag met de ruit een aantal keer (Ctrl + J) Schuif met de ruiten totdat je de gewenste lay-out hebt. Plaats boven iedere ruit een foto Selecteer een ruit (met Ctrl op laagicoon klikken). Ga op de bovenliggende laag met foto staan. Klik op Ctrl + J om de ruitselectie uit de foto te kopiëren Verwijder de onderliggende foto en de ruit. Tekstpad en tekstopmaak Teken met het pennetje een pad tussen de hulplijnen van de kolom en de randen van de ruiten. Kllk met het tekstgereedschap in het vak. Klik op Tekst in het bovenmenu. Kies voor Lorum Ipsum. Maak een Titel Subtitel Broodtekst Tussenkopjes Bijschriften zoals in het voorbeeld. Opslaan Sla je document op als eigennaam-ruit.psd en eigennaam-ruit.jpg 13

14 Maken van een PDF en een Print Opslaan in Photoshop Maak in Photoshop de pagina s voor je magazine. Sla iedere pagina op met het juiste nummer: Voorpagina =1, binnenzijde voorpagina = 2, etc. Kies in Photoshop voor Bestand - Automatisch PDFpresentatie. Open alle pagina s van je magazine. - Schuif ze in de juiste volgorde. Kies voor Opslaan - PDF-document met meerdere pagina s. Kies voor PDF Printer driver installeren Ga naar Log in met je gebruikersnaam en wachtwoord. Klik op Download printer driver. Installeer de printer driver volgens de aanwijzingen. Ga op je laptop naar Printerinstellingen. Check of de printer Followme geïnstalleerd staat. Als dit niet zo is klik je op Nieuwe printer toevoegen en kies je voor Follow me. 14

15 Afdrukken - Open de PDF - Kies voor Afdrukken - Neem onderstaande instellingen over. - SUCCES 15