Affinity Photo-tutorial: De kerstengel

Affinity Photo: Rotsen vrijstaand maken en glazen bol creëren - "De Kerstengel" (Delen 11-12/14)

Marco Kolditz
publiceren:

Alle goede dingen komen in drieën, zoals men weet. Leer daarom in deel 11 van onze kerstachtige Affinity Photo-serie een derde manier om onderwerpen vrij te stellen. Meteen daarna tover je schijnbaar uit het niets een glazen bol tevoorschijn. Een ronde zaak!


Deel 11: Rotspartij vrijstellen met de selectiepenseel en in de achtergrond plaatsen

Het is imposant hoe de engel met zijn glanzende metalen vleugels wordt gepresenteerd. Maar nog zweeft de standbeeldachtige verschijning in het luchtledige. Daarom geven we hem nu een rotsachtige achtergrond met een nieuw achtergrond. En omdat de rotsformatie niet zomaar vanzelf in de afbeelding groeit, moet ook deze eerst uit een andere afbeelding worden uitgeknipt. Hulpmiddel bij het uitsnijproces deze keer: de selectiepenseel. Hoe jouw trainer Marco Kolditz te werk gaat, totdat de rots stevig op zijn plaats zit:

Affinity Photo-tutorial: Rotsen vrijstellen en als nieuwe achtergrond invoegen.
Eerst wordt een rots uit een afbeelding uitgeknipt en dan onder de engel geplaatst.

Dit leer je in deel 11 van de Affinity Photo-tutorial

  • Selectie maken met behulp van het selectiepenseel
  • Hoe je de raster-functie moet toepassen
  • Waar je op moet letten bij het plaatsen van een nieuwe achtergrond

Rots vrijstellen met het selectiepenseel

Nu richten we ons op de rots waar later de kerstengel op zal staan. Daarvoor heb ik de afbeelding van de rots geopend. We willen de rots onderaan (1) vrijstellen. Hoe je objecten kunt vrijstellen met behulp van de QuickMask of met het tekenpen-gereedschap heb ik je al laten zien.

Hier passen we een andere methode toe, die heel goed werkt bij sterke contrasten. Je ziet duidelijk in de afbeelding de donkere rots voor een witte achtergrond. Daarom is het selectiepenseel-gereedschap (2), activeerbaar met de sneltoets W, geschikt voor dit motief.

Affinity Photo-handleiding: Selectiepenseel in de gereedschapbalk
Aan het werk met vrijstellen: activeer het selectiepenseel via het pictogram of met de toets W.

Ik zoom in en schakel over naar het selectiepenseel. Hiermee kan ik over de afbeelding tekenen. Ik heb aanvankelijk een breete van 3 px gekozen (1), wat nog niet erg goed werkt bij deze afbeelding. Je ziet dat er nog delen zijn die niet zijn geselecteerd (2). Dus als je grotere objecten wilt selecteren met behulp van het selectiepenseel, raad ik aan de breete te vergroten (3).

Nu teken ik over de rots heen en je ziet dat er automatisch gebieden worden geselecteerd (4). Het selectiepenseel richt zich op het sterke contrast en de contouren. Dat wil zeggen dat het min of meer herkent: Hier is het licht, hier is het donker, dus dit moet de rand van het te selecteren object zijn.

Affinity Photo-tutorial: De breedte van de selectieborstel bepaalt de gemaakte selectie.
Je hebt de keuze: kleine breete, kleine selectie, grote breete, grote selectie.

Selectie van het selectiepenseel controleren en verbeteren

Op dit punt (1) werkte dat niet zo goed, er werd een gebied niet geselecteerd. Maar dat geeft niet - ik klik er gewoon nog een keer op, en het gebied wordt alsnog geselecteerd (2).

Als ik inzoom op de afbeelding, zie je echter weer dat bijvoorbeeld deze gebieden zijn geselecteerd (3). Hier zou je de breete nu weer kunnen verkleinen (4>6), de Alt-toets ingedrukt houden en op de gebieden klikken (5), om ze weer ongedaan te maken (7).

Affinity Photo-Tutorial: De randen van de selectie controleren
Te veel of te weinig geselecteerd? Zoom in op de afbeelding en controleer de details.

