Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 1

Transcriptie

1 Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 1

2 Inhoud Inleiding... 3 Photoshop - Menu Collegekaart Magazine-Structuur Magazine-Cover Magazine-Interview Magazine-Collage Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 2

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 In het eerste leerjaar staat Digitale Vormgeving ingeroosterd voor 2 uur per week. Er wordt voornamelijk gewerkt aan het ontwerpen van promotiemateriaal zoals folder, 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. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 3

4 Laptop en programma 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. Aan welke eisen moet je laptop minimaal voldoen: * Intel Core 2 processor; * 15 inch scherm, * 2 Usb-poorten, * Minimaal 160 gigabyte harde schijf * Minimaal 2 gigabyte intern geheugen * Wifi draadloos netwerk (b/g) * Externe muis 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. Uitleg en opdrachten 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. 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. 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 er een gewoonte van je werkstuk om de 15 minuten op te slaan. 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 dat lever je bij je docent in. Voordat je het werkstuk print, moet je je ontwerp opslaan als Portable Document Format PDF. Fototoestel / mobiel Voor het maken van de opdrachten heb je een fototoestel of telefoon met camera nodig. Zorg dat je ook het snoertje bij je hebt om de foto s op je laptop te plaatsen. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 4

5 Photoshop - Menu Wanneer je Photoshop opent, zie je 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 één 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. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 5

6 De Gereedschapbalk (links) Hieronder vind je 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 Uitklapmenu Gereedschap Klik je op een knop met een naar benedenwijzend driehoekje, dan opent zich een uitklapmenu met meerdere beschikbare gereedschappen. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 6

7 Deelvensters (rechts) Wanneer je 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 Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 7

8 1. Collegekaart Vensters Voor we met deze eerste opdracht beginnen zorgen we ervoor dat de juiste Vensters open staan: Selecteer in de Menubalk (bovenste horizontale balk) het menu Venster. Zet een vinkje bij: -Lagen/Layers -Historie -Navigator -Teken/Character -Opties -Gereedschappen/Tools Foto Voor deze opdracht heb je natuurlijk een foto van jezelf nodig. Als je deze niet hebt maak je hem alsnog, met je laptop, smart Phone of fototoestel. 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 Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 8

9 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. Fotokwaliteit optimaliseren Selecteer in de optiebalk het menu Afbeelding/Image 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/Image Aanpassingen/Adjustment Helderheid en Contrast/Brightness and Contrast. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 9

10 Afbeeldingen rangschikken Klik in de Menubak op Venster/Window - Ordenen. 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/merge all 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 Venster/Window - Ordenen op 2-maal tonen. Sleep vanuit het palet Lagen /Layers rechts de Foto van jezelf in het bestand van de collegekaart. Maak zelf een keuze waar je de foto plaats op de collegekaart. 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. Je ziet 8 Ankerpunten rond je foto, 4 op de hoeken en 4 in het midden. Bij het vergroten en verkleinen van afbeeldingen mag je alléén de Hoekankers 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. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 10

11 Achtergrond Geef de achtergrond een kleur. Ga naar Voorgrondkleur instellen/set Foreground Color onderaan in de gereedschapsbalk. Klik op Voorgrondkleur /Foreground Color en kies een kleur in de Kleurkiezer. Kies in het midden van de gereedschappenbalk onder Verloop/Gradient het Emmertje/Bucket. Klik in de Achtergrondlaag met de gekozen Keur met het Emmertje Rechthoek en Vierkant Ga in de gereedschapsbalk naar Rechthoek / Rectangle (sneltoets U). Zet de Voorgrondkleur in de gereedschapsbalk op de juiste kleur. Klik op Voorgrondkleur instellen en selecteer de juiste kleur in de Kleurenkiezer. Teken een Rechthoek op de collegepas. Vergroot of verklein de rechthoek met Ctrl+T. Teken ook de Vierkantjes in verschillende kleuren op de collegepas. Een vierkant maak je door Shift in te drukken als een rechthoek maakt. Tekst Toevoegen Selecteer in de gereedschapsbalk het gereedschap Horizontale Tekst. Kies in Palet Teken/Character (rechts) een Lettertype/Font 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), rechts op de optiebalk te klikken. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 11

