DIGITALE VORMGEVING 2

INHOUDSOPGAVE Inhoudsopgave blz 02 Planning per week blz 02 Richtlijnen lessen digitale vormgeving blz 03 Photoshop algemeen blz 04 Opdrachten: 1. Woordwolk blz 05-08 2. Kolommen blz 09-12 3. Interview blz 13-15 4. Persoon selecteren, snelle selectie blz 16-17 5. Cover blz 18-20 6. Fotospread blz 21 7. Inhoudsopgave blz 22 8. Productpagina blz 23 9. Advertentie, Achtercover blz 24 10. Uitsnijden blz 25 11. PDF-Presentatie blz 26 Product- en Procesbeoordeling blz 27 Inleveren werkstukken blz 27 Onderdelen van een pagina en layout blz 28 Hoe print ik mijn magazine blz 29 Rechtenvrije afbeeldingen blz 30 Studiewijzer Cohort 2017 blz 31 PLANNING Hieronder vind je een globale planning per week. Wk 36 (04 sept.) Woordwolk Wk 37 (11 sept.) Kolommentekst Wk 38 (18 sept.) Interview, Wk 39 (25 sept.) Snelle Selectie Wk 40 (02 okt.) Cover, Wk 41 (09 okt.) Keuze Wk 42 (16 okt) Herfstvakantie Wk 43 (23 okt.) Uitsnijden, Opslaan meerdere pagina’s Wk 44 (30 nov.) Inleveren Wk 45 (06 nov.) Toetsweek

DIGITALE VORMGEVING 3

RICHTLIJNEN LESSEN DIGITALE VORMGEVING Voor de lessen van het eerste leerjaar heb je het programma Photoshop CS Extended nodig. Het beste is de laatste versie Photoshop CC, maar vanaf Photoshop CS4 kun je de meeste opdrachten goed maken.

Nederlands/Engels In de Readers is gebruik gemaakt van de Nederlandstalige versie van Photoshop, vaak staat er tussenhaakje ook de Engelse term. Doordat er bij alle opdrachten printscreens staan, is met een Engelstalige versie vrij eenvoudig de termen te vinden. Natuurlijk kun je de docent ook om de vertaling te vragen. Ook kun je via Translate-Google de Photoshop-term vertalen. Uitleg en opdrachten Alle opdrachten staan in een Reader per periode op papier. Dat betekent niet dat alles op papier staat. Zonder uitleg kun je de opdrachten niet goed maken. De Reader krijg je één keer uitgereikt. Om de opdrachten goed te maken is het belangrijk dat je iedere les de reader bij je hebt en gebruikt. Opdrachten kun je ook vinden op de volgende sites: www.digitalevormgeving.wordpress.com (Fons Goosen) www.mcstudentenwerk.wordpress.com (Corrie van der Kroef). PSD Ieder werkstuk dat je maakt, sla je op als PhotoShopDocument, PSD-bestand. Je begint altijd met een werkstuk door het op te slaan en een naam te geven. Maak er een gewoonte van je werkstuk om de 10 minuten op te slaan. Sla je werkstuk op in een map Vormgeving en per Periode Usb, externe schijf, externe muis Bewaar je bestanden naast de harde schijf van je eigen laptop ook op een externe harde schijf en/of een USB-stick (met voldoende capaciteit). Bij het werken met Photoshop is het beter om met een externe muis te werken. Foto’s Gebruik voor je opdrachten zelfgemaakte foto’s. Voor sommige opdrachten mag je foto’s van internet gebruiken. Dit mogen alleen foto’s zijn, waar geen auteursrechten van de fotograaf op zit. Zorg dat je zoveel mogelijk foto’s op je laptop hebt staan zodat je altijd uit een archief kunt putten. Inleveren Iedere klas heeft een USB waarop alle werkstukken van alle perioden op komen te staan. In de week voor de toetsweek zorg je dat alle opdrachten op de USB van de docent staan. Per periode lever je je het beste product uitgeprint in kleur in. Herkansen Als je geen voldoende hebt voor een periode mag je in de periode daarna, maximaal 3 producten herkansen.

DIGITALE VORMGEVING 4

PHOTOSHOP WERKRUIMTE Wanneer we Photoshop CC starten , wordt de nieuwe werkruimte Start weergegeven. Klik daarna op Nieuwe maken en vervolgens op Drukwerk ( zie opdracht 1)

Wanneer we de oude Photoshop openen, zien we meteen de Werkruimte met links de Gereedschappen en rechts de Paletten. De werkruimte bestaat uit twee delen: Menubalk (boven) en Optiebalk (onder). Menubalk Klik je op een van de menu’s in de Menubalk dan opent zich een uitklapmenu met opdrachten. Naast deze opdrachten staat vaak een sneltoets vermeld.

Optiebalk De Optiebalk toont de verschillende mogelijkheden van het gereedschap dat je gekozen hebt. Heb je gekozen voor tekstgereedschap dan laat de optiebalk de verschillende tekstopties zien

Gereedschapsbalk en Uitklapmenu Gereedschap Hieronder zie je de gereedschapsbalk. Klikken we op een knop met een naar beneden wijzend driehoekje, dan opent zich een uitklapmenu met meerdere beschikbare gereedschappen.

YouTube: Overzicht Photoshop: https://youtu.be/3lMMVxg-iSY YouTube: Photoshop CC 2017 tutorials: https://youtu.be/JoKpXk-RmVk (tot minuut 4, Engels)

DIGITALE VORMGEVING 5

