Wie kann man Photo-Booth-Vorlagen mit Photoshop erstellen?

German (Deutsch) translation by Katharina Grigorovich-Nevolina (you can also view the original English article)

Final product image — What You'll Be Creating

In diesem Tutorial sehen wir uns an, wie Sie mit Photoshop Fotokabinen-Vorlagen erstellen. Diese Techniken zeigen Ihnen auch, wie Sie eine Fotocollage erstellen, da die Fähigkeiten übertragbar sind. Wenn Sie also lustige Vorlagen für Fotokabinen-Strips erstellen oder eigene Fotocollagen-Vorlagen erstellen möchten, bleiben Sie dran.

photo collage template photoshop — Hund Stockfotografie von IciakPhotos auf Envato Elements.

Was werden Sie brauchen?

In diesem Tutorial werden die folgenden Assets verwendet, um eine Photobooth-Vorlage zu erstellen:

Sie können diese Assets gerne herunterladen und mitverfolgen oder alternative Assets Ihrer Wahl verwenden.

1. Wie kann man Photo Booth-Vorlagen mit Photoshop erstellen?

Schritt 1

Beginnen Sie Ihre Fotobox-Vorlage, indem Sie ein Neues Dokument erstellen. Gehen Sie dazu in Adobe Photoshop zu Datei > Neu.

Für diese Demonstration erstellen wir ein Dokument mit einer Höhe von 11 Zoll und einer Breite von 8,5 Zoll bei 300 DPI. Dies wäre eine geeignete Auflösung zum Drucken.

Denken Sie jedoch daran, dass Sie in jeder gewünschten Größe arbeiten können. Wenn Sie beispielsweise lieber eine Instagram-Fotokabinen-Vorlage für die ausschließliche Online-Nutzung erstellen möchten, müssen Sie möglicherweise nicht mit einer Druckauflösung arbeiten. Beispielsweise könnte eine Instagram-Fotokabinen-Vorlage mit einer Breite von 1080 Pixeln und einer Höhe von 1080 Pixeln besser sein, wenn Sie eine quadratische Photoshop-Collagenvorlage für diese Plattform erstellen möchten.

Wählen Sie die Größenoptionen aus, die für Sie am besten geeignet sind und was Sie für Ihre Photobooth-Vorlage wünschen. Klicken Sie dann auf Erstellen, wenn Sie mit Ihren Werten zufrieden sind.

Schritt 2

Beginnen wir damit, unserem Hintergrund einige Inhalte hinzuzufügen, damit die Anfänge unserer Photobooth-Vorlage leichter zu erkennen sind. Dies ist optional, aber hilfreich.

Ich habe dieses Holztextur-Bild von Envato Elements verwendet. Öffnen Sie einfach das Bild, kopieren Sie es und fügen Sie es dann in unsere Photobooth-Vorlage ein.

Tipp: Sie können die Deckkraft verringern, wenn dieses optionale Hintergrundelement heller sein soll.

Schritt 3

Wählen Sie als Nächstes das Rechteck-Werkzeug aus. Es befindet sich im Werkzeug-Bedienfeld. Wenn es nicht angezeigt wird, ist es möglicherweise unter Ihren anderen Formwerkzeugen verschachtelt. Es ist im Screenshot unten hervorgehoben.

Schritt 4

Stellen Sie bei ausgewähltem Rechteck-Werkzeug sicher, dass Ihre Füllfarbe auf Weiß und Ihre Konturfarbe deaktiviert ist. Wir finden diese Optionen oben im Optionen-Bedienfeld, wenn das Rechteckwerkzeug ausgewählt ist.

Schritt 5

Klicken und ziehen Sie nun, während das Rechteck-Werkzeug noch ausgewählt ist, um ein langes, weißes Rechteck zu zeichnen. Dies dient als Basis für unsere Fotobox-Vorlage.

Beachten Sie, dass Photoshop unser neu gezeichnetes Rechteck auf eine neue Ebene legt.

