Presentatievormgeving

Presentatievormgeving Tutorial voor waterspiegeling effect Inhoud: Optie 1, Filter liquify Optie 2, Filter gallery Optie 3, Displacement Voorwoord: Er zijn veel verschillende manieren om in het programma Photoshop een waterspiegeling effect te creëren. In deze turorial worden drie verschillende manieren stap voor stap besproken, waarmee er ingegaan wordt op de voor- en nadelen van elke manier. Optie 1 Optie 2 Optie 3

Manier 1, gebruik van de filter liquify Stap 1, openen van de afbeelding Begin met het openen van de afbeelding die je wilt spiegelen via file > open. In mijn geval een foto van een reiger die overvliegd. Hierdoor komt de afbeelding automatisch op de background te staan. De canvas ziet er nu als volgt uit. Stap 4, omflippen afbeelding Nu gaan we de afbeelding omdraaien. Klik de gekopieerde laag (layer 1) aan en ga naar edit > transform > flip vertical (of gebruik de sneltoets ctrl + t, rechtermuis knop > flip vertical). Houd vervolgens de shift toets ingedrukt en sleep het plaatje precies onder de bovenstaande. Hierdoor blijven de afbeeldingen recht onder elkaar. Eindig met enter. De afbeelding ziet er nu als volgt uit. Stap 2, kopieren laag Nu de gewenste afbeelding geopend is zien we dat deze in de background layer geplaatst is. Deze laag gaan we nu kopieren door met de rechtermuisknop op de background layer te klikken in het lagen menu en te kiezen voor duplicate layer, of gebruik de sneltoets ctlr + j. Stap 5, kopieren layer 1 Voordat we de effecten hierop gaan toepassen, kopieren we eerst layer 1 nogmaals. Dit aangezien de effecten de foto zo vervormen, dat de achtergrond kleur te zien zal zijn. Klik layer 1 aan en druk ctrl + j in, om de laag te kopieren. Noem deze laag effecten door dubbel te klikken op de naam van de laag in het lagen menu. Stap 3, vergroten canvas Vervolgens willen we de canvas grootte vergroten. De hoogte van de canvas moet hierbij verdubbelt worden, aangezien we de afbeelding willen omflippen. Ga naar image > canvas size, het onderstaande scherm komt dan tevoorschijn. Hierin kan gekozen worden voor oa cm, pixels en percent. Kies voor percent, wanneer je dan 100 invult bij de hoogte betekend dit dat de hoogte met 100% vergroot wordt. Klik vervolgens in het pijlenschema op de pijl naar boven zodet de vergroting niet naar boven plaatsvind. Vergeet niet relative aan te vinken! Een andere optie, wanneer je relative niet aanvinkt, is om de width op 100% te zetten en de hight op 200%. Stap 6, toepassen effecten Nu gaan we verschillende effecten op deze laag toepassen. Hierbij beginnen we met een filter. Klik de laag effecten aan en ga naar filter > liquify. Je krijgt nu een nieuw scherm met verschillende opties. De belangrijkste opties zijn de tool options. Hier is de brush grootte, dichtheid en druk in te stellen waarmee je straks de afbeelding gaat vervormen. Op de volgende pagina zijn de betekenissen van deze instellingen te vinden.

