1. Design & Illustration
  2. Graphic Design

Erstellen Sie eine Kaffeekuchen-Fotomanipulation

Scroll to top

German (Deutsch) translation by Władysław Łucyszyn (you can also view the original English article)

In diesem Tutorial werden wir zeigen, wie Sie Teile von mehreren Fotos aufnehmen und sie nahtlos zu einer Fotomanipulation für "Kaffeekuchen" zusammenfügen. In diesem Tutorial werden auch einzigartige Möglichkeiten zum Arbeiten mit Pfaden und intelligenten Objekten untersucht. Lass uns anfangen!


Tutorial Assets

Die folgenden Elemente wurden bei der Erstellung dieses Tutorials verwendet.


Schritt 1

Öffnen Sie das erste Bild der Tasse Kaffee.



Schritt 2

Wir werden die Tasse und die Untertasse als separate Elemente extrahieren. Verwenden Sie zu Beginn das Ellipsen-Werkzeug, um nur einen Pfad um die Untertasse herum zu erstellen. Stellen Sie sicher, dass in der oberen Menüleiste die Option Pfade ausgewählt ist. Es wird auch empfohlen, den Pfad im Pfadbedienfeld zu benennen.



Schritt 3

Solange Ihr Ellipsen-Werkzeug noch ausgewählt ist, können Sie mit der rechten Maustaste auf den Pfad klicken und "Auswahl treffen" auswählen.


Kopieren Sie diese Auswahl (Befehl/Strg + C) und fügen Sie sie (Befehl/Strg + V) in ein neues Layer ein. Benennen Sie dieses neuen Layer in "Saucer" um.



Schritt 4

Kehren Sie zum ursprünglichen Bildlayer zurück und wählen Sie mit dem Stiftwerkzeug (P) nur die Tasse aus.



Schritt 5

Klicken Sie mit der rechten Maustaste auf den Pfad und wählen Sie "Auswahl treffen". Kopieren und Einfügen in ein neues Layer. Benennen Sie dieses Layer in "Cup" um.



Schritt 6

Als nächstes werden wir den Hintergrund entfernen. Verwenden Sie Ebenen (Befehl/Strg + L), um das Layer "Background" in reines Weiß zu ändern.


Bereinigen Sie die dunklen Ränder der Untertasse, indem Sie das Layer "Saucer" die folgenden Layerstile hinzufügen.





Schritt 7

Wir müssen jetzt die Tasse und die Schatten von dem Layer "Saucer" entfernen. Erstellen Sie zunächst eine Kopie des Layers "Saucer" und machen Sie sie zu einem Beschneidungslayer für das ursprüngliche Layer "Saucer". Entfernen Sie die Layerstile



Schritt 8

Wählen Sie das Patch-Werkzeug und verwenden Sie saubere Bereiche der Untertasse, um über die Tasse und die Schatten zu flicken. Tun Sie dies immer und immer wieder, bis die gesamte Untertasse gut vermischt erscheint. An diesem Punkt machen wir nur grobe Patches, also mach dir keine Sorgen, dass die Dinge perfekt werden.



Schritt 9

Fügen Sie als Nächstes eine Gaußsche Unschärfe hinzu, die auf 67% eingestellt ist. Dadurch werden alle sichtbaren Fehler aus unserem Patch-Job im vorherigen Schritt gemischt.



Schritt 10

Um die Untertasse fertig zu stellen, habe ich das Layer um einige Pixel nach oben geschoben. Ich habe auch die folgenden Layerstile hinzugefügt, um der Platte eine gewisse Tiefe zu verleihen.






Schritt 11

Als nächstes werden wir die dunklen Ränder der Kaffeetasse mit denselben Layerstilen aus das Layer "Saucer" entfernen. Klicken Sie mit der rechten Maustaste auf das Layer "Saucer" und wählen Sie Layerstil kopieren. Wählen Sie das Layer "Saucer" aus, klicken Sie mit der rechten Maustaste und wählen Sie Layerstil einfügen.



Schritt 12

An dieser Stelle möchten wir den Kaffee in der Tasse durch ein saubereres Erscheinungsbild ersetzen - öffnen Sie das zweite Bild der Kaffeetasse. Verwenden Sie das elliptische Auswahlwerkzeug mit der auf 10 px eingestellten Federoption und wählen Sie die Oberseite der Kaffeetasse wie gezeigt aus.



Schritt 13

Kopieren Sie die Auswahl und fügen Sie sie in unser Arbeitsdokument ein. Transformieren Sie (Strg + T) das neue Oberteil, um es über den vorhandenen Becher zu passen.



Schritt 14

Wir haben jetzt unsere beiden Elemente bereit zu gehen. Es ist hilfreich, wenn Sie jedes Element zu einem separaten Layer zusammenführen.



Schritt 15

In den nächsten Schritten wird erläutert, wie Sie einen Keil aus der Kaffeetasse entfernen. Zu Beginn müssen wir eine Vorlage erstellen, die uns bei der Auswahl eines glaubwürdigen Keils hilft. Verwenden Sie auf ein neues Layer das Ellipsentrainer-Auswahlwerkzeug, während Sie die Umschalttaste gedrückt halten, um eine kreisförmige Auswahl zu treffen.



Schritt 16

Klicken Sie mit der rechten Maustaste auf die Auswahl und wählen Sie "Strich". Machen Sie dies einen 5 px, roten Strich.




Schritt 17

Zeichnen Sie mit dem Linienwerkzeug (auf Pixel füllen eingestellt) die Größe Ihres Kuchenstücks.



Schritt 18

Benennen Sie dieses Layer in "Template" um und konvertieren Sie sie in ein Smart-Objekt. Transformieren Sie dieses Layer so, dass sie der Kontur des Bodens der Kaffeetasse folgt.



Schritt 19

Erstellen Sie eine Kopie des Layers "Template" und positionieren Sie sie oben auf der Tasse. Achten Sie dabei darauf, den Konturen zu folgen.


Erstellen Sie weiterhin Kopien und positionieren Sie diese Vorlagen an strategischen Punkten rund um die Tasse. Beachten Sie, dass ich sogar eine Vorlage zur Bezeichnung des obersten Layers des Kaffees beigefügt habe.



Schritt 20

Im Moment schlägt die Vorlage vor, dass wir den Keil von der Rückseite des Kaffees entfernen. Da wir eine Vorlage aus Smart-Objekten erstellt haben, können wir anpassen, wo der Keil angezeigt werden soll. Doppelklicken Sie dazu auf eine der Miniaturansichten der "Template"-Kopien und drehen Sie den Kreis an die gewünschte Stelle.



Durch Speichern dieser Smart Object-Datei wird die Vorlage in Ihrem Arbeitsordner aktualisiert. Ihr Bild sollte wie folgt aussehen:



Schritt 21

Verwenden Sie die Vorlage als Leitfaden, um mit dem Stiftwerkzeug einen Pfad in Form eines Keils zu erstellen. Nennen Sie diesen Pfad "Full Wedge"


Verwenden Sie als Nächstes das Stiftwerkzeug, um einen weiteren Pfad zu erstellen, der einem Teil des Keils vom untersten Tempalte folgt. Nennen Sie diesen Pfad "Base Wedge". Wir werden diesen Pfad zusammen mit dem vorherigen verwenden, um unsere Keilformen zu erstellen.



Schritt 22

Nachdem wir unsere Pfade erstellt haben, werden wir im Pfadbedienfeld einige komplexe Auswahlen treffen. Klicken Sie im Pfadbedienfeld mit Befehlstaste/Strg auf die Miniaturansicht des Pfads "Full Wedge", um eine Auswahl zu treffen, und dann mit Befehlstaste/Strg + Alt + Klicken Sie auf den Pfad "Base Wedge", um von der Auswahl zu subtrahieren. Wir haben die Form, die wir brauchen. Kopieren Sie die Auswahl und fügen Sie sie in ein neues Layer ein. Benennen Sie dieses Layer in "Missing Wedge" um.



Schritt 23

Verwenden Sie Ebenen (Befehl/Strg + L), um die Farben in Weiß umzuwandeln.



Schritt 24

Der Boden des "Cup"-Layers muss fixiert werden, damit es so aussieht, als ob ein Keil fehlt. Kehren Sie zum Pfadbedienfeld zurück und klicken Sie bei gedrückter Befehlstaste/Strg-Taste auf die Miniaturansicht des Pfads "Full Wedge". Als nächstes Befehl/Strg + Alt + Umschalt + Klicken Sie auf die Miniaturansicht des Pfads "Base Wedge", um den Schnittpunkt der beiden Pfade auszuwählen. Die resultierende Auswahl ist das Stück, das wir im nächsten Schritt als Maske verwenden werden.



Schritt 25

Stellen Sie sicher, dass das Layer "Cup" ausgewählt ist. Drücken Sie Befehl/Strg + Umschalt + I, um die Auswahl umzukehren, und klicken Sie unten im Layerbedienfeld auf das Symbol Layermaske anwenden, um seine Form auszublenden.



Schritt 26

Wenn das Layer "Cup" noch ausgewählt ist, verwenden Sie das Klonstempel-Werkzeug, um den Rand der Tasse zu klonen. Dieser Bereich sollte Kaffee sein.



Schritt 27

Wir werden jetzt das Innere der Kaffeetasse bauen. Erstellen Sie zunächst ein neues Clipping-Layer für das Layer "Missing Wedge" und füllen Sie sie mit Weiß. Fügen Sie den auf 30% eingestellten Rauschfilter (Filter > Rauschen > Rauschen hinzufügen) hinzu.



Schritt 28

Fügen Sie auf eines neuen Schnittlayers mit dem Gradientswerkzeug einen Gradient hinzu. Stellen Sie den Mischmodus dieses Layers auf "Dunkle Farbe".



Schritt 29

Unser nächster Schritt besteht darin, zu definieren, wo sich der Kaffee in der Tasse befinden soll. Erstellen Sie ein neues Layer mit dem Namen "Coffee Inside". Verwenden Sie das Stiftwerkzeug und zeichnen Sie mit Ihrem Urteilsvermögen einen Pfad, der den Kaffee in der Tasse darstellt. Nennen Sie diesen Pfad "Inside".



Schritt 30

Befehl/Strg-Klick auf die Miniaturansicht des Pfades, den wir gerade erstellt haben, um eine Auswahl zu treffen. Als nächstes Befehl/Strg + Alt + Umschalt + Klicken Sie auf den Pfad mit dem Namen "Full Wedge", um den Schnittpunkt der beiden auszuwählen. Die resultierende Auswahl sollte wie folgt aussehen:



Schritt 31

Wir werden jetzt Kaffee in die Tasse malen. Wählen Sie eine dunkelbraune Kaffeefarbe aus unserer Szene und füllen Sie die Auswahl aus.


Wenn die Auswahl noch aktiv ist, wählen Sie eine hellere Kaffeefarbe, die näher an den Seiten der Tasse erscheint, und malen Sie wie gezeigt in einem weichen, gefiederten Bereich.


Zuletzt wählen Sie das Gradientswerkzeug und wählen Sie Schwarz als Vordergrundfarbe. Stellen Sie im Gradientseditor oben sicher, dass als Gradient "Vordergrund zu Transparent" ausgewählt ist. Wenden Sie den Gradient so an, dass unser Kaffee umso dunkler erscheint, je näher er an der Mitte liegt.




Schritt 32

Fügen Sie auf ein Clipping-Layer zum Layer "Coffee Inside" eine weiche weiße Linie hinzu, wobei der Mischmodus auf "Überlagern" eingestellt ist. Dadurch erscheint diese Kante natürlicher



Schritt 33

Bevor wir die Kuchentextur hinzufügen, möchte ich mich darauf konzentrieren, den Rest der Szene zu erstellen. Aber organisieren Sie zuerst Ihre Layers, indem Sie alle Layers, aus denen die Kaffeetasse besteht, in einer Layergruppe platzieren.



Schritt 34

Um das Stück Kuchen zu erstellen, müssen wir eine weitere Auswahl aus unserem ursprünglichen Tassenlayer treffen. Blenden Sie die in Schritt 20 erstellte Vorlage ein und treffen Sie mit dem Stiftwerkzeug eine Auswahl wie gezeigt. Nennen Sie diese Auswahl "Cake Wedge".



Schritt 35

Klicken Sie bei ausgewähltem Stiftwerkzeug mit der rechten Maustaste auf den Pfad auf Ihrer Leinwand und wählen Sie "Auswahl treffen". Wir möchten aus dem "Cup"-Layer probieren, stellen Sie also sicher, dass Sie dieses Layer auswählen.


Kopieren Sie diese und fügen Sie sie in ein neues Layer über das Layer "Side Wedge" ein. Nennen Sie dieses Layer "Side Wedge". Verstecken Sie die "Cup"-Gruppe.


Drehen Sie die gewünschte Position auf Ihrem Teller. Wenn Sie keine glaubwürdige Perspektive erhalten, wiederholen Sie die Schritte 34 bis 35, bis Ihr Kuchenkeil natürlich aussieht.



Schritt 36

Beachten Sie, dass die Kaffeetasse auf dem Kaffee unerwünscht reflektiert wird. Um dies zu beheben, gehen Sie zum Layerbedienfeld und wählen Sie "Transparente Pixel sperren". Auf diese Weise können wir auf diesem Layer malen, ohne die Transparenz zu beeinträchtigen. Wählen Sie nun eine dunkelbraune Kaffeefarbe und malen Sie mit einem großen, weichen Pinsel in einer bestimmten Farbe, bis die Reflexion ausgeblendet ist.



Schritt 37

Um die Form des Kuchenstücks fertig zu stellen, müssen wir zurück in den Ordner "Cup" gehen und die unten gezeigten Layers auswählen. Ziehen Sie dieses Layer auf das Symbol Neues Layer, um sie zu duplizieren


Führen Sie die ausgewählten Layers zusammen, indem Sie Befehl/Strg + E drücken. Benennen Sie dieses Layer in "Cake Top" um und platzieren Sie sie über das Layer mit dem Namen "Side Wedge".



Schritt 38

Wir müssen dieses Stück so vorbereiten, dass es leicht in Position gebracht werden kann. Drehen Sie dazu dieses Teil (Befehl/Strg + T) so, dass es quadratisch ist.


Wir müssen den inneren Kaffeeteil erweitern, damit wir genug von dem Stück haben, mit dem wir arbeiten können. Verwenden Sie dazu das Polygonale Lasso-Werkzeug, um einen erweiterten Bereich unseres Stücks auszuwählen. Verwenden Sie das Klonstempel-Werkzeug und das Pinsel-Werkzeug, um die richtigen Texturen auszufüllen.




Schritt 39

Konvertieren Sie dieses Layer in ein Smart-Objekt, indem Sie mit der rechten Maustaste auf das Layer klicken und "In Smart-Objekt konvertieren" auswählen. Transformieren Sie nun dieses Layer wie gezeigt (Befehl/Strg + T). Verwenden Sie den Warp-Modus, um während der Transformation dieser Layer einige Feinabstimmungen vorzunehmen.



Schritt 40

Wir werden das Layer "Side Wedge" einige Details hinzufügen. Erstellen Sie ein neues Beschneidungslayer für dieses Layer und verwenden Sie das Pinselwerkzeug, das auf eine geringe Deckkraft eingestellt ist, um einige Reflexionen wie gezeigt zu malen.


Mit demselben Pinsel mit geringer Deckkraft habe ich ein dunkleres Grau über die Keramikschale gemalt, um mehr Schatten einzuführen.



Schritt 41

Es ist Zeit, die Kuchenstruktur zu unseren Scheiben hinzuzufügen. Öffnen Sie das Kuchenbild und wählen Sie einen großen Teil des Kuchens wie gezeigt aus



Schritt 42

Kopieren Sie diese und fügen Sie sie in die Gruppe "Cup" ein. Konvertieren Sie dies in ein Smart Object.



Schritt 43

Machen Sie dieses Layer zu einem weiteren Clipping-Layer für das Layer "Coffee Inside" und transformieren Sie diese in eine Perspektive.



Schritt 44

Erstellen Sie eine neue Layermaske für dieses Layer und maskieren Sie einen Streifen oben auf der Textur, sodass sich über unserer Kuchentextur ein Layer des Kaffees befindet.



Schritt 45

Wir haben noch einige Arbeiten an der Tasse zu erledigen, aber zuerst fügen wir die Kuchenstruktur zu der Scheibe auf dem Teller hinzu. Erstellen Sie eine Kopie des neuen Smart-Objekts und platzieren Sie es über das Layer "Cake Top" in der Gruppe "Saucer". Entfernen Sie die Layermaske, indem Sie sie in den Papierkorb ziehen.



Schritt 46

Blenden Sie die Kopie des Smart-Objekts vorübergehend aus und erstellen Sie mit dem Stift-Werkzeug einen Pfad um den Kaffeeteil des Kuchenstücks. Verwenden Sie das Bild unten als Richtlinie.



Schritt 47

Wenn das Layer "Cake Texture copy" aktiviert ist, klicken Sie bei gedrückter Befehlstaste/Strg-Taste auf das Symbol Layer Mask hinzufügen, um eine Vektormaske zu erstellen.



Schritt 48

Machen Sie dieses Layer zu einem Clipping-Layer für das Layer "Cake Top". Transformieren Sie (Befehl/Strg + T) die Kuchentextur in die entsprechende Perspektive.



Schritt 49

Klicken Sie auf die Miniaturansicht der Vektormaske des Layers, um den Pfad zum Bearbeiten zu aktivieren. Verwenden Sie das Direktauswahl-Werkzeug, um die Punkte auf dem unten gezeigten Pfad auszuwählen. Bewegen Sie diese Punkte, um einen Teil der Kaffeetextur freizulegen.