12 Afbeelding toevoegen Maak zelf een foto passend bij je collegekaart KWIC. Bewaar de foto op je laptop of Usb. Selecteer in de optiebalk in het menu Bestand/File de optie Open. Blader naar de Foto. Optimaliseer de foto: Afbeelding/Image 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. Pas Helderheid en contrast toe: Kijk of je de foto nog kunt verbeteren door in de optiebalk te klikken op Afbeelding/Image Aanpassingen/Adjustment Helderheid en Contrast/Brightness and Contrast. Plaats je foto in de Collegekaart: Klik bij Venster/Window - Ordenen op 2-maal tonen. Sleep vanuit het palet Lagen /Layers rechts de Foto in het bestand van de collegekaart. Maak zelf een keuze waar je de foto plaatst op de collegekaart. Logo KW1C Het logo van het Koning Willem 1 College krijg je van 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 mogen nooit gewijzigd worden. Iedere bedrijf heeft voorschriften over het gebruik van de huisstijl, kleuren, letters etc. In de Brandbox en het huisstijlhandboek van het KW1C vind je alle informatie over het gebruik van de huisstijl van het KW1C. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 12

13 Hulplijnen en Uitlijnen Ga in de optiebalk naar Weergave/View en zet een vinkje bij Linialen/Rulers. 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/File - Bestand opslaan als/file save as. 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-eigen-naam.psd Checklist Collegekaart Check de opdracht voor je deze laat beoordelen Onderwerp Criteria Afvinken Werkbladindeling Nieuw bestand Afbeeldingen Rechthoek en vierkant Tekst Schalen Uitlijnen Opslaan Historie Lagen Navigator Teken Opties Gereedschappen Bestandsnaam 8,5 x 5,0 cm Resolutie 300 dpi Modus CMYK Eigen foto voor kaart Foto van KW1C Fotokwaliteit optimaliseren Logo KW1C Rechthoek Vierkant (met shift) Grootte passend Lettertype passend Juiste formaat foto, Logo Verhoudingen behouden Liniaal, Hulplijnen Teksten, logo en foto uitlijnen Mappenstructuur PSD / naam Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 13

14 2. Magazine-Structuur Voor jullie project gaan jullie een open-dag-magazine maken. Hiervoor moet je teksten en afbeeldingen verzamelen om uiteindelijk een aantrekkelijk magazine vorm te geven. De structuur van het magazine, het ontwerpen van een cover, het lay-outen van een interview en het maken van een foto-collage leer je in de volgende opdrachten. Opdracht 4 Magazinepagina's Maak van 4 losse pagina's (A6)een JPEG-bestand. Plaats deze JPEG-bestanden vervolgens op een A4. Plaats in minstens 2 pagina's een afbeelding als achtergrond. Maak gebruik van een titel, alineakopjes, afbeeldingen en bladzijdennummering. Nieuwe pagina Je begint met het maken van een pagina in het juiste formaat. Kies Bestand/File Nieuw/New - Internationaal papier - A6 Lau out Tijdens het project zullen jullie instructies krijgen betreffende de inhoud van het magazine. Heading: Maak van je titel een aandachtstrekker met kleur, lettertype en lettergrootte. Een titel is niet te lang en wekt de nieuwsgierigheid. Tekst: Maak van je tekst afgeronde alinea's. Plaats deze in aparte kaders of blokken. Het ene lettertype is leesbaarder dan het andere. Ook cursieve tekst geeft bij veel lettertypes een minder leesbaar tekstbeeld. EEN VOLLEDIGE TEKST IN KAPITALEN is minder gemakkelijk te lezen. Om bepaalde woorden meer te laten opvallen gebruik je bijvoorbeeld beter vette tekst, of zet je het in een ander kleur. Gebruik opvallende (tussen)kopjes om de aandacht van de lezer te trekken/vast te houden. Foto's en illustraties trekken de aandacht van de lezer; Ze maken de inhoud van de tekst duidelijker en geven het magazine sfeer. Zorg er wel voor dat tekst en beeld elkaar aanvullen. Een foto van een aap met een banaan met als titel Aap met banaan biedt geen meerwaarde voor tekst en beeld. Kleur Zorg voor genoeg contrast. Hoe groter het verschil tussen voor- en achtergrondkleur, hoe leesbaarder de boodschap. Laat 1 of enkele kleuren domineren. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 14

