INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig...

39

Transcript of INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig...

Page 1: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart
Page 2: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 2

INHOUD

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

INTRODUCTIE VORMGEVING ................................................................................................................... 3

PLANNING ................................................................................................................................................ 4

INLEIDING ILLUSTRATOR .......................................................................................................................... 9

BASISVORMEN ....................................................................................................................................... 11

VOORBEREIDING TEKSTEFFECTEN EN LOGO ......................................................................................... 13

TEKSTEFFECTEN ..................................................................................................................................... 14

VOORBEREIDINGEN LOGO ONTWERPEN ............................................................................................... 17

LOGO ONTWERPEN ............................................................................................................................... 18

AFBEELDINGEN ...................................................................................................................................... 19

LOGOPRESENTATIE ................................................................................................................................ 21

VOORBEREIDING VISITEKAARTJE ........................................................................................................... 23

VISITEKAARTJE ....................................................................................................................................... 24

VOORBEREIDING MENUKAART .............................................................................................................. 26

MENUKAART .......................................................................................................................................... 28

BIERVILTJE .............................................................................................................................................. 30

ROBOT TEKENEN .................................................................................................................................... 32

PATHFINDER ROBOTS ............................................................................................................................ 32

PORTRET TEKENEN ................................................................................................................................ 35

Page 3: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 3

INTRODUCTIE VORMGEVING Bij het vak Digitale Vormgeving leer je hoe je promotiemiddelen kunt ontwerpen en vormgeven en leer je de basisvaardigheden van de programma’s:

- Adobe InDesign CC. - Adobe Photoshop CC - Adobe Illustrator CC - Adobe Acrobat Pro

Per periode krijg je een reader met informatie en opdrachten. Klassikale opdrachten zijn blauw. Zelfstandige opdrachten zijn rood. Op de site mcstudentenwerk.wordpress.com staan de readers digitaal. Op deze site vind je ook werk van leerlingen, voorbeelden en achtergrondinformatie. De inhoud van het vak is afgestemd op de projecten Open dag magazine Combinatie van InDesign en Photoshop, Pimp your bar Illustrator Jump up Photoshop Helftheuvel Indesign (en een beetje Photshop) Klassikale lessen en zelfstandig werken aan opdrachten. Digitale Vormgeving staat 2 uur per week op je rooster. Iedereen meldt zich aan het begin van de 2 uur bij de docent. De klas wordt verdeeld in groep A en groep B. 1e uur: De ene helft van de klas krijgt les in een lokaal. De andere helft van de klas werkt zelfstandig aan toepassingsopdrachten. Loop je met zelfstandig werken vast … help je elkaar en formuleer je vragen voor de klassikale les. 2e uur: de klas wisselt. Per week wisselen we wie begint met klassikaal of zelfstandig. In onderstaande schema’s kun je zien met welke opdracht en theorie je aan de slag gaat.

Page 4: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 4

PLANNING SCHEMA GROEP A

klassikaal zelfstandig 1 Basisvormen / Portfolio

2 Basisvormen

4 Teksteffecten

3 3 lettertypes downloaden via dafont

5 Afbeeldingen en uitleg Logo

6 Logo maken

8 Logo Logopresentatie kleur uitsnede Logo Feed back

7 Logopresentatie 4 x kleur veranderen

9 Visitekaartje Uitleg incl icons

10 Zelfstandig Visitekaartje

12 Uitleg Menukaart XM

11 Zelfstandig Menukaart XM

13 Feedback Menukaart

14 Bierviltje

16 Bierviltje/ Pathfinder Robot

15 Pathfinder Robot

17 Alles inleveren en afmaken

18 Alles inleveren en afmaken

SCHEMA GROEP B zelfstandig klassikaal

1 Basisvormen

2 Basisvormen/Portfolio

4 3 lettertypes downloaden via dafont

3 Teksteffecten

5 Voorbereiding logo

6 Afbeeldingen en uitleg Logo

8 Logopresentatie 4 x kleur veranderen

7 Logo Logopresentatie kleur uitsnede Logo Feed back

9 Voorbereiding visitekaartje icons

10 Visitekaartje Uitleg

12 Zelfstandig Menukaart XM

11 Uitleg Menukaart XM

13 Bierviltje

14 Feedback Menukaart/Bierviltje

16 Pathfinder Robot

15 Pathfinder Robot

17 Alles inleveren en afmaken

18 Alles inleveren en afmaken

Page 5: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 5

WERKWIJZE DIGITALE VORMGEVING Adobe programma’s Om het vak digitale Vormgeving te kunnen volgen moet je een abonnement hebben op Adobe Creative Cloud voor het onderwijs. Door Adobe Creative Cloud met services aan te schaffen verkrijg je een 1jarig abonnement voor het gebruik van de Adobe software - Het lidmaatschap voor Adobe Creative Cloud gaat in zodra je het verstrekte serienummer hebt geactiveerd - Met de gegevens van de bestelling kun je één Adobe ID aanmaken, je kunt met dit Adobe ID de licentie op twee apparaten in gebruik nemen.

