Digitale vormgeving MHBO-evenementen
Oriëntatie
Marketing & Communicatie / Digitale vormgeving 2015 – 2016
2
Inhoud
Inleiding pagina 03
Theorie pagina 04
Photoshop werkblad pagina 08
Opdrachten pagina 10
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.
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.
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).
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.
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/
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.
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.
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.
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.
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
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.
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.
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.
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
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.
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.
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.
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.
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