INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding...

27

Transcript of INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding...

Page 1: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van
Page 2: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 2

INHOUD

STUDIEWIJZER DIGITALE VORMGEVING COHORT 2019 LEERJAAR 1 MAGAZINE ......................................... 4

FOTOGRAFEREN PORTRET & SCHOOL ................................................................................................................ 5

LOGO-ONDERZOEK ................................................................................................................................................ 6

INTERVIEW-OPZET IN INDESIGN ......................................................................................................................... 7

INTERVIEW TEKST EN BEELD VERZAMELEN IN WORD.................................................................................... 10

INTERVIEW TEKST EN BEELD VERVANGEN IN INDESIGN ................................................................................ 11

PRINTEN PORTFOLIO ........................................................................................................................................... 12

VOORBEREIDINGEN COVER ................................................................................................................................ 14

SNELLE SELECTIE IN PHOTOSHOP ...................................................................................................................... 16

COVER IN PHOTOSHOP - FONTS DOWNLOADEN ............................................................................................ 17

VOORBEREIDING SPREAD PRODUCTEN IN PHOTOSHOP................................................................................ 24

SPREAD PRODUCTEN ........................................................................................................................................... 25

Page 3: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 3

PLANNING SCHEMA GROEP A

klassikaal zelfstandig 1. Introductie Digitale Vormgeving - Basics

2 Fotograferen portret en school

4 Portfolio in InDesign - Basics

3 Logo-onderzoek in Word

5 Interview opzet in InDesign

6 Interview tekst en beeld vervangen in InDesign

8 Werken aan interview in InDesign

7 Printopdracht Portfolio

9 Opzet cover in Photoshop - Fonts downloaden

10 Voorbereidingen cover in Word

12 Snelle selectie in Photoshop

11 Werken aan cover in Photoshop

13 Feedback cover - Productpagina in InDesign

14 Voorbereiding spread producten in Photoshop

16 Alles afmaken

15 Productpagina in InDesign

SCHEMA GROEP B

zelfstandig klassikaal 1 Fotograferen portret en school

2 Introductie Digitale Vormgeving

4 Logo-onderzoek in Word

3 Portfolio in InDesign

5 Interview tekst en beeld verzamelen in InDesign

6 Interview-opzet in InDesign

8 Printopdracht Portfolio

7 Werken aan interview in InDesign

9 Voorbereidingen cover in Word

10 Snelle selectie in Photoshop

12 Werken aan cover in Photoshop

11 Opzet cover in Photoshop - Fonts downloaden

13 Voorbereiding spread producten in Photoshop

14 Feedback cover - Productpagina in InDesign

16 Alles afmaken

15 Werken aan productpagina in InDesign

Page 4: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 4

STUDIEWIJZER DIGITALE VORMGEVING COHORT 2019 LEERJAAR 1 MAGAZINE

Vak: Digitale Vormgeving - Cohort: 2019 - Leerjaar: 1 – Project Open dag magazine

Context De leerling is in staat een magazine te ontwerpen en vorm te geven voor de Open dag van de afdeling Marketing en Communicatie.. Items Magazineformat in InDesign – Fotobewerking in Photoshop

Leerdoelen De leerling is in staat een magazine te ontwerpen en vorm te geven, een cover te ontwerpen en vorm te geven, een Interview in de vorm van een spread te ontwerpen, een productpagina te maken. De leerling maakt gebruik van onderstaande gereedschappen, technieken en vormgevingselementen.

Gereedschappen InDesign- en Photoshop-gereedschappen Technieken Bestand maken, openen en opslaan – Paginanummering- Stramienen – Printerinstellingen -Fotokwaliteit verbeteren – Objecten en personen vrijzetten – layout-technieken – Achtergrond in kleur, gradient en afbeelding -Laagstijlen - Vormen Vormgevingselementen

