ONTWERP EN REALISATIE VAN VOORLICHTINGS, PROMOTIE- EN/OF PR-MATERIAAL OPLEIDING EVENEMENTENORGANISATIE

Transcriptie

1 ONTWERP EN REALISATIE VAN VOORLICHTINGS, PROMOTIE- EN/OF PR-MATERIAAL OPLEIDING EVENEMENTENORGANISATIE DIGITALE VORMGEVING - PERIODE ORIENTATIE Marketing & Communicatie - Digitale vormgeving

2 INHOUD Orientatie... 1 Inleiding... 3 Digitale Vormgeving... 3 Doel... 3 Opbouw... 3 Photoshop en Laptop... 4 Systeemvereisten voor Photoshop CC, Windows... 4 Nederlands/Engels... 4 Photoshop Trial... 4 Theorie... 5 Afbeeldingsformaten voor Beeldscherm en Printwerk... 5 Gebruik van RGB / CMYK / PMS -kleuren... 5 Lettertypes... 5 Lettergrootte... 6 Layout... 6 Document-types... 6 Bestandsformaten... 7 Copyright... 7 Photoshop Werkblad... 8 Menubalk... 8 Optiebalk... 8 Gereedschapsbalk... 8 Deelvensters... 9 Opdrachten Opdracht 1 Tekstcollage Afvinklijst Tekstcollage Opdracht 2 Alineatekst Afvinklijst Alineatekst Opdracht 3 Collegekaart Afvinklijst Collegekaart

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 basis theorie op het gebied van Vormgeving. Vervolgens een kennismaking met het werkblad van het programma en 3 oriënterende opdrachten om de belangrijkste gereedschappen te leren kennen. 3

4 PHOTOSHOP EN LAPTOP Voor de lessen heb je het programma Photoshop CS Extended nodig. Het beste is de laatste versie Photoshop CC, maar vanaf Photoshop CS4 kun je de meeste opdrachten goed maken. SYSTEEMVEREISTEN VOOR PHOTOSHOP CC, W INDOWS - Intel Pentium 4- of AMD Athlon 64-processor (2 GHz of sneller) - Microsoft Windows 7 met Service Pack 1, Windows 8 of Windows GB RAM - 2,5 GB vrije ruimte op de vaste schijf voor de installatie; tijdens de installatie is extra vrije ruimte vereist x 768 beeldscherm (1280 x 800 aanbevolen) met OpenGL 2.0, 16-bits kleuren en 512 MB VRAM (1 GB aanbevolen). - Internetverbinding en registratie zijn vereist voor verplichte softwareactivering, validering van het lidmaatschap en toegang tot onlineservices. - Wifi draadloos netwerk NEDERLANDS/ENGELS In de Readers is gebruik gemaakt van de Nederlandstalige versie van Photoshop, vaak staat er tussenhaakje ook de Engelse term. Doordat er bij alle opdrachten printscreens staan, is met een Engelstalige versie vrij eenvoudig de termen te vinden. Natuurlijk kun je de docent ook om de vertaling te vragen. PHOTOSHOP TRIAL Voor de eerste les 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. Download het programma niet op school maar thuis. (Op school duurt dit te lang). Download - Ga naar Adobe.com/nl/downloads Klik bij Downloads op Photoshop Uitproberen. - Download eerst de Creative Cloud. Bestand opslaan. - Ga daarna naar Downloads op je computer, kies daar voor bestand CreativeCloudSet-up Openen en Uitvoeren. De Creative Cloud wordt nu geïnstalleerd. - Meld je aan voor een Adobe-id. Maak hier een Adobe-id aan (onderaan). Gebruiksvoorwaarden accepteren. Je komt nu bij een lijst waar je kunt aangeven welk programma je wilt uitproberen. - Het programma wordt nu geïnstalleerd. Je kunt precies het percentage zien dat is gedownload. - Na het installeren wordt het programma automatisch uitgepakt (even geduld voor het uitpakken). - Je kunt nu het programma vinden bij Start bij de andere programma s. 4

5 THEORIE AFBEELDINGSFORMATEN VOOR BEELDSCHERM EN PRINTW ERK 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 hele 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. 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. Alhoewel de verschillen tussen browsers steeds kleiner worden, worden lettertypes nog steeds niet in alle browsers hetzelfde weergegeven. Als je op safe wilt spelen, gebruik dan Arial, Verdana of een ander font dat door iedere browser wordt ondersteund. Test in alle andere gevallen je webtekst in verschillende browsers, zodat je lezers dadelijk niet voor verrassingen komen te staan. 5

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

