Download - INHOUD - mcstudentenwerk.files.wordpress.com€¦ · DIGITALE VORMGEVING 3 . STUDIEWIJZER DIGITALE VORMGEVING COHORT 2018 LEERJAAR 2 PERSONAL BRANDING . Context . Project Cross Media

DIGITALE VORMGEVING 2

INHOUD

STUDIEWIJZER DIGITALE VORMGEVING COHORT 2018 LEERJAAR 2 PERSONAL BRANDING .................... 3

PORTRETSERIE TEKENEN ....................................................................................................................................... 4

VAN FOTO NAAR LIJNTEKENING .......................................................................................................................... 8

PORTRET-ANIMATIE ............................................................................................................................................. 10

INFOGRAPHIC TIJDSBESTEDING ......................................................................................................................... 13

INFOGRAPHIC KLAS .............................................................................................................................................. 16

PERSOONLIJKE PAGINA JAARBOEK .................................................................................................................... 18

KAFT JAARBOEK .................................................................................................................................................... 19

VRIJE OPDRACHT .................................................................................................................................................. 20


STUDIEWIJZER DIGITALE VORMGEVING COHORT 2018 LEERJAAR 2 PERSONAL BRANDING Context Project Cross Media –Stagevoorbereiding Items Lintekening – Vectorafbeelding – Animatie – Infographic – Jaarboek – Vrije opdracht

Leerdoelen De leerling is in staat om een lijntekening te maken, een afbeelding vector te maken. Afbeeldingen te animeren en met audio als mp4 te renderen, een infographic te ontwerpen en vorm te geven. Alle mogelijke technieken en vaardigheden op het gebied van digitale Vormgeving toepassen om een eigen vrije opdracht (zonder instructie) te realiseren. De leerling maakt een portret, een lijntekening, een animatie met geluid, een infographic tijdsbesteding, een klasse-infographic, een jaarboekpagina, een kaft en een vrije opdracht. De leerling maakt hierbij gebruik van onderstaande gereedschappen, technieken en vormgevingselementen: Gereedschappen Gereedschappen InDesign, Illustrator en Photoshop Technieken Tekenen – schalen – exporteren – overtrekken – uitbreiden – frame animatie – video-animatie . Vormgevingselementen Tekstopmaak, Lay-out, compositie, eenheid in stijl, kwaliteit van afbeeldingen, originaliteit, communicatie waarde. Relatie met het examen B1-K2-W6 De leerling ontwikkelt en beheert voorlichtings-, promotie- en pr-materiaal. P1-K2-W2 De leerling geeft voorlichting over de organisatie aan derden. Leeractiviteiten Zelfstandig werken aan opdrachten. Instructielessen, gezamenlijk oefenen van technieken, onder begeleiding werken aan portfolio opdrachten. Tijd - 2 uur per week lesactiviteiten - 1 periode van 9 weken Leermiddelen Reader digitale vormgeving Personal Branding Materiaal en Reader zijn te vinden op de website http://www.mcstudentenwerk.wordpress.com/leerjaar2 Resultaten De docent geeft aan wat de deadline is voor het inleveren / publiceren van een opdracht of product. Bij 6 opdrachten of meer mag een leerling 3 deadlines missen, bij minder dan 6 opdrachten 2 deadlines. Bij meer deadlines mag de opdracht pas weer als herkansing ingeleverd worden. Per periode mogen maximaal 2 of 3 producten herkanst worden. Bij 6 opdrachten of meer mag een leerling 3 producten herkansen, bij minder dan 6 opdrachten 2 producten. Productbeoordeling De producten/opdrachten worden beoordeeld op de onderdelen programmavaardigheden, vormgeving en visuele communicatie. Procesbeoordeling Daarnaast is ook de procesbeoordeling van belang. Hier wordt beoordeeld aanwezigheid en actieve werkhouding. Dit is van belang voor Aanwezigheid / actieve werkhouding mogelijkheid tot samenwerking, en aanvullingen op en uitleg van de leerstof. Leerbaarheid en leerproces Kunnen reflecteren, openstaan voor feedback en feedback verwerken in het leerproces.


