Verschillende waarnemingen van kleur in Photoshop & Flash
Handleiding Kleur opdrachten Hoe moet je deze opdrachten maken? Kleur opdrachten: Volg de instructies in de reader. Open een InDesign document. Hierin maak je de vragen en plaats je bij elk antwoord een screenshot of JPG van je Photoshop bestand. Flash opdrachten: Je werkt door tot aan de oefeningen met Flash. Vervolgens ga je verder met de reader van Flash die je op de Studenten GF kan vinden onder: Opdrachten Multimedia >Flash>Flash lesmateriaal>FLASH MX online document. Je maakt 5 oefeningen in Flash waaronder in ieder geval de Button, Tweens, Rotaties en Tekst. Je slaat de Flash bestanden op in een aparte aangemaakte map die je de naam geeft van Flash MX oefeningen>naam. Daarna ga je weer terug naar de Kleur reader en ga je verder met de opdrachten in Flash. Je slaat de Flash bestanden op in een aparte aangemaakte map die je de naam geeft van Flash MX Kleur>naam. Ook maak je een SWF bestand aan, door, terwijl je Flash bestand open is door op cmd-enter te drukken. Je SWF file komt dan naast je FLA bestand te staan in hetzelfde mapje. Typografie & kleur opdrachten: Bij het onderdeel Typografie zul je eerst wat theoretische kennis moeten hebben van Typografie. Ik zal workshops geven waarin ik de belangrijkste zaken op gebied van typografie toelicht. Ik zal me daarbij vooral richten op Beeldscherm typografie. Zelf kan je alvast een heleboel leren uit de typografie reader. Verder zul je ook eerst oefeningen in Flash moeten maken over tekst animatie en over geluid toevoegen. Minimaal 3 oefeningen. Hoe moet je deze opslaan; zie boven bij de Flash opdrachten. De praktijkopdracht De praktijkopdracht wordt pas na overleg met de docent gemaakt! Hoe moet je deze opdrachten inleveren? Je print het InDesign document uit, en stopt deze in je map. Al je bestanden zet je in een aparte aangemaakte map, die je Kleur>naam>klas geeft, in de inlevermap. Ik zal er dan zorg voor dragen dat je map op de server terecht komt waar je er zelf bij kunt. Veel succes! Linda Pieke 2
Deel 1: Introductie kleuren waarneming Waarneming van kleuren collage Omdat de waarneming van kleuren nogal kan verschillen per persoon is de volgende opdracht dat je een collage maakt waarin kleurtonen gebruikt worden. Je kunt gebruik maken van plaatjes uit tijdschriften, illustraties en letters. Je collage is formaat A4. De kleuren die je kan gebruiken zijn: Rood, oranje, geel, groen, blauw, paars, turqouise. Wat zijn kleurtonen? Als je kijkt in de magazines en op internet zul je zien dat er verschillende soorten van 1 bepaalde kleur zijn. Je hebt bijvoorbeeld donkerrood, felrood en donkerroze. Of donkerblauw, marine, lichtblauw en turquoise. Hieronder zie je een kleurenzon van Kuppers. Deze kleurenzon laat een verdeling zien in kleurharmonieën, oftewel kleurtonen per rij. De basiskleur van zo’n rij is de kleur die in de cirkel staat en die de rijen doorkruist. Je ziet ook dat de kleurencirkel kan worden opgesplitst in vier delen: kwadranten. Zo zie je gelijk of de kleuren groenig, blauwig, paarsachtig, roodachtig, geelachtig is.
3
Zoals je kan zien kan je een overlapping van kleuren krijgen. Paarsblauw bijvoorbeeld. Dat mag, en als je collage voor de rest in dezelfde kleurharmonieën blijft is dat geen probleem. Zo kun je ook kiezen voor de kleuren geel en oranje naar rood. In de kleur rood zit dan geen paars gemengd , maar geel, waardoor de kleur bij de sfeer en kleurtonen van de andere kleuren past. Gebruik de kleurenzon als leidraad. Hou desnoods je plaatje erbij om uit te vinden of de kleur bij je gekozen rij past, en zo niet, dan in ieder geval bij je kwadrant! Opdracht 1: Verzamel eerst zoveel mogelijk plaatjes van 1 gekozen kleuren rij in de kleurencirkel en bewaar deze in een mapje. Daarna krijg je van de docent een A4 karton en kan je gaan indelen (niet plakken!!!) Laat het resultaat eerst aan de docent zien. Als de opdracht af is, wordt je ingedeeld bij een andere persoon die een andere kleur heeft gekozen. Vragen bij de opdracht: Maak de onderstaande vragen in een Word document en presenteer je collage met de ingevulde vragen aan de docent. • • • •
Welke variaties van dezelfde kleur zien jullie op 1 collage? Noem er minstens 4. Wat zijn de voorwerpen die jullie gekozen hebben? Zijn er verschillen per kleurcollage in de keuze van voorwerpen? Zo ja, hoe zou dat dan komen? Wat voor gevoel roept de collage bij jullie op? Zoek in bijgevoegde schema’s op wat voor effect de gekozen kleur heeft op de mens.
4
Deel 2: Werken met RGB & CMYK in Photoshop Opdracht 1
Additieve kleuren in Photoshop Open een document van het formaat 800X600 en maak de achtergrond zwart. Maak de kleurwaarde RGB door in het Menu > Afbeelding> Modus> RGB te kiezen.
Teken een cirkel en kleur deze Rood, R = waarde 200, de G = waarde 0, de B = waarde 0, zoals aangegeven op het plaatje. Kopieer de laag en verander de kleur in Groen, waarde 200, de R waarde 0, de B waarde 0. Dupliceer de laag en maak de kleur nu Blauw, waarde 200, de G waarde 0, de R waarde 0. Zet de cirkels half over elkaar heen, zodat ze elkaar alledrie raken. Verander daarna de laageigenschappen per laag in het tabblad laag opties van Normaal naar Bleken. (Zie afbeelding rechts hieronder) Vraag: •
Kijk naar het resultaat. Wat gebeurt er met de kleuren van de cirkels? Maak een screenshot hiervan.
Opdracht 2
Subtractieve kleuren in Photoshop Open een document van het formaat A4 en maak de achtergrond wit. Zet het document in de kleurwaarde CMYK door in het Menu > Afbeelding> Modus> CMYK te kiezen. Teken een cirkel en kleur deze Cyaan, waarde 100, de M waarde 0, de Y waarde 0, de K waarde 0, zoals eerder aangegeven in de vorige opdracht. Dupliceer de laag en verander de kleur in Magenta, waarde 100, de andere waarden op 0. Dupliceer de laag en maak de kleur nu Yellow, waarde 100, de andere waarden 0. Zet de cirkels half over elkaar heen, zodat ze elkaar alledrie raken. Verander de laagopties per laag in het tabblad laagopties van Normaal naar Vermenigvuldigen. Kijk naar het resultaat.
5
Vraag: •
Kijk naar het resultaat. Wat gebeurt er met de kleuren van de cirkels? Maak een screenshot hiervan.
Vragen over deze twee opdrachten: •
Waarom denk je dat je bij het maken van de additieve kleuren (RGB) de laagopties “bleken” hebt gebruikt (Engels “screen”)
•
Waarom denk je dat je bij het maken van de subtractieve kleuren de laagoptie “vermenigvuldigen” hebt gebruikt?
Denk bij het beantwoorden van deze vragen aan dat additief voor beeldscherm wordt gebruikt en subtractief voor drukwerk. Opdracht 3
Een licht schilderij in RGB Open een document in 800X600. Zet de modus van het document om in RGB. Maak de achtergrond zwart. Dit is laag 1. Zoek een afbeelding op internet die je aanspreekt. Zet de afbeelding door middel van Bestand> Plaatsen in het document. Dit is laag 2. Gebruik voor de laag met de foto bij het Filter menu Filter>Rendering> Belichtingseffecten de selectie RGB lichten.
Vraag: •
Beoordeel het resultaat. Wat doet het gebruik van licht met je afbeelding? Maak een screenshot hiervan.
Opdracht 4
Een popart schilderij in CMYK Maak een foto, of gebruik een afbeelding van internet. Plaats de afbeelding in Photoshop in een nieuw document met het formaat A4. Zet de modus van het document om van RGB naar CMYK.
6
Ga naar de kanalen toe, deze kun je vinden naast het tabblad van het lagenpalet. Vink Cyaan aan en laat de rest open. Kijk naar je afbeelding. Zwart laat je aanstaan. Maak een screenshot (Shift>Command>4) van je afbeelding. Doe hetzelfde met Magenta en Geel. Plaats de screenshots van je afbeelding in je document en zet ze half over elkaar heen. Zet de laag met de originele afbeelding uit en selecteer voor de 3 lagen de laagoptie “vermenigvuldigen”. Vraag: •
Wat doet het gebruik van kleuren over elkaar heen met de verschillende afbeeldingen? Denk hierbij aan het resultaat van de opdracht: Subtractieve kleuren in Photoshop. Maak een screenshot hiervan.
Zet nu alle afbeeldingen over elkaar heen. Zet de laag met de originele afbeelding ook aan en plaats deze ernaast. Vraag: •
Is er een verschil tussen het origineel en de over elkaar geplaatste afbeeldingen en waarom denk je dat dit gebeurt?
Opdracht 5
Variaties, verzadiging/kleurtoon/ helderheid & contrast Variaties Gebruik voor deze opdracht dezelfde afbeelding in een nieuw document. Zet de laag van je document waar je afbeelding in staat om in pixels door op de laag te gaan staan in het palet zelf en je rechtermuis optie te kiezen >Laag omzetten in pixels. Selecteer 1 kleur laag en ga naar Afbeeldingen> Aanpassingen>Variaties in het menu. Selecteer middentonen, vink het kleurverlies uit en zet de hendel naar grof. Maak een screenshot van je schilderij als deze in het variatiemenu geopend is. Vraag: •
Welke mogelijkheden heb je bij de menu optie Variaties en welke onderdelen van de afbeelding kan je veranderen ? 7
Verzadiging Ga naar de menu optie kleurtoon/ verzadiging. Je kunt verzadiging en helderheid terugvinden in hetzelfde menu als hiernaast. Er is nog een extra optie, namelijk kleurtoon. Hiermee kun je de kleuren als totaalbeeld veranderen. Ga naar Afbeeldingen> Aanpassingen> Kleurtoon/ verzadiging in het menu. Verander de verzadiging, helderheid en kleurtoon. Vragen: • • •
Wat gebeurt er met je afbeelding als je minder verzadiging en meer helderheid gebruikt? Wat gebeurt er met je afbeelding als je meer verzadiging en minder helderheid gebruikt? Wat gebeurt er met je afbeelding als je de kleurtoon verandert?
Contrast Om van je schilderij en echt popart kunstwerk te maken kun je de contrast waarden uitproberen in combinatie met de helderheid. Je kunt deze optie vinden in hetzelfde menu als hierboven, onder helderheid en contrast.
Vraag: •
Wat gebeurt er met je afbeelding als je de waarden extreem verandert en toepast op alle drie de kleuren Cyaan, Magenta en geel?
8
Deel 3: Kleuren mengen in Flash Opdracht 1
Complementaire kleuren Maak een flash film, waarin je gebruik maakt van complementaire (contrasterende) kleuren. Zoek deze kleuren op in de kleurencirkel. Kijk op de Kleur website (http://www.gsf.nl/gsf/cdb/grafimedia/kleur/cirkel.html) van Grafimedia College De Brink om erachter te komen wat complementaire kleuren zijn. Je kunt naar deze site gaan om je kleuren interactief te zien en te mengen: www.sessions.edu/career_center/design_tools/color_c alculator/index.asp# Complementaire kleuren bestaan uit primaire kleuren en secundaire kleuren. Gebruik een solide vorm die van een primaire kleur naar een secundaire kleur naar gaat en aan het einde stopt. Doe dit met alle drie primaire kleuren. Volg de handleiding hieronder als je niet weet hoe dat moet. Maak eerst een vorm in het eerste frame. Ga op een andere plek in de timeline staan (bijv. Frame 30) en druk op F6 (keyframe invoegen). Je keyframe met de vorm wordt nu automatisch gekopieerd. Selecteer in het properties palet onder in op het beeldscherm de shape tween. Ga naar Frame 30. Verander de kleur in de secundaire kleur. Test je film. Doe hetzelfde met de andere kleurencombinaties en zet deze achter de laatste keyframe van de eerste animatie. Vragen: Er ontstaat in je animatie een scala van andere kleuren. Noem een kleur die per animatie voorkomt tussen de primaire en de secundaire kleur. • Wat is de naam van de kleuren die ontstaan vanuit 1 primaire kleur en 1 secundaire kleur? ( zie links) • Hoe ontstaat de kleur bruin op het beeldscherm? Raadpleeg internet voor je antwoord. 9
Opdracht 2
Regenboog in Flash Maak een flash film waarin je de reeks van kleuren van de regenboog in elkaar laat overgaan op een speelse manier, je werkt volgens de volgorde van de regenboog. Je mag elke vorm gebruiken die je wilt, als je maar gebruik maakt van shape en motion tweens. Zie de Flash tutorial deel 1 voor het gebruik van tweens.
10
Deel 4: Typografie & kleur keuzeopdrachten Raadpleeg bij deze opdracht de bijgevoegde tutorial Typografie en bijgevoegde Kleurschema’s. Kies voor de opdrachten in Flash of in Photoshop. Deze opdracht kan pas gedaan worden nadat er eerst een Typografie workshop is gegeven.
Kleuren mengen in Photoshop Opdracht 1
Neutrale kleuren Maak een eigen afbeelding op A4 formaat waarin je alleen maar gebruik mag maken van zwart,wit en grijstonen. Deze keer moet je een boodschap overbrengen door middel van 1 tot maximaal 3 woorden. Kies woorden die een gevoel oproepen. De trefwoorden die je gebruikt zijn wit of zwart. Gebruik een zwart wit foto of tekening om je woorden krachtiger over te doen komen. Opdracht 2
Kleuren mengen Deel 1:
Maak een eigen afbeelding op A4 formaat, waarin je gebruik maakt van trefwoorden die een sfeer aangeven zoals: liefde, haat, zacht, hard, enz.. De kleuren die je gebruikt voor de achtergrond en de kleur die je gebruikt voor de tekst moeten overeenkomen met het kleurgevoel wat dit bij de lezer oproept. Ook moet de kleur voldoen aan de eisen van het kleurengebruik op het beeldscherm. Kijk hier voor in de schema.’s Gebruik een foto die te maken heeft met je gekozen trefwoorden om deze krachtiger over te laten komen. Deel 2:
Maak nu weer een eigen afbeelding, maar gebruik nu tegenstrijdige woorden en kleuren. Gebruik een foto waarin de kijker op het verkeerde been gezet wordt.
11
Kleuren mengen in Flash Deze opdracht kan pas gedaan worden nadat er eerst een Typografie workshop is gegeven en nadat je de oefeningen in Flash hebt gedaan. (kijk hiervoor in de handleiding op de eerste pagina van deze reader) Opdracht 1
Neutrale kleuren Maak een flash film waarin je alleen maar gebruik mag maken van zwart, wit en grijstonen. Deze keer moet je een boodschap overbrengen door middel van 1 of 2 woorden. De trefwoorden die je gebruikt zijn wit of zwart. Zorg ervoor dat de animatie in een loop werkt. Opdracht 2
Kleuren mengen Deel 1:
Maak een film, waarin je gebruik maakt van trefwoorden die een sfeer aangeven zoals: liefde, haat, zacht, hard, enz.. De kleuren die je gebruikt voor de achtergrond en de kleur die je gebruikt voor de tekst moeten overeenkomen met het kleurgevoel wat dit bij de lezer oproept. Ook moet de kleur voldoen aan de eisen van het kleurengebruik op het beeldscherm. Kijk hier voor in de schema.’s en bijgevoegde notitie over beeldschermkleuren. Plusopdracht:
Zet er een passend geluid onder. Laat de animatie stoppen aan het einde van de film en maak een button zodat je weer terug kan gaan naar het begin van de film. Deel 2:
Maak een film, die dezelfde inhoud heeft als de vorige film en gebruik nu kleuren die niet bij elkaar passen, die de kijker op het verkeerde been zetten.
12
Praktijkopdracht/ Project De praktijkopdracht wordt pas na overleg met de docent gemaakt! Typografie en kleur vormgeving Keuze opdracht 1:
Deze opdracht doe je als je de keuzeopdracht Typografie & kleur hebt gemaakt in Photoshop. •
Je moet een filmposter ontwerpen (zie hiervoor de Powerpoint presentatie Filmposter)
Filmposter eisen:
Content voor de filmposter kun je vinden in de PPT presentatie en bijgevoegd plaatje geeft je een idee wat er van je verwacht kan worden. Formaat van de filmposter is A3.
Keuze opdracht 2:
Deze opdracht doe je als je de keuzeopdracht Typografie & Kleur hebt gemaakt in Flash. •
Je moet een animatie maken voor een aankondiging van een nieuwe film (trailer) Zie hiervoor het document Trailer Stappen plan.
Trailer eisen:
•
Voor Trailers kijk je naar de verschillende sites van films, bijv. Apple Trailers, en je gebruikt trefwoorden die zelf verzonnen zijn, en die de sfeer goed uitbeelden. Kijk ook in het Trailer stappenplan om je route te bepalen. Het formaat dat je gebruikt is 1280 X 720, het formaat voor HDTV.
Keuze opdracht 3:
Deze opdracht kun je maken in Photoshop of in Flash. •
Je moet een homepage ontwerpen voor de aankondiging van een nieuwe film. Zie hiervoor de tutorials van Flash, Dreamweaver en Beeldschermvormgeving)
Homepage eisen:
Voor de homepage van de website kun je de titel van de film gebruiken als heading en de platte tekst vormgeven door gebruik te maken van Lorem Ipsum, een fake tekst die door multimedia vormgevers wordt gebruikt om de tekstuele lay-out weer te geven. 13
Het formaat wat je gebruikt is 1024 X768. Denk aan je menubuttons! Ga daarvoor kijken naar verschillende trailersites om een idee te krijgen welke pagina’s aan bod komen. Gebruik het Typografie document om een idee te krijgen van Beeldschermvormgeving.
Scenario’s:
Scenario 1: liefdesdrama over een eeuwige liefde die je door de Sahara leidt. Scenario 2: actiefilm over een popster die een onverwachte held wordt in NY. Scenario3: komedie over een jong stel die een knipperlicht relatie hebben en vastzitten op een boot. Scenario 4: SF film over een reis naar een ander zonnestelsel. Scenario 5: rampenfilm waarin de aarde verwoest wordt door een virus. Scenario 6: thriller over een mysterieus huis op het platteland Algemene eisen:
Gebruik de aangegeven tutorials om een idee te krijgen wat er verwacht wordt van de vormgeving. Denk hierbij aan kleuren, die bij de sfeer passen, typografie die bij het genre film past en trefwoorden die een beschrijving geven van de boodschap die je wilt gaan verkondigen. Gebruik foto’s als een onderdeel van de sfeer en bewerk deze in Photoshop. Deze foto’s worden zelf gemaakt of kunnen in overleg met de docent worden gedownload van internet. Voorbeelden filmposter
14
Alternatieve opdracht Alles andersom doen. Pastelkleuren worden felle kleuren of felle kleuren worden zwart wit. Plaatjes passen niet bij de film, typografie past niet bij het genre, enz. Deze schaduwopdracht wordt gepresenteerd aan de klas en door middel van de feedback wordt gekeken of de sfeer geraden kan worden en hoe deze eigenlijk had moeten zijn. Aan het einde van de presentatie laat de leerling zijn echte uitwerking zien en deze wordt eveneens door de klas alsook de docent beoordeeld.
15
Kleurschema’s Kleuren op het beeldscherm Er zijn een aantal regels waar op gelet moet worden met betrekking tot het gebruiken van kleuren op een beeldscherm. Wit vergroot en zwart verkleint. Een zwarte achtergrond kan rustgevend lijken, maar als dit gecombineerd gaat met een witte tekstkleur, is het voor de lezer van de tekst op een beeldscherm moeilijk om zich te concentreren. Omdat een LED scherm licht geeft, komen felle kleurvlakken snel dominant over. Het gebruik van teveel contrasten geeft het oog geen rust en nodigt niet uit tot het bekijken van de website. Contrast gebruiken is goed, maar dus niet teveel! Daarentegen, als je kleuren gebruikt die teveel op elkaar lijkt de tekst te vervagen en de lijnen worden met de achtergrond versmolten. Dit kan moeilijkheden veroorzaken bij het lezen. Op het plaatje kun je zien dat een juiste balans belangrijk is.
De werking van kleuren op het menselijk lichaam KLEUR
INDRUK
Rood
Wekt de zenuwen op, doet de bloedvaten uitzetten.
Oranje
Wekt de ademhaling op, beïnvloedt de klierwerking.
Geel
Bevordert de spijsvertering, wekt de werking van de maag en de eetlust.
Groengeel
Vermindert de eetlust, stimuleert het afweermechanisme tegen ziekteverwekkers.
Groen
Kalmeert, is neutraal, spaart de ogen en geeft ondersteuning.
Groenblauw
Activeert de zenuwen.
Blauw
Brengt de zenuwen tot rust, vernauwt de bloedvaten.
Violet
Geeft kracht, beïnvloedt het spierstelsel gunstig, verwijdt de lymfevaten, remt enigszins het denkvermogen. Geen eetlust opwekkende kleur. Voor velen een probleemkleur die verwarrend kan werken.
Purper
Beïnvloedt de zenuwen in ongunstige zin
16
KLEUR
Stemmingswaarde
Rood
Warm, agressief, verkleinend en indringend. Laat zich slechts in kleine hoeveelheden verdragen. Rood dringt zich zeer op de voorgrond en wordt daarom voor gevarensignalen gebruikt. Mengen met een tikje bruin geeft een rustigere indruk.
Oranje
Warm, moeilijk te gebruiken voor grote vlakken. Opwekkend, feestelijk, opvallend.
Geel
Werkt levendig en opgewekt. Kan activerend werken. Feestelijk, zonnig, dynamisch.
Groen
Rustgevend, neutraal en fris. Kan door middel van bepaalde mengingen warm, koude of deprimerende indruk geven. Groen geeft de indruk verder weg te zijn dan in werkelijkheid het geval is. Doet de vormen van een voorwerp goed tot hun recht komen en groen geeft het oog maximale rust en ontspant. Vertolkt het begrip rust, natuur en verzoening en wordt daarom voor veiligheidssignalen gebruikt.
Blauw
Is de meest koele kleur, maakt elke ruimte groter. Alleen blauw kan afhankelijk van de belichting kil en onaangenaam aandoen. Vertolkt het begrip "schaduw".Blauw geeft de indruk verder weg te zijn dan in werkelijkheid het geval is. Doet ook de vormen van een voorwerp goed tot hun recht komen. Wordt gebruikt voor neutrale en zakelijke aankondigingen. Een aandacht vragende kleur, kan door middel van bepaalde menging uiteenlopende gevoelens opwekken. Bijvoorbeeld paarsviolet geeft een warme indruk i.v.m. het roodgehalte. Blauwviolet geeft een koele indruk i.v.m. het blauwgehalte. De meest gesignaleerde indrukken zijn: gedistingeerd, verheven, mystiek, onheilspellend, deftig, onbetrouwbaar, doods, koud, waardig, terughoudend.
Violet
Bruin
Beige/ licht bruin
Een warme kleur. Kan een somber effect opleveren, dit is afhankelijk van het grijs-, geel- en roodgehalte. Bruin wordt geassocieerd met hout, maar wel echter als nabootsend, immers de kenmerkende structuur van hout ontbreekt. Geeft een gevoel van geborgenheid en warmte.
Wit
Neutraal, koud, hygiënisch en stoort andere kleuren niet. Zeer belangrijk als mengkleur of als toegevoegde kleur. Wit laat het gebruik van andere kleuren goed toe. Wit kan een ruimere en een lichtere indruk geven.
Grijs
Neutraal, kalmerend en stoort andere kleuren niet. Kan uitstekend dienen om contrasten te overbruggen en accenten te leggen. Grijs alleen of teveel gebruik van grijs kan een nuchtere of doodse indruk geven. Kan sober en zelfs saai overkomen.
Zwart
Neutraal, somber, ernstig en soms voornaam. Uitstekende kleur omgeving van heldere kleuren zoals rood of geel. Zeer geschikt om contrasten en accenten weer te geven. Kan een ruimte kleiner maken.
17