INHOUD - mcstudentenwerk.files.wordpress.com · DIGITALE VORMGEVING 5 Kies een Font (lettertype) en...

11

Transcript of INHOUD - mcstudentenwerk.files.wordpress.com · DIGITALE VORMGEVING 5 Kies een Font (lettertype) en...

Page 1: INHOUD - mcstudentenwerk.files.wordpress.com · DIGITALE VORMGEVING 5 Kies een Font (lettertype) en kies de positie van een Font. Plaatsen in een nieuw document Download je grafiek
Page 2: INHOUD - mcstudentenwerk.files.wordpress.com · DIGITALE VORMGEVING 5 Kies een Font (lettertype) en kies de positie van een Font. Plaatsen in een nieuw document Download je grafiek

DIGITALE VORMGEVING 2

INHOUD

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

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

Inleiding INFOGRAPHIC ...............................................................................................................................4

Opdracht 1 GRAFIEKTOOL ...........................................................................................................................4

Opdracht 2 INFOGRAPHIC KLAS ..................................................................................................................6

Opdracht 3 PERSOONLIJKE PAGINA JAARBOEK ..........................................................................................7

Opdracht 4 KAFT JAARBOEK ........................................................................................................................8

Opdracht 5 VRIJE OPDRACHT ................................................................................................................... 10

Page 3: INHOUD - mcstudentenwerk.files.wordpress.com · DIGITALE VORMGEVING 5 Kies een Font (lettertype) en kies de positie van een Font. Plaatsen in een nieuw document Download je grafiek

DIGITALE VORMGEVING 3

STUDIEWIJZER DIGITALE VORMGEVING COHORT 2017 LEERJAAR 2 PERIODE 3

Context Opdrachten voor het realiseren van een eigen jaarboek. Opdrachten om de tot nu toe geleerde vaardigheden zelfstandig toe te passen. Toepassingen Werken met iconen, grafieken, vormen en teksten. Lay-out-technieken tbv een infographic. Retoucheren, fotokwaliteit verbeteren, beelden lossnijden voor een persoonlijke pagina. Alle mogelijke technieken en vaardigheden op het gebied van digitale Vormgeving toepassen om een eigen vrije opdracht (zonder instructie) te realiseren. Leerdoelen De leerling kent de functies en de regels voor het maken van een infographic en kan deze ook toepassen. Leerling kan een infographic maken maken. De leerling kan een portret lossnijden en een layout voor dit portret maken. De leerling kan een promotie Gereedschappen Photoshop-gereedschappen Technieken Alle mogelijke Photoshoptechnieken 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: Staaf- en cirkelgrafiek – Infographic van de klas – Jaarboekpagina – Kaft jaarboek – Vrije opdracht Tijd - 2 uur per week lesactiviteiten; - 1 periode van 8 weken Leermiddelen Reader Digitale Vormgeving Leerjaar2 Periode 4 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.

Page 4: INHOUD - mcstudentenwerk.files.wordpress.com · DIGITALE VORMGEVING 5 Kies een Font (lettertype) en kies de positie van een Font. Plaatsen in een nieuw document Download je grafiek

DIGITALE VORMGEVING 4

Inleiding INFOGRAPHIC Wat is een infographic Een Infographic is een Grafische weergave van complexe data. Het belangrijkste doel van een goede infographic is om ingewikkelde informatie aantrekkelijk en begrijpelijk te presenteren met illustratieve beelden. In een infographic wordt gebruikgemaakt van illustraties, vormen, pijlen, kleurcoderingen, teksten, cijfers of een combinatie ervan.

Opdracht 1 GRAFIEKTOOL Maak 2 grafieken met behulp van Grafiektool.

Donutgrafiek Open de website GrafiekTool.nl en klik op de button Start met ontwerpen. Maak een keuze voor Grafiek – Type taart.

