Inhoudsopgave Inhoudsopgave
blz 2
0
blz 3 blz 4 blz 5 blz 6
Inleiding Photoshop en Laptop Menubalk, optiebalk, gereedschapsbalk Deelvenster
Opdrachten 1.
2.
3.
4.
5.
6.
7.
Woordcollage Nieuw document, Horizontale tekst Lettertype, Grootte, Kleur, Roteren Bestand opslaan, Afvinklijst Alineatekst Hulplijnen, Alineatekst 1 en 2 Kleur Achtergrond Foto toevoegen Foto verkleinen/vergroten, Vrije Transformatie Afvinklijst Interview Hulplijnen, Foto Alineatekst, Koptekst, Paginanummering Losse pagina’s Afvinklijst Persoon selecteren, snelle selectie Snelle Selectie Rand verfijnen en straal verfijnen Cover Snelle Selectie Rand verfijnen Naam cover, Uitlijnen Uitlijnen, Regelafstand, Laagstijl Extra, Afvinklijst Magazine pagina, foto achtergrond Kleurtoon en verzadiging Dekking Afvinklijst Van Losse pagina naar boekje
blz 6-8 blz 6 blz 7 blz 8 blz 9-13 blz 9 blz 10 blz 11 blz 12 blz 13 blz 14-16 blz 14 blz 15 blz 16 blz 17 blz 18-19 blz 18 blz 19 blz 20-23 blz 20 blz 21 blz 22 blz 22 blz 23 blz 24-26 blz 24 blz 25 blz 26 blz 28-29
Planning, beoordeling
blz 30
Digitale Vormgeving- Periode 1 | 2
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 Digitale Vormgeving staat ingeroosterd voor 2 uur per week. Iedere periode bestaat uit oefeningen , opdrachten gericht op het project en vrije opdrachten. 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; - het communiceren met beelden; - het ontwerpen van verschillende voorlichtings-, promotie- en/of pr-materiaal; - een “eigen” beeldtaal te ontwikkelen.
Digitale Vormgeving- Periode 1 | 3
PHOTOSHOP EN LAPTOP Voor de lessen van het eerste leerjaar 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, Windows Intel® Pentium® 4- of AMD Athlon® 64-processor (2 GHz of sneller) Microsoft® Windows® 7 met Service Pack 1, Windows 8 of Windows 8.1* 1 GB RAM 2,5 GB vrije ruimte op de vaste schijf voor de installatie; tijdens de installatie is extra vrije ruimte vereist 1024 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. Uitleg en opdrachten Alle opdrachten staan in een Reader per periode op papier. Dat betekent niet dat alles op papier staat. Zonder uitleg kun je de opdrachten niet goed maken. De Reader krijg je één keer uitgereikt. Om de opdrachten goed te maken is het belangrijk dat je iedere les de reader bij je hebt en gebruikt. Opdrachten kun je ook vinden op de volgende websites: www.digitalevormgeving.wordpress.com (Fons Goosen) www.mcstudentenwerk.wordpress.com (Corrie van der Kroef). PSD Ieder werkstuk dat je maakt, sla je op als PhotoShopDocument, PSD-bestand. Je begint altijd met een werkstuk door het op te slaan en een naam te geven. Maak er een gewoonte van je werkstuk om de 10 minuten op te slaan. Sla je werkstuk op in een map Vormgeving en per periode Alleen PSD-bestanden worden beoordeeld aan het einde van de periode. Usb, externe schijf, externe muis 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). 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. Fototoestel / mobiel Voor het maken van de opdrachten heb je een fototoestel of telefoon met camera nodig.
Digitale Vormgeving- Periode 1 | 4
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: Menubalk (boven) en Optiebalk (onder).
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 Klikken we op een knop met een naar benedenwijzend driehoekje, dan opent zich een uitklapmenu met meerdere beschikbare gereedschappen.
Digitale Vormgeving- Periode 1 | 5
Deelvensters (rechts) 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 (Character), Alineastijl (Alinea) en Lagen (Layers). Andere deelvensters die handig zijn om te gebruiken, zijn: Historie(History) en Navigatie (Navigation).
Digitale Vormgeving- Periode 1 | 6
WOORDCOLLAGE | VAKKEN- LETTERTYPE-KLEUR-ROTEREN Opdracht 1 Ontwerp een collage van de namen van de vakken uit het eerste leerjaar in verschillende lettertypen en kleuren en plaats ze in horizontale en verticale verschillende richting. 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
Vakken typen Type alle vakken 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. Type het woord Nederlands. Je bevestigt de tekst met de bevestigingsknop rechtsboven op de optiebalk.
Type 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.
Digitale Vormgeving- Periode 1 | 7
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.
Grootte en Kleur 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.
Digitale Vormgeving- Periode 1 | 8
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_vakken
Afvinklijst Woordencollage Vul het onderstaande schema in, voordat je de opdracht laat beoordelen. Onderwerp
Criteria
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
Teken palet
Lettertype, Kleur en Grootte aanpassen per woord
Roteren
Met Ctrl+T, vrije transformatie Woorden roteren 90° rechtsom Mappenstructuur: Vormgeving, Periode 1 PSD / naam
Opslaan als
Digitale Vormgeving- Periode 1 | 9
Afvinken
ALINEATEKST | VAKKEN EN DOCENTEN Opdracht 2: 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: Maak twee kolommen met hulplijnen. Ga in de optiebalk naar Weergave (View) en kies Nieuwe Hulplijn (New Guide). Type de onderstaande maten in: Verticaal: 1 cm, 7,2 cm, 7,6 cm, 13,8 cm. Horizontaal: 1,0 cm, 20 cm.
Alineatekst 1 Selecteer het Tekstgereedschap in de gereedschappenbalk. Verander in de optiebalk de Lettergrootte naar 10 pt. Maak nu een Rechthoek/ Rectangle tool met het tekstgereedschap in de linkerkolom, 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 Type in het zelfde vak de docenten. Jeroen van Aalst; Paulina Beckers ; Gertine Dammers ; Maarten Denessen ; Annemieke van DongenDirksen ; 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.
Digitale Vormgeving- Periode 1 | 10
Bedenk een tekst boven de vakken en boven de docenten.
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 alineatekst smaller door de ankerpunten aan de zijkant naar binnen te schuiven.
Digitale Vormgeving- Periode 1 | 11
Kopregel Bedenk nog 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 van jezelf in het bestand van de collegekaart.
Digitale Vormgeving- Periode 1 | 12
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, 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
Digitale Vormgeving- Periode 1 | 13
Afvinklijst Alineatekst Vul het onderstaande schema in, voordat je de opdracht laat beoordelen. Onderwerp
Criteria
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 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.
Tekst
Lagen Teken palet Kleur Opslaan als
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
Digitale Vormgeving- Periode 1 | 14
Afvinken
INTERVIEW | foto-pagina, kolommen en koptekst Opdracht 3 Ontwerp een interview bestaande uit twee pagina’s, één pagina met een foto van de persoon die wordt geïnterviewd en een pagina met tekst in kolommen met een kopregel er boven.
Schrijf een interview over jezelf of over een bekende persoon. Voeg aan het interview een foto ter grootte van een pagina toe. Nieuw Bestand Selecteer in de optiebalk het menu Bestand/File de optie Nieuw (Ctrl+N) voor een nieuw document. Formaat : A4 (= 2 maal A5) Breedte: 210 mm Hoogte: 297 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 Linialen Ga in de Optiebalk naar Weergave/View en selecteer Linialen of Ctrl+R Zowel boven als links zie je Linialen. Zorg ervoor dat de maateenheid op de linialen in Millimeter staat. Dit doe je door met de rechtermuis in de liniaal te klikken en te kiezen voor millimeter. Nieuwe Hulplijn Ga naar in de Optiebalk naar Weergave/View - Nieuwe hulplijn/New Guide. Verticaal: 10 mm – 138 mm – 148,5 mm – 158mm – 220mm – 225 mm -287 mm Horizontaal: 10 mm -200 mm- 206 mm Foto Open een foto van de persoon waarover het interview gaat 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/Window – Ordenen/Arange op 2-maal tonen. Ga naar het Palet Lagen (rechtsonder) en sleep de Laag met de foto in het nieuwe bestand.
Digitale Vormgeving- Periode 1 | 15
Voordat je gaat typen, bepaal je in de optiebalk: Lettertype, tekststijl, tekstgrootte, uitlijning (links - rechts - midden) en tekstkleur: Bedenk een kop voor het interview. 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 10. 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. 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/Window - Alinea/Paragraph en kies hier voor uitlijnen of uitvullen. Kopregel Tenslotte bedenk je een Kop voor het Interview. In de kop Evenementen organiseren is gebruik gemaakt van lettergrootte 48, bold en een slagschaduw aan de letters toegevoegd. Slagschaduw vind je onderaan je lagenpallet bij Laagstijl. Voor ”Lijkt mij helemaal te gek”is gebruik gemaakt van lettergrootte 24.
Paginanummering In het voorbeeld bestaat de paginanummering uit de naam van het blad en het nummer in twee verschillende lettertypen op hulplijn 206 horizontaal.
Digitale Vormgeving- Periode 1 | 16
Bestand opslaan als PSD 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_interview Bestand opslaan als JPEG Ga hetzelfde te werk als bij Opslaan als PSD. Kies bij Indeling i.p.v. PSD voor JPEG. Er verschijnt een popup waar je de kwaliteit van je document kunt aangeven. Kies voor optimale kwaliteit. Geef het bestand de naam eigennaam_interview Uitsnijden, Twee losse pagina’s Om uiteindelijk de pagina’s tot een boekje te kunnen maken werken we met losse pagina’s op A5formaat. Deze gekantelde A4-pagina’s moet dus gesneden worden in 2 losse A5-jes. Hiervoor gebruik je het gereedschap Uitsnijden/Crop uit de gereedschapsbalk. Ga in de optiebalk en bepaal de grootte van het uitsnijdeel. Ga naar B x H x Resolutie, stel de Breedte, Hoogte en Resolutie in. Breedte: 14,85 cm x Hoogte: 21 cm x Resolutie: 300 pixels/inch. Klik op de uitsnede zodat de cursor in de vorm van het uitsnijgereedschap verandert in een driehoekje. Plaats nu de uitsnede op de rechterpagina. Bevestig met Enter.
Linker en Rechterpagina Je hebt nu alleen nog maar de Rechterpagina in beeld. Sla deze op als JPEG-bestand. Geef het document de naam pagina_rechts. Open nu het document met de naam eigennaam_interview. Hier zie je weer de dubbele pagina. Snijdt nu met het mesje de Linkerpagina uit. Sla dit bestand ook weer op als JPEG-bestand met de naam pagina-rechts. Digitale Vormgeving- Periode 1 | 17
Afvinklijst Magazine-Interview Check de opdracht voor je deze laat beoordelen Onderwerp Bestand
Criteria
Afvinken
A4 – liggend, Breedte: 29,7 x Hoogte: 21 cm, 300 pixels/inch Hulplijnen Kleur CMYK
Foto
Passende foto bij het interview
Kwaliteit foto
Foto verbetert met Aanpassingen, Niveaus, Contrast en Helderheid Lettertype, Letterstijl Letterkleur, Lettergrootte Twee kolommen Lettertype, Letterstijl, Letterkleur, Lettergrootte 10 pt, Kopjes in tekst Lettertype, lettergrootte Uitlijnen Lettertype, lettergrootte Plaats op pagina Lettertype, lettergrootte Plaats op pagina Naam Mappenstructuur PSD en JPEG Linkerpagina met juiste maten, A5, en naam Rechterpagina met juiste maten, A5, en naam
Kopregel Alineatekst Inleidende tekst Naam Artikel Pagina nummer Opslaan dubbele pagina
Opslaan 2 losse pagina’s
Digitale Vormgeving- Periode 1 | 18
SNELLE SELECTIE |PERSOON SELECTEREN Opdracht 4 Selecteer een persoon met behulp van Snelle Selectie, Rand Verfijnen en Straal verfijnen en kopieer de selectie naar een aparte Laag Groter dan 2 MP Zoek op Google bij Afbeeldingen een afbeelding van een persoon met een hoge resolutie (groter dan 2 MP). Stel bij Opties rechts Geavanceerd zoeken in en kies bij elk formaat, Groter dan 2 MP (megapixels). Kies een foto met een egale achtergrond waardoor de selectie eenvoudiger is te maken. Open in Photoshop en geef het bestand een naam.
Snelle Selectie Neem het gereedschap Snelle selectie (Quick Selection). Selecteer de persoon. Beweeg met de snelle selectie over de persoon. Werk in kleine stukjes. Tussen haar shirt en linkerarm is nog een stukje grijs. Dit stukje haal je weg door Alt in te drukken en dan over het grijze gedeelte te bewegen. Aan de rand van de haren maak je het penseel kleiner. Selecteer tot de buitenste rand van de haren. De lastige delen gaat Photoshop zelf selecteren.
Digitale Vormgeving- Periode 1 | 19
Rand verfijnen Ga nu naar Selecteren, Rand verfijnen (Refine Edge) of gebruik de knop Rand verfijnen in de optiebalk. Kies voor Overlay. Je hebt nu een roze achtergrond. Klik nu in het menu Rand verfijnen op de knop links gereedschap Straal verfijnen (Refine Radius).
Straal verfijnen Schilder nu met Straal verfijnen over de randjes. Photoshop selecteert nu de fijne details. Klik op OK. Daarna kopieer de Selectie naar een nieuwe Laag met Ctrl+J. Tenslotte zet het oogje van de Achtergrondlaag uit.
Afvinklijst Snelle Selectie Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Bestandsgrootte Kwaliteit foto Selectie
Opslaan
Criteria Groter dan 2 MP Grootte, Scherpte Opwaardering met aanpassingen / niveaus Uitsnede met Snelle Selectie, Rand Verfijnen Straal Verfijnen Kopiëren naar nieuwe Laag, Ctrl+J Map Vormgeving, Periode 1 Opslaan als PSD-bestand Digitale Vormgeving- Periode 1 | 20
Afvinken
COVER | SNELLE SELECTIE-UITLIJNEN Opdracht 5 Maak een cover voor een tijdschrift met jouw naam, foto en koppen/teksten. Neem een tijdschrift mee en gebruik het als voorbeeld / inspiratie.
Nieuw Bestand Selecteer in de optiebalk het menu Bestand /File de optie Nieuw (Ctrl+N) voor een nieuw document. Formaat : A5 (Breedte: 148,5 mm x Hoogte: 210 mm - Resolutie: 300 pixels/inch - Kleur: CMYK). Foto Aanpassen 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. Snelle selectie In deze opdracht ga je het Snelle Selectie gereedschap toepassen. 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.
Alt-selectie (Alt)
Schilder met het Snelle selectie gereedschap over de persoon. Je ziet dat de persoon wordt geselecteerd. Zoom goed in zodat je de selectie goed kunt bekijken. Met de Alt-toets ingedrukt kun je delen weghalen.
Digitale Vormgeving- Periode 1 | 21
Randen Verfijnen Ga naar Rand verfijnen boven in de optiebalk. Schilder de randen zoals je geleerd hebt in de vorige opdracht. 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.
Hulplijnen Ga in de optiebalk naar Weergave, Nieuwe Hulplijn. Verticaal: 1 cm en 13,85 cm Horizontaal: 1 cm en 20 cm. Naam tijdschrift 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 (Character), 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 in het Lagenpalet onder de foto. Je naam komt nu achter de foto.
Teksten en Uitlijnen Maak de cover af door er meer informatie op te plaatsen: - Maand van uitgifte, jaartal, en jaargang, en prijs - Slogans of Quotes - Afbeeldingen en kleurvlakjes onder een tekst Links Uitlijnen Kijk goed naar het gebruik van kleur en lettertypes. Breek de zinnen met Enter in kleine stukjes. Zoals in het voorbeeld hieronder WIN – 1000 euro – aan Prijzen
Digitale Vormgeving- Periode 1 | 22
Rechts uitlijnen Voor een professionele Glossy is het belangrijk dat: deTeksten 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 I de hulplijnen uit de liniaal. Lijn de teksten uit Links en Rechts (zie onderstaand voorbeeld).
Afbeeldingen en kleurvlakjes onder een tekst
Regelafstand instellen Verlaag de afstand tussen de regels in het venster Teken /Character van Auto naar een getal lager dan de grote van de letters. In het voorbeeld van Auto naar 24 pt bij een lettergrootte van 30 pt
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/Shadow, Gloed/Glow. Maak een keuze en bepaal de grootte etc.
Digitale Vormgeving- Periode 1 | 23
Bestand opslaan als PSD 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_cover Bestand opslaan als JPEG Ga hetzelfde te werk als bij Opslaan als PSD. Kies bij Indeling i.p.v. PSD voor JPEG. Er verschijnt een popup waar je de kwaliteit van je document kunt aangeven. Kies voor optimale kwaliteit. Geef het bestand de naam eigennaam_cover Afvinklijst Cover Vul het onderstaande schema in voor je de opdracht laat beoordelen Onderwerp Bestandsgrootte
Eigen foto Kwaliteit foto Selectie Laagvolgorde Inhoud
Uitlijning
Laagstijl Kleurgebruik Tekstgebruik
Overige Opslaan
Criteria Afvinken 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 en Straal Verfijnen Tekstlaag onder laag uitsnede Titel - Foto - Maand van uitgifte, jaartal, en jaargang Prijs - Slogans of Quotes - Vormen - Afbeeldingen Streepjescode Gebruik linialen, hulplijnen Teksten lijnen Marges van 1 cm Gebruik lijn, slagschaduw, glow, etc. Eenheid in kleur van foto en tekst Naam achter het hoofd van de persoon Passend lettertype Wisselende grootte en interlinie Look and feel magazine Map Vormgeving, Periode 1 Opslaan als PSD-bestand
Extra Plaats je cover op een billboard, abri, reclamezuil……….
Digitale Vormgeving- Periode 1 | 24
MAGAZINE PAGINA | ACHTERGROND-FOTO Opdracht 6 Maak een pagina met een afbeelding als achtergrond, 2 tekstkolommen, gekleurde rechthoeken, alineakopjes en een paginanummer. Maak de afbeelding geschikt als achtergrond met kleurtoon/verzadiging (hue/saturation) Bruikbare foto Ga op zoek naar een foto die past bij je onderwerp. Zorg ervoor dat de foto een minimale ‘zwaarte’ van 1MB heeft. Dit kun je zien door met de rechtermuis op de afbeelding te klikken en te kijken bij Eigenschappen. Maten en resolutie 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 Inch (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 d.p.i.) kleiner te maken. Een 'lichte' foto (72 d.p.i.) groter maken wordt afgeraden. De foto zal veel kwaliteit verliezen. De opbouw van de foto uit pixels wordt zichtbaar (pixelig).
Kleurtoon en Verzadiging Om de foto geschikt te maken als achtergrondfoto gaan we hem iets minder kleurrijk maken. Dit doen we als volgt: Klik met Ctrl+U. Het venster Kleurtoon/Hue – Verzadiging/Saturation verschijnt. Vink rechtsonder Vullen met kleur/Colorize aan. Door te schuiven in de balk Kleurtoon/Hue kun je een kleur bepalen. Door te schuiven in de balk Verzadiging/Saturation bepaal je de sterkte van de kleur. Helemaal links kies je voor geen kleur, hoe verder naar rechts hoe feller de kleur.
Digitale Vormgeving- Periode 1 | 25
Twee alinea’s Maak ook weer 2 afgeronde alinea's. Geef iedere alinea een alineakop. Klik Gereedschapsbalk op het gereedschap Tekst/Type. in de Teken met dit gereedschap een kader op de pagina waarin je de tekst kunt typen of kopiëren. Marge Ook op deze pagina maak je marges met behulp van Linialen en Hulplijnen. Hiervoor heb je eerst Linialen/Rulers nodig. Linialen krijg je dmv Ctrl+R. Zorg ervoor dat de linialen op Millimeters staan: Klik hiervoor met de rechtermuis in de liniaal en kies voor millimeter. Hulplijnen vind je bij : Weergave/View – Hulplijnen/Guides. Type in: Verticaal 10 mm - 200 mm Horizontaal 10 mm – 138 mm Lettertype en Lettergrootte Kies ook weer voor een duidelijk, niet cursief lettertype. Hoofdletters bewaar je voor Titels en tussenkopjes. Gebruik in de informatieve teksten maximaal Lettergrootte 10 Doorzichtige vorm (rechthoek) achter de tekst Maak achter de tekstblokken een gekleurde rechthoek. Hiervoor gebruik je het gereedschap Vorm/Shape. Zie hierrvoor ook de vorige opdracht. Geef in de Optiebalk (bovenin) de kleur van de vulling en de Omlijning/Stroke aan. Kies voor Geen omlijning. Om de achtergrondfoto niet te zeer te laten wegvallen achter de vorm, maken we de vorm doorzichtig: Klik in de laag met de vorm. Bovenin je lagenpallet zie je Dekking/ Opacity. Verander het percentage zodanig dat de achtergrond zichtbaar en de tekst leesbaar wordt. Paginanummer Ook op deze pagina plaats je een paginanummer (nummer 10). Dit doe je ook weer met het Tekstgereedschap. Bestand opslaan als PSD 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_opdracht6. Bestand opslaan als JPEG Ga hetzelfde te werk als bij Opslaan als PSD. Kies bij Indeling i.p.v. PSD voor JPEG.
Digitale Vormgeving- Periode 1 | 26
Er verschijnt een popup waar je de kwaliteit van je document kunt aangeven. Kies voor optimale kwaliteit. Geef het bestand de naam eigennaam_achtergrond-foto. Afvinklijst foto achtergrond Vul het onderstaande schema in, voordat je de opdracht laat beoordelen. Onderwerp
Criteria
Nieuw bestand
Breedte: 148 mm x Hoogte: 210 mm Resolutie: 300 pixels/inch; Kleur: CMYK Color Marges van 1 cm
Foto
Grootte minimaal 1 MB Foto bewerken met Kleurtoon/Verzadiging
Tekst
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.
Lagen Opslaan als
Mappenstructuur: Vormgeving, Periode 1, Achtergrond-Foto PSD / naam
Digitale Vormgeving- Periode 1 | 27
Afvinken
VAN LOSSE PAGINA NAAR BOEKJE Opdracht 7 Maak een boekje van 8 pagina’s van de tot nu toe gemaakte opdrachten. Alle pagina’s opslaan als JPEG Om de pagina’s te kunnen plaatsen in het boekje, maak je van alle PSD-bestanden een JPEG-bestand. Voor sommige bestanden heb je dat al gedaan. Nieuw Bestand Kies voor Bestand/File - Nieuw/New - Internationaal papier- A4. Om 2 keer een A5 op de pagina te kunnen plaatsen, moet je het bestand 90% draaien: Afbeelding/Image – Roteren Canvas/Rotate Canvas - 90⁰ccw of cw. We noemen dit A4 Landscape. Welke pagina’s plaats je samen in een A4 om uiteindelijk een logisch boekje te krijgen. Bestudeer hiervoor onderstaand schema.
Extra pagina’s Zoals je ziet, moet je nog een paar pagina’s maken: Pagina 2: Inhoud Pagina 8: Achterzijde, Advertentie. Gebruik de vaardigheden die je tot nu toe geleerd hebt om deze pagina’s vorm te geven. Paginanummering Ook staan niet op alle pagina’s een paginanummering. Voeg deze alsnog toe. Printen Maak een kleur print van de pagina’s. Vouw het boekje in de juiste volgorde. En voeg een nietje in het midden toe. Digitale Vormgeving- Periode 1 | 28
VOORBEELD 28 pagina’s Voorbeeld Magazine “Margriet” bestaande uit 28 pagina’s. Hieronder vind je een schema van de pagina’s die met elkaar verbonden zijn. Voor en Achterkant: Links pagina 28 en Rechts pagina 01 Daarna: Links pagina 02 en Rechts pagina 27
Pagina 28 en 1
Pagina 2 en 27
Pagina 26 en 3
Pagina 4 en 25
Pagina 24 en 5
Pagina 6 en 23
Pagina 22 en 7
Pagina 8 en 21
Pagina 20 en 9
Pagina 10 en 19
Pagina 18 en 11
Pagina 12 en 17
Pagina 16 en13
Pagina 14 en 15
Digitale Vormgeving- Periode 1 | 29
PLANNING Wk 36 Wk 37 Wk 38 Wk 39 Wk 40 Wk 41 Wk 42 Wk 43 Wk 44 Wk 45
(01 sept.) (08 sept.) (15 sept.) (22 sept.) (29 sept.) (06 okt.) (13 okt) (20 okt.) (27 okt.) (03 nov.)
Woordcollage Alineatekst Interview Interview/Snelle selectie Cover Foto-achtergrond Van Losse pagina naar boekje Herfstvakantie Beoordeling Herkansing
BEOORDELING De opdrachten wordt beoordeeld op de volgende onderdelen: Alle opdrachten Alle opdrachten moeten zijn gemaakt. Alle opdrachten worden als psd-bestand bij de docent ingeleverd en geplaats op zijn of haar usb-stick in het mapje met jouw naam. Bij de beoordeling kunnen we een onderscheid maken naar het gebruik van Photoshop en Vormgeving. Photoshop Hier wordt vooral gekeken of je de verschillende technieken van Photoshop die bij iedere opdracht staat aangegeven, hebt toegepast. De vormgeving Met name vormgevingselementen zoals compositie, kleurgebruik, evenwicht, eenheid en afwisseling worden hier beoordeeld. Visuele Communicatie Het beeld moet op de juiste manier communiceren.
INLEVEREN VAN WERKSTUKKEN Werkstukken lever je in op vaste momenten. In de laatste lesweek van de periode lever je alle werkstukken van die periode als psd-bestand in. Heb je niet alles af of ben je ziek, dan heb je een herkansing in de toetsweek. Een tweede herkansing heb je in de toetsweek na de volgende periode. Tijdens de lessen of tijdens een periode is het niet mogelijk om werkstukken bij de docent in te leveren.
Digitale Vormgeving- Periode 1 | 30