Digitale. Vormgeving. periode. Marketing & Communicatie Digitale Vormgeving

Transcriptie

1 1 Digitale Vormgeving periode 2

2 Voorwoord 2 In periode 2 beginnen we met het ontwerpen van een kaart voor de Open Dag van onze opleiding en een themakaart. Hierin gebruik je de vaardigheden die je tot nu toe geleerd hebt en enkele nieuwe technieken. Daarna volgt de opdracht teksteffecten met hetzelfde doel. De nieuwe vaardigheden kunnen toegepast worden in het ontwerpen van promotiemiddelen voor het evenement van je project: Een uitnodiging, een affiche en een folder. Veel plezier en succes met de opdrachten. Hilde Verhaeg, Fons Goosen en Corrie van der Kroef. Inhoudsopgave Voorwoord en Inhoudsopgave blz Kaart Open dag - Vormen blz. 3 - Laagstijl blz. 4 - Criteria - Opslaan - Afvinklijst blz Themakaart - Foto s en Filter blz. 6 - Aanpassingslaag en Speciaal plakken blz..7 - Criteria - Opslaan - Afvinklijst blz Teksteffecten - Bloktekst - Knipmasker blz. 9 - Schittering blz Opslaan en Afvinklijst blz Affiche - Bestandsformaat - Copyright en Grootte - Foto bewerken blz Informatie op het affiche logo s blz Hulplijnen - Opslaan - Afvinklijst blz Folder - Opdracht blz Buitenzijde Binnenzijde blz Opslaan - Afvinklijst blz Uitnodiging - Foto bewerken blz Uitnodiging blz Opslaan - Afvinklijst blz. 21 Bijlage 1 : Studiewijzer periode 2 blz. 22

3 1.Kaart M&C 3 Ontwerp een kaart voor open dag van de afdeling Marketing en Communicatie. Maak met behulp van de vaardigheden die je tot nu toe geleerd hebt en enkele nieuwe technieken een wervende kaart voor de opleiding. Wat kun je al: Een nieuw bestand aanmaken Teksten plaatsen en bewerken Een afbeelding plaatsen als achtergrond Een afbeelding uitsnijden, verkleinen of vergroten kopiëren en verplaatsen. Nieuwe technieken: Vormen gebruiken Laagstijlen toepassen op teksten en afbeeldingen. Vormen Kies voor een vorm. Teken met ingehouden cursor op je werkblad. Als je een vorm zonder inhoud krijgt kun je dat in de optiebalk aanpassen bij Vulling en Omlijnen / Stroke. Met een Standaard Vorm / Shape kun je een lijn, vierkant, rechthoek, cirkel, etc. tekenen. De vormen vind je in de gereedschapsbalk. Zie de afbeelding hiernaast. Voor een Cirkel kies je voor Ovaal. Je houdt vervolgens Shift ingedrukt als je de Cirkel tekent. Voor een Vierkant kies je een Rechthoek. Ook hier houd je Shift in bij het tekenen. Aangepaste vormen installeren Als je kiest voor Aangepaste vormen / Custom shapes, kun je in de optiebalk een beperkt aantal vormen kiezen. Deze lijst kun je in Photoshop uitbreiden: - Kies voor Aangepaste vorm - Klik in de optiebalk op het instellingwieltje naast de vorm - Kies voor Alle vormen - Kies voor Toevoegen / Add Het is ook mogelijk vormen te downloaden, bijvoorbeeld bij

4 4 Als je een vorm hebt gedownload kun je deze installeren door erop te dubbelklikken. Als dat niet lukt kies je voor Vormen Laden / Load Shapes. Dit vind je ook weer bij Instellingen. Laagstijl Op een tekst of een afbeelding kun je een laagstijl toepassen. Dit doe je als volgt: - Klik op de laag die je wilt bewerken. - Kies voor het icoontje fx onderin je lagenpalet. - Kies 1 van de getoonde stijlen. - Het volgende venster opent. Als je links op een effect klikt kun je rechts de eigenschappen bewerken.