- Log eerst in op het portaal van www.kw1c.nl. - ga vervolgens naar www.surfspot.nl (Hiervoor dien je de gegevens van je schoolaccount te

gebruiken. Met een eigen mailadres krijg je niet de studentenprijs.) - Koop: “Adobe Creative Cloud met services student“, ± €140,- (je kunt betalen met iDeal). - Je kunt daarna de licentiecode als volgt ophalen: Ga naar www.surfspot.nl. Klik op 'Mijn

SURFspot' 'Bestellingen'. De licentiecode staat vermeld onder 'Toon licentiecode'. Wij adviseren je voor een soepele ingebruikname van Adobe Creative Cloud met services de handleiding te raadplegen. Belangrijk! Geef nooit creditcardgegevens op bij Adobe en ga niet akkoord met een automatische verlenging. Bekijk de installatiehandleiding voor de juiste registratiestappen zonder je creditcardgegevens in te hoeven vullen. Bedenktermijn Op downloads is de bedenktijd niet van toepassing, downloads kunnen dan ook niet geannuleerd of geretourneerd worden. Tijdens het bestellen heb je akkoord gegeven om van je herroepingsrecht af te zien.

Bestanden opslaan Ieder werkstuk dat je maakt, sla je op als Werkbestand en Share-bestand. In een werkbestand kun je nog wijzigen en aanvullen. In een sharebestand maak je het bestand kleiner en toegankelijk voor gebruikers die niet in het bezit zijn van de Adobe-programma’s.

InDesign Photoshop Illustrator Werkbestand ID PSD AI Sharebestand o.a. PDF o.a. JPEG – PNG -

PDF o.a. PDF - PNG

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

Page 6: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 6

INLEVEREN EN BEOORDELEN De docent geeft aan wat de deadline is voor het inleveren / publiceren van een opdracht of product. Afhankelijk van het aantal opdrachten mag je 2 of 3 deadlines missen. Bij 6 opdrachten of meer mag je 3 deadlines missen, bij minder dan 6 opdrachten mag je 2 deadlines missen. Mis je er meer dan kun je deze opdrachten pas weer als herkansing inleveren. Per periode mogen maximaal 2 of 3 producten herkanst worden. Dit is ook weer afhankelijk van het aantal opdrachten. Bij 6 opdrachten of meer mag je 3 producten herkansen, bij minder dan 6 opdrachten mag je 2 producten herkansen. Productbeoordeling Productbeoordeling gebeurt aan de hand van vastgestelde criteria met bijbehorende normering. De producten/opdrachten worden beoordeeld op de volgende onderdelen: • Programma: Hier wordt vooral gekeken of je de verschillende technieken van het Adobe-programma die bij iedere opdracht staan aangegeven, hebt toegepast. • De vormgeving: Met name vormgevingselementen zoals compositie, kleurgebruik, layout, eenheid en originaliteit worden hier beoordeeld. • Visuele Communicatie: Afstemming op de doelgroep, attentiewaarde, eventuele call to action, versterking van beeld en tekst. 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 reflecteren • Sta je open voor feedback • Neem je feedback mee in je leerproces

Page 7: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 7

COPYRIGHT & PORTRETRECHT Wanneer je foto’s wilt gebruiken, is het belangrijk om rekening te houden met de wetten die hiervoor gelden. Je wilt natuurlijk geen hoge boete riskeren. Wanneer heb je toestemming nodig? Wanneer je een foto gebruikt … - die niet door jou of de organisatie genomen is; - waarvan je de eigendomsrechten niet hebt gekocht; - wanneer er sprake is van portretrecht. Ligt het auteursrecht niet bij jou, vraag dan toestemming aan de fotograaf. Na toestemming, afspraken en waarschijnlijk betaling aan de fotograaf, kun je de foto op je website plaatsen. Heb je toch een foto gepubliceerd (bijvoorbeeld op je website of in een folder) zonder toestemming van de fotograaf, dan kan de fotograaf aanspraak maken op zijn auteursrecht. Gevolgen hiervan kunnen zijn dat de fotograaf eist om de foto van je site te verwijderen, maar hij/zij kan ook een vergoeding vragen voor de tijd dat je de foto hebt gebruikt én een hoge schadevergoeding voor deze onrechtmatige daad eisen. Portretrecht Wanneer op de foto één of meerdere personen herkenbaar in beeld zijn, dan heb je ook te maken met het portretrecht. Binnen het portretrecht wordt onderscheid gemaakt tussen twee situaties: Portretten die in opdracht gemaakt zijn: Als fotograaf heb je altijd toestemming van de geportretteerde nodig om de foto te mogen gebruiken. De geportretteerde mag de foto zelf wel kopiëren, mits de naam van de maker wordt vermeld. Voor publicatie heeft de geportretteerde wel toestemming van de maker nodig. Portretten die niet in opdracht gemaakt zijn: Wanneer iemand bij toeval wordt gefotografeerd, bijvoorbeeld tijdens een evenement, en herkenbaar op de foto staat, dan mag de foto zonder toestemming worden gepubliceerd. Wanneer de persoon zich meldt en een redelijk belang heeft tegen publicatie, dan moet de foto verwijderd worden. Voor alle afbeeldingen, fonts, foto’s, etc. geldt dat je moet checken onder welke voorwaarden ze gebruikt mogen worden. Enkele sites met rechten-vrije foto’s