Brush size: de groote van de brush waarmee de afbeelding vervormt wordt. Hoe grooter te brush, hoe extremer de vervorming. Stel deze in op 100. Brush density: de dichtheid van de brush. Hoe groter deze waarde wordt ingesteld, hoe extremer het effect van de brush en hoe meer de afbeelding uitgeveegd wordt. Stel deze in op 50. Brush pressure: de druk van de brush op de afbeelding, hoe hoger deze waarde hoe extremer het effect en hoe meer de afbeelding wordt uitgeveegd. Stel deze in op 45. Stap 7, toepassen effecten2 Als laatste effect gaan we nog een ripple toevoegen. Selecteer laag effecten en ga naar filter > distort > ripple. Je krijgt nu het onderstaande pop up scherm. Hiermee wordt er een rimpel effect aan de geselecteerde laag gegeven. Bij size kan je de grootte van de rimpels aangeven van klein naar groot. Amount geeft de hoeveelheid rimpels aan, zet deze waarde op 240 procent. Klik dan op ok. Uiteraard is het handig op zelf wat met deze waardes en instellingen te experimenteren. Beweeg nu met de brush van links naar recht en van rechts naar links over de afbeelding, zodat het onderstaande figuur ontstaat. Klik dan op ok. Stap 8, Hue/saturation De volgende stap die we gaan toevoegen aan de afbeelding is een verandering in de hue/saturation van de onderste laag. Hierdoor geef je de weerspiegeling een betere waterkleur. Klik hiervoor onderaan je layer menu op het ronde icoontje, terwijl je tab ingedrukt houdt, klik op hue/saturation. Doordat je tab ingedruk houdt verschijnt er eerst een pop up, klik hierin use previous layer to create clipping mask aan. Hierdoor heeft de verandering alleen effect op de onderstaande laag.

In het lagen menu is er nu een laag bijgekomen. Verander rechts in het hue/saturation menu de verschillende kleuren. Probeer hier een beetje mee te spelen tot je de naar jou idee, juiste kleuren voor je afbeelding hebt gevonden. Bij deze afbeelding stel ik de waardes in op -9 voor de hue, -7 voor de saturation en 0 voor de lightness. De reiger komt er dan uiteindelijk zo uit te zien. Manier 2, gebruik van de filter gallery Stap 1 t/m 6 Deze manier van bewerken tot waterspiegeling is hetzelfde voor stap 1 tot en met 6 als bij manier 1. Begin dus met een afbeelding en voer de stappen uit die hiervoor besproken zijn. Je eindigd dan met drie lagen, waarvan een bewerkt is met een effect. Voor dit voorbeeld gebruik ik een nieuwe afbeelding, namelijk een van een overvliegende zwaan. Stap 8, weghalen ongewenste stukjes Het kan zijn dat er in je afbeelding nog wat ongewenste elementen zitten, zoals hier het geval. Rechtsonder zit er net een vleugelpuntje van een andere vleugel. Deze willen we wegvegen voordat we de filters gaan toepassen. Dit kan met behulp van de clone stamp tool. Tips: Wanneer je stap 2 en 3 omdraait, en eerst de canvas grootte aanpast, kopieer je het witte deel mee. Dit valt bij het flippen dan over de bovenste afbeelding heen. Wanneer je de randen tussen de twee afbeeldingen te hard vind, kun je deze naar eigen wens bewerken met behulp van de refine edge tool (selecteer hiervoor eerst de afbeelding met de selecteer tool), met de smudge tool of met de clone stamp tool. Stap 7, filter gallery Nu gaan we leren hoe een filter toegepast kan worden via de filter gallery, en hoe we twee filters over elkaar heen kunnen zetten. Selecteer hiervoor de laag genaamd effecten en ga via filter > filter gallery naar de gallery. Hier staan veel van de filters onderverdeeld per onderwerp. Wij willen een distort filter toepassen, namelijk de ocean ripple en de glass. Je krijgt dan het scherm op de volgende pagina te zien. Klik bij het mapje distort de ocean ripple aan. Rechts zie je nu instellingen die je kan veranderen. De ripple size verwijst naar de grootte van de rimpels. De ripple magnitude naar het effect ervan. Met deze waardes kan je spelen. Ik stel ze bij deze afbeelding in op een size van 8 en een magnitude van 5.