Schritt 6

Wenden wir uns als nächstes wieder unserem Rechteck-Werkzeug zu.

Bevor wir ein weiteres Rechteck zeichnen, ändern wir erneut unsere Füllfarbe. Wählen Sie diesmal eine hellgraue Farbe. Dies ist eine Platzhalterfarbe, damit wir diese Form leichter gegen die weiße Fotokabinen-Vorlagenbasis sehen können.

Schritt 7

Bevor wir unser neues Rechteck zeichnen, erstellen Sie eine Neue Ebene in Ihrem Ebenen-Bedienfeld. Auf diese Weise befindet sich unser hellgraues Rechteck auf einer eigenen Ebene.

Klicken Sie auf das Plus-Symbol unten im Ebenen-Bedienfeld, um eine Neue Ebene zu erstellen.

Schritt 8

Zeichnen Sie nun, während diese neu erstellte Ebene ausgewählt ist, ein Rechteck, indem Sie mit dem Rechteck-Werkzeug klicken und ziehen. Auch dieses neue Rechteck sollte eine hellgraue Farbe haben. Dies ist unser erstes Foto in der Fotobox-Streifenvorlage.

Zeichnen Sie es oben auf dem weißen Streifen, indem Sie klicken und ziehen, oder verwenden Sie das Verschieben-Werkzeug, um Ihr neu gezeichnetes Rechteck entsprechend zu positionieren.

Schritt 9

Wir könnten mehr Rechtecke zeichnen, um mehr Fotobereiche in unserer Photobooth-Vorlage zu definieren. Wenn Sie eher einen Photoshop-Collagenvorlagen-Look erstellen möchten, zeichnen Sie weiterhin Rechtecke in verschiedenen Größen. Sie können eine wirklich coole Fotocollage erstellen, indem Sie mit Rechtecken in verschiedenen Formen und Größen arbeiten.

In einer Fotobox-Streifenvorlage haben die Fotos jedoch in der Regel die gleiche Größe, alle in einer Reihe. Um diesen Effekt zu erzielen, kopieren wir das bereits gezeichnete Rechteck.

Wählen Sie die Ebene mit dem hellgrauen Rechteck darauf aus. Gehen Sie dann zu Ebene > Ebene duplizieren, um sie zu kopieren. Hier erhalten wir eine Dialogaufforderung, in der wir unser Duplikat benennen können. Klicken Sie auf OK, um die duplizierte Ebene zu erstellen.

Wiederholen Sie dies, bis wir drei Kopien des hellgrauen Rechtecks haben.

Tipp: Sie können Ihre Ebenen aus organisatorischen Gründen umbenennen, indem Sie im Ebenen-Bedienfeld auf den Namen der Ebene klicken.

Schritt 10

Wählen Sie die erste hellgraue Rechteckebene in Ihrem Ebenen-Bedienfeld aus. Klicken Sie dann mit der rechten Maustaste auf den PC oder die Befehlstaste auf dem Mac und wählen Sie In Smart Object konvertieren.

Sobald Sie dies getan haben, werden Sie feststellen, dass sich das Symbol auf der Miniaturansicht der Ebene geändert hat. Dies zeigt an, dass diese Ebene jetzt ein Smart-Objekt enthält.

Schritt 11

Wiederholen Sie diesen Schritt für jedes hellgraue Rechteck in Ihrer Komposition. Am Ende wollen wir drei separate Smart Objects. Dies ist eine für jedes Foto in unserer Fotobox-Streifenvorlage.

Schritt 12

Jetzt fügen wir unserer Photobooth-Vorlage einige Extras hinzu. Wir wollen nicht, dass die Dinge nur wie ein Haufen langweiliger Quadrate aussehen.

Fügen wir unseren Fotos einen Ebenenstil hinzu, damit die Dinge natürlicher aussehen. Wählen Sie die erste hellgraue Rechteckebene in Ihrer Komposition aus. Klicken Sie dann unten im Ebenen-Bedienfeld auf das Symbol „Ebenenstile“. Wählen Sie Innerer Schatten.