15 Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 15

16 Pagina opslaan Als je (voorlopig) tevreden bent over een pagina kun je deze opslaan als werkdocument: Bestand/File Opslaan als/save as Bestandsnaam (bijvoorbeeld pagina1, pagina2, etc.) Formaat/Format: Photoshop. Het voordeel van deze manier van opslaan is dat je er later nog wijzigingen in kunt aanbrengen. Als een pagina helemaal definitief is sla je hem op als JPEG: Bestand/File Opslaan als/save as Bestandsnaam (bijvoorbeeld pagina1, pagina2, etc.) Formaat/Format: JPEG. Het voordeel van deze manier van opslaan is dat je bestand nu een plaatje geworden is dat je gemakkelijk in een nieuw document kunt plaatsen. Van losse pagina naar boekje Als je 28 pagina's (inclusief voor- en achterzijde) hebt vormgegeven ga je er een boekje van maken. In onderstaande afbeelding zie je 8 A-viertjes. Op 6 A-viertjes staan 4 pagina's en op 2 A-viertjes staan 2 pagina's. Hoe maak je een A-viertje met 2 of meer pagina's: Kies voor Bestand/File - Nieuw/New - Internationaal papier- A4. Open de Pagina's die je als JPEG hebt opgeslagen: Bestand/File - Open - Blader naar het juiste bestand- Kies voor Open. Orden nu de vensters los van elkaar: Klik bij Venster/Window - Ordenen op 6-maal tonen. Sleep vanuit het palet Lagen/Layers rechts de Pagina's in het nieuwe A-viertje. Bekijk voor de juiste volgorde de afbeelding hierna. Geef je printer de instructie Dubbelzijdig Printen. Snijd de A-viertjes in de Lengte doormidden (volgens de aanwijzingen op de afbeelding). Vouw je minimagazine in elkaar. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 16

17 Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 17

18 Checklist Magazine-pagina's Check de opdracht voor je deze laat beoordelen Onderwerp Criteria Afvinken Pagina-inhoud Tekst Afbeeldingen Pagina's Layout Opslaan Titel Alineakopjes Afbeelding Paginanummering Lettertype Lettergrootte Tekstvakken Leesbaarheid Uitlijnen / marges Achtergrondafbeeldingen Extra illustraties Versterkt tekst Kwaliteit van de afbeelding Uitlijnen / marges 4 x A6 als jpeg 1 x A4 met 4 kleiner pagina's Juiste volgorde van pagina's Marges Kleur Naam Mappenstructuur PSD en JPEG Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 18

19 3. Magazine-Cover Voorbeeld Maak een cover voor een tijdschrift met jouw naam. Neem een tijdschrift mee en gebruik dit als voorbeeld / inspiratie. Deze cover is groter dan de cover die je voor het minimagazine van je project gaat maken. Voor je project gebruik je A6. Nieuw Bestand Selecteer in de optiebalk het menu Bestand /File de optie Nieuw (Ctrl+N) voor een nieuw document. Formaat : A5 (Breedte: 210 mm - Hoogte: 148mm - Resolutie: 300 pixels/inch - Kleur: CMYK). Foto Maak een foto van jezelf. Open deze foto in Photoshop: 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. Klik in de optiebalk op Afbeelding/Image - Aanpassingen/Adjustments Niveaus/Levels Door, daar waar de curve laag is, aan de pijltjes te schuiven, kun je de kwaliteit van de foto verbeteren. Zie hiervoor ook opdracht 1. Snelle selectie In deze opdracht gaan je 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/sample All Layers en zet een vinkje voor Automatisch verbeteren/auto Enhance. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 19