Met de ingedrukte spatiebalk beweeg ik door de afbeelding om deze problematische gebieden aan te passen. Dit werkt heel mooi en snel.

Affinity Photo-tutorial: De randen van de selectie controleren
Bekijk de randgebieden en verbeter ze indien nodig.

Met een grotere selectiepenseel kies ik de overige gebieden uit. Later kan te veel geselecteerd ook weer worden geretoucheerd met een masker.

Affinity Photo-tutorial: de selectie van de rots gemaakt met de selectiekwast.
Dit is hoe de selectie eruit ziet - nu maak je er een masker van.

Maak een masker

Op basis van de selectie kan ik een masker maken. Hiervoor klik ik op de achtergrondlaag (1) en selecteer ik het maskersymbool (2). Om de selectie op te heffen, druk ik op Ctrl+D. De rots is nu uitgeknipt.

Affinity Photo-handleiding: Pas een masker toe op de selectie om een onderwerp uit te snijden.
Het masker werkt - ziet er al goed uit, toch?

Controleer en verbeter de randen van de selectie met een kleurlaag

Met Laag> Nieuwe vullaag (1) maak ik een kleurlaag in een blauwe tint (2). Ik sleep de laag helemaal naar beneden (3). Zo kan ik beter zien of de randen echt goed geselecteerd zijn (4).

Affinity Photo-handleiding: Plaats een kleurlaag achter de gemaskeerde selectie.
Voeg een gekleurde achtergrond toe aan jouw gemaskerde onderwerp - zo zie je ook de laatste onvolkomenheden.

Op dit moment zien ze er erg hard uit. Dat betekent dat we hier geen anti-aliasing hebben, maar lelijke karteleffecten (1). Dit corrigeren we door het masker te selecteren (2) en naar Filter te gaan en vervolgens naar Onscherpte en Gaussische onscherpte. Zo maak ik het masker wat zachter - niet de afbeelding, die blijft onaangetast.

Zonder onscherpte is de rand scherp. Als ik de straal een klein beetje verhoog (3), blijft de waarde zelfs op 0 px, maar de rand is enigszins onscherp (4). Ik bevestig dit met Toepassen.

Affinity Photo-tutorial: Controleer de randen van het uitgesneden onderwerp tegen een gekleurde achtergrond.
Gebruik indien nodig een zachte vervaging voor minder scherpe randen.

Met behulp van de penseel-tool (1), zwarte voorgrondkleur (2) en een lagere dikte (3) kan je de randen nog verder optimaliseren. Ik bevind me op het masker (4) en schilder met zwart. Waar aan de randen lichtere flitsen te zien zijn (5), schilder ik die weg (6).

Affinity Photo tutorial: Witte flitsers aan de rand van de uitsnede bijwerken met de kwast.
Let bijvoorbeeld op dergelijke witte flitsen en verbeter ze.

Met de selectiepenseel kan je dus al goede resultaten behalen. Met de penseel kan je dit handmatig verder optimaliseren. Hoe meer tijd je investeert, hoe gedetailleerder je werkt, hoe betere resultaten je behaalt.

Affinity Fotohandleiding: Uitgeknipte rotsen
Je hebt je keuze gemaakt!

Rasteren om ruimte te besparen

In een eerder tutorial heb ik laten zien hoe je een object met behulp van een masker vrijstaand maakt en vervolgens alleen het object zelf, zonder masker, plaatst in een ander document. Dit is een destructieve stap, maar als je weet dat je het betreffende object niet verder via het masker wilt bewerken, bespaart dat ruimte en mogelijk ook rekencapaciteit, afhankelijk van hoeveel lagen je uiteindelijk gebruikt.

Aan de hand van deze selectiekader (1) zien we dat we nog steeds werken met de volledige afbeelding - dus niet alleen met de rots. De rest van de afbeelding is nog steeds aanwezig, maar momenteel verborgen. We willen echter enkel met de rots werken.

Hier is een functie genaamd rasteren. Met de rechtermuisknop klik ik op de rotslaag (2) en kies ik Rasteren… (3). Op deze manier is het masker toegepast, de rest van de afbeelding is volledig verdwenen en we hebben op de laag enkel nog de geselecteerde rots.

Ik hernoem de laag naar "Rots" (4). Nu kopieer ik de rots met Ctrl+C.