5 Criteria 5 - Formaat van het bestand is minimaal A6 (105 mm / 148 mm) - Resolutie: 300 dpi - Gebruik eigen afbeeldingen of afbeeldingen met toestemming voor (her)gebruik - Plaats het logo van het Koning Willen 1 College op je kaart - Optimaliseer de kwaliteit van de gebruikte afbeeldingen (ctrl +L) - Maak gebruik van hulplijnen - Zorg ervoor dat je afbeelding ook op 100% scherp is - Maak gebruik van effecten - Maak gebruik van het vormgereedschap Bestand opslaan Sla de kaart op als eigennaam-kaartopendag.psd en als eigennaam-kaartopendag.jpg. Afvinklijst Kaart Vul het onderstaande schema in voor je de opdracht laat beoordelen. Open dag Onderwerp Criteria Afvinken Bestandsgrootte A6 (105 mm / 148 mm) - Resolutie: 300 dpi Marges Afbeeldingen Informatie/Tekst Logo s en foto s Effecten en vormen Vormgeving Opslaan Hulplijnen Passend bij het thema - Copyright-free Kwaliteit: Scherp op 100% Wervend - Origineel - Duidelijk - Correct gespeld Juiste verhoudingen en kleur Gebruik effecten en vormen Layout - Duidelijk - Aantrekkelijk - Origineel - Eenheid in stijl en kleurgebruik Juiste naam en bestandsformaat (psd en jpg)

6 2.Themakaart 6 Ontwerp een ansichtkaart met 1 achtergrondfoto en 3 inzet foto s In deze opdracht ga je een kaart maken in een specifieke stijl. Hierbij herhaal je een aantal technieken uit de vorige opdrachten en maak je kennis met de nieuwe gereedschappen Filter en Plakken in. Foto s Zoek 4 foto s met hetzelfde thema. Een achtergrondfoto en nog 3 foto s. De foto s hoef je deze keer niet zelf te maken maar de fotograaf moet wel toestemming verleend hebben voor het gebruik van de foto. Plaats de achtergrondfoto in een nieuw bestand (A6). Specifieke stijl Geef de foto een speciale stijl. Dit kun je doen doormiddel van het gereedschap Aanpassingslaag en / of Filter. Filter Klik op de laag van de foto die je wilt bewerken. Klik vervolgens op het menu Filter, Filtergalerie. Probeer de verschillende filters uit. In het rechtermenu kun je de waardes van een filter aanpassen. Klik tenslotte op OK.

7 Aanpassingslaag 7 Druk in het palet Lagen op de knop, Nieuwe opvullings- of aanpassingslaag. Selecteer de optie Kleurtoon/verzadiging. Probeer wat variaties uit, onder andere Vullen met Kleur / Colorize.. Speciaal Plakken Plaatsen van de voorgrondfoto s: - Maak met het Selectiegereedschap een selectie op de achtergrondfoto - Open vervolgens je eerste Voorgrondfoto - Selecteer en kopieer de foto: Selecteren Alles Bewerken / Edit Kopiëren - Ga weer naar het bestand met de achtergrondfoto (met de selectie) - Kies voor Bewerken Plakken in / Paste into - Pas daarna met Ctrl+T het formaat aan. Klik op Enter - In het palet Lagen plaats je een Koppelteken tussen de afbeelding en de aanpassingslaag - Herhaal deze actie ook voor de andere voorgrondfoto s.

8 Criteria 8 - Formaat van het bestand is minimaal A6 (105 mm / 148 mm) - Resolutie: 300 dpi - Gebruik eigen afbeeldingen of afbeeldingen met toestemming voor (her)gebruik - Kies alle afbeeldingen in hetzelfde thema - Maak gebruik van hulplijnen - Zorg ervoor dat je afbeelding ook op 100% scherp is - Maak gebruik van filters en / of aanpassingen Bestand opslaan Sla de kaart op als eigennaam-themakaart.psd en als eigennaam-themakaart.jpg. Afvinklijst Themakaart Vul het onderstaande schema in voor je de opdracht laat beoordelen. Onderwerp Criteria Afvinken Bestandsgrootte A6 (105 mm / 148 mm) - Resolutie: 300 dpi Marges Afbeeldingen Hulplijnen 4 Foto s passend bij 1 thema - Copyright-free Kwaliteit: Scherp op 100% Filters / Aanpassingen Op iedere afbeelding is een filter of aanpassing toegepast. Speciaal plakken Effecten en vormen Vormgeving Opslaan 3 voorgrondafbeeldingen zijn op de achtergrond geplaatst d.m.v. Speciaal Plakken. Gebruik effecten en vormen Layout - Duidelijk - Aantrekkelijk - Origineel - Eenheid in stijl en kleurgebruik Juiste naam en bestandsformaat (psd en jpg)

