21
Digitale vormgeving MHBO-evenementen Oriëntatie

Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Digitale vormgeving MHBO-evenementen

Oriëntatie

Page 2: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

2

Inhoud

Inleiding pagina 03

Theorie pagina 04

Photoshop werkblad pagina 08

Opdrachten pagina 10

Page 3: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

3

Inleiding

Digitale Vormgeving In Digitale Vormgeving staat centraal het beeldend vormgeven afgestemd op de doelgroep en de huisstijl van de opdrachtgever.

Doel 1. Je ontwikkelt voor een organisatie of voor derden voorlichtings-, promotie- en/of pr-materiaal. Je inventariseert en analyseert de wensen van de opdrachtgever ten aanzien

van dit materiaal en stemt het product hierop af. Je verbeeldt zorgvuldig en zorgt ervoor dat je product goed aansluit op de beeldtaal van de doelgroep. Je werkt conform de door de organisatie voorgeschreven huisstijl. Hiervoor heb je vakkennis en

vaardigheden nodig op het gebied van grafische en digitale technieken (onder andere met Photoshop) en vormgeving (compositie en kleurgebruik).

2. Je ontwikkelt pagina's voor internet en/of intranet, richt deze in en past ze zo nodig aan (functioneel beheer). Verder inventariseer je regelmatig de behoeften van de informatiegebruikers. Je zoekt naar aanleiding daarvan relevante informatie en bewerkt

deze zo nodig, voordat je ze plaatst (contentbeheer). Ook ontwikkel je content en bewaak je de actualiteit van de informatie op inter- en intranet conform de afgesproken huisstijl.

Hiervoor heb je vakkennis en vaardigheden nodig in het beheren en opmaak van websites (onder andere met behulp van Photoshop en WordPress).

Opbouw Door te werken aan je opdrachten leer je: De gereedschappen van Photoshop toe te passen; Het ordenen van elementen (teksten, logo, foto’s etc) tot een geheel met behulp van

uitlijnen; Het ontwerpen van verschillende voorlichtings-, promotie- en/of pr-materiaal; Een eigen beeldtaal te ontwikkelen.

We beginnen met de randvoorwaarden voor het werken met het programma Photoshop en basistheorie op het gebied van Vormgeving. Vervolgens een kennismaking met het werkblad van het programma en oriënterende

opdrachten om de belangrijkste gereedschappen te leren kennen.

Programma

Voor de lessen van Digitale Vormgeving heb je het programma Adobe Photoshop nodig. Heb je het programma niet op je computer dan kun je een

proefversie (voor 30 dagen) gratis downloaden bij Adobe. Klik voor het downloaden van de proefversie op https://creative.adobe.com/nl/products/download/photoshop.

Page 4: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

4

Theorie

Afbeeldingsformaten voor Beeldscherm en Printwerk Een foto voor beeldschermgebruik heeft een resolutie van 72 d.p.i., een foto voor

printgebruik heeft een resolutie 300 d.p.i. De afkorting d.p.i. staat voor: Dots Per Inche. Dit betekent Pixels (puntjes) per Inche (1 inch =2,54 cm).

Een afbeelding op een beeldscherm wordt opgebouwd uit lichtpuntjes. De afbeelding heeft de beste kwaliteit als iedere inch72 pixels heeft. Een geprinte afbeelding wordt opgebouwd uit inktpuntjes. Deze afbeelding heeft de

beste kwaliteit als iedere inch 300 pixels heeft. Een printafbeelding is dus meer dan 4 keer 'zwaarder / groter' dan een beeldschermafbeelding. Omdat je een printafbeelding in eerste instantie alleen op je

beeldscherm ziet lijkt hij veel groter dan hij uiteindelijk uitgeprint zal zijn. Het is wel mogelijk een 'zware' foto (300 dpi) kleiner te maken. Een 'lichte' foto (72 dpi) groter maken wordt afgeraden. De foto zal veel kwaliteit verliezen. De opbouw van