7 BESTANDSFORMATEN naam lengte (mm) breedte (mm) 4A A A A A A A A Overzicht DIN A-formaten A COPYRIGHT 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. Waar vind je foto s op internet met toestemming van de fotograaf? Bij Dit betekent: Je mag de foto s gebruiken als je de naam van de fotograaf vernoemt. Bij Afbeeldingen. Kies voor: geavanceerd / safe search / gebruik gematigd filter / gelabeld voor commercieel hergebruik inclusief aanpassing. 7

8 PHOTOSHOP W ERKBLAD 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 Hieronder zie je de gereedschapsbalk. Uitklapmenu Gereedschap Klik je op een knop met een naar beneden wijzend driehoekje, dan opent zich een uitklapmenu met meerdere beschikbare gereedschappen. 8

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

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

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

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 Tekenpalet Alle woorden op een aparte Laag 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 12

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 ; Annemieke van Dongen- Dirksen ; Fons Goosen ; Berrie Goossens ; Marjolein Hutting ; Corry van der Kroef ; Hans Maas ; Claudia van Melis; Corine van Nielen; Jeroen van Peer; Serge van Sassen; Han Simons ; Elsbeth Spuijbroek ; Patricia Verboven ; Peter Verhoef ; Ella van der Weij. Plaats de koptekst Vakken boven de vakken en Docenten boven de docenten. 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 13

14 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. Kleur Achtergrond Tenslotte geef je de achtergrond een kleur. Selecteer in het Lagenpalet, de laag Achtergrond (Background). Kies onder in de gereedschappenbalk, het gereedschap Voorgrondkleur instellen. Dubbelklik op Voorgrondkleur instellen en je ziet de Kleurkiezer (Voorgrondkleur). Kies hier voor een kleur en klik op OK. Ga in de gereedschappenbalk in het midden naar het gereedschap Verloop(Gradient tool), klik door naar het Emmertje (Paint bucket tool) en vul de pagina met de kleur. 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. 14

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

16 AFVINKLIJST ALINEATEKST Vul het onderstaande schema in, voordat je de opdracht laat beoordelen. Onderwerp Criteria Afvinken Nieuw bestand Tekst Lagen Teken palet Kleur Opslaan als Breedte: 148 mm x Hoogte: 210 mm Resolutie: 300 pixels/inch; Kleur: CMYK Color Marges van 1 cm 2 Kolommen mbv hulplijnen. Tekst als alineatekst uitgeschreven. Horizontale tekst, tekstgrootte 10 pt Bevestigen tekst met bevestigingsknop Tekst niet tegen de rand van de rechthoek Aparte laag voor Alineatekst en voor Koptekst Aparte laag voor rechthoek, achtergrond en foto. Lettergrootte voor Alineatekst is 10 pt Lettertype, Kleur en Grootte aanpassen per woord Achtergrond-laag kleur geven Tekstkleur aanpassen Mappenstructuur: Vormgeving, Periode 1, Alineatekst PSD / naam 16

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 Keur 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. 17

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. Er zijn nu 2 vensters geopend: Het venster met het formaat van je Collegekaart en een venster met een 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. 18

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. Hierdoor ontstaat een knipperend verticale streep. Voer nu de tekst in. 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), alle huidige wijzigingen vastleggen, rechts op de optiebalk te klikken. 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 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 mag nooit gewijzigd worden. 19

20 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 Hulplijnen foto en teksten Uitlijnen. 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_collegekaart AFVINKLIJST COLLEGEKAART Vul het onderstaande schema in, voordat je de opdracht laat beoordelen. Onderwerp Criteria Afvinken Werkbladindeling Historie - Lagen Teken Opties - Gereedschappen Nieuw bestand Foto Rechthoek en vierkant Tekst Schalen Uitlijnen Bestandsnaam 8,5 x 5,5 cm - Resolutie 300 pixels/inch, CMYK Eigen foto voor kaart - Foto van KW1C Fotokwaliteit optimaliseren Rechthoek - Vierkant (met shift) Grootte passend - Lettertype passend Juiste formaat foto, Logo Verhoudingen behouden Liniaal, Hulplijnen - Teksten, logo en foto uitlijnen Opslaan Mappenstructuur: Vormgeving, Periode 1 PSD / naam 20