Stap 9, afwerken afbeelding Als laatste gaan we nog wat kleine afwerkingen aan de afbeelding toepassen. Er zijn hier verschillende manieren voor. Je kunt, zoals bij stap 8 is uitgelegd van manier 1, de hue/saturation aanpassen van de onderste afbeelding om het meer op water te laten lijken. Een andere optie is om een laag erover heen te zetten. Open hiervoor de afbeelding hiernaast in photoshop. Stap 8, toevoegen tweede filter Om een tweede filter toe te voegen, moet je in de filter gallery rechts onder op het icoontje voor new effect layer klikken. Hiermee kan je een nieuw effect toevoegen. Selecteer de nieuw toegevoegde laag en klik het glass effect aan bij het mapje distort. Hier zijn er verschillende elementen die je kunt instellen. Distortion: de distortion geeft de groote van de glas vervorming aan. Hoe kleiner de distortion, des te groter het matglas effect. Smoothness: de smoothness geeft de gladheid van het effect aan. Hoe groter de smoothnes, des te gladder het glas effect. Texture: hiermee kan de textuur aangegeven worden, bijvoorbeeld blocks, waarmee er een blokkenpatroon ontstaat. Scaling: hiermee wordt de grootte van de vervorming aangegeven. Om zelf te kunnen zien wat elke instelling doet, kan je er even mee spelen. Ik stel de waardes in op 4 voor de distortion, 9 voor de smoothness, canvas bij texture en 65 bij scaling. Dit kan met behulp van file > open, of door het bestand in photoshop te slepen. Photoshop opent de afbeelding dan automatisch in een nieuwe tab, selecteer de afbeelding met behulp van de rectangular marquee tool. Kopieer de afbeelding met behulp van ctrl + c. Ga vervolgens terug naar de tab waarin je aan het werk was en druk ctrl + v. Hiermee plak je de afbeelding in jou bestand. Sleep deze met behulp van de move tool naar de onderkant van het scherm, Zodat deze precies over de onderste helft heen valt. Pas eventueel de grootte van de afbeelding aan met dezelfde tool. Je krijgt dan de onderstaande afbeelding. Stap 10, opacity De afbeelding van het water is nu over de rest heen geplaatst. Als laatste stap kan je nu de opacity van deze laag aanpassen. Hierdoor wordt de laag met het water doorzichtig. Dit kan, wanneer de juiste laag geselecteerd is, rechtsboven in het lagen menu. Zet deze waarde op 10%.

Stap 11, verzachten scheidingslijn Om de scheidingslijn tussen beide helften nog iets te verzachten kan je gebruik maken van de clone stamp tool. Wanneer je boven in de grijze balk de opacity op 60% zet en de groote van de brush op 40 px kun je de rand hiermee verzachten. Klik vervolgens terwijl je de alt toets ingedrukt houd onder de scheidingslijn (zorg dat je de laag effecten hebt geselecteerd!). Vervolgens kun je over deze lijn heenbewegen (zonder de alt toets) en hiermee de lijn verzachten. Uiteindelijk krijg je dan de onderstaande afbeelding. Manier 3, gebruik van displacement Stap 1 t/m 4 Voor deze laatste manier maak ik gebruik van de onderstaande afbeelding. Ook deze manier begint met dezelfde stappen als manier 1, voer daarom eerst stap 1 t/m 4 uit. Stap 5, nieuwe laag voor displacement patroon Voor het gebruik van een displacement filter moet een patroon aangemaakt worden wat het filter kan volgen. Start hiermee door een nieuwe laag aan te maken. Doe dit door op het icoontje voor een new layer te drukken onderaan het lagen menu. Vul deze laag vervolgens met wit met behulp van de paint bucket tool (zorg dat wit je voorgrond kleur is en dat je de juiste laag hebt geselecteerd). Je kunt ook D indrukken op je toetsenbord, dit reset je kleuren naar photoshops voor en achtergrond kleur (resp. zwart en wit). Typ vervolgens ctrl + backspace, dit zal je geselecteerde laag de achtergrond kleur geven. Stap 6, halftone pattern Nu gaan we het patroon aanmaken in de nieuwe laag. Ga hiervoor naar filter > sketch > halftone pattern. Zorg dat de witte laag (layer 2) geselecteerd is! Je krijgt dan het volgende scherm te zien.