20 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. 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/Refine edges. Bij Rand aanpassen - Vloeiend/Liquid kun je de rand meer of minder vloeiend maken. Bij Doezelaar/Feather maak je een softe of juist een scherpe rand. Bij Rand verschuiven maak je de afbeelding een randje groter of kleiner. Klik op OK. 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. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 20

21 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 je 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. Sleep de tekstlaag onder de foto. Je naam komt nu achter de foto. 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/ Insert Layer Style. Kies daar een Laagstijl. Lijn/Stroke, Schaduw, Gloed. Maak een keuze en bepaal de grootte etc. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 21

22 Teksten Maak de cover af door er meer informatie op te plaatsen: - Maand van uitgifte, jaartal, en jaargang, en prijs - Slogans of Quotes - Vormen - Afbeeldingen - Streepjescode Kijk goed naar het gebruik van kleur en lettertypes. 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 de liniaal (zie opdracht 1). de hulplijnen uit Checklist Magazine-pagina's Check de opdracht voor je deze laat beoordelen Onderwerp Criteria Afvinken Bestandsgrootte Eigen foto Kwaliteit foto Foto-uitsnede Laagvolgorde 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 Rand verfijnen Tekstlaag onder laag uitsnede Inhoud Titel Foto - Maand van uitgifte, jaartal, en jaargang Prijs - Slogans of Quotes - Vormen Afbeeldingen - Streepjescode Uitlijning Gebruik linialen, Teksten gelijnd Hanteren van Marges Laagstijl Gebruik lijn, slagschaduw, glow, etc. Kleurgebruik Tekstgebruik Overige Opslaan Eenheid in foto en tekst Naam achter het hoofd Passende lettertypes Wisselende groottes Look and feel magazine Naam Mappenstructuur PSD en JPEG Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 22

23 4. Magazine-Interview Nieuw Bestand Selecteer in de optiebalk het menu Bestand /File de optie Nieuw (Ctrl+N) voor een nieuw document. Formaat : A5 (= 2 maal A6) Breedte: 148 mm Hoogte: 210 mm Resolutie: 300 pixels/inch Kleur: CMYK Omdat je een liggend bestand nodig hebt moet je dit document 90⁰ draaien: Afbeelding/Image Roteren Canvas/Rotate Canvas - 90⁰ccw of cw Foto Maak een foto van een klasgenoot waarbij hij/zij rechts in beeld wordt gefotografeerd. Open de foto in Photoshop. Verbeter de kwaliteit van de foto bij Afbeelding/Image - Aanpassingen/Adjustment - Niveaus/Levels en Helderheid en Contrast/Brightness and Contrast Klik bij Venster/Orden op 2-maal tonen. 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. Nieuwe Hulplijn Ga naar in de Optiebalk naar Weergave (View), Nieuwe hulplijn (New Guide). Verticaal: 1 cm - 6,5 cm - 7 cm -12,5 cm -14,85 cm - 28,7 cm Horizontaal: 0,7 cm - 1,8 cm - 4 cm - 20 cm Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 23

24 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/Shape - Rechthoek (sneltoets: U) Maak met de rechthoek drie vlakken tussen de hulplijnen op de foto. Een smal vlak boven en twee vlakken links. Gebruik de Dekking/Opacity bovenin het menu Lagen om de kleurdekking te verminderen. De tekstvlakken worden op deze manier verbonden met de achtergrond. Tekst Voordat je gaat typen, bepaal je in de optiebalk: Lettertype, tekststijl, tekstgrootte, uitlijning (links - rechts - midden) en tekstkleur: Bedenk een kop voor het interview. Type de tekst. Plaats de naam van het artikel, linksboven op de pagina. 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 van 9 of 10. 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 Ankerpunten 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. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 24

25 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. Open tenslotte het Venster, Alinea en kies hier voor uitlijnen of uitvullen. Kop Artikel Tenslotte bedenk je een Kop voor het Interview. In het voorbeeld is gebruik gemaakt van lettergrootte 42, bold en een slagschaduw aan de letters toegevoegd. Paginanummering Bedenk een plek voor de nummers van je pagina, bijv. rechts- en links boven. Artikelnaam Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 25