de foto uit pixels wordt zichtbaar (pixelig).

Gebruik van RGB / CMYK / PMS -kleuren CMYK Als je een ontwerp maakt voor een drukker moet je kiezen voor CMYK of PMS. CMYK

staat voor Cyaan, Magenta, Yellow en Key (blacK)). De opbouw van deze 4 kleuren wordt weergegeven in percentages inkt die over elkaar heen gedrukt worden (bijvoorbeeld 0% cyaan, 100% magenta, 100% yellow en 0% black wordt een felle

rode kleur). RGB Rood, Groen, Blauw (niet te verwarren met de primaire kleuren Rood, Geel en Blauw) is

de kleurindeling die over het algemeen voor beeldschermen gebruikt wordt. Afhankelijk van de verschillen in kalibratie van monitoren en (kleuren)printers (welke vaak ‘om kunnen gaan’ met RGB bestanden) komt je bestand er op andere machines anders uit

te zien.

Page 5: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

5

PMS Pantone kleuren (PMS – Pantone Matching System) zijn ook bedoeld voor de drukker (dus niet voor een printer). Ze worden gebruikt om de hoogste garantie te kunnen

geven dat de kleur die je in gedachte hebt ook gerealiseerd wordt.

Hoe meer Pantone-kleuren je in en afbeelding gebruikt hoe

duurder het drukwerk. Het is dus belangrijk als je iets gaat ontwerpen

dat je van te voren weet of het wordt geprint (RGB of CMYK),

gedrukt (CMYK of PMS) of voor een beeldscherm bedoeld is

(RGB).

Lettertypes Voor beeldschermgebruik werd oorspronkelijk een schreefloze (sans serif)

lettertype gebruikt, zoals Arial en Verdana. Letters met schreef zoals

Courier New, Century en Georgia zijn oorspronkelijk bedoeld als

drukletter. De schreven of streepjes aan de letter zorgen ervoor dat je er onder de letters een lijn ontstaat waardoor je oog niet van de regel ‘afvalt’. Op dit moment

worden schreef en schreefloze letters door elkaar gebruikt. Het blijft wel belangrijk te checken op leesbaarheid. Met name decoratieve lettertypes zoals Vivaldi en Curlz zijn niet goed voor beeldschermgebruik. Krulletjes, slingertjes, plaatjes en andere

onregelmatigheden zien er misschien grappig uit op papier; bij de beeldschermlezer veroorzaken ze vooral irritatie en hoofdpijn.

Lettergrootte Voor beeldschermgebruik De optimale grootte van online tekst hangt af van zaken zoals kijkafstand, beelschermresolutie en contrast tussen tekst en achtergrond. Een regel is dat de tekst

groot genoeg moet zijn om alle letters goed van elkaar te onderscheiden, maar klein genoeg om ook de tekst als geheel nog te kunnen waarnemen. Meestal is een grootte van 10 of 12 punten voldoende om aan deze regel te voldoen.

Voor papier Omdat je voor papier een veel zwaardere resolutie nodig hebt dan voor

beeldschermgebruik, zul je je document uitzoomen om te kunnen ontwerpen. Een uitgezoomde letter van 11 punt lijkt dan onleesbaar. Belangrijk is de leesbaarheid te controleren op 100% schermweergave.

Een lettergrootte van 11 punt is standaard voor A4-gebruik. Alineateksten voor een folder of flyer zijn meestal kleiner (9 punt).

Page 6: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

6

Layout Layout betekent opmaak van een document.

Belangrijk bij het maken van een layout zijn uitlijnen en gebruik van marges. Uitlijnen betekent dat je afbeeldingen en teksten links rechts of in het midden laat beginnen. Bij links en rechts uitlijnen creëer je eenheid en rust door teksten en