Met behulp van het halftone pattern gaan we lijnen creeren wat de waterrimpels worden. Hoe meer lijnen je maakt, des te meer waterrimpels en des te vervormder de afbeelding wordt. Size: hiermee kan je de hoeveelheid lijnen aanpassen. Een lage waarde geeft meer lijnen. Contrast: deze functie bepaald hoe scherm de lijnen zijn, hoe lager de waarde des te zachter de lijnen. Stel de waardes in op 6 voor size en 50 voor contrast. Klik op ok. Je ziet dan het hiernaast staande figuur in je bestand. Stap 9, toepassen displacement filter Om nu de displacement filter toe te kunnen passen moeten we eerst de laag met de lijnen in ons oorspronkelijke document verwijderen. Ga vervolgens via filter > distort > displace naar het displacement filter. Er komt dan een pop up waar je verschillende elementen kan instellen. De horizontal scale staat voor de verplaatsing in de horizontale richting, en de verticale voor de verplaatsing in de verticale richting. Aangezien we alleen verplaatsing in de horizontale richting willen voeren we bij verticaal 0 in. Bij horizontaal voer ik 8 in, hoe hoger deze waarde hoe groter de verplaatsing. Wanneer je op ok klikt zal de onderstaande afbeelding te zien zijn. Stap 7, gaussion blur toepassen Om de lijnen een wat waziger effect te geven, en het water ook, passen we een gaussion blur toe. Ga naar filter > blur > gaussion blur. Je krijgt dan de hiernaast staande pop up. De radius is instelbaar en geeft aan hoe wazig je de lijnen wilt hebben. Stel deze in op 4.0 pixels. Uiteraard kan deze instelling per afbeelding Stap 8, opslaan als nieuw document Deze lijnen willen we toepassen als displacement. Hiervoor moeten we ze opslaan als een nieuw document. Dit kan door de laag te selecteren en vervolgens in het roll menu van de lagen te kiezen voor duplicate layer. Je krijgt dan het onderstaande pop up scherm. Kies bij document voor new document en vul bij name de gewenste naam in. Sluit het document vervolgens en save het. Stap 10, hue/saturation Om de onderste kant van de afbeelding iets realistischer te laten lijken op water, voegen we nog een kleine aanpassing toe aan de hue en saturation van de afbeelding. Dit is hetzelfde als bij stap 8 van manier 1. De waardes stellen we alleen anders in, namelijk 3 voor de hue, -8 voor saturation en 4 voor lightness. De afbeelding ziet er dan als volgt uit.

Stap 11, verzachten scheidingslijn Als laatste stap kunnen we nogmaal de scheidingslijn verzachten. Dit kan op verschillende manier. In de tips bij manier 1 is aangegeven dat dit kan met behulp van de regine edge tool of de smudge tool. Bij stap 11 van manier 2 is ook een manier beschreven hoe dit kan, met behulp van de clone stamp tool. Je eindigd dan met de onderstaande afbeelding. Vergelijking Er zijn verschillende voor- en nadelen aan elke manier. Het voordeel van manier 1 en 2 is dat de liquify filter met de hand te bewerken is, zodat je voor een resultaat kan zorgen dat precies goed is voor jou afbeelding. Een nadeel hiervan is dat het lastig is om hierbij enige precisie toe te passen. Bij zowel manier 1 als manier 2 geven de filters een realistisch watereffect weer, hoewel ze beide toch verschillend zijn. Bij het filter ripple wordt een meer stromend water idee gecreerd, terwijl bij de ocean ripple en glass meer een stilstaand meertje wordt weergegeven. Bij manier 3 is het voordeel dat het een geleidelijke manier is van het liquify filter, het duurt echter langer om het te creeren. Daarnaast zou een andere filter zoals een ripple of ocean ripple er waarschijnlijk ook mooi over staan.