Schritt 13

So sehen unsere Ebenenstil-Optionen aus. Wir wollen folgende Werte für unseren Inneren Schatten:

Mischmodus auf Multiplizieren eingestellt
Mischmodus Farbe auf Schwarz eingestellt
Deckkraft 35%
Winkel 90%
Entfernung 4
Drossel 0%
Größe 21 px

Dies sind empfohlene Werte. Fühlen Sie sich frei zu experimentieren und mit allen Werten zu arbeiten, die Sie bevorzugen. Schalten Sie die Vorschau ein, um eine Vorschau darauf zu erhalten, wie sich diese Werte auf Ihre Arbeit auswirken, bevor Sie sich darauf festlegen. Klicken Sie auf OK, wenn Sie mit ihnen zufrieden sind.

Schritt 14

Und so sieht unser Foto mit diesem angewendeten inneren Schatten aus. Es ist eine kleine Ergänzung, aber es trägt dazu bei, dass die Dinge etwas weniger flach aussehen.

Anstatt den letzten Schritt noch einmal zu wiederholen, können wir mit der rechten Maustaste auf den PC klicken oder die Befehlstaste auf dem Mac klicken und Ebenenstil kopieren auswählen.

Schritt 15

Gehen Sie dann zu einer der anderen hellgrauen Rechteckebenen. Klicken Sie mit der rechten Maustaste auf den PC oder klicken Sie bei gedrückter Strg-Taste auf dem Mac, und dann können wir Ebenenstil einfügen auswählen. Jetzt lässt sich unser Inner Shadow auch auf dieser Schicht ganz einfach auftragen.

Wiederholen Sie diesen Vorgang, bis auf alle drei unserer hellgrauen Fotoplatzhalter der gleiche innere Schatten angewendet wurde.

Schritt 16

Wir können unserer Fotobox-Strip-Vorlage auch noch mehr Extras hinzufügen. Versuchen wir, dem weißen Teil unseres Fotostreifens einige lustige, illustrative Elemente hinzuzufügen. In diesem Beispiel verwenden wir diese handgezeichneten Blumenillustrationen von vintagio.

Beginnen Sie mit dem Öffnen der Illustration in Adobe Photoshop. Kopieren Sie es dann und fügen Sie es in Ihre Fotobox-Streifenvorlage ein.

Sie können die Größe von Bildern ändern, indem Sie auf Bearbeiten > Frei transformieren klicken. Auf diese Weise können Sie die Ziehpunkte zur Größenänderung ziehen, um das eingefügte Bild zu skalieren. Verwenden Sie das Verschieben-Werkzeug, um es auf dem Fotostreifen anzuordnen.

Schritt 17

Da diese Illustration nur auf den weißen Teil des Fotostreifens angewendet werden soll, positionieren Sie sie unter den hellgrauen Fotorechtcken in unserem Ebenen-Bedienfeld. Es sollte direkt über unserem größeren weißen Rechteck sein.

Hier ist ein Beispiel dafür, wie Ihre Ebenen aussehen sollten.

Schritt 18

Klicken Sie bei ausgewählter Illustrationsebene mit der rechten Maustaste auf den PC oder bei gedrückter Strg-Taste auf dem Mac und wählen Sie Schnittmaske erstellen. Beachten Sie, wie die Ebene mit einem nach unten zeigenden Pfeil zur darunter liegenden Ebene eingerückt wird. Dies ist ein visueller Hinweis, der uns sagt, dass hier eine Schnittmaske in Aktion ist.

Jetzt wird die Illustration nur noch auf den weißen Teil unseres Fotostreifens aufgebracht.

Schritt 19

Wiederholen Sie diesen Vorgang mit beliebig vielen illustrativen oder dekorativen Elementen. Ich habe die gleiche Blumenillustration auch auf der gegenüberliegenden Seite der Fotobox-Streifenvorlage verwendet.

Dann habe ich auch einen Streifen handgezeichneter Doodles von Youandigraphics auf die Basis und die Oberseite des Fotostreifens aufgetragen. Fügen Sie so viele dekorative Elemente hinzu, wie Sie möchten. Viel Spass damit!

Schritt 20

Auch auf diese dekorativen Elemente können wir einige Farbeffekte anwenden. Erstellen Sie eine Neue Ebene über unseren Illustrationen und folgen Sie dem gleichen Vorgang, um sie in eine Schnittmaske zu verwandeln.

Füllen Sie dann mit dem Füll-Werkzeug die Ebene mit einer grünen Farbe. Setzen Sie den Mischmodus dieser Ebene auf Negativ multiplizieren.

Jetzt haben unsere Illustrationen eine grüne Farbe anstelle von Schwarz.

Schritt 21

Auf der Schablone können wir auch dekorative Elemente anbringen. Schauen Sie sich zum Beispiel dieses lustige Vektor-Stickerpack an – es stehen über 300 Sticker zur Auswahl.

Ich habe einige dieser Aufkleber kopiert und in die Fotobox-Vorlage eingefügt. Stellen Sie sicher, dass sie sich oben auf Ihren Ebenen befinden, damit es so aussieht, als ob sie oben "steckengeblieben" wären.

Schritt 22

Wir können unserer Fotobox-Strip-Vorlage auch ganz einfach etwas Text hinzufügen. Die Wahl einer lustigen, handgeschriebenen Schriftart kann dazu beitragen, dass sie am unteren Rand Ihres Fotostreifens eher wie eine Handschrift aussieht.

Wählen Sie das Textwerkzeug aus. Klicken Sie dann auf Ihre Photobooth-Vorlage und beginnen Sie mit der Eingabe wie in den meisten Textverarbeitungsprogrammen. Sie werden feststellen, dass Photoshop den Text für Sie auf eine neue Ebene legt.

Um Dinge wie Schriftgröße, Schriftfarbe und die Schriftart selbst zu ändern, wechseln Sie zum Zeichen-Bedienfeld. Sie finden es, indem Sie zu Fenster > Zeichen gehen.

Ich habe die süße handgeschriebene Schriftart Heart in Song verwendet.

Schritt 23

Jetzt haben wir ein funktionales Photobooth-Vorlagendesign. Stellen Sie sicher, dass Sie Ihre Arbeit speichern, indem Sie auf Datei > Speichern klicken.

Dieser Prozess kann eine unterhaltsame Möglichkeit sein, Ideen für Fotokabinen-Vorlagen zu entwickeln, die Sie nach Belieben wiederverwenden und neu mischen können. Probieren Sie verschiedene Fotogrößen aus. Probieren Sie verschiedene Aufkleber oder Illustrationen aus. Mit Smart Objects können Sie Ihre Fotobox-Vorlage für beliebig viele verschiedene Fotos wiederverwenden.

2. Wie kann man eine Photobooth-Vorlage mit Smart Objects verwenden?

Schritt 1

Jetzt fügen wir unsere Fotos zu unserer neu erstellten Fotobox-Vorlage hinzu.

Eines der besten Dinge bei der Arbeit mit Smart Objects ist ihre Benutzerfreundlichkeit. Gehen Sie zu Ihrem Ebenen-Bedienfeld und doppelklicken Sie auf die Ebenenminiatur auf einer Ihrer hellgrauen Fotoplatzhalterebenen. Dies sollten alle Smart Objects sein, wenn Sie die Schritte des Tutorials befolgt haben.

Schritt 2

Photoshop führt uns automatisch in ein separates PSB. Dies ist das "Innere" unseres Smart Objects.

Schritt 3

Öffnen Sie ein beliebiges Foto, das Sie in Ihre Photobooth-Vorlage einfügen möchten. Ich werde dieses Foto eines süßen Welpen verwenden. Kopieren Sie das Foto und fügen Sie es in dieses PSB-Dokument ein.

Sobald Sie das Foto in diesen Bereich eingefügt haben, gehen Sie zu Datei > Speichern, um das Dokument zu speichern.

Schritt 4

Kehren wir nun zu unserer Photobooth-Vorlage zurück. Sie werden feststellen, dass Photoshop das Foto für uns in die Vorlage eingefügt hat.

Wiederholen Sie diesen Vorgang für so viele Fotoplatzhalter (Smart Objects), wie Sie in Ihrer Vorlage erstellt haben.

Der Vorgang ist der gleiche, wenn Sie Fotocollagen-Vorlagen erstellen oder einen coolen Fotocollagen-Look anstelle eines Fotostreifens simulieren möchten. Ihre Smart Objects können jede gewünschte Größe haben.

Welche Ideen für Fotobooth-Vorlagen werden Sie ausprobieren?

Es gibt so viele verschiedene Richtungen, die Sie bei der Entwicklung Ihrer eigenen Photobooth-Vorlage einschlagen können. Das Beste am Erstellen einer eigenen Photoshop-Datei für Fotocollagen-Vorlagen ist, dass Sie sie wiederverwenden und an alle möglichen Designs anpassen können.

Sie können die Hintergrundelemente (wie die Holzstruktur) loswerden und dieses Design dann auf Fotopapier drucken. Oder Sie können es digital halten und in Ihren sozialen Netzwerken posten oder mit Familie und Freunden teilen.

Nun, da Sie die Grundlagen zum Erstellen einer Fotocollage oder einer Photobooth-Vorlage kennen, was werden Sie erstellen?

Wenn Sie noch mehr Ideen für Fotokabinen-Vorlagen oder sogar Fotokabinen-Vorlagen-Designs suchen, die Sie jetzt herunterladen können, sehen Sie sich diese inspirierenden Designs von Envato Elements an.

1. Aquarell-Foto-Booth-Vorlagen (PSD, PNG)

Diese lustigen Fotokabinen-Vorlagen verwenden farbenfrohe Aquarellhintergründe. Sie könnten für eine Vielzahl von Fotos arbeiten, von Urlauben über Geburtstage bis hin zu glücklichen Erinnerungen.

2. Lustige Collage-Kit (PNG, SVG)

Schauen Sie sich dieses lustige Sammlungsset an, das viele verschiedene Elemente enthält, die Sie für Ihre Fotocollagen verwenden können. Sie können polaroidähnliche Bilder erstellen. Es kommt mit einer Reihe von nahtlosen Mustern und Hunderten von Designelementen!

3. Photoshop-Collage-Vorlage (PSD)

Bevorzugen Sie den Look und das Gefühl einer Fotoschule? Dieser Fotocollagen-Effekt nimmt ein einzelnes Foto und mischt es zu einer Sammlung von mehreren. Es ist ein wirklich lustiger und künstlerischer Effekt.

4. Instagram Photo Booth Vorlagencollage (PSD, Skizze)

Suchen Sie speziell nach Photobooth-Vorlagen für Instagram? Schauen Sie sich diesen an. Es hat verschiedene Ästhetiken, mit denen Sie experimentieren können.

5. Photoshop-Collage-Vorlagensammlung (PSD)

Hier ist eine lustige Sammlung verschiedener Photoshop-Collage-Vorlagen-Designs, die Sie mit Ihren Lieblingsfotos ausprobieren können. Es gibt mehrere Möglichkeiten, die Sie ausprobieren können. Laden Sie es noch heute herunter.

Möchten Sie mehr über Adobe Photoshop erfahren?

Möchten Sie mehr über Photoshop, digitales Scrapbooking und andere lustige Designthemen erfahren? Sehen Sie sich diese kostenlosen Tutorials von Envato Tuts+ noch heute an.