Tekstopmaak, Lay-out, eenheid in stijl, kwaliteit van afbeeldingen, originaliteit, uitlijning. Communicatie waarde (AIDA-formule). Layouttips toepassen. 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 Het maken van een Magazineformat in InDesign – maken van een paginanummering met behulp van paginastramien – opslaan in verschillende bestandsformaten – downloaden van een printerdriver – printinstellingen bewerken. Maken van een cover in Photoshop Instructielessen, gezamenlijk oefenen van technieken, onder begeleiding werken aan portfolio opdrachten. Tijd

- 2 uur per week lesactiviteiten - 1 periode van 9 weken Leermiddelen

Opdrachten Digitale Vormgeving Project Open dag magazine Materiaal en Reader zijn te vinden op de website http://www.mcstudentenwerk.wordpress.com/leerjaar1

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

Page 5: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 5

FOTOGRAFEREN PORTRET & SCHOOL

Fotografeer elkaar in groepen van 2, 3 of 4 personen volgens de gegeven criteria.

Maak van iedereen in de groep minimaal 5 foto’s. Criteria

- Maak minimaal 2 portretfoto’s (schouders en gezicht) en 2 foto’s ten voeten uit (van top tot teen).

- Stel je camera in op de hoogste kwaliteit. - Maak gebruik van daglicht. Fotografeer dus buiten. - Zorg voor een rustige / effen achtergrond. - Fotografeer niet tegen de zon in. - Probeer overbelichting of te sterke schaduwen te vermijden.

Ga niet in de felle zon staan. Verander af en toe van positie. - Verzend de foto door middel van email naar de juiste persoon. Kies voor het grootste

bestandsformaat. Als je de foto met What’s-App verstuurt, wordt hij kleiner gemaakt waardoor hij niet meer bruikbaar is voor de opdracht.

Plaats de foto’s van jezelf in een map met de naam fotografie -eigennaam.

Maak 10 verschillende foto’s van de schoolomgeving volgens de gegeven criteria.

Deze opdracht maak je individueel. Criteria

- Maak minimaal

o 2 overzichtsfoto’s van de school en de omgeving buiten.

o 2 overzichtsfoto’s van de school binnen.

o 2 detailfoto’s van de school en de omgeving buiten.

o 2 detailfoto’s van de school binnen.

- Stel je camera in op de hoogste kwaliteit.

- Verzend de foto door middel van email naar jezelf. Kies voor het grootste bestandsformaat.

Plaats alle foto’s in de map met de naam fotografie-eigennaam.

Page 6: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 6

LOGO-ONDERZOEK

Onderzoek je favoriete logo aan de hand van de gegeven criteria.

Neem een logo van een merk dat jij speciaal vindt als uitgangspunt. Dat mag zijn op het gebied van kleding, muziek, auto’s, food … wat jij wil. Kopieer en plak het logo in een document. Beschrijf voor dit logo de volgende items:

- Wat valt je op aan o Beeldmerk / afbeelding o Tekstinhoud o Lettertype o Leesbaarheid o Duidelijkheid o Kleur o Vorm o Eenheid o Originaliteit

- Waarom spreekt het je wel / niet aan? - Wat is de achterliggende betekenis? - Beschrijf de verschillende toepassingen (tassen – billboards – kleding – etc.)

Sla de opdracht op als logo-onderzoek- eigennaam.docx en logo-onderzoek- eigennaam.pdf

Page 7: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 7

INTERVIEW-OPZET IN INDESIGN

Ontwerp een interview bestaande uit twee pagina’s (Spread), één pagina met een foto van de persoon die wordt geïnterviewd en een pagina met tekst in kolommen.

Inhoud Titel – Subtitel - Broodtekst/platte tekst - Subkop - (foto)Bijschriften - Paginanummer Kopieer een interview over een (bekende persoon). Voeg aan het interview een auteurs- rechtenvrije foto toe ter grootte van één pagina. Foto groter dan 2 MP 1600 x 1200 pixels. Nieuw Bestand in InDesign Bestand de optie Nieuw voor een nieuw document. Kies voor Drukwerk – A5. Zie je A5 niet staan … klik dan op Alle voorinstellingen weergeven. Pagina’s: 2 Kies voor 2 kolommen met een tussenruimte van 4 mm, marges van 20mm en Afloopgebied van 3mm. Kies voor maken. Klik vervolgens in het menu Pagina’s op het uitrolmenu voor Volgorde van pagina’s wijzigen toestaan. Schuif de pagina’s naast elkaar.