Affinity Photo-tutorial: Masker toepassen op de afbeelding om het onderwerp vrij te stellen.
Pas het masker toe op de afbeelding, zodat het onderwerp nu echt op zichzelf staat.

Voeg een rots toe als nieuw achtergrondelement

Ik wissel naar de andere afbeelding en voeg de rots in met Ctrl+V. Maar let op: In het lagenvenster is nu geen laag of groep geselecteerd. Het is belangrijk dat je bijvoorbeeld op de bovenste groep of laag klikt (1), nu op Ctrl+V drukt, zodat de rots erboven wordt geplaatst (2).

We willen de rots natuurlijk helemaal naar beneden verplaatsen, waarbij ook iets opvalt: Als je deze laag pakt en naar beneden sleept, zie je de blauwe balken - op dit punt (3) zou ik de rots bijvoorbeeld in de groep "Vleugels" plaatsen.

Dus: Nog iets verder naar beneden slepen, zodat de blauwe balk de volledige breedte inneemt (4), en loslaten. Nu ligt de laag helemaal onderaan (5).

Affinity Photo tutorial: rotsen als nieuwe achtergrond plaatsen
Let op de blauwe balken bij het verplaatsen van je lagen. Hun lengte bepaalt precies waar je laag terechtkomt.

Let op de lichtinval van de beeldelementen

Ik zoom uit het beeld, sleep de rots naar beneden (1). Ik moet hem nog spiegelen, want hier (2) hebben we de schaduw aan de rechterkant, hier is hij aan de linkerkant (3). Met de actieve laag klik ik op de rots, selecteer ik Transformeren en Horizontaal spiegelen (4).

Affinity Photo-tutorial: Nieuwe achtergrond transformeren om deze in de afbeelding te passen
Gewoon erin gooien en klaar? Nee! Let altijd op de lichtomstandigheden van de individuele elementen in een beeldcompositie.

Rots uitlijnen

Ik kan de rots nu vergroten, ook niet-proportioneel schalen en draaien, totdat de engel zoals gewenst op de rots staat. Ik let ook op de randen van de afbeelding, zodat er geen transparante gebieden verschijnen. En ik wil dat de rots redelijk recht staat.

Affinity Photo Tutorial: Nieuw motief transformeren om het aan te passen aan de achtergrond.
Schalen, draaien ... totdat het goed zit!

Onze engel heeft eindelijk een rotsvaste positie bereikt!

Affinity Photo-tutorial: Tussentijds resultaat met de engel op een rots.
Langzaam begint er een afbeelding te ontstaan uit de beelden.

Elementen vrijstellen met de selectiekwast - Samenvatting Deel 11

  • Bij een hoog contrast tussen onderwerp en achtergrond kun je de selectiekwast gebruiken om uit te snijden.
  • Je snelkoppeling voor de selectiekwast: de toets W.
  • Met de ingedrukte Alt-toets kun je een eenmaal geselecteerd gebied ongedaan maken.
  • Tip: Leg een gekleurde laag achtergrond om de randen van je selectie te controleren.
  • Trek de randen indien nodig iets zachter met behulp van het gaussiaans vervagen.
  • Gebruik indien nodig ook de penseel, om de selectie te optimaliseren.
  • Gebruik de rasterfunctie om een masker op een afbeelding toe te passen. Het is weliswaar destructief, maar bespaart vooral bij grotere composities schijfruimte.
  • Let bij het plaatsen van nieuwe afbeeldingselementen in een compositie ook altijd op de lichtinval in alle elementen.

Deel 12: Glazen bol maken met Affinity Photo-filters

Simpelweg magisch - maar absoluut geen toverij! Marco Kolditz pakt nu een lichtvlek en verandert deze met een paar vakkundige klikken in een bol. Hoe wordt dit uiteindelijk een glazen bol? Eigenlijk vrij eenvoudig - je moet het, zoals zo vaak, gewoon weten.

Affinity Photo-tutorial: Van een diafragmavlek wordt een glazen bol gegenereerd
Nu komt de engel in de glazen bol. Hoe je zoiets maakt van een eenvoudige lichtvlek, leer je in dit gedeelte.

Dit leer je in Deel 12 van de Affinity Photo-tutorial

  • Hoe je van een lichtvlek een glazen bol maakt
  • Hoe je de glazen bol in de compositie verwerkt
  • Gebruik van specifieke filters zoals Polaire naar Cartesiaanse