9 3.Teksteffecten 9 Maak 3 verschillende blokteksten, pas een knipmasker toe op één van de blokteksen en een schittering op een andere. Blokteksten In affiches wordt gebruik gemaakt van Blokteksten. De teksten worden uitgelijnd in een blok. Hierdoor worden korte en lange teksten die bij elkaar horen, geordend tot een geheel. Zoals hieronder MON 31 DECEMBER 2012 SCHAAPSKOOI UDEN Lijn de onderstaande 3 teksten uit. - Typ de verschillende regels in aparte lagen. - Varieer met dikte en grootte van lettertype. - Geef de letters een laagstijl. Maak gebruik van hulplijnen. 1. UNLOCK THE MYSTERY 31 DEC 2016 KLOKGEBOUW-EINDHOVEN 2. AMAZED SAT 28 JANUARY 3. MYSTICAL NEW YEARS EVE Uitknipmasker Een manier om tekst vorm te geven is het knipmasker. Hiermee plaats je een foto in de tekst. Maak een uitknipmasker voor een bloktekst van minimaal 2 regels. Typ een tekst. Plaats een afbeelding boven de tekst. De tekst wordt nu onzichtbaar. - Ga tussen de afbeeldingslaag en de tekstlaag staan met je cursor. - Houd de Alt-toets ingedrukt. De cursor verandert nu in een vorm met een pijl. - Klik met de muis en je hebt een uitknipmasker gemaakt. Het resultaat zie je hierna.

10 10 3 Schittering Foto s en teksten kun je een schittering geven met het gereedschap penseel. Maak een bloktekst van minimaal 2 regels en plaats een schittering op de tekst. - Typ een tekst - Open een foto en kies het gereedschap Penseel / Brush - In de Optiebalk klik je op het uitrolmenu naast de penseelpunt om de Penseelkiezer / Brush Picker te openen. Hier klik je op het Instellingsicoon (wieltje) om een menu te openen - Hier kies je Assortiment / Assorted Brushes en in het volgende venster klik je op Toevoegen / Append In de Penseelkiezer scroll je naar beneden tot je een penseel ziet dat er uitziet als een X. Klik om deze te selecteren. Zorg dat de Voorgrondkleur op Wit staat. Maak een Nieuwe Laag in het lagenpalet en klik op een punt in je werkstuk waar je de eerste schittering wilt aanbrengen.

11 11 3. Bestanden opslaan Sla de documenten op als eigennaam-bloktekst1.psd en eigennaam-bloktekst1.jpg. Doe dit ook voor bloktekst 2 en Afvinklijst Blokteksten Onderwerp Criteria Afvinken Tekst 1 Uitgelijnd in een blok Variatie in dikte en grootte van lettertype. Opslaan met juiste namen en bestandsformaten (jpg en psd) Tekst 2 Uitgelijnd in een blok Variatie in dikte en grootte van lettertype. Knipmasker toegepast Opslaan met juiste namen en bestandsformaten (jpg en psd) Tekst 3 Uitgelijnd in een blok Variatie in dikte en grootte van lettertype. Schittering toegepast Opslaan met juiste namen en bestandsformaten (jpg en psd)

12 4.Affiche 12 Maak een Affiche voor je evenement bestaande uit de onderdelen: Evenementfoto - Naam Evenement - Informatie Evenement Bloktekst - Logo's Sponsoren. Nieuw bestand Maak een nieuw document: A4: Breedte: 21 cm x hoogte: 29,7 cm, 300 pixels/inch, Kleur: RGB. Foto - Copyright en Grootte Voor het affiche moet je gebruik maken van één of meer foto's. Gebruik eigen foto's of maak gebruik van foto's op internet. Zorg ervoor dat je toestemming hebt om de foto te gebruiken. De foto mag niet te klein zijn (groter dan 4MB). Pas de grootte van je foto aan, aan je document met: Vrije Transformatie Ctrl+T - Sleep de foto vanuit de hoekgrepen met de Shifttoets ingedrukt. Foto bewerken Zorg er eerst voor dat je foto een optimale kwaliteit heeft. Selecteer in de optiebalk het menu Afbeelding/Image Aanpassingen/Adjustments Niveaus/Levels (Ctrl+L). Schuif met de pijltjes aan de buitenzijde naar de binnenzijde zodat er alleen een curve en geen horizontale lijn overblijft. Kijk of je de foto nog kunt verbeteren door in de optiebalk te klikken op Afbeelding -Aanpassingen - Helderheid en Contrast. Bewerk de foto met een filter of aanpassing.