Foto Plaats een auteursrechtvrije foto aan de linkerkant van de pagina. Dit doe je door in de Optiebalk naar Bestand te gaan en op Plaatsen Ctrl+D. Zorg dat de foto groot genoeg is. Dit kun je zien door met de Witte pijl in je afbeelding te klikken en in de Optiebalk bij het percentage te kijken. Een foto mag niet groter zijn dan 120%, anders verliest de foto te veel kwaliteit en wordt de afbeelding onscherp.

Page 8: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 8

Broodtekst plaatsen Klik en sleep met het Tekstgereedschap om een Tekstvak te maken. Kopieer (ctrl+C) en Plak(ctrl+V) interviewtekst in het tekstvak. Gebruik voor de broodtekst (leestekst) een Lettergrootte tussen de 8 en 11 pt. Klik met de selectiepijl op het rode kruisje rechtsonder op het linker kader. Er hangt nu tekst aan je pijltje. Deze tekst kun je plaatsen in het rechterkader.

Broodtekst vormgeven Maak de tekst op door de gehele tekst te selecteren (ctrl+A). In de Optiebalk – Venster - Tekst en tabellen klik je op Teken. In dit palet kun je zelf kiezen welk lettertype, stijl, grootte en de ruimte tussen de zinnen (interlinie) je wilt. Gebruik dit venster om een vetgedrukte intro te maken. Hou ruimte aan de zijkant, zet de tekst nooit buiten de paarse lijnen (marge).

Kopjes en witregel Plaats tussenkopjes tussen de broodtekst. Accentueer een tussenkop met een vette, grotere letter, streep eronder, cursief of een andere kleur. Dit kun je ook aanpassen in het venster Teken Maak de tussenkop niet te lang. Zorg dat de lezer af en toe kan ademen tijdens het lezen, dat betekent: maak gebruik van lege regels / witregels.

Page 9: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 9

Uitlijnen of Uitvullen Je kunt teksten op verschillende manieren uitlijnen. Het meest gebruikte zijn Rechtsuitlijnend, centraal of Linksuitlijnend. Dit betekent dat de tekst even groot wordt als het tekstvlak. Hierdoor ontstaan er geen “gaten” aan het einde van de zin, maar wel door de tekst heen. Als je kiest voor uitlijnen vink dan ook Woord afbreken aan zodat de gaten tussen de woorden niet te groot worden.

Titel en subtitel Haal een zin uit de tekst voor de Kop van het Interview. De naam van geïnterviewde mag je niet als kop gebruiken. Paginanummering Plaats een paginanummer zoals je geleerd hebt in de introductie - opdracht. Zet het paginanummer niet te dicht op de rand en maak het niet te groot. Zorg dat je de pagina nummers in je A-stramien altijd in een aparte laag staan. Hierdoor kun je de pagina nummers later makkelijk verplaatsen als je de pagina nummers bijvoorbeeld voor een plaatje wil zetten. Bestand opslaan in InDesign Sla de opdracht als: Interview-eigennaam.indd én inteview-eigennaam.pdf Zie hiervoor ook opdracht 1 Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar interview-eigennaam.pdf – geef de opdracht een Titel en een Beschrijving. Portfolio opslaan en publiceren

- Ga in de Menubalk naar Bestand– Opslaan - Ga in de menubalk naar Bestand – Publish Online - Vink aan Bestaand document bijwerken - Klik op Publiceren

Page 10: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 10

INTERVIEW TEKST EN BEELD VERZAMELEN IN WORD

Verzamel Tekst en een afbeelding voor een interview.