WOORDWOLK Opdracht 1-1 Ontwerp een collage van de namen van de vakken uit het eerste leerjaar in verschillende grootte. Roteer een woord of aantal woorden. Schuif met de vakken totdat je een eenheid hebt. Nieuw Document Selecteer in de optiebalk in het menu Bestand (File) de optie Nieuw (Ctrl+N) voor een nieuw document. Kies bij Voorinstelling, Internationaal Papier en daarna bij Grootte: A5. Breedte: Breedte 21 cm x Hoogte 14,85 cm; Resolutie: 300 pixels/inch; Kleur: CMYK Color. Ga in de menubalk naar Afbeelding en kies Afbeelding roteren, 90 graden rechtsom.

Photoshop CC Selecteer in de optiebalk in het menu Bestand (File) de optie Nieuw (Ctrl+N) voor een nieuw document. In de nieuwste versie van Photoshop kies je boven voor Drukwerk. Kies daarna A5. Typ de Naam van jouw bestand, vervolgens kies Staand en verander de kleurmodus in CMYK. Klik op Maken.

DIGITALE VORMGEVING 6

Nieuwe Hulplijn Ga naar in de Optiebalk naar Weergave/View - Nieuwe hulplijn/New Guide. Verticaal: 1 cm en 20 cm Horizontaal: 1 cm en 13,85 cm

Vakken Typ alle vakken die je op de opleiding krijgt als vrije tekst Klik op het Tekstgereedschap, Horizontale Tekst in de gereedschappenbalk. Typen en Bevestigen Klik met tekstgereedschap op het witte vlak. Een verticale streep knippert op de plaats waar je het eerste vak gaat typen. Typ het woord Nederlands. Je bevestigt de tekst met de bevestigingsknop rechtsboven op de optiebalk. Typ hierna de andere vakken in een aparte Laag; Rekenen, Engels, Loopbaan en Burgerschap, Projecten, Evenementen, Marketing, Communicatie, Vormgeving, Bedrijfseconomie, Vaardigheden, Frans/Duits/Spaans, Concept Copy Creation, ICT (Excel, Word, PowerPoint, Prezi, Google Docs) Onderzoek, Mediawijsheid, Denkvaardigheden. Alle woorden staan nu als aparte laag rechts in het Lagenvenster.

Grootte Ga in de Optiebalk naar Venster en selecteer het palet Teken (Character) Verander in het Tekenpalet van alle vakken de grootte.

DIGITALE VORMGEVING 7

Woorden roteren Ga op de laag staan in het Lagenpalet waarvan je het woord wilt roteren en toets de combinatie Ctrl+T. Het woord staat nu in een rechthoek met ankerpunten. Klik nu met de rechtermuis op het woord, kies Roteren 90° rechtsom. Roteer een aantal woorden.

Eenheid Zorg dat tussen de woorden geen grote gaten ontstaan. Schuif met de vakken totdat er een eenheid is ontstaan.

Bestand opslaan Sla je de opdracht op. Selecteer in de optiebalk in het menu Bestand/File, Bestand opslaan als/Save as. Kies voor de optie Nieuwe map. Geef deze map de naam Vormgeving. Kies weer voor Nieuwe map. Geef deze map de naam Periode 1. Geef het bestand de naam: 1-woordwolk-1-eigennaam

DIGITALE VORMGEVING 8

Opdracht 1-2 Kleur en Achtergrond Je kunt nu kiezen uit een van onderstaande mogelijkheden:

• Geef de laag Achtergrond een Kleur. Ga in het lagenpalet naar de laag Achtergrond en geef met het Emmertje gereedschap de achtergrond een Kleur.

• Geef de laag Achtergrond een Verloop. Geef met het Verloop gereedschap de Achtergrond een Verloop.

• Open een Foto in Photoshop en sleep deze als Achtergrond in jouw bestand. • Verander van de verschillende Vakken de kleur. Ga in de Optiebalk naar Venster en selecteer

het palet Teken (Character) verander daar de kleur.

Werkstukken van leerlingen schooljaar 2016-2017. Vlnr: Achtergrond kleur; Kleur letters; Achtergrond Verloop; Witte letter op kleur; Witte letter op foto.

Bestand opslaan Sla de opdracht op. Selecteer in de optiebalk in het menu Bestand/File, Bestand opslaan als/Save as. Geef het bestand de naam: 1-woordwolk-2-eigennaam YouTube:How to use Text tool in Photoshop CC Tutorial: https://youtu.be/ap4lj7FBIh0 (tot minuut 3, Engels)

DIGITALE VORMGEVING 9

KOLOMMEN Opdracht 2: Ontwerp een pagina bestaande uit 2 kolommen met een koptekst en teksten over de vakken, docenten en medewerkers. De achtergrond bestaat uit een foto (onder de tekst) en een wit kleurvlak (dekking verlaagd. Tenslotte verwerk nog het logo van KW1C en de naam van de rubriek op de pagina. Nieuw Document Selecteer in de optiebalk in het menu Bestand (File) de optie Nieuw (Ctrl+N). Kies bij Voorinstelling, Internationaal Papier en daarna bij Grootte: A5. Breedte: 14,85 cm x Hoogte: 21 cm Resolutie: 300 pixels/inch; Kleur: CMYK Color Hulplijnen (Guides): Maak twee kolommen met hulplijnen. Ga in de optiebalk naar Weergave (View) en kies Nieuwe Hulplijn (New Guide). Typ de onderstaande maten in: Verticaal: 0,5 cm, 7,0 cm, 7,5 cm, 8 cm, 13,8 cm, 14,3 cm. Horizontaal: 1,5 cm, 19,5 cm.

Kleur Achtergrond Je geeft de achtergrond een kleur. Kies links onder in de gereedschappenbalk, het gereedschap Voorgrondkleur instellen. Dubbelklik op Voorgrondkleur instellen en je ziet de Kleurkiezer (Voorgrondkleur). Kies hier voor een kleur en klik op OK. Ga in de gereedschappenbalk in het midden naar het gereedschap Verloop (Gradient tool), klik door naar het Emmertje (Paint bucket tool) en vul de pagina met de kleur.

Rechthoek achter tekst Klik weer op Voorgrondkleur instellen en kies de kleur, wit. Ga in de gereedschapsbalk naar Rechthoek. Maak een witte Rechthoek tussen de hulplijnen 7,5 cm en 14,3 cm van onder tot boven.

DIGITALE VORMGEVING 10

Alineatekst 1, Vakken Selecteer het Tekstgereedschap in de gereedschappenbalk. Maak een keuze voor een Lettertype in de optiebalk. Verander in de optiebalk de Lettergrootte naar 10 pt. Maak nu een Rechthoek met het Tekstgereedschap in de linkerkolom, tussen de hulplijnen 8 en 13,8 cm. Typ in de rechthoek alle vakken achter elkaar als één Laag. Vakken: Nederlands, Rekenen, Engels, Loopbaan en Burgerschap, Projecten, Evenementen, Marketing, Communicatie, Vormgeving, Bedrijfseconomie, Vaardigheden, Frans/Duits/Spaans, Concept Copy Creation (Copywriting, Prezi, Google Docs, MovieMaker, Packaging), ICT (Excel, Word, PowerPoint,, Onderzoek, Denkvaardigheden, Mediawijsheid. Bevestig de tekst met de V in de optiebalk.

Alineatekst 2, Docenten Typ in het zelfde vak de docenten. Jeroen van Aalst; Paulina Beckers ; Gosewien Bok-van Sonsbeek, Gözde Can; Gertine Dammers ; Asmae Darfoufi; Denessen ; Annemieke van Dongen-Dirksen ; Fons Goosen ; Berrie Goossens ; Tom Govers; Marjolein Hutting ; Corry van der Kroef ; Armando Lagrouw; Hans Maas ; Claudia van Melis; Pim de Natris ; Corine van Nielen; Jeroen van Peer; Gerard Princee, Serge van Sassen; Han Simons ; Elsbeth Spuijbroek ; Anne Sünnen, Paul van der Ven, Patricia Verboven ; Hilde Verhaeg, Peter Verhoef Alineatekst 3, Medewerkers Typ in het zelfde vak de medewerkers: Anke Donkers; Willian Geerts; Heide de Ruiter-de Wit ; Matt Schrijnewerkers; Caroline Groener; Margrith Rademaker-Fuhl .

DIGITALE VORMGEVING 11

Koptekst Typ de koptekst: Vakken, Docenten en Medewerkers. Gebruik een duidelijk en groot lettertype.

Foto toevoegen Open een zelfgemaakte foto van de afdeling, lokaal die je op de achtergrond gaat plaatsen. Je hebt nu twee bestanden: Alineatekst en Foto openstaan. Kies in de optiebalk, Venster (Window), Ordenen (Arange) vervolgens 2-maal, verticaal. De twee bestanden worden getoond, elk in een eigen venster. Sleep vanuit het Lagen-palet rechts de Foto in het bestand Kolommen-pagina

Foto Verkleinen/vergroten De foto kun je vergroten of verkleinen. Kies hiervoor in de menubalk Bewerken (Edit), Vrije Transformatie of de sneltoetscombinatie Ctrl+T. Onthoud deze toetsencombinatie. Je ziet acht blokjes, ankerpunten rond je foto, vier op de hoeken en vier in het midden. Bij het vergroten en verkleinen van afbeeldingen mag je alleen de hoekblokjes gebruiken. Houd de Shift-toets ingedrukt om de verhoudingen te behouden. Heb je de juiste grootte bereikt laat dan eerst de Muis los en daarna pas de Shift-toets. Klik dan Enter om de juiste verhouding vast te leggen. Klik op de knop Alles tot tabbladen samenvoegen om de documentvensters van de geopende afbeeldingen weer als tabbladen weer te geven met slechts één zichtbare foto.

DIGITALE VORMGEVING 12

Transparantie, Dekking Verlaag de Dekking van de laag van de witte rechthoek die achter de tekst staat naar 80% - 90%.

Logo KW1C Plaats onderaan de pagina, van de rand, het transparante logo van KW1C. Rubriek Tenslotte kun je de pagina afmaken met een rubrieknaam bovenaan de pagina. Kopjes in de tekst Maak het lettertype van de kopjes 12pt en vet (bold) en gebruik een witregel onder de kop.

Bestand opslaan Sla je de opdracht. Geef het bestand de naam: 2-kolommen-eigennaam.

DIGITALE VORMGEVING 13

INTERVIEW Opdracht 3 Ontwerp een interview bestaande uit twee pagina’s, één pagina met een foto van de persoon die wordt geïnterviewd en een pagina met tekst in kolommen met een koptekst; tenslotte met paginanummer en rubriek. Schrijf of kopieer een interview over een bekende persoon. Voeg aan het interview een foto ter grootte van een pagina. Nieuw Bestand Selecteer in de optiebalk het menu Bestand/File de optie Nieuw (Ctrl+N) voor een nieuw document. Formaat A4 (= 2 maal A5) Breedte 210 mm x Hoogte 297 mm; Resolutie: 300 pixels/inch; Kleur: CMYK Omdat je een liggend bestand nodig hebt moet je dit document 90⁰ draaien: Afbeelding/Image – Roteren Canvas/Rotate Canvas - 90⁰ccw of cw Linialen Ga in de Optiebalk naar Weergave/View en selecteer Linialen of Ctrl+R Zowel boven als links zie je Linialen. Zorg ervoor dat de maateenheid op de linialen in Millimeter staat. Dit doe je door met de rechtermuis in de liniaal te klikken en te kiezen voor millimeter. Nieuwe Hulplijn Ga naar in de Optiebalk naar Weergave/View - Nieuwe hulplijn/New Guide. Verticaal: 10 mm – 138 mm – 148,5 mm – 158mm – 220mm – 225 mm -287 mm Horizontaal: 10 mm -80 mm -200 mm Foto Plaats een foto aan de linkerkant van de pagina. Vergroot of verklein de foto met CTRL+T.

Alinea tekst Klik en sleep met het Tekstgereedschap om een Tekstvak te maken. Verander voordat je gaat typen in de optiebalk de lettergrootte, kleur etc.etc. Gebruik voor de tekst een lettergrootte van 10 pt. Je kunt de tekst doortypen zonder Enter aan het einde van een regel. Het tekstvak kun je Schalen met de Ankerpunten aan de zijkant. Hou ruimte aan de zijkant, zet de tekst nooit tegen de zijkant van het vlak aan. Kopjes en witregel Accentueer een kopje met een vette, grotere letter, streep eronder of een andere kleur. Maak de tekst niet te lang. Zorg dat de lezer af en toe kan ademen tijdens het lezen, dat betekent: maak gebruik van lege regels/witregels.

DIGITALE VORMGEVING 14

Uitlijnen of Uitvullen Open tenslotte het Venster (Window) - Alinea (Paragraph) en kies hier voor uitlijnen of uitvullen. Koptekst en Streamer Tenslotte haal een zin uit de tekst als Kop voor het Interview. De naam van geïnterviewde mag je niet als kop gebruiken. Je kunt ook nog gebruik maken van een Streamer (Een citaat uit een artikel, meestal een uitspraak, groter gezet tussen de tekst of in de marge).

Paginanummering en Rubriek De plaats van de paginanummers vertoont veel variëteit. Ze staan vaker onderaan als bovenaan de pagina. Magazines gebruiken meestal rubrieken. Deze worden op een eigen manier vormgegeven. De plaats van een rubriek is bijna altijd bovenaan de pagina, rechts, links of in het midden. Hieronder zie je voorbeelden van rubrieken en paginanummers van verschillende bladen: Glamour: Paginanummering en Rubriek

Bestand opslaan Sla de opdracht op. Geef het bestand de naam: 3-Interview-eigennaam. Voorbeelden van leerlingen schooljaar 2016-2017

DIGITALE VORMGEVING 15

FOTO VERBETEREN Verbeter de kwaliteit van de foto met Niveaus met Nieuwe Aanpassingslaag (New adjustment layer). Ga onder in het Lagenpallet naar het icoontje van Nieuwe opvullaag of aanpassingslaag maken. Kies nu Niveaus (Levels). Er verschijnt nu een venster met een grafiek met drie schuifjes. Deze drie schuifjes staan respectievelijk voor de waarden Schaduwen, Middentonen, Hooglichten. Klik onderin het Niveau-pallet op het vierkantje met pijltje zodat alleen de foto wordt verbeterd.

YouTube: Photoshop CS6: Working with Level controls | lynda.com tutorial Hoe kun je een overbelichte of onderbelichte foto verbeteren???? https://www.youtube.com/watch?v=bUjOs72c7wc

DIGITALE VORMGEVING 16

SNELLE SELECTIE |PERSOON SELECTEREN Opdracht 4 Selecteer een persoon met behulp van Snelle Selectie, Rand Verfijnen en Straal verfijnen. Kopieer de selectie naar een aparte Laag; verbeter de foto met Nieuwe Aanpassingslaag, Niveaus. Groter dan 2 MP Voor deze oefening mag je een foto van Google halen maar beter is nog een zelfgemaakte foto. Zoek op Google bij Afbeeldingen een afbeelding van een persoon met een hoge resolutie (groter dan 2 MP). Ga bij Afbeeldingen naar Zoekhulpmiddelen. Kies voor Grootte, Groter dan, 2 MP (1600 x 1200). Kies een foto met een egale achtergrond waardoor de selectie eenvoudiger is te maken. Open in Photoshop en geef het bestand een naam.

Snelle Selectie Neem het gereedschap Snelle selectie (Quick Selection). Selecteer de persoon. Beweeg met de snelle selectie over de persoon. Werk in kleine stukjes. Tussen haar shirt en linkerarm is nog een stukje grijs. Dit stukje haal je weg door Alt in te drukken en dan over het grijze gedeelte te bewegen. Aan de rand van de haren maak je het penseel kleiner. Selecteer tot de buitenste rand van de haren. De lastige delen gaat Photoshop zelf selecteren.

Selecteren en Maskeren Ga nu in de optiebalk naar Selecteren en Maskeren, (Select and Mask).

DIGITALE VORMGEVING 17

Kies rechts voor Overlay. Kies links voor Penseel Randen Verfijnen.

Straal verfijnen Schilder nu met Penseel Randen verfijnen (Links) over de randen van je afbeelding, met name waar het grijs is. Photoshop selecteert nu de fijne details. Klik op OK. Kopieer de Selectie naar een nieuwe Laag met Ctrl+J. Tenslotte zet het oogje van de Achtergrondlaag uit.

Extra opdracht: Open een Foto die je achtergrond kunt gebruiken bij de persoon. Sleep deze foto achter de persoon die je hebt uitgesneden. Maak de foto passend door te vergroten of verkleinen met Ctrl+T met Shift ingedrukt vanuit de hoeken. Tenslotte gebruik je het gereedschap Tekst om de naam van de persoon achter de persoon te krijgen.

Bestand opslaan Sla de opdracht op. Geef het bestand de naam: 4-Snelle Selectie-eigennaam. Youtube: Haar uitknippen & vrijstaand maken met Photoshop https://youtu.be/MhdR483DIsc tot minuut 5.30.

DIGITALE VORMGEVING 18

COVER | EIGEN GLOSSY Opdracht 5 Maak een cover voor een glossy met jouw naam, eigen foto ,koppen/teksten (teasers)…………. Neem een tijdschrift mee en gebruik de cover uit het tijdschrift als voorbeeld en inspiratie.

Nieuw Bestand Selecteer in de optiebalk het menu Bestand /File de optie Nieuw (Ctrl+N) voor een nieuw document. Formaat : A5; Breedte: 14,85 cm x Hoogte: 21 cm - Resolutie: 300 pixels/inch - Kleur: CMYK. Hulplijnen Ga in de optiebalk naar Weergave, Nieuwe Hulplijn. Verticaal: 1 cm en 13,85 cm, Horizontaal: 1 cm en 20 cm. 5 Tips voor jouw Glossy Tip 1. Kies een scherpe, aansprekende foto Het is belangrijk dat je afbeelding of illustratie groot geplaatst kan worden en dat deze opvalt, dat het een echte eyecatcher is. Vermijd een afbeelding met een drukke achtergrond, een foto waar veel mensen op staan of ingewikkeld beeldmateriaal. Foto verbeteren Gebruik een foto van jezelf (Geen foto van iemand anders). Deze foto moet scherp zijn, anders is het belangrijkste element van de cover al onvoldoende. Open deze foto in Photoshop: Sleep de laag met de foto in het nieuwe bestand en pas de grootte van de foto aan met Ctrl+T. Sluit af met Enter. Verbeter de foto met Niveaus (Levels), zie opdracht 3. Snelle selectie In deze opdracht ga je het Snelle Selectie gereedschap toepassen zoals je het geleerd hebt in de vorige opdracht. Alt-selectie (Alt) Schilder met het Snelle selectie gereedschap over de persoon. Je ziet dat de persoon wordt geselecteerd. Zoom in zodat je de selectie goed kunt bekijken. Met de Alt-toets ingedrukt kun je delen weghalen. Selecteren en Maskeren Ga nu in de optiebalk naar Selecteren en Maskeren, (Select and Mask). Kies rechts voor Overlay. Kies links voor Penseel Randen Verfijnen (Zie opdracht 4).

DIGITALE VORMGEVING 19

Tip 2. Jouw naam met een stevige letter De titel van jouw magazine is jouw naam. Om jouw naam extra op te laten vallen, gebruik je een lettertype met meer body. Een stevige letter heeft meer effect dan een dun, sierlijk lettertype. Selecteer in de gereedschapsbalk het gereedschap Horizontale tekst. Klik met het tekstgereedschap op de afbeelding. Je ziet een verticale streep die knippert. Typ je naam. Kies dan een kleur door in het palet Teken (Character), Tekstkleur te kiezen. Door met je cursor over de foto te gaan verandert de cursor in een Pipet waarmee je een kleur uit de foto kunt halen. Sleep de tekstlaag in het Lagenpalet onder de foto. Je naam komt nu achter de foto.

Tip 3. Plaats 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 meerdere teasers, minimaal zes op de cover, van uiteenlopende onderwerpen. Maak de teksten op je cover kort en krachtig! Zo kun je ze goed kwijt rond je coverfoto. Plaats geen teaser op het gezicht. Uitlijnen: Links, Centreren en Rechts Voor een professionele Glossy is het belangrijk dat: de Teksten zijn uitgelijnd. Lijn de teksten uit Links, Rechts of gecentreerd (zie onderstaand voorbeeld).

Regelafstand instellen Verlaag de afstand tussen de regels in het venster Teken /Character van Auto naar een getal lager dan de grote van de letters. In het voorbeeld van Auto naar 24 pt bij een lettergrootte van 30 pt

DIGITALE VORMGEVING 20

Tip 4. Speel met de typografie Nu kun je natuurlijk alle teksten netjes onder elkaar zetten, in hetzelfde lettertype en dezelfde lettergrootte, maar is dat niet een beetje saai? Speel 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!

Laagstijl Het is belangrijk dat teksten goed leesbaar zijn. Dit betekent dat een tekst soms een schaduw of omlijning nodig heeft. Dit doe je met laagstijl. Ga in het Lagenpalet linksonder naar Laagstijl invoegen/Insert Layer Style. Kies daar een Laagstijl. Lijn/Stroke, Schaduw/Shadow, Gloed/Glow. Maak een keuze en bepaal de grootte etc. Informatie Maak de cover af door de volgende informatie op te plaatsen: - Maand van uitgifte, jaartal, en jaargang, en prijs

Bestand opslaan Sla de opdracht op. Geef het bestand de naam: 5-Cover-Eigennaam Enkele voorbeelden van leerlingen van schooljaar 2015-2016 en 2016-2017:

DIGITALE VORMGEVING 21

FOTO-SPREAD KW1C Opdracht 6 Maak op een spread (twee pagina’s naast elkaar) een collage van zelfgemaakte foto’s van de afdeling met titel en bijschrift. Formaat: A4 = 2 x A5: Breedte 29,7 x Hoogte 21 cm, Resolutie: 300 pixels/inch, CMYK. Hulplijnen: Verticaal: 1cm, 13,85 cm, 14,85 cm, 15,85 cm 28,7 cm Horizontaal: 1 cm, 20 cm. Tips: Tip 1: Gebruik een achtergrond of voor iedere pagina een aparte achtergrond. Tip 2: Maak 10 foto’s en maak een keuze daar uit voor de collage. Tip 3: Geef de foto’s een bijschrift. Tip 4: Geef de spread een titel of rubrieknaam. Tip 5: Geef de foto’s een Laagstijl: Lijn (wit, zwart……) en/of slagschaduw. Tip 6: Zorg voor lucht in de collage, zet de pagina’s niet helemaal vol. Tip 7: verbeter de foto’s met Niveaus

Bestand opslaan Sla de opdracht op. Geef het bestand de naam: 6-Foto-spread-eigennaam.

DIGITALE VORMGEVING 22

INHOUDSOPGAVE Opdracht 7 Maak voor je tijdschrift een Inhoudsopgave bestaande uit: de namen van de artikelen in groepen, met passende foto’s en het woord INHOUD groot.. Nieuw Bestand Selecteer in de optiebalk het menu Bestand /File de optie Nieuw (Ctrl+N) voor een nieuw document. Formaat : A5: Breedte: 148,5 mm x Hoogte: 210 mm - Resolutie: 300 pixels/inch - Kleur: CMYK. Stel de marges in op 1 cm: Verticaal: 1 en 13,85 cm; Horizontaal: 1 en 20 cm. Artikelen groeperen

• Verdeel de namen van de artikelen in groepen. • Geef iedere groep een titel. • Vergroot het nummer van de pagina.

Foto’s • Plaats foto’s naast de inhoudsopgave. • Meestal staat de tekst rechts en de foto’s links, maar soms ook andersom of verdeeld. • Je kunt een pagina nummer op de foto plaatsen (zoals bij het middelste voorbeeld).

Opdracht/Colofon en Inhoudsopgave voor het Open Dag Magazine

Inhoudsopgave van het tijdschrift Flow en Spoor in een spread

Bestand opslaan Sla de opdracht op. Geef het bestand de naam: 7-Inhoud-eigennaam

DIGITALE VORMGEVING 23

PRODUCTPAGINA Opdracht 8 Maak een product- of modepagina voor je magazine. Zoek foto’s van Producten, Mode die passen bij de doelgroep van het Open Dag Magazine. Plaats bij de foto’s een Tekst en een Kop boven het artikel zoals hieronder Lunch to-go en Coatdállure Nieuw Bestand Selecteer in de optiebalk het menu Bestand (File) de optie Nieuw (Ctrl+N) voor een nieuw document. Formaat : A5 : Breedte: 148,5 mm x Hoogte: 210 mm - Resolutie: 300 pixels/inch - Kleur: CMYK. Stel de marges in op 1 cm: Verticaal: 1 en 13,85 cm; Horizontaal: 1 en 20 cm. Product- en Modepagina uit twee tijdschriften: Flow en Glamour

Bestand opslaan Sla de opdracht op. Geef het bestand de naam: 8-Productpagina-eigennaam

DIGITALE VORMGEVING 24

ADVERTENTIE/ACHTERKANT Opdracht 9 Maak een advertentie voor de achterkant van je magazine met het logo van het Koning Willem I College. Nieuw Bestand Selecteer in de optiebalk het menu Bestand /File de optie Nieuw (Ctrl+N) voor een nieuw document. Formaat : A5 : Breedte: 148,5 mm x Hoogte: 210 mm - Resolutie: 300 pixels/inch - Kleur: CMYK. Stel de marges in op 1 cm: Verticaal: 1 en 13,85 cm; Horizontaal: 1 en 20 cm. Inhoud In de advertentie promoot je de afdeling Marketing en Communicatie. Bedenk zelf tekst en beeld. Verwerk het logo van het Koning Willem I College. Advertentie Een advertentie in een tijdschrift bestaat meestal uit de volgende onderdelen: Kopregel/Titel Deze is niet te lang en wekt de nieuwsgierigheid. Tekst, boodschap In de tekst wordt de boodschap weergegeven. Logo en pay off Het logo is altijd erg belangrijk om duidelijk in de advertentie te plaatsen. De pay off is een korte, pakkende zin aan het einde om de kernboodschap te versterken. Gegevens Vergeet niet de website en eventueel andere gegevens over het bedrijf te vermelden. Cover met achterkant Magazine Open Dag schooljaar 2016-2017.

Bestand opslaan Sla de opdracht op. Geef het bestand de naam: 9-Advertentie-eigennaam

DIGITALE VORMGEVING 25

UITSNIJDEN Opdracht 10 Snij het Interview (opdracht 3) in twee losse pagina’s. Uitsnijden, Twee losse pagina’s Om uiteindelijk de pagina’s tot een boekje te kunnen maken, werken we met losse pagina’s op A5-formaat. Deze gekantelde A4-pagina’s van het Interview moet dus gesneden worden in 2 losse A5-jes. Hiervoor gebruik je het gereedschap Uitsnijden (Crop) uit de gereedschapsbalk. Ga naar de optiebalk en Kies B x H x resolutie Stel de Breedte, Hoogte en Resolutie in op: Breedte: 14,85 cm x Hoogte: 21 cm x Resolutie: 300 pixels/inch. Klik op de uitsnede zodat de cursor in de vorm van het uitsnijgereedschap verandert in een driehoekje. Plaats nu de uitsnede op de linker pagina van de foto. Bevestig met Enter.

Uitsnede van linker pagina en rechter pagina:

Bestand opslaan Sla de linkse pagina op als: 10-Interview-foto-eigennaam. Snij de rechtse pagina uit en sla deze op met de naam: 10-Interview-tekst-eigennaam YouTube: het uitsnijden van foto’s: https://youtu.be/D6HPaw1kY-0

DIGITALE VORMGEVING 26

PDF MET PHOTOSHOP Opdracht 11 Maak een PDF-bestand van vier pagina’s in Photoshop, Automatisch, PDF-presentaties. PDF-Presentaties Voor het aanleveren van je Magazine bij een Copyshop moet je alle pagina’s in Leesvolgorde aanleveren in een PDF-bestand. Nummers Maak een aparte map met de vier pagina’s waarvan je een boekje maakt. Zorg dat de naam van je bestand begint met het nummer van de pagina, dan staan ze in de juiste volgorde. Staan ze niet in de juiste volgorde dan sleep je ze naar de juiste positie. Je kunt dit PDF-bestand maken met Photoshop Ga naar Bestand (File), Automatisch, PDF-presentatie. Bij Bladeren open je de 4 PSD –bestanden, pagina’s. Klik vervolgens op Opslaan. Geef het bestand een naam en klik op opslaan als: Document met meerdere pagina’s (PDF). De pagina’s worden één voor één ingelezen en opgeslagen als PDF. Met het PDF-bestand kun je nu naar de Copy-shop.

Open het PDF-bestand . Bestand opslaan. Bestand opslaan als: 11-magazine-eigennaam.

DIGITALE VORMGEVING 27

BEOORDELEN EN INLEVEREN PRODUCTBEOORDELING Productbeoordeling gebeurt aan de hand van vastgestelde criteria met bijbehorende normering. De producten/opdrachten worden beoordeeld op de volgende onderdelen: • Alle opdrachten moeten zijn gemaakt. • Alle opdrachten worden bij de docent ingeleverd en geplaats op zijn of haar usb-stick. Bij de beoordeling kijken we naar drie onderdelen: • Photoshop

Hier wordt vooral gekeken of je de verschillende technieken van Photoshop die bij iedere opdracht staat aangegeven, hebt toegepast.

• De vormgeving Met name vormgevingselementen zoals compositie, kleurgebruik, evenwicht, eenheid en afwisseling worden hier beoordeeld.

• Visuele Communicatie Het beeld moet op de juiste manier communiceren.

PROCESBEOORDELING Daarnaast is ook de procesbeoordeling van belang. Wat wordt bij procesbeoordeling 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

Om tot een goede procesbeoordeling te kunnen komen moet een student voldoen aan een (actieve) aanwezigheid van 75%. INLEVEREN VAN WERKSTUKKEN Werkstukken lever je in op vaste momenten. In de laatste lesweek van de periode lever je alle werkstukken van die periode in. Heb je niet alles af of ben je die dag ziek, dan heb je een tweede kans in de toetsweek. Herkansen Als je geen voldoende hebt voor een periode mag je in de periode daarna, maximaal 3 producten herkansen. Tijdens de lessen of tijdens een periode is het niet mogelijk om werkstukken bij de docent in te leveren.

DIGITALE VORMGEVING 28

ONDERDELEN PAGINA Hieronder vind je alle onderdelen van een pagina op een rijtje: Heading, Chapeau, Lead, Body/Platte tekst, Tussenkoppen, Streamer, Bijschrift, Inzet, Paginanummering, Naam tekstschrijver/fotograaf, Afsluiter,

Hieronder vind je de layout onderdelen op een rijtje Marge binnen en buiten, Marge boven en onder, Tussenruimte, Schreef en Schreefloze lettertype, Uitlijnen of Uitvullen, Initiaal.

DIGITALE VORMGEVING 29

HOE PRINT IK MIJN MAGAZINE Pagina’s op A5 Je hebt 28 pagina’s op A5-formaat in leesvolgorde opgeslagen als PDF. De PDF van je proefexemplaar kun je nu printen op school met onderstaande instellingen:

• Klik op afdrukken (Print) • Booklet (Boek) • Booklet subset: Both sides (Beide zijden) • Sheets from (Bladen) 1 tot 2 • Binding Left (Links) • Afdrukstand: Portrait (Portret)

Pagina’s op A4 Je hebt 14 A4tjes met pagina’s opgeslagen als PDF in volgorde 28-1, 2-27, 26-3, 4-25 etc. De PDF van je proefexemplaar kun je nu printen op school met onderstaande instellingen:

• Klik op afdrukken • Ware grootte • Op beide zijden van papier afdrukken • Spiegelen op korte zijd • Afdrukstand: Liggend

DIGITALE VORMGEVING 30

RECHTENVRIJE AFBEELDINGEN Wanneer je zoekt op Google, kunt je jouw resultaten filteren om Afbeeldingen….. te vinden die je mag gebruiken. Hiervoor gebruik je het filter 'Gebruiksrechten' . Daarmee wordt aangegeven of je Afbeeldingen die je op Google vindt, kunt gebruiken, delen of wijzigen. Typen gebruiksrechten Zoeken op het type gebruiksrecht. Volgens de standaardinstelling toont Google, bij een zoekopdracht in Google Afbeeldingen, alle afbeeldingen. Dit is dus ongeacht het label dat Google aan de afbeelding toekent. Je kunt echter klikken op ‘Zoekhulpmiddelen’ (Tools) en vervolgens op ‘Gebruiksrechten’ om te filteren op bepaalde gebruiksrechten:

• Niet gefilterd op licentie (de standaardinstelling) • Gelabeld voor hergebruik, inclusief aanpassing • Gelabeld voor hergebruik • Gelabeld voor niet-commercieel hergebruik, inclusief aanpassing • Gelabeld voor niet-commercieel hergebruik

Google maakt onderscheid tussen labels voor commercieel of niet-commercieel hergebruik, en geeft ook aan of je de afbeelding mag aanpassen of in originele staat moet laten.

Google gebruiksrechten zijn niet meer dan een richtlijn Google gebruiksrechten zijn niet meer dan een richtlijn, daarbij komt ook nog dat de maker van een afbeelding per definitie de auteursrechten heeft op de afbeelding, ook als dit nergens expliciet vermeld is. Google kan inmiddels veel, maar ze kunnen onmogelijk met 100% zekerheid bepalen of een afbeelding gebruikt mag worden; ze kunnen slechts een richtlijn geven. Websites waar je rechtenvrije afbeeldingen vindt: • Pixabay: biedt een vrij grote database aan gratis afbeeldingen voor commercieel en persoonlijk

gebruik zonder het vereiste om de originele maker te vermelden. • Flickr: de meest populaire databank aan afbeeldingen is Flickr. Via geavanceerd zoeken is het

mogelijk om te zoeken op creative commons erkende inhoud. Vrijwel alles wat je zoekt is meestal hier te vinden.

• Freeimages : (vroeger stock.xchng ofwel sxc) is een van de meest populaire websites voor het vinden van gratis stock foto’s. Daarentegen is het wel vereist om een account aan te maken..

• Unsplash: Hoewel het niet veel afbeeldingen heeft, bieden ze vooral kwalitatieve afbeeldingen voor bijvoorbeeld achtergronden, sldeshows en banners voor websites.

• CC Search: Via CreativeCommons search kun je eenvoudig naar creative commons afbeeldingen zoeken op verschillende websites.

Meer informatie: https://webtelligo.com/rechtenvrije-afbeeldingen-voor-je-website/

DIGITALE VORMGEVING 31

STUDIEWIJZER VORMGEVING PERIODE 1 Onderwerp: Vak: Digitale Vormgeving Cohort: 2017, Leerjaar: 1, Periode: 1 Context: Ontwerpen van pagina’s voor het open dag magazine Tekst, Layout, Marges en Kolommen, Afbeelding; Cover, Inhoudsopgave, Interview, Rubriek , Advertentie… Leerdoelen: De leerling is in staat pagina’s voor een tijdschrift te ontwerpen. De leerling maakt gebruik van onderstaande gereedschappen, technieken en vormgevingselementen. Gereedschappen Verplaats- , Rechthoek- en Tekstgereedschap, Snelle Selectie/Toverstaf, Emmertje, en Verloop, Voorgrond -en achtergrondkleur, Selectiegereedschap… Technieken Het maken van een lay-out voor een pagina van een tijdschrift met behulp van tekst, afbeeldingen, vorm en kleur. Vormgevingselementen Tekst, afbeeldingen, kleur, vorm, lijn, symmetrie, asymmetrie, ritme. Lay-out, eenheid in stijl, kwaliteit van afbeeldingen, originaliteit, afwisseling, ritme, uitlijning. Communicative waarde (AIDA-formule), eye-catcher. Relatie met het examen: Kerntaak P1-K2-profiel 1 (M&C) kerntaak 2

• Kan basistechnieken grafische vormgeving toepassen. Kerntaak B1-K2 Basis Kerntaak 2

• Specialistische kennis van relevante wettelijke bepalingen en gedragscodes m.b.t communicatie-activiteiten (copyright).

• Specialistische kennis van on- en offline marketing- en communicatiebegrippen en instrumenten. Leeractiviteiten: Het maken van de volgende producten: Woordwolk, Kollommen tekst, Interview, Cover, Inhoudsopgave, Rubriek naar keuze. Instructielessen, gezamenlijk oefenen van technieken, onder begeleiding werken aan portfolio opdrachten en magazine Open Dag Tijd: - 2 uur per week lesactiviteiten; - 1 periode van 8 weken Leermiddelen: Reader Digitale Vormgeving periode 1 Materiaal en Reader is te vinden op website: http://www.digitalevormgeving.wordpress.com, http://www.mcstudentenwerk.wordpress.com. Voortgang en Beoordeling Aantal te behalen studiepunten: 1. Beoordeling van het portfolio met een minimum van 5.5. Reader: afsluiting periode 1 Aan het einde van de periode levert de leerling alle werkstukken als Photoshop -bestand (psd) bij de docent in, op de usb van de klas. Herkansing periode 1 Werkstukken inleveren in de toets week.

DIGITALE VORMGEVING 32