Kies voor Type 2D – Stijl Normaal of Donut. Normaal is een dichte cirkel. Donut is een cirkel met in het midden een gat. Data Toevoegen Vul de Gegevens in zoals Grafiektitel, het aantal Items en per Item het bijbehorende aantal. Bijvoorbeeld: In een klas zijn 6 verschillende leeftijden (6 items). Er zijn 5 leerlingen van 17 jaar, 2 leerlingen van 18 jaar, 5 leerlingen van 19 jaar, 3 leerlingen van 20 jaar, 1 leerling van 21 jaar en 2 leerlingen van 22 jaar. Dit zijn de bijbehorende aantallen.

Page 5: INHOUD - mcstudentenwerk.files.wordpress.com · DIGITALE VORMGEVING 5 Kies een Font (lettertype) en kies de positie van een Font. Plaatsen in een nieuw document Download je grafiek

DIGITALE VORMGEVING 5

Kies een Font (lettertype) en kies de positie van een Font.

Plaatsen in een nieuw document Download je grafiek als JPG of PNG naar je eigen computer. Maak een Nieuw bestand: Formaat A4 - Kleur: RGB. Plaats hierin de grafiek. Maak een kopie. Verander hierin de kleuren. Dit kan zowel met het emmertje als met Ctrl + U Sla het bestand op als eigennaam-donutgrafiek.psd en eigennaam- donutgrafiek.jpg Staafgrafiek

Maak met behulp van dezelfde gegevens een Staafgrafiek zoals te zien is in het voorbeeld.

Download de grafiek als JPG of PNG naar je eigen computer. Plaatsen in een nieuw document Download je grafiek als JPG of PNG naar je eigen computer. Maak een Nieuw bestand: Formaat A4 - Kleur: RGB. Plaats hierin de grafiek. Maak een kopie. Verander hierin de kleuren. Dit kan zowel met het emmertje als met Ctrl + U Sla het bestand op als eigennaam-staafgrafiek.psd en eigennaam- staafgrafiek.jpg

Page 6: INHOUD - mcstudentenwerk.files.wordpress.com · DIGITALE VORMGEVING 5 Kies een Font (lettertype) en kies de positie van een Font. Plaatsen in een nieuw document Download je grafiek

DIGITALE VORMGEVING 6

Opdracht 2 INFOGRAPHIC KLAS

Maak een analyse van de klas op basis van Jongen-meisje, leeftijd en 3 andere items naar keuze. Maak van de analyse een infographic in Photoshop.

Bestandsformaat Breedte 16,6 cm Hoogte: 16,6 cm. Resolutie: 300 pixels per inch Kleur: CMYK

Inhoud Een titel voor de totale infographic. Per item: Tekst (naam van het item) Cijfers (aantallen / percentages)

Vormgeving Maak gebruik van: Grafieken (staafdiagram, cirkeldiagram, lijndiagram) Iconen (die symbool staan voor het item) Vormen

Totaalbeeld

- De losse afbeeldingen moeten in een Logische volgorde staan en met elkaar Verbonden worden dmv pijlen of lijnen zodat de informatie verduidelijkt wordt.

- Check of het Hele verhaal op een Duidelijke manier verteld wordt. Voeg eventueel Extra teksten toe.

- Probeer de losse beelden tot een Eenheid te maken met behulp van Filtergalerij en Afbeelding/Image - Aanpassingen/Adjustments - Kleurtoon verzadiging/Hue saturation

- Werk op Aparte lagen en plaats de verschillende onderdelen in een Groep.

Sla het bestand op als eigennaam-infographicKlas.psd en eigennaam- infographicKlas jpg

Page 7: INHOUD - mcstudentenwerk.files.wordpress.com · DIGITALE VORMGEVING 5 Kies een Font (lettertype) en kies de positie van een Font. Plaatsen in een nieuw document Download je grafiek

DIGITALE VORMGEVING 7

Opdracht 3 PERSOONLIJKE PAGINA JAARBOEK