Een lichtvlek als startpunt voor de glazen bol

Nu gaan we de sneeuwbol maken. Hiervoor heb ik een afbeelding gemaakt met lichtvlekken. Helaas biedt Affinity Photo (Versie 1.6) standaard geen functie om dergelijke lichtvlekken te genereren. Deze heb ik gemaakt met Photoshop, waar een eenvoudige renderfilter beschikbaar is om dergelijke lichtvlekken te genereren.

Affinity Photo handleiding: De afbeelding van een gegenereerde lumbale plek dient als basis voor de glazen bol.
Deze eenvoudige gegenereerde lichtvlek dient als basis voor de glazen bol.

De afbeelding ligt op één laag. We gebruiken een filter, namelijk onder Vervormen>Polair naar Cartesisch. Zo hebben we dit interessante resultaat:

Affinity Photo-handleiding: Filter Pool naar Cartesisch
Gebruik het Filter Polair naar Cartesisch.

Dit spiegelen we: Bij de geactiveerde laag klik je op de afbeelding en selecteer je Transformeren>Verticaal spiegelen.

Affinity Photo-Tutorial: Verticaal spiegelen
Eenmaal rechtop staan, door middel van de transformeer Verticaal spiegelen.

Nu nemen we onder Filter en Vervormen het punt Cartesisch naar Polair. Zo hebben we dit effect:

Affinity Photo-handleiding: Filter cartesisch naar pool.
Tover, tover ... het Filter Cartesisch naar Polair zet de lichtvlek om in een bolvorm.

Van de kleurrijke naar de zwart-witte bol

Het ziet er inderdaad uit als een glazen bol, momenteel echter nog in kleur. Ik hernoem de laag naar "Reflectie" (1). Ook stel ik de bol in zwart-wit voor door de Zwart-wit-Aanpassing te selecteren (2). De parameters laat ik zoals ze zijn (3).

Ik sleep de laag met de Zwart-wit-Aanpassing naar de "Reflectie"-laag (4), zodat de Zwart-wit-Aanpassing alleen van invloed is op deze laag (5).

Affinity Photo Handleiding: Zwart-Wit Aanpassing van de bol
Weg met de kleur - via een Zwart-wit-Aanpassing.

Nu pas ik het contrast aan: Hiervoor selecteer ik een Toonwaardecorrectie. Dit bevindt zich ook direct in de "Reflectie"-laag (2), omdat ik daarvoor de Zwart-wit-laag binnen de "Reflectie"-laag had geselecteerd. Ik maak de donkere gebieden wat donkerder (3). De lichte gebieden laat ik zoals ze zijn (4), anders zou het wit overbelicht raken, zoals te zien is (5). Ik verhoog de Gamma-waarde (6).

Affinity Photo Tutorial: Toonwaardecorrectie voor de bal
Met behulp van de Toonwaardecorrectie optimaliseer je het contrast.

Hiermee hebben we de bol alvast voorbereid.

Affinity Photo Handleiding: Tussentijds resultaat van de gegenereerde glazen bol
In zijn beste vorm: de bol.

Masker maken voor de bol

We verwijderen de achtergrond. Hiervoor maken we een selectie. Normaal gesproken zou ik het Ellipskader - Ellipse-gereedschap gebruiken. Hiermee kun je met ingedrukte Shift-toets eenvoudig een cirkel trekken. Tijdens het slepen wil ik graag dat je deze selectie nog kunt verplaatsen. In Photoshop zou dat mogelijk zijn met de ingedrukte spatiebalk. Dat is helaas niet mogelijk met Affinity Photo (Versie 1.6).

Affinity Photo tutorial: Masker maken voor de glazen bol met de Ellipse-tool
Om de bol nauwkeurig te selecteren met het Ellips-gereedschap, heb je nog een kleine truc nodig ...

Daarom laat ik via Weergave>Linealen weergeven de Linealen zien (1). Door op een liniaal te klikken, kan ik een Hulplijn trekken, die ik aan de bovenrand van de bol plaats (2). Hetzelfde doe ik aan de linker rand van de bol (3).

Ik trek nu met de Ellipsgereedschap (4) een cirkel, beginnend bij het snijpunt van de twee hulplijnen (5). Ik ga ook iets over de rand van de bal heen, zodat we later ook een rand zien.

Affinity Photo-tutorial: Masker maken voor de glazen bol met behulp van de ellips-tool
Leg linealen aan de boven- en linkerkant van de bol aan. Zo heb je een perfecte oriëntatie om de bol te selecteren.

Met een klik op het Masker-pictogram maak ik een masker. Met Ctrl+D deselecteer ik de selectie. Zo hebben we de bol gemaakt.

Affinity Photo-Tutorial: Masker maken voor de glazen bol
Maak van je selectie een masker - en de bol is vrijstaand.

Plaats de bol in de afbeelding

De volgende stappen heb ik verkort omdat het bewerkingsstappen zijn die we al hebben uitgevoerd. Onderaan ligt onze rots. Achter de bol bevindt zich onze kerstengel. Ik heb de bol met het masker bovenaan geplaatst.

Nu wil ik onder de bol een stuk van de rots laten zien.

Affinity Photo-tutorial: Glazen bol plaatsen in composiet
Nog steeds ligt de glazen bal vrij ongebruikelijk zwart boven onze beeldelementen.

Ik heb hier twee maskers: Aan de ene kant het masker in de vorm van een cirkel (1). Aan de andere kant een masker waarin ik het onderste deel van de rots gemaskerd heb, dat ik uiteindelijk wil zien (2).

Affinity Photo-tutorial: Delen van het motief maskeren.
Twee maskers - één voor de glazen bol, één voor het deel van de rots dat voor de bol moet liggen.

Het masker is niet actief (1). Met ingedrukte Shift-toets klik ik op het masker, en dan wordt het actief (2).

Zo'n tweede masker is heel eenvoudig te maken: Ik verwijder het even kort. Als ik nu deze laag selecteer (3) en nogmaals op het maskerpictogram klik (4), heb ik een ander masker waarop we bijvoorbeeld de rots opnieuw kunnen maskeren.

Affinity Photo-tutorial: Achtergrond en voorgrond op elkaar aanpassen
Twee maskers voor één laag.

Geef ons de glazen bol!

Voor de glazen bollag wijzig ik nu de laag mengmodus. Ik kies hier voor Negatief vermenigvuldigen (1). Op deze manier ontstaat dit zeer mooie glaseffect. Om het effect beter te kunnen zien, heb ik ook onderaan in het lagenvenster via Laag een Vulelaag met de blauwe kleur aangemaakt (2).

Affinity Photo handleiding: Tussentijdse resultaat met een kerstengel op een rots, in een glazen bol.
Zet de mengmodus nu op Negatief vermenigvuldigen, dan ziet de bol eruit als een glazen bol.

Glazen bol maken in Affinity Photo - Samenvatting Deel 12

  • Gebruik de afbeelding van een gegenereerde diafragmavlek en de filter Polar in Cartesisch, een verticale spiegeling en de filter Cartesisch in Polar, om een bolvorm met reflectie te creëren.
  • Gebruik een Zwart-Wit-aanpassing en de Toonwaardecorrectie, om de bol qua kleur en contrast aan te passen.
  • Met de mengmodus Negatief vermenigvuldigen transformeer je de bol in een glazen bol.
  • Let bij het plaatsen van nieuwe beeldelementen in een compositie altijd op welke andere beeldcomponenten voor en achter de nieuwe beeldelementen liggen.

> Naar de vorige delen 9 en 10 van de tutorial

> Naar de volgende delen 13 en 14

De inhoud van de delen 11-12/14 is gebaseerd op een videotutorial van onze trainer Marco Kolditz:

Gepubliceerd op van Marco Kolditz
Gepubliceerd op:
Van Marco Kolditz
Marco Kolditz is als Digital Artist, redacteur en videotrainer in München zelfstandig onder de naam MEER DER IDEEN. Hij beheert ook een gelijknamig blogmagazine en een Youtube-kanaal. Naast videotrainingen voor PSD-Tutorials, heeft Marco Kolditz al tal van andere videotutorials over Adobe Photoshop en Adobe Illustrator uitgebracht en vakartikelen geschreven over creatieve Photoshopcomposities voor andere vakbladen zoals DigitalPHOTO.
Terug naar het overzicht