afbeeldingen op eenzelfde breedte of hoogte te laten beginnen. Met behulp van hulplijnen kun je uitlijnen. Marges (kantlijnen) zijn van belang zodat de layout een ruimtelijk karakter krijgt (niet

te vol lijkt). Ook is het bij drukwerk belangrijk ruimte voor het afsnijden te hebben. Dit noemen we afloop. Ook marges maak je met behulp van hulplijnen.

Document-types Als je een ontwerp hebt gemaakt in Photoshop en je slaat dit op als Photoshopbestand

(PSD), heeft dit als voordeel dat je er later nog van alles in kunt veranderen. De lagen waaruit de afbeelding is opgebouwd blijven behouden. Een nadeel is echter dat het bestand te zwaar is om te gebruiken voor email of andere internettoepassingen.

Daarom sla je een document dat af is op als JPEG, GIF of PNG. JPEG gebruik je voor een afbeelding met heel veel kleurnuances zoals een foto. PNG en Gif gebruik je voor een afbeelding met weinig kleurnuances en strakke lijnen

zoals een tekst of een grafische afbeelding. PNG en Gif hebben als extra voordeel dat je een doorzichtige achtergrond kunt opslaan.

Page 7: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

7

Bestandsformaten

Overzicht DIN A-formaten

naam lengte (mm) breedte (mm)

4A0 2378 1682

2A0 1682 1189

A0 1189 841

A1 841 594

A2 594 420

A3 420 297

A4 297 210

A5 210 148

A6 148 105

Auteursrecht Als je eigen foto’s gebruikt is het van belang dat de persoon op de foto toestemming geeft. Als je foto’s van anderen gebruikt is het van belang dat de fotograaf hier toestemming voor geeft. Kijk voor meer informatie betreffende het auteursrecht en

voor rechtenvrije foto’s op https://mcstudentenwerk.wordpress.com/fotos/

Page 8: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

8

Photoshop Werkblad Wanneer we Photoshop openen, zien we drie onderdelen: Boven de Werkruimte (Menubalk en Optiebalk), links de Gereedschappen en rechts de

Paletten. De werkruimte (boven) De werkruimte bestaat uit twee delen: Helemaal bovenin de Menubalk en daaronder de

Optiebalk. Menubalk

Optiebalk

Menubalk Klik je op een van de menu’s in de Menubalk dan opent zich een uitklapmenu met

opdrachten. Naast deze opdrachten staat vaak een sneltoets vermeld.

Optiebalk De Optiebalk toont de verschillende mogelijkheden van het gereedschap dat je gekozen

hebt. Heb je gekozen voor tekstgereedschap dan laat de optiebalk de verschillende tekstopties zien.

Gereedschapsbalk Hierna zie je de gereedschapsbalk.

Page 9: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

9

Uitklapmenu Gereedschap Klik je op een knop met een naar beneden wijzend driehoekje, dan opent zich een

uitklapmenu met meerdere beschikbare gereedschappen.

Deelvensters Wanneer we Photoshop openen zie je rechts Deelvensters, ook wel eens "panelen" of

"paletten" genoemd. Kies je voor Venster, Werkruimte, Typografie (ontwerp) dan zie je rechts drie deelvensters: Teken Alineastijl en Lagen.

Andere deelvensters die handig zijn om te gebruiken, zijn: Historie en Navigatie.

Page 10: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

10

Opdrachten

Opdracht 1 Tekstcollage Ontwerp een collage van de namen van de vakken / onderdelen uit deze opleiding in

verschillende lettertypen en kleuren en verschillende richtingen. Nieuw bestand

Selecteer in de Optiebalk in het menu Bestand (File) de optie Nieuw (Ctrl+N) voor een nieuw document. Kies bij Voorinstelling (Preset), Internationaal Papier en daarna bij Grootte: A5.

Breedte: 148 mm x Hoogte: 210 mm. Resolutie: 300 pixels/inch; Kleur: CMYK Color

Vakken typen