Maak een persoonlijke pagina voor het jaarboek van je klas volgens de criteria die jullie als klas vaststellen.

Het jaarboek is een aandenken aan je klas. Uiteindelijk krijgt iedereen een exemplaar. We spreken met de klas af wat er in ieder geval op de pagina moet komen. Je kunt foto’s en teksten op de pagina plaatsen die met jezelf en school te maken hebben. Bestandsformaat Breedte 16,6 cm Hoogte: 16,6 cm. Resolutie: 300 pixels per inch Kleur: CMYK Aandachtspunten Afbeeldingen in optimale kwaliteit (scherp op 100%). Uitsneden vloeiend en scherp en waar nodig een ‘softe’ rand. Gebruik van minimaal3 mm afloop. Waar nodig tekst uitlijnen. Evenwichtige lay-out. Correct logogebruik. Optimale afstemming van tekst, kleur, lettertypes en vormen zodat een eenheid ontstaat. Sla het bestand op als eigennaam-jaarboekPersoonlijk.psd en eigennaam- jaarboekPersoonlijk jpg

Page 8: INHOUD - mcstudentenwerk.files.wordpress.com · DIGITALE VORMGEVING 5 Kies een Font (lettertype) en kies de positie van een Font. Plaatsen in een nieuw document Download je grafiek

DIGITALE VORMGEVING 8

Opdracht 4 KAFT JAARBOEK

Maak de kaft voor het jaarboek van je klas volgens vastgestelde criteria.

Om het jaarboek compleet te maken, moet er ook een kaft gemaakt worden (een voorzijde en een achterzijde!) Inhoud De foto van de volledige klas - Titel – Studierichting - Naam of logo Koning Willem 1 College. Bestandsformaat Breedte 33,2 cm Hoogte: 16,6 cm. Resolutie: 300 pixels per inch Kleur: CMYK

Page 9: INHOUD - mcstudentenwerk.files.wordpress.com · DIGITALE VORMGEVING 5 Kies een Font (lettertype) en kies de positie van een Font. Plaatsen in een nieuw document Download je grafiek

DIGITALE VORMGEVING 9

Klassenfoto Maak een aantal foto’s van je klas. Misschien is niet iedereen aanwezig. Het gaat er om de klassenfoto in Photoshop aan te vullen met de ontbrekende personen. Maak een selectie van de klas en plaats deze op een aparte Laag (Ctrl+J). De personen staan nu los van de achtergrond. Hierdoor heb je de mogelijkheid om er personen voor of achter te zetten. Fotografeer op een later tijdstip de ontbrekende personen. Selecteer de verschillende personen en verwijder de achtergrond. Geef ze een plaats in de klassenfoto. Pas eventueel de kleur aan (Ctrl + U)

Aandachtspunten Afbeeldingen in optimale kwaliteit (scherp op 100%). Uitsneden vloeiend en scherp en waar nodig een ‘softe’ rand. Gebruik van minimaal3 mm afloop. Waar nodig tekst uitlijnen. Evenwichtige lay-out. Correct logogebruik. Optimale afstemming van tekst, kleur, lettertypes en vormen zodat een eenheid ontstaat.

Sla het bestand op als eigennaam-jaarboekKaft.psd en eigennaam-jaarboekKaft jpg

Page 10: INHOUD - mcstudentenwerk.files.wordpress.com · DIGITALE VORMGEVING 5 Kies een Font (lettertype) en kies de positie van een Font. Plaatsen in een nieuw document Download je grafiek

DIGITALE VORMGEVING 10

Opdracht 5 VRIJE OPDRACHT

Zelfstandig ontwerpen en realiseren van voorlichtings- promotie- of pr-materialen naar eigen keuze in overleg met je docent.

Het doel van Digitale Vormgeving zoals omschreven in je kwalificatiedossier is bijna bereikt.