Voor deze opdracht ga je alvast op zoek naar de onderdelen van een interview die hierna zijn beschreven en die je in het plaatje ziet zodat je ze straks kunt gebruiken om de opdracht te maken.

Verzamel In Word op A4 Lettergrootte 10:

- 1x Titel en Subtitel - Broodtekst/platte tekst - 5x alinea en Subkoppen - Foto en Bijschrift Foto Plaats de teksten en de foto in een Word-document. Bewaar de foto in de originele grootte ook op je laptop of USBstick. Opdracht opslaan in Word Sla op als: interview-eigennaam.docx en interview-eigennaam.pdf

Page 11: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 11

INTERVIEW TEKST EN BEELD VERVANGEN IN INDESIGN

Vervang alle Lorum Ipsum tekst.

Deze opdracht maak je individueel. Vervang alle Lorum Ipsum teksten. Let daarbij op onderstaande onderdelen:

- 1x Titel en Subtitel - Broodtekst/platte tekst - 5x Alinea en Subkoppen - Foto en Bijschrift

Opdracht opslaan in Word Sla op als: interview-eigennaam.docx en interview-eigennaam.pdf Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar interview-eigennaam.pdf – geef de opdracht een Titel en een Beschrijving. Portfolio opslaan en publiceren

- Ga in de Menubalk naar Bestand– Opslaan - Ga in de menubalk naar Bestand – Publish Online - Vink aan Bestaand document bijwerken - Klik op Publiceren

Page 12: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 12

PRINTEN PORTFOLIO

Print je Portfolio uit in boekvorm.

Printer driver installeren Om een magazine te kunnen printen moet je eerst de printerdriver installeren. Helaas gaat dit alleen op een laptop met Windows besturingssysteem. De MACgebruikers zullen daarom hun Windows-klasgenoten om hulp moeten vragen. Ga naar www.myprintkw1c.nl 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. Afdrukken Ga naar Adobe Acrobat of Acrobat Reader Open de PDF - Kies voor Afdrukken - Neem onderstaande instellingen over .

Page 13: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 13

- -

-

Page 14: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 14

VOORBEREIDINGEN COVER •

Maak een inspiratiebord voor een cover van je eigen glossy. Maak minimaal 4 teasers voor deze cover. Laat jezelf fotograferen voor de cover.

Inspiratiebord in Word of op Papier

- Ga op zoek naar 4 verschillende covers die je aanspreken. - Geef per cover minimaal 1 reden waarom. - Zorg ervoor dat je in totaal minimaal 4 sterke punten hebt. - Zoek voor ieder punt een aantal plaatjes. - Maak er een creatief geheel van.

Teasers Maak aan de hand van onderstaande Teasertips 4 verschillende teasers voor je eigen Glossy.

Mooi lettertype

Cijfer met ronde vorm erachter Kleuraccenten in tekst

Verloopkleur

Mooie foto

Page 15: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 15

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

Foto Laat je zelf fotograferen voor je eigen Glossy. Het is belangrijk dat de foto van jezelf groot geplaatst kan worden. Een foto van Facebook of Instagram is vaak verkleind en daarom niet meer bruikbaar. Stel je camera in op het maken van een grote foto (minimaal 4000 pixels breed). Zorg voor een rustige / effen achtergrond, voor voldoende licht. Gebruik geen flits. Mail de foto op originele grootte naar jezelf. Whats-app verkleint de foto te veel. Opdracht opslaan in Word Sla dit moodbord op als voorbereidingen-cover-eigennaam.docx. en voorbereidingen-cover-eigennaam.pdf. Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar voorbereidingen-cover-eigennaam.pdf – geef de opdracht een Titel en een Beschrijving. Portfolio opslaan en publiceren

- Ga in de Menubalk naar Bestand– Opslaan - Ga in de menubalk naar Bestand – Publish Online - Vink aan Bestaand document bijwerken - Klik op Publiceren

Page 16: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 16

SNELLE SELECTIE IN PHOTOSHOP

Maak zelf een foto van een persoon, verwijder de achtergrond en verfijn de rand van de selectie.

Foto van een persoon met haren waarvan losse haartjes te zien zijn. Ga op zoek naar een foto. Houd daarbij rekening met copyright en portretrecht. De foto moet minimaal de grootte hebben van een A5. Sla de foto op en open de afbeelding in Photoshop. Achtergrond verwijderen Neem het gereedschap Snelle selectie. Selecteer de persoon. Beweeg met de snelle selectie over de persoon. Werk in kleine stukjes. Als je te veel selecteert kun je dit corrigeren door er met de ALTtoets over te bewegen. Aan de rand van de haren maak je het penseel kleiner. Selecteer tot de buitenste rand van de haren. De lastige delen halen we hierna weg met Selecteren en Maskeren.

Selecteren en Maskeren Ga nu in de optiebalk naar Selecteren en Maskeren. Kies rechts voor Overlay. Kies links voor Penseel Randen Verfijnen. Schilder met het penseel over de randen van het haar. Klik op OK. Kopieer de selectie naar een nieuwe laag met CTRL + J. Zet het oogje van de oorspronkelijke laag uit.

Selecteer de nieuwste laag nog een keer: Klik op het Laagicoon met de CTRLtoets ingehouden. Ga in de Optiebalk naar Selecteren – Selecteren en Maskeren. Sleep het pijltje bij Vloeiend in het rechtermenu naar rechts. Klik op OK. Kopieer de selectie naar een nieuwe laag met CTRL + J. Zet het oogje van de vorige laag uit.

Opdracht opslaan in Photoshop

Sla de opdracht op als eigennaam-snelleselectie.psd en

eigennaam-snelleselectie.png

Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar snelle-selectie-eigennaam.png – geef de opdracht een Titel en een Beschrijving. Portfolio opslaan en publiceren

- Ga in de Menubalk naar Bestand– Opslaan - Ga in de menubalk naar Bestand – Publish Online - Vink aan Bestaand document bijwerken - Klik op Publiceren

Page 17: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 17

COVER IN PHOTOSHOP - FONTS DOWNLOADEN

Maak een cover voor een glossy met jouw naam en foto. Maak gebruik van lettertypes die je zelf hebt geïnstalleerd.

Inhoud

- Foto van jezelf waarvan de achtergrond is weggehaald - Nieuwe achtergrond (kleur, verloop of foto) - Teksten:

o Titel (je eigen naam) achter de foto van jezelf o Jaargang (nummer jaar en maand) o Prijs o Minimaal 4 verschillende teasers

- Minimaal 1 vorm

Foto Het is belangrijk dat de foto van jezelf groot geplaatst kan worden. Een foto van Facebook of Instagram is vaak verkleind en daarom niet meer bruikbaar. Stel je camera in op het maken van een grote foto. Zorg voor een rustige / effen achtergrond, voor voldoende licht. Gebruik geen flits. Mail de foto op originele grootte naar jezelf. Whats-app verkleint de foto te veel. Open de afbeelding in Photoshop.

Page 18: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 18

Achtergrond verwijderen

Neem het gereedschap Snelle Selectie. Selecteer jezelf. Aan de rand van de haren maak je het maak je

het penseel kleiner. Selecteer tot de buitenste rand van de haren.

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. Schilder met het penseelover de randen van het haar. Klik op OK. Kopieer de selectie naar een nieuwe laag met CTRL + J. Zet het oogje van de oorspronkelijke laag uit. Selecteer de nieuwste laag nog een keer: Klik op het Laagicoon met de CTRLtoets ingehouden. Ga in de Optiebalk naar Selecteren – Selecteren en Maskeren. Sleep het pijltje bij Vloeiend / Smooth in het rechtermenu naar rechts. Klik op OK. Kopieer de selectie naar een nieuwe laag met CTRL + J. Zet het oogje van de vorige laag uit.

Fotokwaliteit verbeteren Verbeter de foto met Niveaus / Levels (CTRL +L) In het venster zie je een curve met een driehoekje links en rechts. Als je deze driehoekjes naar het midden schuift tot aan het punt waar de curve omhoog gaat verbetert de foto van kwaliteit. Klik op OK. Sluit het bestand niet af!

Selectie plaatsen in een nieuw bestand Maak een nieuw bestand: Bestand – Nieuw Formaat : Drukwerk -A5; Breedte: 14,85 cm x Hoogte: 21 cm - Resolutie: 300 pixels/inch - Kleur: CMYK. Plaats beide bestanden naast elkaar: Venster / Window – Ordenen / Arange – Alles naast elkaar Sleep de laag met de foto van jezelf in het nieuwe bestand.

Page 19: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 19

Pas de grootte van de foto aan: Klik op Ctrl+T – Sleep aan een vierkant blokje (ankerpunt) op 1 van de hoeken van de afbeelding. Houd daarbij de Shift-toets ingedrukt zodat de verhoudingen behouden blijven. Sluit af met Enter. Achtergrond Kleur Met het gereedschap Emmertje / Bucket uit de Gereedschapsbalk kun je de achtergrondkleur veranderen: Kies een kleur door te dubbelklikken op het bovenste Kleurvakje in de Gereedschapsbalk. Kies de kleur die je mooi vindt. Ga op de Achtergrondlaag in het Lagenmenu staan. Klik met het Emmertje in je document.

Verloop / Gradiënt Hiervoor kies je als je een kleurovergang als achtergrond wilt. Bepaal de kleur van het verloop door de beide kleurvakjes de juiste kleur te geven. Klik met de Rechtermuis op het Emmertje / Bucket in de Gereedschapsbalk. Kies voor Verloop / Gradiënt. Zorg ervoor dat de Achtergrondlaag geselecteerd is. Trek nu met je cursor een streep over het werkblad.