pixabay.com pexels.com Stocksnap.io unsplash.com negativespace.co burst.shopify.com gratisography.com MMTstock.com

skitterphoto.com lifeofpix.com foodiesfeed.com picjumbo.com jaymantri.com kaboompics.com epicantus.tumblr.com nl.freeimages.com

freefoto.com Public Domain Pictures graphicburger.com/flatlay-business-free-photos/ travelcoffeebook.com photocollections.io moveast.me rijksmuseum.nl/nl/rijksstudio

Page 8: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 8

STUDIEWIJZER DIGITALE VORMGEVING COHORT 2019 LEERJAAR 1 MAGAZINE

Vak: Digitale Vormgeving - Cohort: 2018 - Leerjaar: 1 – Pimp your bar 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 Huisstijl in Illustrator – Fotobewerking in Photoshop

Leerdoelen Deel 1: De leerling is in staat een huisstijl te ontwerpen voor een onderneming. En kan pr-en promotiemiddelen ontwerpen voor een product of dienst. Deel 2:De leerling is in staat pr en promotiemiddelen te ontwerpen voor het promoten van een product of dienst. Gereedschappen De leerling maakt gebruik van onderstaande gereedschappen, technieken en vormgevingselementen. Illustrator en Photoshop-gereedschappen Technieken Selecteren, werken met vormen, lettertypes, Kleuren, Afbeeldingen. Vormgevingselementen Lay-out, eenheid in stijl, kwaliteit van afbeeldingen, originaliteit, afwisseling, ritme, uitlijning 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 zijn onderneming aan derden. Leeractiviteiten Ontwikkelen huisstijl voor een horecaproject. Het maken van een Logo, Visitekaartje, Menukaart, Bierviltje

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

Page 9: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 9

INLEIDING ILLUSTRATOR Illustrator is een vector tekenprogramma. Het wordt vaak gebruikt voor het tekenen van cartoons, schema's, grafieken en logo's. In tegenstelling tot bitmap-afbeeldingen die informatie opslaat in een raster van stippen, maakt Illustrator gebruik van wiskundige berekeningen. Hierdoor krijg je vector illustraties die je eindeloos kunt vergroten zonder verlies van scherpte. Voordelen van de Vector illustraties

- afbeeldingen vergroten zonder resolutieverlies; - lijnen zijn helder en scherp in elke maat; - printen met hoge resolutie; - kleinere bestandsgrootte; - eenvoudig om zelf te tekenen.

Nadelen van vector illustraties

- tekeningen lijken plat en cartoonachtig; - moeilijk fotorealistische afbeeldingen te maken.

Page 10: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 10

Een nieuw document maken Ga naar Bestand - Nieuw Document om een nieuw document te maken. Kies voor Drukwerk – A4.

Je ziet nu het volgende werkblad:

Bestanden opslaan Ieder werkstuk dat je maakt, sla je op als Werkbestand en Share-bestand. In een werkbestand kun je nog wijzigen en aanvullen. In een sharebestand maak je het bestand kleiner en toegankelijk voor gebruikers die niet in het bezit zijn van de Adobe-programma’s.

InDesign Photoshop Illustrator Premiere Pro Werkbestand ID PSD AI PRPRO Sharebestand o.a. PDF o.a. JPEG – PNG -

PDF o.a. PDF - PNG o.a. AVI , MPEG , MOV,

MP4 , WMV 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. 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). Bestand exporteren als:

- Bestandsformaten voor gebruik in o.a. Photoshop, AutoCAD, Flash, etc.; - PNG (Portable Network Graphics) – Illustratie met transparante achtergrond; - JPEG (Joint Photographic Experts Group) – Illustratie met veel kleuren.

Page 11: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 11

BASISVORMEN Teken met behulp van onderstaande instructies met het vormgereedschap de vormen na uit figuur 1

Voor het maken van promotiemiddelen is het van belang verschillende vormen tot je beschikking te hebben. Ze zijn bruikbaar als beeldmerk, tekstvlak, achtergrond en illustratie. Een nieuw document maken Ga naar Bestand - Nieuw Document om een nieuw document te maken. Kies voor Drukwerk – A4. Vormgereedschappen Als je in het gereedschapspalet op de Rechthoekvorm vasthoudt verschijnt er een lijst van vormen. Vorm tekenen Om een rechthoek te tekenen gebruik je het Rechthoekgereedschap. Om een Vierkant te tekenen houd je de Shift in. Hetzelfde geldt voor de Ovaal. Met Shift wordt het een Cirkel. Vulling en Lijn Klik en sleep een rechthoek. De rechthoek krijgt een kleur en eventueel een rand. Dit is afhankelijk van de kleuren in de gereedschapsbalk.

Vulling en rand veranderen In de Optiebalk kun je bepalen of je een vulling en een rand wilt en welke kleur ze krijgen. Voor de rand of lijn kun je ook de dikte aangeven,

Page 12: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 12

Selectiegereedschappen Er zijn 2 soorten selectiegereedschap in Illustrator die gebruikt worden voor het selecteren van voorwerpen. Selectiegereedschap Zwarte pijltje dat wordt gebruikt voor het selecteren en verplaatsen van een vorm. Kan ook gebruikt worden om een vorm groter of kleiner te maken of te draaien. Direct Selectiegereedschap Het witte pijltje selecteert een enkel ankerpunt in plaats van de hele vorm. Het wordt gebruikt om een ankerpunt van een vorm te bewerken. Houd de Shifttoets ingedrukt om meerdere ankerpunten te selecteren en te bewerken.

Groter / kleiner maken van vormen Om een vorm te schalen gebruik je het Selectiegereedschap (zwarte pijltje). Als je op de vorm klikt verschijnt er een Selectiekader. Als je het Hoekanker naar buiten sleept wordt de vorm groter, naar binnen kleiner. Om de Verhoudingen te behouden houd je de Shift in. Als je wilt dat de vorm Op dezelfde plaats blijft als je hem schaalt dan houd je ook de Alt in. Vormen draaien Selecteer de vorm met het Selectiegereedschap. Het Selectiekader verschijnt. Beweeg je cursor vlakbij de hoek totdat een Rotatie-icoontje tevoorschijn komt. Hiermee kun je de vorm draaien. Om in stapjes van 45 ̊ te draaien houd je de Shift in terwijl je draait. Veelhoek maken Kies in de gereedschapsbalk voor Veelhoek. Klik 1 keer op je werkblad. Er verschijnt een venster waarin je kunt aangeven hoeveel hoeken de veelhoek moet hebben. Teken vervolgens je 3 (4-5-6-7-8-etc) hoek. Opdracht opslaan in Illustrator Sla het bestand op als basisvormen-eigennaam.Ai en eigennaam-basisvormen.pdf Voor het ai-bestand ga je naar Bestand – Opslaan als – Adobe Illustrator Voor het jpeg-bestand ga je naar Bestand – Opslaan als – jpeg. Opdracht plaatsen in Portfolio in InDesigns Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar basisvormen-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 13: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 13

VOORBEREIDING TEKSTEFFECTEN EN LOGO Download 3 lettertypes van www.dafont.com die passen bij je horeca concept

- Lettertypes downloaden bij www.dafont.com - Ga naar deze website en kies een lettertype die pas bij de sfeer of het ontwerp dat je wilt gaan

realiseren. Heb je een geschikt lettertype gevonden Klik dan op downloaden - Neem voor de opdracht teksteffecten een BOLD lettertype zodat het effect goed te zien is.

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

Page 14: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 14

TEKSTEFFECTEN Maak 1 Bloktekst, kopieer deze 3 keer en pas op iedere tekst een ander effect toe. Maak gebruik van de gereedschappen Stalen, Effecten en Symbolen. Een nieuw document maken Ga naar Bestand - Nieuw Document om een nieuw document te maken. Kies voor Drukwerk – A4. Teksten op een nieuwe laag Klik met het Tekstgereedschap uit de gereedschapsbalk op je werkblad. Kies voor een duidelijk vet lettertype. Dit kun je kiezen in de menubalk bij Venster – Tekst – Teken. Typ de Naam van de horecagelegenheid uit jullie project. Klik opnieuw met het Tekstgereedschap op je werkblad. Typ de Locatie van de horecagelegenheid. Klik nog een keer tot. Typ nu Opening gevold door een datum. Hulplijnen Maak een Nieuwe Laag. Dit doe je door te klikken op het Icoon Nieuwe Laag onderaan het Lagenpalet. De hulplijnen komen nu in deze aparte laag. De Hulplijnen sleep je uit de Linialen. Laag Kopiëren De laag met de tekst sleep je in het Icoon Neuwe Laag. Je hebt nu een kopie bovenop de oorspronkelijke laag. Verplaats de Gekopieerde tekst onder de oorspronkelijke tekst met behulp van de pijltjes op je toetsenbord. Kopieer ook deze laag en verplaats de nieuwe kopie onder de eerste kopie. Er staan nu op je werkblad 3 dezelfde teksten onder elkaar. Op iedere laag gaan we een ander effect toepassen.

liniaal

Page 15: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 15

Stalen Selecteer de bovense tekstlaag. Of het de goede laag is kun je zien aan de selectie op je werkblad. Open het Venster Stalen. Selecteer in het bovenste uitrolmenu Staalbibliotheek openen. Maak een keuze uit de mogelijkheden. Als de bibliotheek geopend is kun je klikken op de afbeelding die je het best vindt. Deze afbeelding wordt nu gewplaatst op de geselecteerde tekst.

In het voorbeeld is gebruikgemaakt van Staalbibliotheek openen – Patronen – Natuur – Dierenhuiden. Vervolgens is geklikt op Aligator

Effecten Selecteer de tweede Tekstlaag. Geef de tekst een heldere kleur (werkt beter bij Effecten).

Ga in het Menu naar Effect, Effectengalerie. Kies voor de categorie Vervorm of Structuur (de andere effecten zijn niet goed zichtbaar op een effen tekst). Probeer een aantal effecten uit door er op te klikken. In het meest rechtse menu kun je het effect aanpassen. Klik op OK als je tevreden bent.

Page 16: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 16

Symbolen Selecteer de derde Tekstlaag. Kies bij Venster – Symbolen. Kies voor Symboolbibliotheek openen. Kies voor het symbool Stippelpatroon – Vectorpakket. Sleep het symbool op de pagina. Sleep het in het lagenpalet onder de tekst. Kleur veranderen Om het patroon een andere kleur te kunnen geven moet je het eerst omzetten in ankerpunten. Dit doe je als volgt: Klik in het menu Object voor Uitbreiden. Met behulp van de kleurvakjes kun je de kleur omzetten naar een achtergrondkleur.

Opdracht opslaan in Illustrator Sla het bestand op als teksteffecten -eigennaam.Ai en eigennaam-basisvormen.pdf Voor het ai-bestand ga je naar Bestand – Opslaan als – Adobe Illustrator Voor het jpeg-bestand ga je naar Bestand – Opslaan als – jpeg. Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar teksteffecten-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 17: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 17

VOORBEREIDINGEN LOGO ONTWERPEN Zoek 3 afbeeldingen die passen bij je horeca concept. Zorg dat deze afbeeldingen een rustige achtergrond hebben. En kies foto’s en geen tekeningen.

Bewaar deze afbeeldingen in een mapje voorbereidingen logo.

Page 18: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 18

LOGO ONTWERPEN Maak in Illustrator een logo voor de horecagelegenheid uit je project. Maak daarbij gebruik van de gegeven richtlijnen en aanvullende criteria. Het logo is het meest herkenbare element van de huisstijl. Het logo bestaat uit een Beeldmerk en/of een Woordmerk. Een logo moet herkenbaar zijn, het product verwoorden en aan de uitstraling van het bedrijf voldoen. Belangrijke elementen waar je rekening mee moet houden als je een logo ontwerpt zijn: doelgroep, uitstraling, kleur en typografie. Richtlijnen

• Leesbaar: houd er rekening mee dat een logo leesbaar moet zijn in verschillende maten, kleuren en media. Het moet er bijvoorbeeld ook goed uitzien als het zwart-wit wordt afgedrukt;

• Duidelijk: Zorg dat de boodschap overkomt en probeer niet te veel tegelijk te vertellen. Als je elementen weg kunt laten, doe het dan ook;

• Eén Element: Zorg ervoor dat je ontwerp één element bevat om te onthouden. Niet meer of minder. Alle sterke logo’s hebben één enkel element dat ze helpt op te vallen.;

• Smaak: Wanneer je een logo maakt, moet je werken gericht op het bedrijf en de doelgroep en niet vanuit je eigen smaak;

• Niet te druk: Het logo moet toegepast kunnen worden op verschillende promotiemiddelen zoals bedrijfskleding, een flyer of een menukaart. Het is daarom belangrijk dat het niet te gedetailleerd en veelkleurig is.

• Eenheid: De elementen die je gebruikt bij het maken van een logo voeg je samen tot het een geheel is en geen losse elementen.

Aanvullende criteria:

• Het logo is vernieuwend / origineel • Het bestaat uit een beeldmerk en een woordmerk. • Het beeldmerk mag geen foto zijn en is auteursrechtvrij of zelfgemaakt. • Het bestandsformaat is minimaal 20 cm – 20 cm met een resolutie van 300 dpi.

Opdracht opslaan in Illustrator Sla het bestand op als logo-eigennaam.ai en eigennaam-logo.png Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar logo-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 19: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 19

AFBEELDINGEN Verander een foto in een grafische afbeelding met behulp van het gereedschap Overtrekken. Maak minimaal 3 varianten. Kies die beste voor je logo. Het voordeel van werken met afbeeldingen in Illustrator is dat je ze kunt vergroten zonder dat ze onscherp worden. Afbeeldingen Plaatsen Om een bestaande afbeelding (die nog niet vector is) te bewerken moet je hem eerst opvragen in Illustrator. Kies voor Bestand – Plaatsen. Maak vervolgens met de cursor een slepende beweging zodat de afbeelding zichtbaar wordt. Afbeeldingen Overtrekken De pixels van de afbeelding moeten omgezet worden in een wiskundige berekening / vector. Als de afbeelding vector is kun je hem vergroten zonder kwaliteitsverlies. Het omzetten naar vector wordt Overtrekken / Tracing genoemd. Er zijn meerdere mogelijkheden voor Overtekken In onderstaande afbeelding zijn de verschillende mogelijkheden toegepast. De eerste hond is overgetrokken als foto met hoge getrouwheid, de volgende met lage getrouwheid, vervolgens met 16, 6 en 3 kleuren.