Typ alle vakken / onderdelen die je op de opleiding krijgt als vrije tekst. Klik op het Tekstgereedschap, Horizontale Tekst in de gereedschappenbalk.

Typen en Bevestigen Klik met tekstgereedschap op het witte vlak. Een verticale streep knippert op de plaats waar je het eerste vak gaat typen.

Typ het woord Nederlands. Je bevestigt de tekst met de bevestigingsknop rechtsboven op de optiebalk.

Typ hierna de andere vakken in een aparte Laag:

Rekenen, Engels, Loopbaan en Burgerschap, Projecten, Evenementen, Marketing, Communicatie, Vormgeving, Bedrijfseconomie, Vaardigheden, Frans/Duits/Spaans, Concept Copy Creation, ICT (Excel, Word, PowerPoint, Prezi, Google Docs).

Alle woorden staan nu als aparte laag rechts in het Lagenvenster.

Page 11: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

11

Lettertype Geef alle woorden een ander lettertype door het woord te selecteren. Ga op de juiste laag staan in het Lagenvenster.

Ga in het woord staan met het Tekstgereedschap, je ziet een streepje onder het woord. Maak een Selectie door met de muis over de tekst te slepen.

Ga in de Optiebalk naar Venster en selecteer het palet Teken (Character). Verander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur:

Woorden roteren

Ga op de laag staan waarvan je het woord wilt roteren en toets de combinatie Ctrl+T. Het woord staat nu in een rechthoek met Ankerpunten.

Klik nu met de rechtermuis op het woord, kies Roteren 90° rechtsom.

Bestand opslaan Sla je de opdracht als PSD (PhotoShop Document) op.

Selecteer in de optiebalk in het menu Bestand/File, Bestand opslaan als/Save as. Kies voor de optie nieuwe map. Geef deze map de naam Vormgeving.

Kies weer voor nieuwe map. Geef deze map de naam Periode 1. Selecteer bij indeling het documenttype PSD. Geef het bestand de naam eigennaam_tekstcollage.

Page 12: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

12

Afvinklijst Tekstcollage Vul het onderstaande schema in, voordat je de opdracht laat beoordelen.

Onderwerp Criteria Afvinken

Nieuw bestand Breedte: 148 mm x Hoogte: 210 mm

Resolutie: 300 pixels/inch; Kleur: CMYK Color

Tekst Horizontale tekst

Bevestigen tekst met bevestigingsknop

Lagen Alle woorden op een aparte Laag

Tekenpalet Lettertype, Kleur en Grootte aanpassen per

woord

Roteren Met Ctrl+T, vrije transformatie

Woorden roteren 90° rechtsom

Opslaan als Mappenstructuur: Vormgeving, Periode 1

PSD / naam

Page 13: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

13

Opdracht 2 Alineatekst Ontwerp een pagina bestaande uit de alineateksten: vakken, docenten, kopregel.

De achtergrond bestaat uit één kleur, kleurvlak (onder de tekst) en een foto. Nieuw Document

Selecteer in de optiebalk in het menu Bestand (File) de optie Nieuw (Ctrl+N) voor een nieuw document. Kies bij Voorinstelling, Internationaal Papier en daarna bij Grootte: A5.

Breedte: 148 mm x Hoogte: 210 mm. Resolutie: 300 pixels/inch; Kleur: CMYK Color.

Hulplijnen/Guides Plaats Hulplijnen in je document voor het maken van kolommen en het uitlijnen van de tekst. Ga in de optiebalk

naar Weergave (View) en kies Nieuwe Hulplijn (New Guide). Typ de onderstaande maten in: Verticaal: 1 cm, 7.2 cm, 7.6 cm, 6cm, 10.7cm, 13.4cm,

13.8 cm. Horizontaal: 1 cm, 9.5cm, 20 cm.

Alineatekst 1 Selecteer het Tekstgereedschap in de gereedschapsbalk. Verander in de optiebalk de Lettergrootte naar 10 pt.