13 13 Filter - Klik op de laag van de foto die je wilt bewerken - Klik vervolgens op het menu Filter, Filtergalerie (zie ook de opdracht Themakaart) In dit voorbeeld is gebruik gemaakt van: Filter Filtergalerij Schets / Scratch Stempel / Stamp Aanpassing Fotobewerking door middel van aanpassing gaat als volgt: Druk in het palet Lagen op de knop, Nieuwe opvullings- of aanpassingslaag. Selecteer een optie zoals Kleurtoon-verzadiging / Hue Sauration of Curven. Probeer wat variaties uit. Informatie op het affiche Maak gebruik van minimaal 1 bloktekst zoals bij de opdracht Bloktekst omschreven. Op het affiche plaats je: - Naam van het evenement - Datum, tijd en plaats - Het programma - Website en verwijzingen naar social media - Call to action (bijvoorbeeld Geef je nu op - Tickets verkrijgbaar - Minimaal 5 logo s van sponsoren. Logo's sponsoren Zoek voor je evenement passende minimaal 5 sponsoren. Vermeld deze sponsoren onderaan op het affiche. Zoek de logo's op internet en sla ze op. Let op: Een Logo mag je niet van vorm of kleur veranderen! Zorg er ook voor dat er geen gekleurd vlak achter het logo zichtbaar is. Hiervoor moet je op zoek gaan naar een logo zonder achtergrond.

14 Hulplijnen 14 Behalve voor je blokteksten heb je ook hulplijnen nodig voor de marges. Zorg er voor dat je teksten niet te dicht op de kantlijn staan. Deze hulplijnen zijn niet te zien als het document geprint wordt. Een hulplijn kun je maken door met je cursor in een liniaal te klikken en dan met ingehouden cursor te slepen. Heb je geen linealen... Klik dan op Ctrl + R. Met de toetsencombinatie Ctrl + H kun je de hulplijnen tijdelijk verbergen en weer terughalen. Bestand opslaan Sla het document op als eigennaam-affiche.psd en als eigennaam-affiche.jpg Afvinklijst affiche Vul het onderstaande schema in voor je de opdracht laat beoordelen. Onderwerp Criteria Afvinken Bestandsgrootte A4-300 dpi - RGB Foto's Filter of aanpassing Passend bij het thema - Copyright-free Optimale kwaliteit (check op 100%) Kwaliteit - passend bij de sfeer van het affiche Informatie Naam evenement - Datum tijd, plaats Programma - Website en social media - Call to action Logo's Vormgeving Typografie Opslaan Aantal (min. 5) - Juiste verhoudingen en kleur - Goed geplaatst Layout - Duidelijk - Aantrekkelijk - Origineel - Eenheid in stijl en kleurgebruik Gebruik hulplijnen / marges Vormgeving van tekst Gebruik van bloktekst Juiste naam en bestandsformaat (psd en jpg)

15 5.Folder 15 Maak een driedelige folder over je evenement. In de folder verwerk je informatie over je evenement, het affiche en het logo. In de folder leg je uit waar het evenement over gaat. Verzamel driedelige folders maar ook andere folders A5 fomaat, A6 en andere formaten. Bij de vormgeving van jouw folder kun je daarvan gebruik maken. In onderstaande voorbeelden zie je hoe het affiche in de folder verwerkt is.

16 16 Nieuw bestand Formaat A4-liggend (landscape) - resolutie: 300 dpi - Kleur: RGB Hulplijnen Verdeel A4 in Drie kolommen en bepaal de marges boven en onder. Met de onderstaande verdeling ontstaat er een verdeling in drie kolommen. Ga in Photoshop naar Weergave, Nieuwe hulplijnen: Verticaal: 10, 89, 99, 109, 188, 198, 208, 287 mm. Horizontaal: 20, 200 mm De onderstaande indeling heb je nu gemaakt. Marges links/rechts, 3 Kolommen: Marge links en rechts 10 mm, Marges tussen de kolommen: 20 mm Marge boven en onder: 20 en 10 mm Buitenzijde Kaft Plaats in de rechterkolom een foto met de naam van je evenement. Maak gebruik van foto s en teksten die je op het affiche hebt gebruikt. Achterkant Plaats in de middelste kolom contactgegevens en je logo Informatie Plaats in de linkerkolom uitleg of een samenvatting van je evenement. Voor informatieve tekst (alle tekst behalve titels en tussenkopjes) gebruik je een strak goed leesbaar lettertype, zonder effect met een grootte van maximaal 10 punten. Opslaan Sla je folder op als eigennaam-folderbuitenzijde.psd en eigennaam-folderbuitenzijde.jpg Binnenzijde Je kunt de buitenzijde van je folder opnieuw gebruiken door deze op te slaan als eigennaam_folderbinnenzijde.psd Je hoeft dan niet opnieuw een bestand te maken en hulplijnen te plaatsen. Binnen geef je informatie over je evenement verdeeld over drie bladzijden; Teksten en Foto s.

17 Achtergrond Gebruik een passende achtergrond voor de tekst. De achtergrond kan bestaan uit een foto, structuur, kleur etc. In het voorbeeld wordt de foto over drie bladzijden gebruikt. 17 Tekst Kies een passend lettertype (goed leesbaar en maximaal 10 punt groot) met een passende kleur. Zwart is niet altijd de juiste kleur. Koppen Maak gebruik van koppen boven de tekst. Bestand opslaan Sla je folder op als eigennaam_folderbinnenzijde.psd en eigennaam_folderbbinnenzijde.jpg Afvinklijst folder Vul het onderstaande schema in voor je de opdracht laat beoordelen. Onderwerp Criteria Afvinken Bestandsgrootte A4-300 dpi - RGB -Liggend Kolommen/Marges Afbeeldingen Informatie/Tekst Logo s en foto s Vormgeving Opslaan Hulplijnen Passend bij het thema Copyright-free Gebruik gemaakt van materialen uit het affiche Kwaliteit: Scherp op 100% Passend lettertype Titels - tussenkopjes - Alinea's (10 punt) Juiste verhoudingen en kleur Layout - Duidelijk - Aantrekkelijk - Origineel - Eenheid in stijl en kleurgebruik Juiste naam en bestandsformaat (psd en jpg)

18 6.Uitnodiging 18 Ontwerp een uitnodiging met een ingekleurde zwart-wit foto. Foto bewerken Zwart-wit of Minder verzadiging Zoek een foto die toepasselijk is voor de uitnodiging van je evenement of een andere uitnodiging. Criteria: - Groter dan 2 MP - Zonder auteursrechten Maak de kleurenfoto zwart-wit: - Afbeelding / Image Aanpassingen / Adjustments - Minder Verzadiging / Saturation of Zwart- Wit. Snelle selectie Maak een selectie van het Haar van de persoon. Dit kan met het gereedschap Snelle Selectie. Maak een nieuwe laag en klik daarin met het emmertje zodat in de nieuwe laag de selectie van het haar een kleur krijgt.

19 19 Overvloeimodus en Dekking Wijzig boven in het palet Lagen de Overvloeimodus van de optie Normaal naar Kleur. Verander de Dekking / Opacity naar een waarde tussen 70 en 90. Andere delen inkleuren Pas het bovenstaande toe op tenminste drie andere onderdelen van de foto. Bestand opslaan Sla het document op als eigennaam-foto.psd en als eigennaam-foto.jpg Uitnodiging maken Foto plaatsen in een nieuw bestand We gaan nu de bewerkte foto gebruiken voor een uitnodiging. Maak een nieuw bestand: Bestand - Nieuw, Grootte, 19,5 x 15,5 cm, resolutie 300 pixels/inch. Open het bestand eigennaam-foto.jpg Klik op sneltoets V en sleep de ingekleurde foto naar het nieuwe document. Gebruik Ctrl+T om de foto op maat te maken. Klik op Enter.

20 Laagstijll 20 Maak een Lijn rond de foto. Laagstijl toevoegen Lijn / Stroke - Grootte,Binnen, Kies een kleur. Veelhoeklasso We gaan nu met wat stukjes plakband de foto vastmaken. Maak eerst een Nieuwe Laag. Selecteer het gereedschap Lasso, daarna Veelhoeklasso. - Klik met de Veelhoeklasso op de foto, laat los en verplaats de veelhoeklasso - Klik steeds even op de hoek om de vorm te tekenen - Teken zo een stukje plakband boven links in de hoek van de foto - Stel de Voorgrondkleur op lichtgrijs. Vul het plakband met lichtgrijs met het Emmertje - Deselecteren met Ctrl+D. - Verander de overvloeimodus boven in het Lagenpalet van Normaal in Zacht Licht of pas de Dekking / Oopacity aan. - Gebruik Ctrl+J om de laag met plakband te kopiëren. - Sleep driemaal de plakband naar de andere hoeken. - Met Ctrl+T kun je het plakband roteren. Tekst Plaats in ieder geval: - Titel - Datum - Tijd - Plaats - Uitnodiging - Thema / dresscode - Verwijzing social media Eventueel ook een logo. Achtergrond Plaats een bijpassende achtergrond. Zorg er wel voor dat je tekst leesbaar blijft.

21 21 Bestand opslaan Sla het document op als eigennaam-uitnodiging.psd en als eigennaam-uitnodiging.jpg Afvinklijst uitnodiging Vul het onderstaande schema in voor je de opdracht laat beoordelen. Onderwerp Criteria Afvinken Foto Formaat: Groter dan 2MP; Scherp op 100% Kleur: Zwart wit Geen auteursrechten Selectie 1 Selectie 2 Selectie 3 Uitnodiging Fotorand Plakband Kwaliteit van de selectie -Nieuwe laag met kleur Toepassen van de overvloeimodus Kwaliteit van de selectie - Nieuwe laag met kleur Toepassen van de overvloeimodus Kwaliteit van de selectie - Nieuwe laag met kleur Toepassen van de overvloeimodus Formaat: Grootte, 19,5 x 15,5 cm, resolutie 300 pixels/inch. Achtergrond: Passend in thema en vormgeving Scherp op 100% Rand om foto d.m.v. Laagstijl Plakband: getekend - gekleurd - overvloeimodus - slagschaduw Tekst Titel Datum Tijd Plaats Uitnodiging -Thema / dresscode - Verwijzing social media - Logo Vormgeving Opslaan Layout - Kleurgebruik - Originaliteit - Afwerking Juiste naam en bestandsformaat (psd en jpg) SUCCES

22 Studiewijzer Vormgeving periode 2 Vak: Cohort: 2016 Leerjaar: 1 Periode: 2 Context De leerling is in staat promotiemiddelen te ontwerpen voor het promoten van een evenement. Promotiemiddelen Uitnodigingskaart, Themakaart, Affiche, Folder, Kaart Open dag Leerdoelen: De leerling is in staat promotiemiddelen voor een evenement te maken.. De leerling maakt gebruik van onderstaande gereedschappen, technieken en vormgevingselementen. Gereedschappen Photoshop-gereedschappen Technieken Het maken van een lay-out voor een affiche, folder kaart met behulp van tekst, afbeeldingen, vorm en kleur.. Vormgevingselementen Lay-out, eenheid in stijl, kwaliteit van afbeeldingen, originaliteit, uitlijning. Communicatie waarde (AIDA-formule) Relatie met het examen: Kerntaak P1-K2-profiel 1 (M&C) kerntaak 2 22 Bijlage 1 Kerntaak: P2-K1 Profiel 2 (Evenementen) Kerntaak 1 - en offline evenementenbegrippen en instrumenten. communicatie-activiteiten (copyright). Leeractiviteiten: Het maken van de volgende producten: Uitnodigingskaart, thema-kaart, Open dag kaart, affiche, folder Instructielessen, gezamenlijk oefenen van technieken, onder begeleiding werken aan portfolio opdrachten. Tijd - 2 uur per week lesactiviteiten; - 1 periode van 9 weken Leermiddelen: Reader Periode 2 Materiaal en Reader is te vinden op website: