Affinity Photo-Tutorial: Der Weihnachtsengel

Affinity Photo: Maske bearbeiten zum Ausschneiden der Tänzerin – „Der Weihnachtsengel“ (Teile 4–5/14)

Marco Kolditz
veröffentlicht:

Der Metall-Look glänzt auf der Tänzerin. Jetzt gilt es, sie freizustellen. Wie du Motive in Affinity Photo mithilfe einer Maske ausschneiden kannst, lernst du in den Teilen 4–5/14 unserer Weihnachts-Tutorial-Serie. Zück den Malpinsel und öffne die QuickMaske! Los geht’s ...


Teil 4: Ausschneiden der Tänzerin vorbereiten – Malpinsel und QuickMaske

Die Tänzerin wurde in vorangegangenen Teilen des Tutorials bereits in Schwarz-Weiß umgewandelt und mit einem Metall-Look versehen. Nun gilt es, die Frau vom Hintergrund freizustellen, um später einen anderen Hintergrund einzufügen.

Für das Ausschneiden von Motiven aus Bildern gibt es viele verschiedene Wege. So wird dir im Verlauf der Tutorial-Serie noch gezeigt, wie du Objekte mit dem Zeichenstift-Werkzeug ausschneiden kannst. Für die Tänzerin jedoch bevorzugt Trainer Marco Kolditz das Malpinsel-Werkzeug in Kombination mit der Affinity Photo-Funktion QuickMaske. In diesem Tutorial-Teil wird das Ausschneiden/Freistellen vorbereitet, indem du sinnvolle Einstellungen für den Malpinsel festlegst.

Affinity Photo-Tutorial: QuickMaske in Kombination mit dem Malpinsel zum Ausschneiden von Motiven verwenden
Die QuickMaske in Kombination mit dem Malpinsel eignet sich hervorragend, um die Tänzerin auszuschneiden. Wie du den Freistell-Prozess vorbereitest, erfährst du in diesem Tutorial.

Das lernst du in Teil 4 des Affinity Photo-Tutorials

  • Ebenen gruppieren und umbenennen (mit entsprechenden Shortcuts)
  • Zoomen unter Verwendung des Mausrades (Voreinstellungen)
  • Grundprinzip des Ausschneidens von Motiven mithilfe der Quickmaske
  • Malpinsel mit den richtigen Einstellungen zum Ausschneiden vorbereiten

Tipp: Ebenen gruppieren

Vor dem Ausschneiden schauen wir uns die Ebenen-Palette an: Wir haben das Originalbild, die „Lichter“- und „Tiefen“-Ebenen und darüber unsere Anpassungsebene (1).

Die Anpassungsebene aktiviere ich und klicke bei gedrückt gehaltener Shift-Taste auf die „Tänzerin“-Ebene. Damit sind alle Ebenen ausgewählt, auch all die, die zwischen der oberen und unteren Ebene liegen (2). Über das Tastenkürzel Strg+G beziehungsweise über Anordnen>Gruppieren (3) kann ich die Ebenen gruppieren – sie liegen innerhalb dieser Gruppe (4), die ich mit dem Pfeil-Symbol zuklappen (5) und per Doppelklick umbenennen kann in „Tänzerin“ (bei 4).

Affinity Photo-Tutorial: Ebenen umbenennen und Gruppen erstellen
Je komplexer die Arbeit, umso wichtiger ist eine gute Übersicht: Benenne deine Ebenen und füge sie in sinnvollen Gruppen zusammen.

Tipp: Zoomen mit dem Mausrad

Beim Ausschneiden musst du immer wieder ins Bild hinein- und wieder herauszoomen. Das geht am einfachsten mithilfe des Mausrades. Sollte das bei dir nicht funktionieren, schaue unter Bearbeiten>Einstellungen (1) in den Bereich Werkzeuge (2). Dort findest du den Punkt Mausrad zum Zoomen verwenden (3).

Affinity Photo-Tutorial: Zoomen mit dem Mausrad aktivieren
So stellst du ein, dass du das Mausrad zum Zoomen verwenden möchtest.

QuickMaske aktivieren

Um jetzt die Auswahl zu erstellen, wähle ich oben in der Leiste die QuickMaske aus (1). Damit erscheint das Bild erst einmal rot.

Affinity Photo-Tutorial: QuickMaske aktivieren
Aktivierst du die QuickMaske, erscheint das Bild zunächst in Rot.

Einstellungen für den Malpinsel zum Ausschneiden/Freistellen

Mithilfe des Malpinsel-Werkzeugs können wir jetzt die Bereiche im Bild definieren, die wir später sehen möchten, und die Bereiche, die später ausgeblendet werden sollen. Ich zoome ins Bild hinein und wechsle über das entsprechende Icon oder das Tastenkürzel B zum Malpinsel-Werkzeug (1).

Um die Drucksensibilität des Stiftes deines Grafik-Tablets verwenden zu können, solltest du bei aktivem Malpinsel oben dieses Icon aktivieren: Größe durch Druck steuern (2). Auf diese Art und Weise wird die Größe des jeweiligen Pinsels größer oder kleiner, je nachdem, wie fest du mit deinem Stift auf dein Grafik-Tablet drückst.

Die Größe des Malpinsels kannst du über einen Klick in dieses Menü (3) und den Schieberegler einstellen oder durch Klicken und Ziehen beim Wort Breite. Die Härte verringere ich auch (4), sonst wird der Rand des Malpinsels zu hart.

Affinity Photo-Tutorial: Einstellungen für den Malpinsel zum Ausschneiden von Motiven
Um mit dem Malpinsel freizustellen, musst du Parameter wie Breite, Höhe und die Härte immer wieder neu justieren.

Außerdem solltest du in der QuickMaske mit Weiß malen. Hier haben wir gerade Blau ausgewählt (1). Ich klicke doppelt auf die Farbe und wähle Weiß aus (2). Das ist nun unsere Vordergrundfarbe (3).

Affinity Photo-Tutorial: Hintergrund- und Vordergrundfarbe zum Ausschneiden von Motiven einstellen
Stelle die Hintergrundfarbe auf Schwarz und die Vordergrundfarbe auf Weiß.

Jetzt kann ich die Bereiche auswählen, die ich später sehen möchte. All die Farben, die jetzt rot dargestellt werden, werden nicht als Auswahl geladen (1). Und die Bereiche, die in der Originalfarbe unseres Bildes dargestellt werden (2), werden als Auswahl geladen und können später als Maske verwendet werden.

Wenn du die Taste X drückst, kannst du zwischen den beiden Farben hin- und herspringen. So kannst du mit Schwarz malen und die Bereiche wieder aus der Auswahl herausnehmen (3).

Bei gedrückter Leertaste verwandelt sich mein Maus-Cursor übrigens in ein kleines Hand-Symbol. Solange ich die Leertaste gedrückt halte und klicke und ziehe, kann ich durch das Bild navigieren (4).

Affinity Photo-Tutorial: Grundprinzip zum Ausschneiden von Motiven mit Malpinsel und QuickMaske
Das Grundprinzip des Ausschneidens mit Malpinsel und QuickMaske: Rote Bereiche werden später nicht ausgewählt.

Tipp: Aktiviere den Stabilisator

Noch ein kleiner Tipp: Bei aktivem Malpinsel gibt es oben den Punkt Stabilisator (1). Wenn ich den deaktiviere und mit zittriger Hand einen Strich zeichne, so erscheint der Strich auch etwas zittrig (2). Wenn ich den Stabilisator aktiviere, bei Länge zum Beispiel 1 (3) einstelle und ebenfalls mit zittriger Hand eine Linie zeichne, so wirkt dieser Strich schon etwas geschmeidiger (4). Ich würde also auf jeden Fall empfehlen, den Stabilisator zu aktivieren.

Affinity Photo-Tutorial: Stabilisator aktivieren
Aktiviere den Stabilisator, damit die Auswahl nicht zittrig wirkt.

Ausschneiden mit QuickMaske und Malpinsel – Zusammenfassung Teil 4

  • Gruppiere Ebenen mit Strg+D für mehr Übersicht und Struktur.
  • Nutze das Mausrad zum Zoomen und die Leertaste, um dich durchs Bild zu bewegen.
  • QuickMaske: Rote Bereiche gehören später nicht zur Auswahl.
  • Malpinsel aktivieren: Shortcut B
  • Malpinsel einstellen für das Ausschneiden:
    • Breite und Härte beachten
    • Farben auf Schwarz und Weiß stellen (umschaltbar mit X)
    • Verwende beim Malen mit einem Stift die Funktion Größe durch Druck steuern
    • Aktiviere außerdem den Stabilisator für geschmeidigere Linien

Teil 5: Maske für das Ausschneiden der Tänzerin erstellen und Auswahl bearbeiten

Jetzt setzen wir einen großen Schritt in der Erstellung unseres Composings: Die Tänzerin wird vollends vom Hintergrund freigestellt. Dazu fährst du zunächst die Konturen des Models mit dem Malpinsel ab, füllst anschließend die Fläche der Tänzerin mithilfe des Füllwerkzeugs und erstellst aus der Auswahl eine Maske. Doch Obacht: Jeder Prozessschritt bringt seine Tücken mit sich – welche das sind und wie du sie bewältigst, erfährst du abermals von deinem Trainer Marco Kolditz. Auf geht’s!

Freigestelltes Motiv vor transparentem Hintergrund
Am Ende dieses Tutorials steht die Tänzerin freigestellt vor transparentem Hintergrund.

Das lernst du in Teil 5 des Affinity Photo-Tutorials

  • Mithilfe des Malpinsels auf der QuickMaske Konturen einer Person auswählen
  • Zielführende Pinseleinstellungen für das Ausschneiden/Freistellen
  • Große Flächen mit dem Füllwerkzeug auswählen
  • Toleranz und Gaußsche Unschärfe zur Verfeinerung der Auswahl anwenden
  • Aus einer Auswahl eine Maske erstellen
  • Maske auf eine bestimmte Ebenengruppe anwenden
  • Auswahl aufbessern

Konturen mit dem Malpinsel auswählen

Ich beginne nun, mit dem Malpinsel die Konturen der Tänzerin abzufahren. Die Vordergrundfarbe steht auf Weiß. Die Breite ist aktuell auf 17 px eingestellt, die Härte auf 62 %. Mit gedrückter Leertaste navigiere ich mich dabei durch das Bild.

Ganz praktisch ist in diesem Bild auch, dass wir nicht diese feinen Härchen beachten müssen, da wir später eine Statue haben möchten, und die hat in der Regel nicht solche feinen Härchen.

Affinity Photo: Mit Malpinsel Konturen abfahren
Fahre mit dem Malpinsel die Konturen deines Motivs ab.

Hier bin ich etwas über den Rand hinausgekommen (1). Ich drücke die X-Taste, habe damit wieder Schwarz (2), und male hier drüber (3).

Affinity Photo: Shortcut X zum Wechsel zwischen weißer und schwarzer Vordergrundfarbe
Mit der Taste X wechselst du schnell zwischen Weiß und Schwarz, um Auswahlen hinzuzunehmen oder rückgängig zu machen.

Jetzt wechsle ich wieder zu Weiß, um weiter zu malen. Außerdem schaue ich mir noch mal den aktuellen Pinsel an. Mit einem Doppelklick gehe ich hier (1) in die Einstellungen des Pinsels. Den Abstand setze ich ganz nach unten (2). So wirkt die Darstellung des Pinsels noch etwas flüssiger.

Affinity Photo: Einstellungen des Malpinsels
Achte immer mal wieder auf die Einstellungen des von dir angewandten Pinsels.

Jetzt muss ich natürlich wieder die Breite einstellen (1) und die Härte nach unten korrigieren (2). Mit den Einstellungen kann ich jetzt weitermalen (3).

Affinity Photo: Kontur des Motivs auswählen
Wähle die komplette Kontur deines Motivs aus.

Den Bereich mit den Haaren können wir auslassen (1). Mit der Leertaste navigiere ich Schritt für Schritt durchs Bild. Und wenn ich doch einmal über den gewünschten Bereich hinausmale, wechsle ich die Farben mit X, bessere aus, und weiter geht´s …

Affinity Photo: Kontur des Motivs auswählen
Leertaste und die Taste X – das sind deine Abkürzungen zu einem schnellen Ergebnis.

Ich habe jetzt den Rand der Tänzerin abgefahren.

Affinity Photo: Kontur des Motivs vollständig ausgewählt
Die komplette Kontur der Tänzerin wurde mit dem Malpinsel ausgewählt.

Wenn ich die QuickMaske verlasse, sehen wir, dass die Bereiche, die wir mit Weiß gemalt haben, tatsächlich als Auswahl geladen sind.

Affinity Photo: Kontur als Auswahl eines Motivs
Wenn du die QuickMaske verlässt, siehst du die erstellte Auswahl.

Große Bereiche mit dem Füllwerkzeug auswählen

Natürlich wollen wir auch die inneren Bereiche auswählen. Mithilfe des Füllwerkzeuges können wir die Bereiche mit Weiß füllen. Das Füllwerkzeug kannst du anklicken (1) oder über das Tastenkürzel G ansteuern.

Wenn ich Weiß als Vordergrundfarbe ausgewählt habe und in den inneren Bereich klicke (2), wird der Bereich auch mit Weiß gefüllt.

Affinity Photo: Füllwerkzeug zum Auswählen großer Flächen in der QuickMaske
Nutze das Füllwerkzeug, um auf der QuickMaske große Flächen auszuwählen.

Das klappt aber nur dann, wenn die Kontur geschlossen ist. Wenn an einer Stelle der Kontur nichts ausgewählt ist (1) und wir wenden das Füllwerkzeug an, wird das gesamte Bild mit Weiß gefüllt, außer dieser Bereich (3). Die weiße Farbe fließt gewissermaßen hier aus den Bereich heraus und erwischt den Hintergrund mit.

Ich nehme die Füllung also erst einmal wieder zurück.

Affinity Photo: Füllwerkzeug zum Auswählen großer Flächen in der QuickMaske
Das Füllwerkzeug funktioniert nur sinnvoll, wenn die Kontur-Auswahl vollständig geschlossen ist.

Auswahl verfeinern: Toleranz des Füllwerkzeugs und Gaußsche Unschärfe

Hier ist alles schön ausgewählt. Allerdings: Bei einer Toleranz von 20 % (1) kann es vorkommen, dass manche Randbereiche nach wie vor nicht ausgewählt sind (Pixel bei 2). Das sieht sehr unsauber aus. Deshalb mache ich auch das noch einmal rückgängig.

Affinity Photo: Randbereiche der Maske beachten
Sieh dir nach Einsatz des Füllwerkzeugs unbedingt die Randbereiche an.

Die Toleranz stelle ich jetzt auf 90 % (1). Wenn ich nun in die Fläche klicke, sieht man die roten Pünktchen nicht mehr (2). Jetzt ist tatsächlich all das ausgewählt, was ausgewählt sein soll.

Was aber auch auffällt: Die Ränder erscheinen etwas pixelig. Es gibt keine sanften Verläufe, sondern wir sehen etwas härtere Kanten (3).

Affinity Photo: Hohe Toleranz einstellen, um pixelige Fehlstellen zu vermeiden
Pixelige Fehlstellen kannst du durch eine hohe Toleranz vermeiden.

Das können wir abschwächen: Gehe auf Filter>Unschärfe>Gaußsche Unschärfe.

Affinity Photo: Gaußsche Unschärfe
Die Gaußsche Unschärfe findest du in den Filtern.

Da erscheint dieses Dialogfeld. Bei Radius 0 siehst du unschöne Treppeneffekte. Sobald ich den Radius ein wenig nach rechts ziehe, wird der Bereich weicher. Die 0,1 px wende ich an. Auf diese Weise haben wir die äußeren Bereiche mit der Gaußschen Unschärfe noch ein wenig angepasst.

Affinity Photo: Weichere Kanten mit der Gaußschen Unschärfe
Schon mit kleinen Werten in der Gaußschen Unschärfe erzielst du weichere Kanten.

Sobald ich doppelt auf das Hand-Symbol klicke, sehen wir wieder das gesamte Bild. Jetzt haben wir all die Bereiche ausgewählt, die wir später anzeigen lassen wollen. Die roten Bereiche werden ausgeblendet, sobald wir die Auswahl zu einer Maske machen.

Affinity Photo: Tipp: Doppelt auf das Hand-Symbol klicken, um das gesamte Bild zu sehen
Tipp: Klicke doppelt auf das Hand-Symbol, um das gesamte Bild zu sehen.

Maske für die Tänzerin erstellen

Dazu verlassen wir die QuickMaske mit einem Klick auf dieses Icon und laden somit die ausgewählten Bereiche als Auswahl. Das verwenden wir jetzt als Maske.

Affinity Photo: Maske für das Motiv erstellen und bearbeiten
Deaktiviere die QuickMaske, sodass du die Auswahl siehst.

In der Ebenen-Palette öffne ich die „Tänzerin“-Gruppe. Mit einem Klick auf das Masken-Symbol (1) kann ich eine Maske erstellen (2). Mit Strg+D hebe ich die Auswahl auf (3).

Nun sehen wir eine Maske. Diese wirkt sich allerdings auf alle darunter liegenden Ebenen und Gruppen aus. Wir wollen aber, dass die Maske eine Maske der Gruppe ist. Um das zu erreichen, klicke ich auf das Vorschaubild unserer Maske und ziehe es zwischen das Vorschaubild der Gruppe und den Namen. Da sieht man einen blauen Balken (4), und sobald ich loslasse, habe ich dieser Gruppe die Maske hinzugefügt.

Affinity Photo: Auf Ordnung in der Ebenen-Palette achten
Schiebe die Maske zwischen das Vorschaubild der Gruppe und deren Namen.

Freistellung mit dem Malwerkzeug ausbessern

Es ist empfehlenswert, ins Bild zu zoomen, um zu schauen, ob es vielleicht noch Bereiche gibt, die man optimieren könnte. Dazu wechsle ich wieder zum Malpinsel-Werkzeug (1). Schwarz ist ausgewählt (2), die Breite (3) und die Härte (4) reduziere ich. Jetzt klicke ich die Maske an (5), womit ich zum Beispiel solche dunklen Bereiche (6) aus dem Bild herausmalen kann (7).

Affinity Photo: Ränder des ausgeschnittenen Motivs noch einmal prüfen
Finaler Check: Sieh dir die Ränder der Freistellung an und bessere gegebenenfalls nach.

Falls ich zu weit male (1), wechsle ich mit dem Tastenkürzel X zu Weiß (2) und male die entsprechenden Bereiche wieder ins Bild (3).

Affinity Photo: Tastenkürzel X, um zwischen Schwarz und Weiß zu wechseln
Auch hier gilt: Mit X wechselst du schnell zwischen Weiß und Schwarz.

Falls du anstelle des transparenten Hintergrundes einen farbigen Hintergrund haben möchtest, gehe auf Ebene>Neue Füllungsebene (1), ziehe die ganz nach unten (2) und wähle deine Wunschfarbe aus (3).

Affinity Photo: Füllungsebene mit einer Farbe in den Hintergrund legen
Lege eine Füllungsebene mit einer Farbe deiner Wahl in den Hintergrund.