PORTRETSERIE TEKENEN Maak van een foto van jezelf ten voeten uit (van top tot teen) een lijntekening met het gereedschap potlood, een afbeelding in kleurvakken met het pengereedschap en een combinatie van beide. Nieuw bestand In Illustrator maak je een nieuw bestand: Nieuw – Drukwerk - Formaat: Breedte 58 cm - Hoogte 21 cm Afloopgebied (overal) 20 mm. Origineel plaatsen en kopiëren Kies voor Bestand - Plaatsen - Blader naar de foto die je wilt gebruiken - Kies voor Open. Sleep met de Shifttoets ingehouden de foto op de volledige hoogte en op ongeveer ¼ van de breedte. Als de foto te breed is kun je hem bijsnijden: Selecteer de afbeelding. Kies voor de Optiebalk (bovenaan) - Klik op Afbeelding uitsnijden - Op de afbeelding verschijnt een kader dat je kunt aanpassen. Om de aanpassing te bewaren is een Enter niet voldoende. Kies weer in de Optiebalk voor Toepassen. Kopieer en plak de afbeelding 3 keer: Houd de Alttoets ingedrukt klik op de afbeelding en sleep deze naar rechts. Noem de laag waarin de 4 foto’s staan Foto.

Lijntekening Maak een nieuwe laag. Geef de laag de naam Achtergrond. Teken een Rechthoek met een effen kleur over het tweede portret. Zet de dekking op 70% zodat het portret nog zichtbaar is. Maak weer een nieuwe laag met de naam Lijntekening. Kies voor het gereedschap Potlood uit de Gereedschapsbalk. Stel het potlood in op de gewenste dikte (afgestemd op je portret) in de Optiebalk. Teken met het potlood over de belangrijkste lijnen in het portret. Illustrator zorgt ervoor dat de tekenlijnen er vloeiend uitzien.

c


De lijnen die je tekent zijn Paden. De paden bestaan uit verbindingen tussen Ankerpunten. Als je een lijn wilt veranderen kun je dat doen door een ankerpunt te verwijderen of toe te voegen. Ook met het Directe selectiegereedschap (witte pijltje) kun je een lijn veranderen. Strakke rechte lijnen kun je tekenen met het gereedschap Lijn of met het Vormgereedschap. Zet de dekking van de onderliggende rechthoek af en toe op 100% zodat je een beter beeld krijgt van het portret. Teken het volledige portret.

Kleurvakken Klik op de laag Achtergrond. Teken een Rechthoek met een effen kleur over het derde portret. Zet de dekking op 70% zodat het portret nog zichtbaar is. Maak een nieuwe laag: Kleurvlakken. Kies voor het gereedschap Pen. In het venster Eigenschappen kies je bij Vormgeving voor Vulling de gewenste kleur en bij Dekking een lage dekking. Heb je geen venster Eigenschappen kies dan voor het venster Vormgeving. Teken met het pennetje om een vorm zoals het gezicht, de haren of het oogwit. Bij Vormgeving kun je de kleur aanpassen. Met het Gereedschap Directe selectie (witte pijltje) kun je de vorm veranderen. Met de extra pennetjes kun je Ankerpunten toevoegen of weghalen. Met het Gereedschap Ankerpunt kun je een lijn rond in plaats van hoekig maken.

c

c


Teken eerst de onderliggende grote vlakken en daarna de kleinere bovenliggende vlakken. Als je tevreden bent zet je de dekking op 100%.

Soms is het handig een vlak tijdelijk uit te zetten. Dit kun je doen in het venster Lagen door het oogje voor de laag aan of uit te zetten. Voor de kleinere vlakken gebruik je het Gereedschap Penseel. In het venster Eigenschappen (of Penselen) kun je de dikte en de kleur van je penseel aangeven.

c

c

c


Combinatie van lijnen en vlakken Klik op de laag Achtergrond. Teken een Rechthoek met een effen kleur over het vierde portret. Maak een nieuwe laag: Combinatie. Kopieer de Laag Lijntekening en de laag Kleurvlakken. Sleep beide gekopieerde lagen in de laag Combinatie. Zorg ervoor dat lijntekening boven Kleurvlakken staat. In het voorbeeld zijn de witte lijnen op het gezicht niet goed zichtbaar. Om deze zwart te maken ga je als volgt te werk: Selecteer binnen de laag Combinatie - Lijntekening alle sub-lagen uit het gezicht. Zet hiervoor de Lagen Achtergrond en Foto op slot. Sleep met het Gereedschap Directe selectie (witte pijltje) over het gezicht. Zet bij Vormgeving de lijnkleur op zwart.

Opslaan in Illustrator Sla je bestand op als portretserie-eigennaam.ai en exporteer als portretserie-eigennaam.jpeg Plaatsen en opslaan in Portfolio in InDesign