Maak nu een Rechthoek / Rectangle tool met het tekstgereedschap in de rechterkolom, waarin je alle vakken achter elkaar als één Laag gaat typen.

Nederlands, Rekenen, Engels, Loopbaan en Burgerschap, Projecten, Evenementen, Marketing, Communicatie, Vormgeving, Bedrijfseconomie, Vaardigheden,

Frans/Duits/Spaans, Concept Copy Creation (Copywriting, Prezi, Google Docs, MovieMaker, Package), ICT (Excel, Word,

PowerPoint,). Bevestig de tekst met de V in de optiebalk.

Alineatekst 2 Maak ook een tekstvak voor de docenten. Jeroen van Aalst; Paulina Beckers; Gertine Dammers; Maarten Denessen; Fons Goosen;

Berrie Goossens; Fons Goosen; Marjolein Hutting; Corrie van der Kroef; Hans Maas; Claudia van Melis; Corine van Nielen; Jeroen van Peer; Serge van Sassen; Han Simons; Anne Sunnen; Elsbeth Spuijbroek; Patricia Verboven; Peter Verhoef; Ella van der Weij.

Plaats de koptekst ‘Vakken’ boven de vakken en ‘Docenten’ boven de docenten.

Page 14: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

14

Alinea’s Uitvullen Klik in de tekstlaag Vakken. Ga rechts naar het palet Teken / Character. Klik boven in het palet op Alinea / Paragraph. Selecteer de tekst en klik op pictogram Laatste links

uitvullen. Doe hetzelfde voor de tekstlaag Docenten

Tekst in het midden van

de pagina

Selecteer in het Lagenpalet de Laag van de Vakken. Klik op Ctrl+T waardoor

ankerpunten op de hoeken en in het midden van de tekst staan. De ankerpunten in het midden boven en onder, plaats je op de verticale hulplijn die

staat op 10,7cm. Hetzelfde doe je met de alineatekst: Docenten. De alineatekst Vakken staat boven de horizontale hulplijn en alineatekst Docenten staat

onder de horizontale hulplijn. Rechthoek achter tekst

Maak een Rechthoek achter de tekst. In de optiebalk kun je kleur bepalen. Zorg dat de tekst nooit tegen de rand van de rechthoek staat. Maak de alineateksten smaller door de ankerpunten aan de zijkant naar binnen te

schuiven. Gebruik hiervoor de hulplijnen op 8cm en 13.4cm.

Page 15: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

15

Kopregel Plaats een Kopregel in de linker kolom. Geef deze tekst een andere kleur.

Foto toevoegen Open de foto die je op de achtergrond wilt plaatsen.

Je hebt nu twee bestanden: Alineatekst en Foto openstaan. Kies in de optiebalk, Venster (Window), Ordenen (Arange) vervolgens 2-maal, verticaal.

De twee bestanden worden getoond, elk in een eigen venster. Sleep vanuit het Lagen-palet rechts de Foto in het bestand van de alineatekst.

De foto staat nu voor de tekst. Dit kun je veranderen door in het lagenpalet de laag van de foto naar beneden te slepen.

Foto Verkleinen/vergroten, Vrije Transformatie De foto kun je vergroten of verkleinen.

Kies hiervoor in de menubalk Bewerken (Edit), Vrije Transformatie of de sneltoetscombinatie Ctrl+T. Je ziet acht blokjes, Ankerpunten rond je foto, vier op de

hoeken en vier in het midden. Bij het vergroten en verkleinen van afbeeldingen mag je alleen de hoekblokjes

gebruiken. Houd de Shift-toets ingedrukt om de verhoudingen te behouden. Heb je de juiste grootte bereikt laat dan eerst

de Muis los en daarna pas de Shift-toets. Klik dan Enter om de juiste verhouding vast te leggen.

Klik op de knop Alles tot tabbladen samenvoegen om de documentvensters van de geopende afbeeldingen weer als tabbladen weer