Achtergrondafbeelding Ga op zoek naar een passende achtergrondafbeelding. Denk daarbij aan het Auteursrecht. Open de afbeelding. Kies voor Venster / Window – Ordenen / Arange – Alles naast elkaar Sleep de laag met de afbeelding in je bestand. Pas de grootte van de foto aan zodat deze de hele achtergrond opvult: Klik op Ctrl+T – Sleep aan een vierkant blokje (ankerpunt op 1 van de hoeken van de afbeelding. Houd daarbij de Shift-toets ingedrukt zodat de verhoudingen behouden blijven. Sluit af met Enter. Check in het lagenmenu of de nieuwe afbeelding onder de laag met je foto staat zodat je foto niet bedekt wordt.

Page 20: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 20

Kleur aanpassen Soms werkt het beter als je de achtergrondfoto zwartwit maakt of de kleur afstemt op de voorgrondfoto. Dit kun je doen met Ctrl+U. Bij de schuifbalk Kleurtoon / Hue kun je de kleur veranderen. Verzadiging / Saturation bepaalt de sterkte van de kleur: Helemaal naar links: geen kleur (zwart-wit) – Helemaal naar rechts: Felle tinten. Helderheid / Brightnes (laatste schuifbalk) kun je beter op een andere manier aanpassen. Als je het vakje rechts Vullen met kleur / Colourize aanvinkt krijg je een duotoon (zwart-wit met 1 kleur).

Teksten Een achtergrondafbeelding mag tot de randen van het document doorlopen. Als er dan bij het printen, drukken en snijden een stukje vanaf valt is dat nier erg. Voor de overige inhoud mag dit niet gebeuren. Je plaatst daarom hulplijnen aan de randen waar de tekst en overige afbeeldingen binnen moeten blijven. Hulplijnen Ga in de optiebalk naar Weergave / View - Nieuwe Hulplijn / New Guide Verticaal: 1 cm en 13,85 cm, Horizontaal: 1 cm en 20 cm. Titel De titel is gelijk aan je eigen naam. Selecteer in de Gereedschapsbalk het gereedschap Horizontale tekst. Klik met het Tekstgereedschap op de afbeelding. Typ je naam. Open in de Optebalk – Venster / Window – Teken / Character. Kies een kleur door in het palet Teken (Character), Tekstkleur te kiezen. Sleep de Tekstlaag in het Lagenpalet onder de foto. Je naam komt nu achter de foto. Plaats de titel achter de uitgesneden foto van jezelf zodat te zien is dat van deze foto de achtergrond is verwijderd. Gebruik voor de titel een lettertype met meer body. Een stevige letter heeft meer effect dan een dun, sierlijk lettertype. Teasers Plaats minimaal 5 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.

Page 21: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 21

Typografie Lettertypes Speel met de tekst! Gebruik verschillende lettergroottes en verschillende lettertypes. Behalve de lettergrootte kun je ook de afstand tussen de letters en tussen de regels veranderen. Ook kun je een letter extra hoog of breed maken. Hiervoor gebruik je het Venster – Teken Zorg ervoor dat je teksten uitgelijnd zijn. Hiervoor gebruik je het venster Alinea. Maak zowel gebruik van uitlijning Links en Rechts.

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: Lagenpalet - Laagstijl invoegen. Kies daar een Laagstijl. Lijn, Schaduw, Gloed. Maak een keuze en bepaal de grootte etc.

Vormen 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! Het gereedschap Vormen vind je in de Gereedschapsbalk. In de Optiebalk kun je aangeven wat de kleur van de vorm moet zijn, of er een lijn om moet, wat voor lijn en hoe dik.

Page 22: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 22

KOP JAARTAL

TEASERS

VORM

PRIJS

Page 23: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 23

Letters downloaden bij www.dafont com

Ga naar deze website en kies een lettertype die past bij de sfeer of het ontwerp dat je wilt gaan

realiseren. Heb je een geschikt lettertype gevonden Klik dan op downloaden.

Druk na het downloaden op de tap opslaan en vervolgens op de tap openen. Klik op rechtermuisknop. Ga naar : Open met Verkenner. Klik op bestand met A in icoon en vervolgens op installeren.

Je kunt het lettertype nu in alle programma’s gebruiken. Toets het in bij de lettertypes en ga ermee aan de slag. Opdracht opslaan in Photoshop Sla de cover op als cover-eigennaam-cover.psd en cover-eigennaam.jpg Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar cover-eigennaam.jpg – geef de opdracht een Titel en een Beschrijving. Portfolio opslaan en publiceren

- Ga in de Menubalk naar Bestand– Opslaan - Ga in de menubalk naar Bestand – Publish Online - Vink aan Bestaand document bijwerken - Klik op Publiceren

Page 24: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 24

VOORBEREIDING SPREAD PRODUCTEN IN PHOTOSHOP

Verzamel informatie en productafbeeldingen voor een spread.

Voor deze opdracht ga je alvast op zoek naar de onderdelen van een spread die hierna zijn beschreven zodat je ze straks kunt gebruiken om de opdracht te maken. Zet de tekst alvast in een Word document zodat je tijdens de klassikale les meteen aan de slag kunt.

Verzamel In Word op A4 Lettergrootte 10:

- 1x Titel - Broodtekst/platte tekst - 5x alinea en Subkoppen - 8x Foto en 8x Bijschrift Foto

Opdracht opslaan in Photoshop

Sla de opdracht op als voorbereidingen-spread- eigennaam-docx en voorbereidingen-spread-

eigennaam.pdf

Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar - voorbereidingen-spread- eigennaam.pdf – geef de opdracht een Titel en een Beschrijving. Portfolio opslaan en publiceren

- Ga in de Menubalk naar Bestand– Opslaan - Ga in de menubalk naar Bestand – Publish Online - Vink aan Bestaand document bijwerken - Klik op Publiceren

brood tekst

kop

tussenkop

8x productfoto

8x bijschrift

Page 25: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 25

SPREAD PRODUCTEN

Maak een Spread met een productpagina en een informatiepagina volgens de gegeven criteria.

Een Spread is een dubbele pagina in een magazine. In deze opdracht maak je aan de ene kant een pagina met informatie over een zelf te kiezen productgroep en een pagina met een productpresentatie. Nieuw bestand in InDesign Formaat: Drukwerk - A4 - Staand - 2 pagina’s - Vink pagina’s naast elkaar aan – Marges: 20 mm (overal - Afloopgebied 4 mm (overal). Klik in het Paginamenu op Volgorde van documentpagina’s wijzigen toestaan. Klik erop ook als er al een vinkje voor staat. Schuif vervolgens de 2 losse pagina’s naast elkaar.

Informatiepagina Kies een productgroep die je leuk vindt. Ga op zoek naar informatie hierover. Plaats de informatie op de informatiepagina. Criteria:

- Tekst (grootte 9 of 10 punten) in 3 kolommen uitgevuld - Titel - paginabreed - Intro vetgedrukt - Minimaal 4 alinea’s gescheiden door 1 of meer witregels - Alineakopjes in afwijkend lettertype of lettergrootte

Selecteer 1 van beide pagina’s. Klik in de Optiebalk op Layout en ga naar Marges en kolommen. Wijzig het aantal kolommen van 1 naar 3. Eventueel lay-out aanpassen inschakelen.

Page 26: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 26

Plaats een horizontale hulplijn voor een titel. De hulplijn kun je met het Selectiegereedschap uit de bovenste liniaal slepen. Heb je geen Linialen klik dan op Ctrl + R. Teken met het Tekstgereedschap een Tekstvak in de eerste kolom. Houdt aan de bovenzijde ruimte voor een tekstvak voor de titel.

Kopieer en plak de tekst in het tekstvak. Als de tekst niet in de eerste kolom past zie je onderin het tekstvak een Klein plusteken. Klik hierop met het Selectiegereedschap tot er een kleine tekst te zien is. Teken met het selectiegereedschap in de 2e kolom een tekstvak. De resterende tekst wordt nu geplaatst. Doe hetzelfde voor de 3e kolom.

Open in de Optiebalk - Venster - Tekst en tabellen - Alinea. Open ook Venster - Tekst en tabellen - Teken. Selecteer de tekst met het Tekstgereedschap. In het venster Alinea kun je de tekst uitvullen. In het venster Teken kun je het Lettertype en de lettergrootte aanpassen. De introductietekst zet je op Bold (vetgedrukt). Dit doe je in het venster Teken. Let op … sommige lettertypes kun je niet op bold zetten. Kies voor een lettertype waarbij dit wel kan. Teken een tekstvak over de hele pagina voor de titel.

Page 27: INHOUD - WordPress.comINTERVIEW TEKST EN BEELD VERZAMELEN IN WORD Verzamel Tekst en een afbeelding voor een interview. Voor deze opdracht ga je alvast op zoek naar de onderdelen van

DIGITALE VORMGEVING 27

Pagina productpresentatie

Verzamel minimaal 8 productfoto’s van het door jou gekozen product.

Selecteer de 2e pagina. Kies in de optiebalk voor Bestand - Plaatsen.

Blader naar het juiste product. Vergeet niet de productfoto in te sluiten.

Gebruik hiervoor het venster - Koppelingen. Plaats minimaal 8 verschillende

productfoto’s. Plaats tot slot de naam van het product onder de foto.

Experimenteer met de Layout om tot een mooi geheel te komen.

Hiernaast zie je nog enkele voorbeelden van productpagina’s

Opdracht opslaan in InDesign Bestand opslaan als: spread-producten-eigennaam.indd en spread-producten-eigennaam.pdf Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar - voorbereidingen-spread- eigennaam.pdf – geef de opdracht een Titel en een Beschrijving. Portfolio opslaan en publiceren

- Ga in de Menubalk naar Bestand– Opslaan - Ga in de menubalk naar Bestand – Publish Online - Vink aan Bestaand document bijwerken - Klik op Publiceren