Doel In Digitale Vormgeving staat centraal het beeldend vormgeven afgestemd op de doelgroep en de huisstijl van de opdrachtgever. Je ontwikkelt voor een organisatie of voor derden voorlichtings-, promotie- en/of pr-materiaal, eventueel gebruikmakend van bestaand materiaal . Je inventariseert en analyseert de wensen van de opdrachtgever ten aanzien van dit materiaal en stemt het product hierop af. Je verbeeldt zorgvuldig en zorgt ervoor dat je product goed aansluit op de beeldtaal van de doelgroep. Je werkt conform de door de organisatie voorgeschreven huisstijl. Hiervoor heb je vakkennis en vaardigheden nodig op het gebied van grafische en digitale vormgevingstechnieken.

Productkeuze In deze laatste opdracht ga je aantonen dat je zelfstandig aan deze doelstelling kunt voldoen. Je gebruikt je kennis en vaardigheden uit de afgelopen periodes om enkele concrete producten te maken. Je krijgt geen reader waarin stapsgewijs naar een resultaat wordt toegewerkt. Ook op je stage en daarna zul je zelf moeten bepalen hoe je tot een concreet product komt. Je kiest zelf één of enkele producten die je gaat maken. Je geeft aan hoe je te werk wilt gaan en hoeveel tijd je voor de verschillende onderdelen nodig denkt te hebben. In overleg met je docent maak je het plan definitief. Belangrijk bij je productkeuze is Afstemming op de doelstelling zoals hierboven omschreven. Gebruik maken van Photoshop en eventueel andere aanvullende programma’s. Foto’s en overige afbeeldingen wanneer mogelijk zelf maken. Als het echt niet anders kan gebruik je foto’s waarvoor toestemming is verleend.

Page 11: INHOUD - mcstudentenwerk.files.wordpress.com · DIGITALE VORMGEVING 5 Kies een Font (lettertype) en kies de positie van een Font. Plaatsen in een nieuw document Download je grafiek

DIGITALE VORMGEVING 11

Prints en digitale presentaties waar je aan kunt denken

- Magazine Minimaal 8 pagina’s (inclusief voor- en achterzijde).

- Promotieset Minimaal 4 items zoals advertentie, kortingskaart, flyer, label, affiche.

- Huisstijl Minimaal logo, logovarianten, visitekaartje (voor- en achterzijde), briefpapier en flyer

- Ansichtkaartenset in een specifieke stijl of thema Minimaal 8 stuks.

- Kwartetspel Minimaal 2 x 4 kaarten

- Animatie Minimaal 8 verschillende visuals. Minimaal 2 bewegende beelden. Voorbeeld: een plaatje met een landschap en een auto is 1 visual. Als de auto van links naar rechts rijdt blijft het 1 visual en gebruik je 1 een bewegend beeld.

- Infographic Minimaal 4 categorieën. Gemiddeld minimaal 3 onderdelen per categorie. Gebruik van iconen, teksten, getallen en grafieken.

Aandachtspunten werkwijze Formaat, resolutie, kleur (RGB of CMYK) afstemmen op het product. Afbeeldingen in optimale kwaliteit (scherp op 100%) Uitsneden vloeiend en scherp en waar nodig een ‘softe’ rand. Gebruik van 3 mm afloop voor producten voor printshop of drukkerij. Waar nodig tekst uitlijnen. Informatieve teksten voor flyer, folder of magazine … max. 10 punt, geen sierletter of effect. Correct logogebruik. Optimale afstemming van tekst, kleur, lettertypes en vormen op het doel en de doelgroep. Afstemming van bovengenoemde elementen op elkaar zodat een eenheid ontstaat. Evenwichtige lay-out. Gebruik van speciale / moeilijker technieken wordt uiteraard beter beoordeeld.

Sla het bestand / de bestanden op als eigennaam-vrije-opdracht.psd en eigennaam-vrije-opdracht jpg

SUCCES