te geven met slechts één zichtbare foto.

Page 16: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

16

Bestand opslaan Sla je de opdracht als PSD (PhotoShop Document) op.

Selecteer in de optiebalk in het menu Bestand/File, Bestand opslaan als/Save as. Kies voor map Periode 1.

Selecteer bij indeling het documenttype PSD. Geef het bestand de naam eigennaam_alineatekst

Afvinklijst Alineatekst Vul het onderstaande schema in, voordat je de opdracht laat beoordelen.

Onderwerp Criteria Afvinken

Nieuw bestand Breedte: 148 mm x Hoogte: 210 mm

Resolutie: 300 pixels/inch; Kleur: CMYK Color

Marges van 1 cm

2 Kolommen mbv hulplijnen.

Tekst Tekst als alineatekst uitgeschreven.

Horizontale tekst, tekstgrootte 10 pt

Bevestigen tekst met bevestigingsknop

Tekst niet tegen de rand van de rechthoek

Lagen Aparte laag voor Alineatekst en voor Koptekst

Aparte laag voor rechthoek, achtergrond en

foto.

Teken palet Lettergrootte voor Alineatekst is 10 pt

Lettertype, Kleur en Grootte aanpassen per

woord

Kleur Achtergrond-laag kleur geven

Tekstkleur aanpassen

Opslaan als Mappenstructuur:

Vormgeving, Periode 1, Alineatekst

PSD / naam

Page 17: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

17

Opdracht 3 Collegekaart Maak je eigen collegekaart met kleurvlakken, foto, gegevens en logo.

Nieuw Document Selecteer in de optiebalk in het menu Bestand (File) de optie Nieuw (Ctrl+N) voor een nieuw document. Naam Collegekaart.

Breedte 8,5 cm x Hoogte 5,5 cm Resolutie 300 pixels/inch; Kleur CMYK Color; Achtergrond: Wit

Achtergrond Geef de achtergrond een kleur. Ga naar Voorgrondkleur instellen onderaan in de gereedschapsbalk.

Klik op Voorgrondkleur en kies een oranje kleur in de Kleurkiezer (Voorgrondkleur). Kies in het midden van de gereedschappenbalk onder Verloop het Emmertje. Vul de Achtergrondlaag met de gekozen kleur met het emmertje.

Rechthoek Ga in de gereedschapsbalk naar Rechthoek (Rectangle)(sneltoets U). In de optiebalk zie je nu de gegevens: Vorm, Kleur, Vormlijn ………

Klik op kleur instellen en selecteer de juiste kleur in de Kleurkiezer. Teken een Rechthoek op het oranje vlak. Vergroot of verklein de rechthoek met Ctrl+T.

De kleur kun je ook instellen door in het Lagenpalet op de pictogram te klikken. Je krijgt dan de Kleurkiezer.

Page 18: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

18

Vierkanten en rechthoeken Teken ook de vierkantjes in verschillende kleuren op de collegepas. Een vierkant maak je door Shift in te

drukken als je een rechthoek maakt. Hulplijnen

Haal uit de liniaal hulplijnen om de vormen ten opzichte van elkaar uit te lijnen.

Eigen Foto Voor deze opdracht heb je een foto van jezelf nodig. Als je deze niet hebt maak je hem

alsnog, met je laptop, smartphone of fototoestel. Selecteer in de optiebalk in het menu Bestand (file) de optie Open. Blader naar de Foto van jezelf.

Fotokwaliteit verbeteren Selecteer in de optiebalk het menu Afbeelding (Image) de optie Aanpassingen /

Adjustments daarna Niveaus / Levels. Schuif met de pijltjes aan de buitenzijde naar de binnenzijde zodat er alleen een grafiek en geen horizontale lijn overblijft.

Met het witte driehoekje maak je de foto lichter. Met het zwarte driehoekje maak je de foto donker.