Dann gehst du wieder zurück auf die Maske (1) und malst weiter. Wenn ich dunkle Ränder suche (2), setze ich den Hintergrund auf einen helleren Farbton (3). So lässt sich das einfacher ausbessern (4).

Affinity Photo: Mit farbigem Hintergrund Konturen des ausgeschnittenen Motivs prüfen
MIthilfe des farbigen Hintergrunds siehst du einfacher, wo Ausbesserungen vorzunehmen sind.

Das braucht nun seine Zeit, wenn man ein sehr schönes Ergebnis haben möchte. Nimm dir ruhig die Zeit dafür, Unebenheiten zu korrigieren und dunkle Bereiche zu bearbeiten. Auch feine Härchen sollten weg, denn das Ganze soll am Ende ja eine Statue sein. Ich sage immer: In der Zeit liegt das Bild.

Affinity Photo: Mit farbigem Hintergrund Konturen des ausgeschnittenen Motivs prüfen
Lass dir Zeit – denn in ihr liegt das Bild!

Unsere Tänzerin ist jetzt ausgeschnitten und zeigt sich in einem metallischen Look. Das sieht sauber aus. Dem Weihnachtsengel fehlen natürlich jetzt noch die Flügel. Auch die werden wir ausschneiden, nur auf eine andere Art und Weise, um sie dann mit unserer Tänzerin zu kombinieren.

Affinity Photo: Das ausgeschnittene Motiv vor einem transparenten Hintergrund
Freigestellt! Nun befindet sich die Tänzerin vor einem transparenten Hintergrund.

Arbeit mit QuickMaske, Malpinsel und Maske – Zusammenfassung Teil 5

  • Wechsle beim Malen mit dem Malpinsel mit X schnell zwischen Schwarz und Weiß.
  • Nutze die Leertaste, um einfach durchs Bild zu navigieren.
  • Passe Einstellungen wie Abstand, Breite und Härte des Malpinsels an.
  • Zum Auswählen großer Flächen empfiehlt sich das Füllwerkzeug (Taste G).
  • Achte dabei auf kleine Fehlstellen an den Rändern und stelle ggf. die Toleranz ein.
  • Mit der Gaußschen Unschärfe vermeidest du harte Kanten mit Treppeneffekten.
  • Abkürzung: Klicke doppelt auf das Hand-Symbol, um das gesamte Bild zu sehen.
  • Mit einem Klick auf das Masken-Symbol erstellst du aus der Auswahl eine Maske.
  • Achte darauf, worauf die Maske wirkt, und verschiebe sie entsprechend.
  • Verfeinere die Maske abschließend mit dem Malpinsel.
  • Nutze dazu im Hintergrund eine farbige Füllungsebene für mehr Kontrast.

Wichtige Links für dich

Das Tutorial kannst du auch in unserem Video-Training zum Weihnachtsengel ansehen. Assets und weitere Trainings für Affinity Photo stehen unseren Mitgliedern in der entsprechenden Software-Kategorie zur Verfügung. Falls du noch nicht Mitglied auf TutKit.com bist: Starte jetzt deinen kostenlosen und unverbindlichen Test.

> Zu den vorherigen Teilen 2 und 3 des Tutorials

> Zu den nächsten Teilen 6–8

Die Inhalte des Beitrags basieren auf einem Tutorial unseres Trainers Marco Kolditz:

Veröffentlicht am von Marco Kolditz
Veröffentlicht am: Von Marco Kolditz
Marco Kolditz ist unter dem Namen MEER DER IDEEN als Digital Artist, Redakteur und Videotrainer in München selbstständig. Außerdem betreibt er ein gleichnamiges Blogmagazin und einen Youtube-Kanal. Neben Videotrainings für PSD-Tutorials hat Marco Kolditz bereits weitere zahlreiche Videotutorials zu Adobe Photoshop und Adobe Illustrator veröffentlicht sowie Fachartikel zu kreativen Photoshop-Composings für weitere Fachmagazine wie DigitalPHOTO geschrieben.
Zurück zur Übersicht