Schritt 50

An diesem Punkt bin ich mit der Positionierung der Kuchentextur zufrieden. Der nächste Schritt besteht darin, dieses Layer zu rastern und mit dem Ausbessern zu beginnen. Klicken Sie mit der rechten Maustaste auf das Layer "Cake Texture Copy" und wählen Sie "Rasterize Layer".


Fügen Sie mit den Ausweich- und Brennwerkzeugen Details zur Kuchentextur hinzu. Es gibt keine genaue Methode dafür, nur was auch immer gut aussieht. Ich habe Kanten abgedunkelt und den Kontrast in bestimmten Bereichen erhöht, um eine gewisse Tiefe zu simulieren.


Verwenden Sie die gleichen Techniken, um die Schicht "Cake Texture" auf der Tasse auszubessern. Da dieses Layer vollständig im Schatten liegt, habe ich auch ihre Ebenen angepasst.



Schritt 51

Gehen Sie voran und positionieren Sie Ihre Elemente in Ihrer Szene.



Schritt 52

Um Krümel hinzuzufügen, erstellen Sie ein neues Layer und wählen Sie das Klonstempel-Werkzeug. Stellen Sie sicher, dass Sie alle Layers abtasten. Klonen Sie mit dem Pinsel auf eine kleine, harte Einstellung einige Krümel auf den Teller



Schritt 53

Fügen Sie den folgenden Layerstil hinzu, um den Krümeln eine gewisse Dimension zu verleihen.


Erstellen Sie für die Schatten ein neues Layer unter dem Layer "Crumbs" und zeichnen Sie mit dem elliptischen Auswahlwerkzeug kleine Ovale von der Basis jeder Krume. Halten Sie die Umschalttaste gedrückt, um mehrere Auswahlen zu erstellen. Füllen Sie diese mit Schwarz und stellen Sie die Deckkraft auf 41% ein.


Zuletzt erstellen Sie eine Kopie dieses Schattenlayers und geben ihr eine Gaußsche Unschärfe (Filter > Unschärfe > Gaußsche Unschärfe), die auf 20% eingestellt ist.



Schritt 54

Die nächste Stufe besteht darin, dem Rest der Szene Schatten hinzuzufügen. Wir fangen mit der Tasse an. Zeichnen Sie unter dem Layer "Cup" eine schwarze Form, die der Form des Bodens der Tasse entspricht. Geben Sie diesem eine Unschärfe (Filter > Unschärfe > Unschärfe mehr). Diese Form sollte kaum durch den Boden des Bechers spähen.



Schritt 55

Kopieren Sie dieses Layer und geben Sie ihr eine Gaußsche Unschärfe von 70%. Stellen Sie die Deckkraft auf 40% ein. Dies wird zum Umgebungsschatten.



Schritt 56

Der letzte Schritt für den Schatten besteht darin, den Schatten von der direkten Lichtquelle zu zeichnen. Zeichnen Sie die Grundform des geworfenen Schattens und füllen Sie ihn mit Schwarz. Stellen Sie die Deckkraft auf 22% ein



Schritt 57

Fügen Sie dem Kuchen und der Untertasse mit den vorherigen Techniken weitere Schatten hinzu.




Schritt 58

Um den Schatten zu erzeugen, der auf das Kuchenstück fällt, müssen wir alle Kuchenlayers in ein Smart Object umwandeln. Auf diese Weise können wir ein einzelnes Schnittlayer erstellen, die wir für unseren Schatten verwenden können.


Erstellen Sie als Nächstes ein neues Schnittlayer und zeichnen Sie in einer Form, die ungefähr dem Fall des Schattens über den Kuchen entspricht. Füllen Sie mit Schwarz, stelle Sie den Mischmodus auf Multiplizieren und die Deckkraft auf 45%.



Schritt 59

Um die Szene zu beenden, fügen Sie dem Hintergrund mit der Option Vordergrund zu Transparent einen subtilen Gradient hinzu.


Ich bin auch meine Szene zurückgegangen und habe Bereiche durch Hinzufügen von Schatten, Lichtern und anderen Anpassungen nachbearbeitet.





Abschluss

Der letzte Schritt besteht darin, die Größe Ihres Bildes auf eine kleinere Größe zu ändern. Auf diese Weise können Sie Fehler verbergen. Jetzt bist du fertig! Ihr endgültiges Bild sollte wie folgt aussehen: