Digitale Vormgeving ONTWERP EN REALISATIE VAN VOORLICHTINGS-, PROMOTIE- EN/OF PR-MATERIAAL PERIODE 1 FONS GOOSEN EN CORRIE VAN DER KROEF

Transcriptie

1 Digitale Vormgeving ONTWERP EN REALISATIE VAN VOORLICHTINGS-, PROMOTIE- EN/OF PR-MATERIAAL PERIODE 1 FONS GOOSEN EN CORRIE VAN DER KROEF MARKETING & COMMUNICATIE - DIGITALE VORMGEVING 1

2 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 prmateriaal,. 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, Dreamweaver en WordPress). Opbouw In het eerste leerjaar staat Digitale Vormgeving ingeroosterd voor 2 uur per week. Er wordt voornamelijk gewerkt aan het ontwerpen van promotiemateriaal zoals folder, homepage, flyer, gadget, visitekaartje, affiche, huisstijl.. Iedere periode wordt gestart met een oefening, daarna opdrachten gericht op jouw project en afgesloten met een vrije opdracht waarin je vaardigheden moeten worden toegepast. Door te werken aan je opdrachten leer je: - de gereedschappen van Photoshop toe te passen; - het ontwerpen van verschillende voorlichtings-, promotie- en/of pr-materiaal; - het toepassen van vormgeving in de verschillende voorlichtings-, promotie- en/of pr-materiaal; - een eigen beeldtaal te ontwikkelen. Richtlijnen Om de Lessen Digitale Vormgeving tot een succes te maken. Photoshop Voor de lessen van het eerste leerjaar heb je het programma Photoshop CS Extended nodig. Het maakt niet uit welke versie. Photoshop CS2 is ook goed. Vanaf CS4 is de structuur beter. Maar de laatste versie CS6 is natuurlijk nog beter. 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. Laptop, Uitleg, Opdrachten Iedere les begint met een uitleg. Tijdens deze uitleg heb je je laptop dicht en blijf je van je laptop af. Alle opdrachten staan in een Reader per periode, op papier. Dat betekent niet dat alles op papier staat. Zonder de uitleg kun je je opdrachten niet goed maken. 2

3 De opdrachten krijg je één keer op papier uitgereikt. Om de opdrachten goed te maken is het belangrijk dat iedere les de reader bij je hebt en gebruikt. Externe muis Bij het werken met Photoshop is het beter om met een externe muis te werken. Zorg dat je een externe muis hebt en dat je deze externe muis altijd bij je hebt. PSD Ieder werkstuk dat je maakt, sla je op als PhotoShopDocument, PSD-bestand. Je begint altijd met een werkstuk door het op te slaan. Maak een gewoonte dat je je werkstuk om de 15 minuten opslaat. Je kunt het werkstuk regelmatig een ander nummer te geven, affiche 1, affiche 2, zodat je de verschillende versies bewaart. Usb, externe schijf Bewaar je bestanden naast de harde schijf van je eigen laptop ook op een externe harde schijf en/of een USB-stick (met voldoende capaciteit). Printen en PDF Iedere periode print je het beste werkstuk in kleur uit en lever je bij je docent in. Het is de enige manier om een ontwerp goed te kunnen beoordelen. Voordat je het werkstuk print, moet je je ontwerp opslaan als Portable Document Format PDF. Met het PDF-bestand ga je naar de balie en laat je het uitprinten (PSD-bestanden kunnen daar niet worden geprint). Fototoestel / mobiel Voor het maken van de opdrachten heb je een fototoestel of mobiel met camera nodig. Zorg dat je ook het snoertje bij je hebt om de foto s op je laptop te plaatsen. Geen eten en drinken, muziek Eten en drinken (met uitzondering van flesjes water) is niet toegestaan in het lokaal. Muziek mag alleen met oortjes en dan op een laag geluidsniveau. 3

4 Photoshop Wanneer we Photoshop openen, zien we drie onderdelen: boven de Werkruimte, links de Gereedschappen en rechts de Paletten. De werkruimte (boven) De werkruimte bestaat uit twee delen: Menubalk (boven) en Optiebalk (onder), (vanaf CS5). 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. 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. De Gereedschapbalk (links) Hieronder vinden we een aantal van de beschikbare gereedschappen in Photoshop. Verplaatsen Rechthoekig selectiekader Lasso Toverstaf Uitsnijden Pipet Snel retoucheerpenseel Penseel Kloonstempel Historiepenseel Gummetje Pen Horizontale tekst Padselectie Rechthoek 3D roteren 3D draaien Handje Zoomen Tegenhouden Voorgrond- en Achtergrondkleur instellen Bewerken in snelmaskermodus Verloop Vervagen 4

5 Uitklapmenu Gereedschap Klikken we op een knop met een naar benedenwijzend driehoekje, dan opent zich een uitklapmenu met meerdere beschikbare gereedschappen. Deelvensters (rechts) Wanneer we Photoshop openen zie je rechts Deelvensters, ook wel eens "panelen" of "paletten" genoemd. Kies je voor Venster, Werkruimte, Ontwerp dan zie je rechts drie deelvensters: Lagen, Stalen en Teken. Andere deelvensters die handig zijn om te gebruiken, zijn: Historie en Navigatie 5

6 1. Collegekaart Vensters Voor we met deze eerste opdracht beginnen zorgen we ervoor dat de juiste Vensters (windows) open staan: Selecteer in de Menubalk (bovenste horizontale balk) in het menu Venster (window), Werkruimte Voeg het deelvenster Historie toe en verwijder Stalen. Foto Voor deze opdracht heb je natuurlijk een foto van jezelf nodig. Als je deze niet hebt maak je hem alsnog. 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 Hoogte: 5,5 cm Resolutie: 300 pixels/inch Kleur: CMYK Color Achtergrond: Wit 6

7 Eigen Foto 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. Foto verkleinen De foto die op jouw collegekaart moet komen, heeft een hoogte van 3 cm, dus je moet de foto verkleinen. Ga in de menubalk naar Afbeelding, Afbeeldingsgrootte. Verklein de Hoogte van de afbeelding naar 3 cm, resolutie 300 pixels/inch. De Breedte past zich aan doordat er een vinkje staat voor Verhoudingen behouden. Fotokwaliteit optimaliseren Selecteer in de optiebalk het menu Bestand (File) in de optie Aanpassingen (Adjustments) voor 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. Toepassen Helderheid en Contrast Kijk of je de foto nog kunt verbeteren door in de optiebalk te klikken op Afbeelding Aanpassingen Helderheid en Contrast. 7

8 Afbeeldingen rangschikken In de toepassingsbalk kun je de Documenten rangschikken. Klik op de knop Documenten rangschikken. Je ziet hier alle mogelijke indelingen om meerdere geopende documenten weer te geven. Klik op de gewenste indeling. Alle geopende foto s worden getoond, elk in een eigen venster met een titelbalk en inclusief schuifbalken die pas zichtbaar worden zodra je op een foto klikt. Klik op de knop Alles samenvoegen om de documentvensters van de geopende afbeeldingen weer als tabbladen weer te geven met slechts één zichtbare foto. Foto plaatsen in nieuw document Klik bij Documenten rangschikken op 2-maal tonen. Sleep vanuit het Lagen-palet rechts de Foto van jezelf in het bestand van de collegekaart. Maak zelf een keuze waar je de foto plaats op de collegekaart. 8

9 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. 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. Onthoud deze toetsencombinatie. Je ziet acht blokjes 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 dan laat je eerst de Muis los en daarna pas de Shift-toets. Klik dan Enter om de juiste verhouding vast te leggen. Achtergrond Geef de achtergrond een kleur geven. Ga naar Voorgrondkleur instellen onderaan in de gereedschapsbalk. Klik op Voorgrondkleur en kies een 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 9

10 Tekst Toevoegen Selecteer in de gereedschapsbalk het gereedschap Horizontale Tekst. Kies in Palet Teken (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. Type 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. Tekst Roteren Het moet duidelijk zijn dat de collegekaart van een student is. Klik in de gereedschapsbalk op Horizontale Tekst en type het woord Student. Ctrl+T, rechtermuisknop, Roteren 90 linksom. 10

11 Logo KW1C Het logo van het Koning Willem 1 College krijg je via de mail toegestuurd. 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. Tweemaal Fout Hieronder zie je twee fouten. Het verkeerde logo, oud logo en een vlakje onder het Logo. Iedere bedrijf heeft voorschriften over het gebruik van de huisstijl, kleuren, letters etc. In de brandbox en huisstijlhandboek van het KW1C vind je alle informatie over het gebruik van de huisstijl van het KW1C. 11

12 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 ontwerp van de collegekaart als PSD (PhotoShop Document) op. Selecteer in de optiebalk in het menu Bestand, Bestand opslaan als. Kies voor de optie nieuwe map. Geef deze map de naam Digitale vormgeving. Kies weer voor nieuwe map. Geef deze map de naam Periode 1. Selecteer bij indeling het documenttype PSD. Geef het bestand de naam collegekaart met eigen naam. Extra: Gebruik een achtergrond met structuur of gebruik een foto. Gebruik een balk om je naam op de plaatsen. Maak een selectie van jezelf en verwijder de achtergrond. Gebruik een Laagstijl. 12

13 Beoordelingscriteria Collegekaart Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Criteria Afvinken Werkbladindeling Eigen foto Nieuw bestand Lagen Tekst Schalen Fotokwaliteit Uitlijnen Opslaan Historie Lagen Navigator Teken Opties Gereedschappen Niet Bestaand Nieuw Bestandsnaam 8,5/5,0 cm Resolutie 300 dpi Modus CMYK Naam achtergrondlaag Juiste formaat foto, logo Verhoudingen behouden Optimaal Teksten, logo en foto Mappenstructuur PSD / naam 13

14 2. Magazine Cover Voorbeeld Maak een cover voor een tijdschrift met jouw naam. Neem een tijdschrift mee en gebruik dit als voorbeeld / inspiratie. Foto in een nieuw document Plaats een foto van jezelf in een nieuw document. Maak een foto van jezelf. Open deze foto in Photoshop. Open een nieuw bestand, grootte A5, 21 cm (hoog) x 14,8 cm (breed), resolutie in 300 pixels/inch. Sla de veranderingen op met OK. Sleep de laag met de foto in het nieuwe bestand en pas de grootte van de foto aan met Ctrl+T. Sluit af met Enter. Niveaus Klik in de optiebalk op Afbeelding - Aanpassingen Niveaus Door, daar waar de curve laag is, aan de pijltjes te schuiven, kun je de kwaliteit van de foto verbeteren. 14

15 Snelle selectie, In deze opdracht gaan we werken met het Snelle Selectie gereedschap. Dit gereedschap staat onder de Toverstaf op de gereedschapsbalk. Zorg dat de Grootte op 10 px staat en de Hardheid op 100%. Zet in de optiebalk een vinkje voor Monster nemen van alle lagen en zet een vinkje voor Automatisch verbeteren. Selectie, Schilder met het Snelle selectie gereedschap over de persoon Je ziet dat de persoon wordt geselecteerd. Zoom in en kijk of alles is geselecteerd. Plus-selectie (Shift), Is niet alles geselecteerd dan gebruik de snelle selectie met Shift om delen toe te voegen, zoals in het voorbeeld een deel van het haar. Min-selectie (Alt) Met de Alt-toets ingedrukt kun je delen weghalen, zoals in het voorbeeld een deel van de auto. 15

16 Inzoomen Wil je kleine delen selecteren zoals in het voorbeeld een haarlok. Verklein dan de grootte van je selectie naar bv. 5 px. Zoom goed in zodat je de selectie goed kunt bekijken. Speel met Shift en Alt-toets, met toevoegen en verminderen. Schilder met het snelle selectiegereedschap. Randen Verfijnen Zoom weer uit met Ctrl+0. Klik weer op het gereedschap Snelle selectie Ga in de optiebalk naar Randen Verfijnen. Kijk bij de Weergavemodus naar de verschillende mogelijkheden. Ik heb gekozen voor Op zwart. Weergavemodus, Randdetectie, Rand aanpassen Kies een optie bij Weergeven, bij op zwart kun je goed de rand zien Probeer dan de opties bij Randdetectie de Straal. Probeer daarna de opties bij Rand aanpassen: Vloeiend (Liquid), Doezelaar(Feather) en Contrast uit. Klik op OK. Laag via kopiëren Kopieer de selectie naar een nieuwe Laag met Ctrl. + J. Je hebt nu een kopie van het geselecteerde object in een nieuwe laag. Maak de onderliggende laag Onzichtbaar door het Oogje uit te vinken. Andere achtergrond Klik weer op Ctrl+0. Je ziet nu de Selectie van jezelf. Verwerk de foto in het affiche. 16

17 Naam Type jouw naam boven het magazine in het document. Tekst Toevoegen Selecteer in de gereedschapsbalk het gereedschap Horizontale tekst. Klik met het tekstgereedschap op de afbeelding. Je ziet een verticale streep die knippert. Type jouw naam. Kies dan een kleur door in het palet Teken Tekstkleur te kiezen. Door met je cursor over de foto te gaan verandert de cursor in een Pipet waarmee je een kleur uit de foto kunt halen. Laagstijl Het is belangrijk dat teksten goed leesbaar zijn. Dit betekent dat een tekst soms een schaduw of omlijning nodig heeft. Dit doe je met laagstijl. Ga in het Lagenpalet linksonder naar Laagstijl invoegen. Kies daar een Laagstijl. Lijn, Schaduw, Gloed. Maak een keuze en bepaal de grootte etc. 17

18 Naam achter Gezicht Gebruik de toetsencombinatie Ctrl+ J om het geselecteerde deel op een aparte laag te zetten (zie afbeelding hieronder). Sleep vervolgens deze laag boven de tekstlaag. Je naam komt nu achter de foto. Teksten Maak de cover af door tekst, titels over je hobby s etc. erop te plaatsen. Gebruik je voorbeeldtijdschrift voor het bedenken van meer coverteksten. Gebruik jouw tijdschrift om te bepalen waar jouw teksten komen te staan. Gebruik jouw tijdschrift om te bepalen hoe groot jouw teksten worden en welke kleur je de teksten geeft Kijk goed naar het gebruik van kleur en lettertypes. Vermeld, de maand van uitgifte, jaartal, en jaargang, prijs Filter Vervagen De laag met je foto ga je nu Vervagen. Ga in de optiebalk naar Filter, daarna naar Vervagen, Gaussiaans Vervagen. Bepaal zelf de grootte van de Straal, daarna OK. Door de achtergrond te vervagen vallen de foto en de teksten meer op. Je mag ook voor een andere achtergrond kiezen; foto, effen of met structuur 18

19 UItlijnen Voor een professionele Glossy is het belangrijk dat: Teksten zijn uitgelijnd. Dit betekent dat je eerst een hulplijn links, rechts, boven en beneden moet plaatsen. Zorg dat de linialen te zien zijn (Ctrl.+ R). Sleep met het verplaatsgereedschap uit de liniaal (zie eerste opdracht). Extra Plaats je cover op bushokje, billboard, abri, reclamezuil. de hulplijnen Opslaan Sla je werk als PSD-bestand op. Beoordelingscriteria Magazinecover Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Criteria Afvinken Bestandsgrootte Eigen foto Kwaliteit foto Foto-uitsnede Laagvolgorde Uitlijning Laagstijl Kleurgebruik Tekstgebruik Overige A5 (21 cm x 14,8 cm, resolutie in 300 pixels/inch.) Geschiktheid voor cover Grootte Scherpte Opwaardering met aanpassingen / niveaus Uitsnede met snelle selectie Filter vervagen Tekst laag onder laag uitsnede Gebruik linialen, Teksten gelijnd Hanteren van Marges Gebruik lijn, slagschaduw, glow, etc. Eenheid in foto en tekst Naam achter het hoofd Passende lettertypes Wisselende groottes Look and feel magazine 19

20 3. Interview Nieuw Selecteer in de optiebalk het menu Bestand (File) de optie Nieuw (Ctrl+N) voor een nieuw document. Formaat : A4 Naam: Interview Breedte: 297 mm of 29,7 cm; Hoogte: 210 mm of 21 cm; Resolutie: 300 pixels/inch Kleur: CMYK of RGB-kleur; Achtergrond: Wit. Foto in bestand slepen Maak een foto waarbij je rechts in beeld wordt gefotografeerd. Maak een foto van een klasgenoot en laat ook van jou een foto maken. Zet de foto s op je computer en open ze in Photoshop. Verbeter de kwaliteit van de foto bij Afbeelding, Aanpassingen met Niveaus en Contrast en Helderheid Klik bij Documenten rangschikken op 2-maal tonen. Sleep vanuit het Lagen-palet rechts de Foto van jezelf in het bestand van de interview. Maak zelf een keuze waar je de foto plaats op de interview. Ga naar het Palet Lagen (rechtsonder) en sleep de Laag met de foto in het nieuwe bestand. Linialen Ga in de Optiebalk naar Weergave en selecteer Linialen of Ctrl+R Zowel boven als links zie je Linialen. 20

21 Nieuwe Hulplijn Ga naar in de Optiebalk naar Weergave (View), Nieuwe hulplijn (New Guide). Verticaal Zet een punt bij Verticaal en type bij positie 1 cm. Daarna OK. Doe hetzelfde verticaal bij 6,5 cm, 7 cm en 12,5 cm en 14,85 cm Horizontaal Zet vervolgens de horizontale lijnen. Zet een punt bij Horizontaal en type positie 4 cm. Daarna OK. Doe hetzelfde horizontaal bij 20 cm, 0,7 cm en 1,4 cm. Pipet Ga in de Gereedschapsbalk naar Pipet (sneltoets: I) Selecteer met het Pipet een kleur in de foto om die later te gebruiken voor de kleur van de Rechthoek. In de Gereedschapsbalk verandert daardoor de Voorgrondkleur in de gekozen kleur. Rechthoek Ga in de Gereedschapsbalk naar Vormgereedschap, Rechthoek (sneltoets: U) Maak met de rechthoek drie vlakken tussen de hulplijnen op de foto. Een smal vlak boven en twee vlakken links 21

22 VASTE Tekst Ga in de Gereedschapsbalk naar Tekst, Horizontale tekst (sneltoets T). Nadat je het gereedschap hebt geselecteerd, klik je in het document, op de foto rechts. Er verschijnt een verticale streep. Voordat je gaat typen, bepaal je in de optiebalk: het lettertype, een passend lettertype bijv. Arial,; tekststijl, Bold; tekstgrootte, bijv. 48; tekst uitlijnen: links; tekstkleur: passende kleur. Bedenk een kop voor het interview. Type de tekst. Ben je klaar dan bevestig je de tekst door een ander gereedschap te kiezen bijvoorbeeld het verplaatsgereedschap. Een tekstlaag is zichtbaar in het Lagenpalet door de grote letter T. ALINEA tekst Klik en sleep met het Tekstgereedschap om een Tekstvak te maken. Verander voordat je gaat typen in de optiebalk de lettergrootte, kleur etc.etc. Gebruik voor de tekst een lettergrootte maximaal 10 of 11. De tekst van je interview kun je nu uittypen. Je kunt de tekst doortypen zonder Enter aan het einde van een regel Het tekstvak kun je Schalen met de Hoekgrepen aan de zijkant. Hou ruimte aan de zijkant. Zet de tekst nooit tegen de zijkant van het vlak aan. Accentueer een kopje met een vette, grotere letter, streep eronder of een andere kleur. Maak de tekst niet te lang, zorg dat de lezer af en toe kan Ademen tijdens het lezen, dat betekent: maak gebruik van lege regels. 22

23 Inleidende tekst Tenslotte bedenk onder de Koptekst een inleidende tekst over het interview. In het voorbeeld heb ik gebruik gemaakt van tekstgrootte 18 Paginanummering Bedenk een plek voor de nummers van je pagina, bijv. rechts- en links boven. Artikelnaam En plaats de naam van het artikel, linksboven. Beoordelingscriteria Interview Vul het onderstaande schema in, voordat je de opdracht laat beoordelen Onderwerp Criteria Afvinken Bestandsgrootte Eigen foto Kwaliteit foto Vormgereedschap, rechthoek Koptekst Alineatekst Inleidende tekst Naam Artikel Pagina nummer Opslaan als A4, 21 x 29,7 cm; 2x A5, Hulplijn 14,85 cm verticaal Geschikte foto bij het interview Foto verbetert met Aanpassingen, Niveaus, Contrast en Helderheid Rechthoek Kleur uit foto Twee kolommen Lettertype Letterstijl Letterkleur Lettergrootte Lettertype, Letterstijl, Letterkleur, Lettergrootte Kopjes in tekst Lettertype, lettergrootte Uitlijnen Lettertype, lettergrootte Plaats op pagina Lettertype, lettergrootte Plaats op pagina PSD 23

24 4. Vrije opdracht Thema Maak een kaart waarop je een beeld van de opleiding Marketing en Communicatie geeft. Denk eerst na wat je van de opleiding wil laten zien. Kies een thema: de leerlingen, het introductiekamp, het gebouw etc. Foto s, teksten. Maak gebruik van eigen foto s, teksten, vormen.. Kies voor een aantrekkelijke compositievorm. Bedenk een passende tekst en een achtergrond. De kaart zou je op kunnen sturen naar de decaan of mentor van je vorige school. Vaardigheden die je in de vorige opdrachten hebt gebruikt, ga je nu toepassen. Formaat Ga naar Photoshop. Selecteer in de optiebalk het menu Bestand (File) de optie Nieuw (Ctrl+N) voor een nieuw document. Breedte: 148 mm of 14,8 cm; Hoogte: 105 mm of 10,5 cm; Resolutie: 300 pixels/inch Kleur: CMYK; Achtergrond: Wit. Linialen Ontwerp een compositie met hulplijnen. Achtergrond kleur of foto Klik in de gereedschapset op de knop Voorgrondkleur instellen. Selecteer in de Kleurenkiezer (Voorgrondkleur) een passende kleur. Selecteer vervolgens het gereedschap Emmertje Klik met het emmertje op de ansichtkaart en de kleur vult de achtergrondlaag. In plaats van een kleur kun je ook een foto op de achtergrond plaatsen. De foto kun je eventueel de Dekking verlagen om de andere foto s alle aandacht te geven. Tekst Toevoegen Selecteer in de gereedschapsbalk het gereedschap Horizontale tekst. Kies een Lettertype en Grootte en Kleur Laagstijlen Bedenk zelf welke Laagstijl je gaat toevoegen. Klik in palet Lagen op de Laag met de foto. Klik daarna op de knop Laagstijl toevoegen. Selecteer een laagstijl. Bepaal de Grootte (Size), de Positie (Position), de kleur etc. 24

25 Laagstijl kopiëren en plakken In het Lagenpalet kun je de Laagstijl met de witte rand en slagschaduw kopiëren en plakken. Selecteer Laag met Laagstijl. Klik met de rechtermuisknop en selecteer Laagstijl kopiëren. Selecteer Laag 2 en klik op de rechtermuisknop. Daarna Laagstijl plakken. Herhaal deze stappen voor de andere foto s. Tenslotte kun je de Tekst nog een schaduw geven. Opslaan als. Sla je opdracht op als PSD, PhotoShop Document Beoordelingscriteria Vrije Opdracht. Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Criteria Afvinken Bestandsgrootte Foto('s) Kwaliteit foto Foto-uitsnede Compositie Uitlijning Tekst toegevoegd A6 (10,5 cm x 14,8 cm, resolutie in 300 pixels/inch.) Eigen foto's of copyrighted Grootte Scherpte Opwaardering met aanpassingen / niveaus Uitsnede verhoudingen behouden Aantrekkelijke compositie Gebruik linialen Hanteren van Marges Passende tekst Laagstijl Kleurgebruik Achtergrond Opslaan als Overige Gebruik slagschaduw, glow, etc. Eenheid in foto en tekst Passende achtergrond JPEG / PSD Verzorging / eenheid / kleurgebruik / layout 25

26 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 lichpuntjes. De afbeelding heeft de beste kwaliteit als iedere inch 72 pixels heeft. Een afbeelding voor printwerk 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 kieze 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 gedachten hebt ook gerealiseerd wordt. Hoe meer Pantonekleuren je in een 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 Voor beeldschermgebruik kun je het beste schreefloze (sans serif) lettertypes gebruiken, zoals Arial en Verdana. Ook 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. Voor papier Op papier worden lettertypen gebruikt zoals: letters met schreven, letters zonder schreven, schrijfletters en fantasievormen, niet westerse lettertypen en lettertypen met plaatjes of speciale symbolen. Een schreef (serif) is een dunne dwarsstreepje aan het uiteinde van een letter. 26

27 Veelgebruikte lettertypes met schreef zijn Times New Roman, Palitano en Georgia. Schreven benadrukken de horizontale richting en bevorderen de leesbaarheid en worden vooral gebruikt bij lange teksten zoals in een krant. Schreefloos (sans serif) is de aanduiding voor een lettertype zonder schreven, dus zonder de dunne dwarsstreepjes aan het uiteinde van de letter. Een bekend schreefloos lettertype is Arial, Helvetica, Calibri. Schreefloze letters zijn vooral geschikt voor korte tekstfragmenten: koppen, titels, citaten, enz. 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 (10 of 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 witruim rondom de zetspiegel zijn van belang zodat de layout een ruimtelijk karakter krijgt (niet te vol lijkt). Afloop. Als er in de opmaak foto's, tekst of illustraties tot aan de rand of over de papierrand komen, dan moet je rondom het document van 3 mm Afloop (bleed) voorzien. Dus boven 3 mm extra ruimte, onder 3 mm enz.. Deze afloop is noodzakelijk om het drukwerk mooi te kunnen snijden zonder dat er een wit lijntje aan de randen zichtbaar is. JPEG / GIF / PSD Als je een ontwerp hebt gemaakt in Photoshop sla je dit op als Photoshopbestand (PSD). Het heeft als voordeel dat je de lagen nog kunt veranderen. Een nadeel is echter dat het bestand te zwaar is om te gebruiken voor of andere internettoepassingen. Dan sla je een document dat op als JPEG of GIF. JPEG gebruik je voor een afbeelding met heel veel kleurnuances zoals een foto. Gif gebruik je voor een afbeelding met weinig kleurnuances en strakke lijnen zoals een tekst of een grafische afbeelding. Gif heeft als extra voordeel dat je een doorzichtige achtergrond kunt opslaan. 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. 27

28 Bij Afbeeldingen. Kies voor: geavanceerd / safe search / gebruik gematigd filter / gelabeld voor commercieel hergebruik inclusief aanpassing. Bestandsformaten: Overzicht DIN A-formaten naam lengte (mm) breedte (mm) A A A A A A A