26 Checklist Magazine-Interview Check de opdracht voor je deze laat beoordelen Onderwerp Criteria Afvinken Bestand Foto Kwaliteit foto Vormgereedschap, rechthoek Koptekst Alineatekst Inleidende tekst Naam Artikel Pagina nummer Opslaan A4 - liggend Hulplijnen Kleur CMYK Geschikte foto bij het interview Foto verbetert met Aanpassingen, Niveaus, Contrast en Helderheid Rechthoek Kleur uit foto Twee kolommen Dekking Lettertype, Letterstijl Letterkleur, Lettergrootte Lettertype, Letterstijl, Letterkleur, Lettergrootte, Kopjes in tekst Lettertype, lettergrootte Uitlijnen Lettertype, lettergrootte Plaats op pagina Lettertype, lettergrootte Plaats op pagina Naam Mappenstructuur PSD en JPEG Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 26

27 5. Magazine-Collage In deze opdracht ga je een sfeerpagina/collage maken in een specifieke stijl. Hierbij herhaal je een aantal technieken uit de vorige opdrachten en maak je kennis met de nieuwe gereedschappen Filter en Plakken in. Vier Foto s inplakken op een Achtergrondfoto Zoek 4 foto s met hetzelfde thema. Een achtergrondfoto en nog 3 foto s. De foto s hoef je deze keer niet zelf te maken maar de fotograaf moet wel toestemming verleend hebben voor het gebruik van de foto. Waar vind je foto s op internet met toestemming van de fotograaf? Bij Search / Advanced search Kies voor Creative commons (onderaan de bladzijde) Bij Licence worden dan nog mogelijke voorwaarden voor gebruik genoemd. Bij Afbeeldingen / Opties / Geavanceerd zoeken / Kies gelabeld voor commercieel hergebruik inclusief aanpassing. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 27

28 Nieuwe bestand Kies Bestand/File Nieuw/New - Internationaal papier - A6- Kleur RGB Achtergrondfoto Open de foto die je als achtergrond wilt gebruiken. Sleep hem naar het nieuwe bestand. Specifieke stijl Geef de foto een speciale stijl. Dit kun je doen doormiddel van Het gereedschap Filter en Aanpassingslaag. Filter Selecteer in het menu Filter, Filtergalerie. Probeer de verschillende filters uit. In het rechtermenu kun je de waardes van een filter aanpassen. Klik tenslotte op OK. Aanpassingslaag Klik de sneltoets Ctr+U. Je ziet het menu Kleurtoon/verzadiging. Probeer wat variaties uit, onder andere Vullen met Kleur (Colorize) Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 28

29 Plaatsen van de voorgrondfoto s Maak met het Selectiegereedschap een selectie op de achtergrondfoto. Open vervolgens je eerste Voorgrondfoto. Selecteer en kopieer de foto: Selecteren Alles Bewerken (Edit) Kopiëren (Copy). Ga weer naar het bestand met de achtergrondfoto (met de selectie). Kies voor Bewerken(Edit) Plakken in (Paste into). Pas daarna met Ctrl+T het formaat aan. Enter. In het palet Lagen plaats je een Koppelteken tussen de afbeelding en de aanpassingslaag Foto twee, drie en vier: Herhaal dit proces nog drie keer. Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 29

30 Checklist Magazine-Collage Check de opdracht voor je deze laat beoordelen Onderwerp Criteria Afvinken Bestand Grootte A6 Gebruik van hulplijnen Kleur RGB 5 foto s Passend in 1 thema Copyright-free Kwaliteit foto s Groot genoeg (check op 100%) Filter Aanpassingen Plakken in Stijl Opslaan Toepassing filter uit filtergalerie Gebruik gemaakt van aanpassingen (CTRL+U) Geplaatst in een selectiekader Lagen gekoppeld Eenheid in stijl Naam Mappenstructuur PSD en JPEG Marketing & Communicatie Digitale Vormgeving 2013 /Periode1 Pagina 30