- Open het bestand Portfolio in InDesign - Plaats het jpeg-document. - Ga in de Menubalk naar Bestand– Opslaan - Ga in de menubalk naar Bestand – Publish Online - Vink aan Bestaand document bijwerken - Klik op Publiceren


VAN FOTO NAAR LIJNTEKENING Maak van een foto van een object of een van een dier een lijntekening met het gereedschap overtrekken en uitbreiden. Foto plaatsen Download een foto met daarop een object of een dier dat geschikt is om iemand achter te laten lopen. Bijvoorbeeld een Pelikaan, een vuurtoren of een lantaarnpaal. Kies voor weinig details en veel contrast. Kies voor iets wat typisch is voor jou, wat iets vertelt over jouw persoonlijkheid. Maak een nieuw document. Grootte: 1000 – 1000 pixels – 72 pixels per inch. Kies voor Bestand – Plaatsen. Blader naar de foto die je voor deze opdracht gaat gebruiken. Maak vervolgens met de cursor een slepende beweging zodat de afbeelding zichtbaar wordt. Afbeelding overtrekken De pixels van de afbeelding moeten omgezet worden in een wiskundige berekening / vector gemaakt worden. Als de afbeelding vector is kun je hem vergroten zonder kwaliteitsverlies. Het omzetten naar vector wordt Overtrekken of Tracing genoemd. Er zijn meerdere mogelijkheden voor Overtrekken. In onderstaande afbeelding zijn de verschillende mogelijkheden toegepast. Het tweede konijn is overgetrokken als foto met lage getrouwheid, de volgende met 16 kleuren, de laatste met 6. De mogelijkheden vind je in het bovenste menu bij Afbeelding overtrekken. Zorg ervoor dat je foto geselecteerd is.


Afbeelding uitbreiden Met uitbreiden heb je de afbeelding vereenvoudigd in kleurvlakken. Er zijn echter nog geen Ankerpunten. Dat doe je met Uitbreiden. Omdat de afbeelding nu ankerpunten heeft kun je zonder kwaliteitsverlies vergroten. De knop Uitbreiden vind je in het boven-menu als de afbeelding geselecteerd is. Je kunt nu de achtergrond weggummen met het Gummetje uit de Gereedschapsbalk. Ook kun je met het Directe Selectiegereedschap (witte pijltje) losse vakjes een andere vorm geven of een laag van kleur veranderen.

Opslaan in Illustrator Sla je bestand op als lijntekening-eigennaam.ai en exporteer als ljntekening-eigennaam.SVG Plaatsen en opslaan in Portfolio in InDesign

- Open het bestand Portfolio in InDesign - Plaats het SVG-document. - Ga in de Menubalk naar Bestand– Opslaan - Ga in de menubalk naar Bestand – Publish Online - Vink aan Bestaand document bijwerken - Klik op Publiceren


PORTRET-ANIMATIE Maak een animatie in Photoshop met een portret, een object, een vloeiende beweging en een geluid. Portret vrijzetten en opslaan Open het bestand Portretserie in Illustrator. Selecteer het portret dat je wilt gebruiken voor de animatie. Kies voor Bewerken – Kopiëren. Kies (in Illustrator) voor een Nieuw bestand – Web algemeen. Kies voor Bewerken – Plakken. Vergroot of verklein het portret zodat het volledig op het werkblad staat. Houd de Shift-toets in om de verhoudingen te behouden. Pas het werkblad (tekengebied) aan, aan het portret: Kies in de Gereedschapsbalk voor Tekengebied Kies in de Optiebalk voor Aanpassen aan Illustratiegrenzen. Sla het portret op als Bestand – Exporteren als – portret-eigennaam.SVG Afbeeldingen plaatsen in Photoshop Maak een nieuw bestand in Photoshop Grootte: Minimaal 1000–1000 pixels Maximaal – 3000-3000 pixels – 72 pixels per inch. Kies voor Bestand – Ingesloten plaatsen – Blader naar portret-eigennaam.SVG -OK

Kies voor een Achtergrond waarvoor het portret zich gaat bewegen en het Object op de voorgrond waarachter het portret zich beweegt. Plaats de bestanden in Photoshop: Bestand – Ingesloten plaatsen. Iedere afbeelding moet op een aparte laag staan: Bovenste laag: Object – Laag: 2 Portret – Onderste laag: Achtergrond. Afbeeldingen op elkaar afstemmen De Achtergrond kun je Grafischer maken met behulp van Filter – Vervagen -Slim vervagen. Kleuren kun je veranderen met behulp van het venster Kleurtoon en verzadiging (Ctl+U).