Page 20: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 20

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. Ook kun je met het Directe Selectiegereedschap (witte pijltje) losse vakjes een andere vorm geven of een laag van kleur veranderen.

Opslaan en inleveren Sla je document op als Afbeeldingen- Eigennaam.Ai en als Afbeeldingen-Eigennaam.pdf.

Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar Afbeeldingen-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 21: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 21

LOGOPRESENTATIE Maak voor je logo 1 kleurvariant, 1 zwarte variant, 1 witte variant en 1 uitsnede. Document Logopresentatie maken Ga naar Bestand - Nieuw Document om een nieuw document te maken. Kies voor Drukwerk – A4. Geef het bestand de naam Logopresentatie. Maak met behulp van het vormgereedschap in een aparte laag een achtergrondvlak in een grijstint. Open het Illustratordocument van je Logo uit opdracht 3. Selecteer het volledige logo – Kies voor Bewerken – Kopiëren. Ga naar het document Logopresentatie. Kies voor Bewerken – Plakken. Selecteer het logo in het nieuwe document met het Selectiegereedschap en plaats het linksboven op je werkblad. Houd de ALTtoets in en sleep het logo naar rechts. Je maakt hiermee een kopie. Doe dit 4 keer zodat je 5 logo’s hebt verspreid over het werkblad. Kleurvariaties Selecteer de laag van het 2e logo (logo 1 blijft origineel). Bedenk welke elementen uit het logo je van kleur wilt veranderen. Klik de laag open en selecteer de juiste elementen. Kies bovenin de optiebalk de gewenste kleur. Doe hetzelfde voor logo 3 en 4. Maak logo 3 helemaal wit en logo 4 helemaal zwart.

Page 22: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 22

Uitsnede Voor logo 5 maak je een uitsnede: Teken met het Vormgereedschap een zwarte of een witte rechthoek achter het logo. Selecteer het logo- kies in de Menubalk voor Object – Samengesteld pad – Maken. Open het venster Pathfinder. Selecteer de laag van het logo en de laag met de rechthoek. Kies in de Pathfinder voor Min voorste. Plaats een foto achter de uitsnede. Kies voor een foto die het logo goed uit laat komen.

Opslaan Sla het document op als logopresentatie- eigennaam.ai en als logopresentatie-eigennaam.pdf. Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar logopresentatie- 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 23: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 23

VOORBEREIDING VISITEKAARTJE Download 3 iconen van www.iconfinder.com . Iconen Je kunt ook gebruik maken van icoontjes bij: telefoon, adres, mobiel, E-mail … Zorg wel dat deze in dezelfde stijl zijn als je visitekaartje. Kijk voor iconen op: www.iconfinder.com Stem ook het lettertype af op de gekozen stijl. Je hoeft geen abonnement te kiezen. Je kunt meteen naar de balk zoals in het voorbeeld om een logo naam of icon te kiezen. En dan naar enter.

Kies voor Free en voor Vector

Druk op download this icon as SVG format. En klik op Map openen.

Opslaan Verplaats de icons naar de map icons visitekaartje. Icon van kleur veranderen Plaats de icon in Illustrator. Klik met de direct selecteren tool in de afbeelding en pas de kleur aan. Daarna kun je met Ctrl C en Ctrl V de Icon verplaatsen naar je visitekaartje.

Page 24: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 24

VISITEKAARTJE Ontwerp een visitekaartje voor je horecaconcept zowel voor als achterkant. Gebruik het logo dat jezelf hebt ontworpen en zorg voor een goede uitlijning van de verschillende onderdelen. Natuurlijk heeft jullie Café / Restaurant ook een visitekaartje nodig. Visitekaartjes zijn er in verschillende soorten en maten. In deze opdracht werken we met standaardmaten. Bestand en tekengebieden Maak een nieuw bestand: Breedte 91mm, Hoogte 61mm, Afloop 3mm. Klik in de gereedschapsbalk op het icoon Tekengebied. Houd de ALTtoets in en sleep het tekengebied naar rechts. Je hebt nu 2 identieke documenten: voorzijde en achterzijde.

Inhoud Plaats verspreid over de voor- en achterzijde de volgende informatie:

- logo; - naam, adres en telefoonnummer; - e-mailadres, website en social-media gegevens; - naam en functie van een werknemer/directeur.

Uitlijnen Plaats hulplijnen voor een middenlijn en eventuele ruimtes (marges). Een hulplijn kun je met het Selectiegereedschap slepen uit de Liniaal. Je kunt de tekstinhoud links of rechts uitlijnen of centreren. Ga naar Venster en kies voor Tekst klik daarna op Alinea. Plaats de teksten tegen de gemaakte hulplijnen.

Page 25: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 25

Iconen en Lettertypes Je kunt ook gebruik maken van icoontjes bij: telefoon, adres, mobiel, E-mail … Zorg wel dat deze in dezelfde stijl zijn als je visitekaartje. Kijk voor iconen op: www.iconfinder.com Stem ook het lettertype af op de gekozen stijl.

Opdracht opslaan in Illustrator Sla je visitekaartje op als: visitekaartje- eigennaam.Ai én visitekaartje- eigennaam.pdf. Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar visitekaartje- 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 26: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 26

VOORBEREIDING MENUKAART Teken met behulp van onderstaande instructies de vormen na uit figuur 1

figuur 1 Voor het maken vaneen menukaart is het van belang verschillende vormen tot je beschikking te hebben. Ze zijn bruikbaar als beeldmerk, tekstvlak, achtergrond en illustratie.

Vulling en Lijn Zowel in de Gereedschapsbalk als in de Optiebalk kun je veranderingen aanbrengen in de kleur van de vulling en de Lijn. Uiteinde van de Lijn Er zijn verschillende mogelijkheden voor een lijn en het uiteinde daarvan. Penselen en Patronen Met het Penseel kun je stijlen toevoegen aan je lijnen. Ook kun je een Penseel gebruiken als Kalligrafeerpen, Krijt, Verf, etc. Toepassen van het Penseel / Brush Selecteer het Penseel / Brush en teken een object. Open het Menu Penselen / Brushes en Kies een extra Bibliotheek met penselen. Klik op je opject en vervolgens op 1 van de mogelijkheden uit de Penselenbibliotheek

Page 27: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 27

Patroon-kader Teken een Rechthoek en klik op een Rand uit het Penselen-menu. De rechthoek krijgt nu een kader. In de bibliotheek vind je weer de nodige variaties.

Zelf een Patroon maken Om zelf een Patroon te maken teken je een vorm (bijvoorbeeld een ster). Klik dan in het minimenu van penselen en kies voor nieuw penseel. Sleep de ster in het menu Penselen. Er verschijnt een venster nieuw penseel. Kies voor Patroonpenseel.

Opdracht opslaan in Illustrator Sla je visitekaartje op als: menukaartvormen- eigennaam.Ai én visitekaartje- eigennaam.pdf. Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar menukaartvormen - 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 28: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 28

MENUKAART

Maak een menukaart volgens de gegeven criteria voor de horecagelegenheid van jullie project. Criteria

• Maak gebruik van patronen, penselen en lijnen; • Maak gebruik van bullets, streepjes of andere symbolen; • Gebruik geen foto’s • Stem de kaart af op de huisstijl

Natuurlijk komen klanten naar jullie bar of restaurant om iets te eten en/of te drinken. Een menukaart is een zeer belangrijk element in je bedrijfsmarketing. Er bestaat zowel in vormgeving als in de inhoud, een enorme verscheidenheid aan menukaarten. Het is daarom moeilijk een stapsgewijze instructie te maken. Je bent vrij in het bepalen van de inhoud en de vorm. Aan de hand van de onderstaande aandachtspunten wordt geprobeerd je wat handvatten te geven.

Inhoud Beschrijving van de gerechten. Maak de beschrijving niet te lang en maak geen spelfouten. Spelfouten doen afbreuk aan het vertrouwen in de kwaliteit van de gerechten.

Page 29: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 29

Categorieën Bedenk bij het opstellen van je menukaart hoe je je gerechten wilt categoriseren, oftewel op welke items je de aandacht wilt vestigen. Er bestaan vele traditionele manieren om een menukaart te ordenen:

• in chronologische volgorde: ontbijt, lunch, diner; • aparte menukaarten voor alle maaltijden; • aparte menukaarten voor speciale items, voorgerechten en alcoholische dranken.

Opslaan Sla je menukaart op als menukaart-eigennaam.Ai én menukaart-eigennaam.pdf. Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar als menukaart-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 30: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 30

BIERVILTJE Ontwerp een bierviltje met 2 tekstpaden, een rand en een afbeelding voor de horecagelegenheid uit je project. Formaat: 12,3 x 12,3 cm - afloop: 3mm Hulplijnen: Verticaal: 1, 6, 11 cm; Horizontaal: 1, 6, 11 cm. Vorm Maak met het Ovaal selectiegereedschap vanuit het midden met Shift-Alt ingedrukt een cirkel van 100 x 100mm. Zet het viltje in het midden van je werkblad. Geef de vulling van de selectie een kleur die past bij de huisstijl. De omlijning blijft transparant. Maak nog een Ovaal, kleiner dan de eerste. Geef de vulling van de selectie een kleur de en geef de lijn een andere kleur.

Tekst Teken nog een Cirkel. Zorg ervoor dat zowel de Vulling als de Lijn leeg zijn. Je tekent dus alleen een Pad (een dunne lijn). Plaats de vorm in het midden van je bierviltje. Klik met het Tekstgereedschap, Padtekst in de ronde vorm (lijn). Typ je tekst. Deze zal nu de vorm volgen.

Page 31: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 31

Twee tekstpaden Hiervoor moet je 2 ovalen tekenen en 2 keer een Test op een pad typen. Om de positie van de teksten te bepalen kun je gebruik maken van het menu Tekst - Tekst op een pad - Opties voor tekst op een pad. En vink aan omdraaien.

Vormgeving Plaats je logo en eventueel aanvullende afbeeldingen in je document. Gebruik geen foto’s (zijn niet goed zichtbaar i.v.m. de viltige structuur van een bierviltje). Stem kleuren, vormen en lettertypes af op je huisstijl. Opslaan

Opslaan Sla je bierviltje op als: bierviltje-eigennaam.Ai én bierviltje-eigennaam.pdf Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar als bierviltje-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 32: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 32

ROBOT TEKENEN PATHFINDER ROBOTS Maak met de basisvormen een robot. Maak gebruik van pathfinder om van vormen één geheel te maken, vormen uit vormen te halen of andere vormen te creëren.

Je bent zelf vrij in hoe je robot eruit ziet, met welke vormen je gaat werken, hoe groot de robot moet worden en eventuele andere attributen die de robot nodig heeft.

Nieuw bestand In Illustrator maak je een nieuw bestand: Nieuw – Drukwerk - Formaat: Breedte 29,7 cm - Hoogte 21 cm (A4 liggend) Basisvormen maken In het gereedschappenpalet selecteer je de verschillende Basisvormen waar je mee aan de slag wilt. Deze basisvormen zijn de bouwstenen voor je robot. Als je een basisvorm maakt, kun je deze ook nog op verschillende wijzen aanpassen. Wil je rondere hoeken aan bijvoorbeeld een rechthoek, dan selecteer je de rechthoek en zie je kleine rondjes in je rechthoek ontstaan. Als je die selecteert en met je muis naar binnen sleept, verandert de vorm. Alle hoeken worden rond.

Page 33: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 33

Als je niet alle hoeken rond wilt hebben, maar een enkele. Selecteer in je gereedschappenpalet de Witte pijl. Selecteer vervolgens de Ankerpunten van de vorm die je wilt vervormen. Sleep met je muis naar binnen en de hoeken veranderen van vorm.

Sommige vormen hebben meerdere opties. De Veelhoek en de Ster kun je aanpassen met je pijltjestoetsen op het toetsenbord. Maak de vorm, laat de muis nog niet los, en druk op de bovenste pijl als je meerdere hoeken wilt toevoegen. Wil je minder hoeken toevoegen, dan druk je op de pijl naar beneden.

Pathfinder Vormmodi is een onderdeel van Pathfinder dat een fijn gereedschap is om vormen samen te voegen, vormen uit elkaar te halen of een andere vorm te creëren.

Twee losse vormen

Verenigen

één samengestelde

Min voorste

bovenste vorm uit

Doorsnede

overlapende vorm die

Page 34: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 34

Met Pathfinders kun je vormen wegsnijden. Je maakt een vorm. Je selecteert beide vormen waar je iets mee wilt. Je klikt op het eerste icoon Splitsen in bij Pathfinders. Je degroepeert de vorm, rechtermuisknop Degroeperen. De restvorm die je niet nodig hebt verwijder je.

Uitlijnen Met uitlijnen kan je ervoor zorgen dat verschillende onderdelen in één keer mooi uitgelijnd worden of dezelfde ruimte tussen de verschillende vormen te krijgen. Je kunt ervoor kiezen om verticaal of horizontaal uit te lijnen. Selecteer alle onderdelen die je graag wil uitlijnen. Open bij venster Uitlijnen. Je ziet verschillende opties zoals rechts-, gecentreerd of links uit lijnen.

. Opdracht 0pslaan in Illustrator Om te laten zien dat je met Pathfiner en Vormmodi hebt gewerkt moeten er gaten in je robot zitten. Gaten zijn alleen zichtbaar als je de achtergrond in je lagenpallet uitzet of verwijderd. Bovendien moet je document opgeslagen worden als PNG. PNG opslaan: Bestand -Exporteren – Exporteren als PNG. Sla op als: robots-eigennaam.ai en robots-eigennaam.pdf Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar robots.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 35: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 35

PORTRET TEKENEN Maak van een portretfoto een lijntekening met het gereedschap potlood, een portret 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 portretfoto 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

Page 36: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 36

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

Page 37: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 37

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

Page 38: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 38

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.

Opdracht 0pslaan in Illustrator Om te laten zien dat je met Pathfiner en Vormmodi hebt gewerkt moeten er gaten in je robot zitten. Gaten zijn alleen zichtbaar als je de achtergrond in je lagenpallet uitzet of verwijderd. Bovendien moet je document opgeslagen worden als PNG. PNG opslaan: Bestand -Exporteren – Exporteren als PNG. Sla op als: robots-eigennaam.ai en robots-eigennaam.pdf Opdracht plaatsen in Portfolio in InDesign Open het bestand Portfolio – klik op een Lege pagina – kies voor Bestand – Plaatsen – blader naar robots.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 39: INHOUD - mcstudentenwerk.files.wordpress.com · Visitekaartje Uitleg incl icons : 10 Zelfstandig Visitekaartje . 12 Uitleg Menukaart XM 11 Zelfstandig Menukaart XM : 13 Feedback Menukaart

DIGITALE VORMGEVING 39