DIGITALE VORMGEVING 2

INHOUD

INHOUD ................................................................................................................................................... 2

STUDIEWIJZER DIGITALE VORMGEVING COHORT 2017 LEERJAAR 2 PERIODE 1 ..................................... 3

Inleiding RELATIEMAGAZINE .................................................................................................................... 4

Opdracht 1 COVER ................................................................................................................................... 6

Opdracht 2 WRAP AROUND ..................................................................................................................... 8

Opdracht 3 OP HET PAD........................................................................................................................... 9

Opdracht 4 BLOKKEN LAYOUT ............................................................................................................... 10

Opdracht 5 SPREAD KETTING ................................................................................................................. 11

Opdracht 6 INHOUDSOPGAVE ............................................................................................................... 12

DIGITALE VORMGEVING 3

STUDIEWIJZER DIGITALE VORMGEVING COHORT 2017 LEERJAAR 2 PERIODE 1

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.

DIGITALE VORMGEVING 4

Inleiding RELATIEMAGAZINE

Een relatie of -ledenmagazine wordt niet alleen voor relaties en het eigen personeel gemaakt, maar ook voor andere doelgroepen. Het is vooral bedoeld om de lezer te informeren over het wel en wee binnen de organisatie en wat zich daaromheen afspeelt. Een relatiemagazine is bovendien nuttig om een imago op te bouwen en klanten te binden. Waaraan moet een relatiemagazine voldoen? Een goed en lezenswaardig relatiemagazine geeft niet alleen maar droge informatie over de organisatie, maar 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’. Bron inct.platform voor uitgeefexperts

Begrippen 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 kunt een tekst links of rechts uitlijnen. Links én rechts uitlijnen heet uitvullen. Centreren is uitlijnen op de middellijn van de tekst.

Sla je document op als: eigennaam-spread.psd en eigennaam-spread.jpg

DIGITALE VORMGEVING 5

DIGITALE VORMGEVING 6

Opdracht 1 COVER

Maak een Cover met daarin een foto waarvan de achtergrond is weggehaald, een nieuwe achtergrond (kleur, verloop of foto), een titel, de jaargang, prijs en minimaal 4 teasers. Maak gebruik van onderstaande tips.

Formaat A5 Staand Tips 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!

DIGITALE VORMGEVING 7

12 teasertips

1. Wek Nieuwsgierigheid

Wat heb je gemeen met deze 5 acteurs?

2. Stel een vraag Wil je een truc van 10 seconden weten die dik worden voorkomt?

3. Maak het mysterieus

Hij (noem een naam) zal dit jaar €15 miljoen verdienen - en hij is dood.

4. Zorg voor urgentie De laatste mogelijkheid voor een voordelig abonnement …

5. Kondig goed nieuws aan

Nieuw en verbeterd zijn krachtige woorden: nieuw! Koop online en maak betere marges.

6. Begin een verhaal Ze was pas 11 jaar oud…

7. Maak een uitdaging

Doe de test en ontdek je ideale partner.

8. Personaliseer je tekst Exclusief voor twintigers … 10 beautytips.

9. Creëer exclusiviteit

15 kortingen alleen voor abonnees.

10. Combineer tips met een aantal 5 budgetvriendelijke winkeltips.

11. Schrijf actiegericht

Begin met een werkwoord om reacties aan te moedigen: registreer nu, bespaar 30%.

12. Wie, wat, wanneer, waarom, waar en hoe Zijn fijne beginwoorden … Waarom ik nog steeds kranten koop.

Sla je document op als: eigennaam-cover.psd en eigennaam-cover.jpg

DIGITALE VORMGEVING 8

Opdracht 2 WRAP AROUND

Maak een tekst op in 2 kolommen, volledig uitgelijnd om een afbeelding en aan de marges. Plaats een titel, een intro, 5 tussenkopjes een paginanummer.

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

Verander de tekstopmaak zo dat er een titel (groot en

vetgedrukt) ontstaat, een intro (rechts uitgelijnd en vet

gedrukt), 5 tussenkopjes en witruimtes.

Bladzijdenummering

Maak een willekeurig bladzijdenummer. Kies voor een accent

in de vorm van een effect, een apart lettertype, een grotere

letter etc.

Sla je document op als: eigennaam-wraparound.psd en eigennaam-wraparound.jpg

DIGITALE VORMGEVING 9

Opdracht 3 OP HET PAD

Plaats een tekst op een pad dat getekend is rond een uitgesneden afbeelding.

Je kunt ook een pad om de afbeelding tekenen en vervolgens op in plaats van in het pad gaan staan.

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

DIGITALE VORMGEVING 10

Opdracht 4 BLOKKEN LAYOUT

Maak een pagina op met foto’s in de vorm van ruiten, een titel, subtitel een uitgelijnde broodtekst.

Een speelse manier om foto’s toe te voegen kan met het gebruik van ruiten. Je gaat op de volgende manier te werk:

- Maak een nieuw bestand: A4 - Teken met het vormgereedschap een vierkant (rechthoek met Shift ingehouden). - Klik op Cntrl + T, houdt Shift in en draai het vierkant 45°. Je hebt nu een ruit. - Kopieer de laag met de ruit 4 keer (Ctrl + J) - Vergroot 1 ruit zoals in het voorbeeld. - 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. - Plaats een titel, subtitel en uitgelijnde broodtekst.

Opslaan Sla je document op als eigennaam-ruitlayout.psd en eigennaam-ruitlayout.jpg

DIGITALE VORMGEVING 11

Opdracht 5 SPREAD KETTING

Maak een spread zoals in het voorbeeld met behulp van gekopieerde fotoselecties, vormen, tekstpaden en uitlijning. Plaats een titel, subtitel, intro, tussenkopjes en paginanummering.

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 je 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. Tekstpad Maak met het pennetje een tekstpad ronde de cirkels en hulplijnen. Kllk 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. Sla je document op als eigennaam-kettinglayout.psd en eigennaam-kettinglayout.jpg.

DIGITALE VORMGEVING 12

Opdracht 6 INHOUDSOPGAVE

Maak voor je tijdschrift een inhoudsopgave bestaande uit titels met een korte beschrijving en bijbehorende bladzijdenummers. Geef de inhoudsopgave een creatieve opmaak.

Sla je document op als eigennaam-inhoudopgave.psd en eigennaam-inhoudsopgave.jpg.

DIGITALE VORMGEVING 13

Voorbeelden TEKSTOPMAAK

DIGITALE VORMGEVING 14

SUCCES