c


Frame-animatie maken Open het Venster Tijdlijn. Klik op het eerste frame. Zet dit op 0 seconde of geen vertraging. Verplaats het portret rechts naast het document. Maak een nieuw frame. Verplaats het portret links naast het document.

Klik op frame 1. Klik op de knop Voegt animatieframes toe onderin je tijdlijn. Kies voor 50 tussenframes. Voeg Teksten, Afbeeldingen, Vormen etc. toe. Zet het eerste en het laatste frame op 5 seconde.

Geluid toevoegen Zet de tijdlijn Frame-animatie op Omzetten in Videotijdlijn onderin in het Venster Tijdlijn. Klik op Audio toevoegen – Blader naar een muziekfragment op je laptop.

c c


Opslaan in Photoshop Sla je bestand op als portret-animatie-eigennaam.psd en exporteer als Bestand- exporteren – video renderen

Plaatsen en opslaan in Portfolio in InDesign

- Open het bestand Portfolio in InDesign - Plaats het mp4-document. - Ga in de Menubalk naar Bestand– Opslaan - Ga in de menubalk naar Bestand – Publish Online - Vink aan Bestaand document bijwerken - Klik op Publiceren


INFOGRAPHIC TIJDSBESTEDING Geef met behulp van afbeeldingen / iconen en een plattegrond aan hoeveel tijd je gemiddeld per dag op een bepaalde locatie / in een bepaalde situatie doorbrengt. Ga uit van een gemiddelde per dag. Met een symbool voor Overige zorg je ervoor dat je op exact 24 uur uitkomt. Wat is een infographic Het woord infographic komt van het Engels ‘information graphics’: het is een informatieve illustratie. 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 grafieken, illustraties, vormen, pijlen, kleurcoderingen, teksten, cijfers of een combinatie ervan. Bestand in Illustrator Kleur: RGB Resolutie: 150 pixels per inch Grootte totale infographic: 20cm – 20cm

Afbeeldingen Neem een plattegrond / kaart / luchtfoto van je woonplaats / regio als uitgangspunt. Plaats deze in Illustrator. Selecteer de afbeelding. Kies voor de Optiebalk (bovenaan) - Klik op Afbeelding uitsnijden - Op de afbeelding verschijnt een kader dat je kunt aanpassen. Om de aanpassing te bewaren is een Enter niet voldoende. Kies weer in de Optiebalk voor Toepassen. Bewerk de plattegrond in Illustrator zodat deze geschikt is als achtergrond: Afbeelding – Overtrekken – grijswaarden.


Geef 4 locaties / situaties aan op de kaart. Bijvoorbeeld: Huis waar je woont – tijd die je thuis doorbrengt. - Café waar je uitgaat – tijd die je aan uitgaan besteedt. - Voetbalveld – tijd die je aan sporten besteedt. - Winkelcentrum – tijd voor boodschappen doen en shoppen. Bedenk en maak voor alle locaties / activiteiten een verduidelijkende afbeelding. Bedenk en maak een symbool voor de tijdsaanduiding. De tijd moet niet alleen in cijfers worden weergegeven maar ook visueel worden gemaakt. Bijvoorbeeld een kleine klok voor 1 uur en een grote klok voor 6 uren. De iconen moet je zelf maken van een foto! Plaats de foto – kies voor Afbeelding overtrekken – 3 kleuren – Uitbreiden - Verwijder de achtergrond met het Gummetje – Pas de kleuren aan. Legenda Naast het beeld verwerk je ook tekst in je infographic:

- Geef de infographic een titel. - Maak een tekstvak met daarin een beschrijving van de infographic. In je beschrijving moet

duidelijk worden waar de infographic voor staat.


Opslaan Sla je infographic op als infographic-woonplaats-eigennaam.ai en exporteer als infigraphic-woonplaats-eingennaam.jpeg. Plaatsen en opslaan in Portfolio in InDesign



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 Illustrator.

Bestandsformaat Breedte 16,6 cm Hoogte: 16,6 cm. - Resolutie: 300 pixels per inch -Kleur: CMYK = Afloop: 3mm Inhoud Een titel voor de totale infographic. Per item: Tekst (naam van het item) - Cijfers (aantallen / percentages) - Beelden (onderwerp en hoeveelheid moet te zien zijn) Vormgeving Maak gebruik van:

- Grafieken (staafdiagram, cirkeldiagram, lijndiagram) - Iconen (die symbool staan voor het item)

- Vormen - pijlen - vlakken – iconen. Deze hoef je niet zelf te maken. Kijk op https://mcstudentenwerk.wordpress.com/extra-info/ bij icons, inphographic-elementen en patronen, penselen en vormen voor sites waarvan je kunt downloaden.

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. - Probeer de losse beelden tot een Eenheid te maken.

https://mcstudentenwerk.wordpress.com/extra-info/


Opslaan Sla het bestand op als infographic-klas eigennaam.ai en exporteer als infigraphic-klas-eingennaam.jpeg. Bestand – exporteer als – jpeg – kwaliteit 10 – resolutie 300 dpi Zet het AI-bestand en het jpeg-bestand op een usbstick van je docent. Plaatsen en opslaan in Portfolio in InDesign



PERSOONLIJKE PAGINA JAARBOEK

Maak een persoonlijke pagina in Photoshop 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 Hulplijnen: (Weergave – Nieuwe hulplijn) Horizontaal 1cm – 15,6cm, Verticaal 1cm – 15,6 cm Aandachtspunten Afbeeldingen in optimale kwaliteit (scherp op 100%). Uitsneden vloeiend en scherp en waar nodig een ‘softe’ rand. Gebruik van minimaal 1 cm marge. Waar nodig tekst uitlijnen. Evenwichtige lay-out. Correct logogebruik. Optimale afstemming van tekst, kleur, lettertypes en vormen zodat een eenheid ontstaat. Opslaan Sla het bestand op als achternaam-voornaam-jaarboek.psd en achternaam-voornaam-jaarboek.jpeg

Voor jpeg neem je de maximale kwaliteit (12). Zet het PSD-bestand en het jpeg-bestand op een usbstick van je docent. Plaatsen en opslaan in Portfolio in InDesign



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 Titel – Studierichting - Naam of logo Koning Willem 1 College – Namen en foto’s van klasgenoten. Logo’s zijn te downloaden op https://mcstudentenwerk.wordpress.com/toolkit-kw1c/ Bestandsformaat Breedte 16,6 cm Hoogte: 16,6 cm. - Resolutie: 300 pixels per inch - Kleur: CMYK Hulplijnen: (Weergave – Nieuwe hulplijn) Horizontaal 1cm – 15,6cm, Verticaal 1cm – 15,6 cm. Opslaan Sla het bestand op als kaft-eigennaam.psd en kaft-eigennaam.jpeg

Voor jpeg neem je de maximale kwaliteit (12). Zet het PSD-bestand en het jpeg-bestand op een usbstick van je docent. Plaatsen en opslaan in Portfolio in InDesign


https://mcstudentenwerk.wordpress.com/toolkit-kw1c/


VRIJE OPDRACHT Zelfstandig ontwerpen en realiseren van een opdracht naar eigen keuze in overleg met je docent. Productkeuze In deze laatste opdracht gebruik je kennis en vaardigheden uit de afgelopen periodes om een product 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. Belangrijk bij je productkeuze is Gebruik maken van Photoshop en/of Illustrator en/of InDesign 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. Enkele suggesties

- Een personal card: Een visitekaartje met je personalia, een eigen afbeelding, een persoonlijk logo, een eigen quote. Dit kaartje kun je toevoegen aan een sollicitatiebrief.

- Een creatief cv: Personalia, werkervaring en opleiding creatief vormgegeven met behulp van iconen en grafieken.

- Een persona: Variant op een creatief cv. Ook vormgegeven met illustraties, iconen en grafieken. Als je jezelf als doelgroep neemt ook te gebruiken bij sollicitaties.


- Een Give Away Print: Een print waarin je je creativiteit laat zien. Ook weer te gebruiken bij sollicitaties.

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. Opslaan Afgestemd op het product een werkbestand (PSD -AI -INDD) en een voor iedereen toegankelijk bestand (PDF – JPEG – PNG)’. Plaatsen en opslaan in Portfolio in InDesign

- Open het bestand Portfolio in InDesign - Plaats het …-document. - Ga in de Menubalk naar Bestand– Opslaan - Ga in de menubalk naar Bestand – Publish Online - Vink aan Bestaand document bijwerken - Klik op Publiceren