Afbeeldingen rangschikken Kies in de optiebalk, Venster, Ordenen vervolgens 2-maal, Verticaal. De twee bestanden worden getoond, elk in een eigen venster. Sleep vanuit het Lagen-palet rechts de Foto van jezelf in het bestand van de collegekaart.

Klik op de knop Alles tot tabbladen samenvoegen om de documentvensters van de geopende afbeeldingen weer als tabbladen weer te geven met slechts één

zichtbare foto. Naam Laag

Klik in het venster met je foto. In het menu Lagen (layers) zie je de laag met je foto. Dubbelklik op deze laag en geef hem de naam foto.

Page 19: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

19

Foto Verkleinen/vergroten, Vrije Transformatie De foto kun je vergroten of verkleinen. Kies hiervoor in de menubalk Bewerken (Edit),

Vrije Transformatie of de sneltoetscombinatie Ctrl+T. Houd de Shift-toets ingedrukt om de verhoudingen te behouden. Heb je de juiste grootte bereikt laat dan eerst de Muis los en daarna pas de Shift-toets.

Klik dan Enter om de juiste verhouding vast te leggen.

Tekst Toevoegen Selecteer in de gereedschapsbalk het gereedschap Horizontale Tekst. Kies in Palet Teken / Character (rechts) een lettertype en bepaal de grootte.

Klik met het gereedschap Horizontale Tekst op je collegekaart. Typ je naam, klas en leerling-nummer. Kies een kleur door in het palet Teken Tekstkleur te kiezen. Sluit het typen af door op de Bevestigingsknop (V-teken), rechts op de optiebalk te klikken.

Page 20: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

20

Logo KW1C Het logo van het Koning Willem 1 College krijg je via je docent. Het logo heeft een Transparante achtergrond zodat er geen wit vlakje achter het logo zichtbaar is. De

blokjes achter het logo geven aan dat er geen achtergrondkleur aanwezig is. Open het logo in Photoshop. Sleep op dezelfde manier als je foto het logo naar de collegekaart. Vergroot of verklein het logo met Ctrl+T. De verhoudingen van een logo mogen nooit

gewijzigd worden.

Hulplijnen en Uitlijnen

Ga in de optiebalk naar Weergave en zet een vinkje bij Linialen. In Photoshop zie je boven en rechts een liniaal. Plaats nu een hulplijn in je ontwerp door op de Liniaal te klikken en met een ingedrukte

muisknop de hulplijn op je collegekaart te slepen. Ga met de hulplijnen foto en teksten uitlijnen.

Bestand opslaan Sla de opdracht als PSD (PhotoShop Document) op. Selecteer in de optiebalk in het menu Bestand / File, Bestand opslaan

als/Save as. Kies voor map Periode 1. Selecteer bij indeling het documenttype PSD. Geef het bestand de naam

eigennaam_collegekaart.

Page 21: Digitale vormgeving MHBO-evenementen OriëntatieVerander in het Tekenpalet van alle vakken het lettertype, de grootte en de kleur: Woorden roteren Ga op de laag staan waarvan je het

Marketing & Communicatie / Digitale vormgeving 2015 – 2016

21

Afvinklijst Collegekaart Vul het onderstaande schema in, voordat je de opdracht laat beoordelen.

Onderwerp Criteria Afvinken

Werkbladindeling Historie - Lagen – Teken – Opties -

Gereedschappen

Nieuw bestand Bestandsnaam

8,5 x 5,5 cm - Resolutie 300 pixels/inch,

CMYK

Foto Eigen foto voor kaart - Foto van KW1C

Fotokwaliteit optimaliseren

Rechthoek en vierkant Rechthoek - Vierkant (met shift)

Tekst Grootte passend - Lettertype passend

Schalen Juiste formaat foto, Logo

Verhoudingen behouden

Uitlijnen Liniaal, Hulplijnen - Teksten, logo en foto

uitlijnen

Opslaan Mappenstructuur: Vormgeving, Periode 1

PSD / naam