In diesem zweiteiligen Tutorial zu Photoshop-Fotoeffekten erfahren Sie, wie Sie eine unterhaltsame Fotocollage mit einer einfachen Filmstreifenform als Fotorahmen für mehrere Bilder erstellen.
In diesem ersten Teil des Tutorials werden wir den eigentlichen Filmstreifen mit den Formwerkzeugen von Photoshop selbst zeichnen und ihn dann als separates Dokument speichern, damit wir ihn jederzeit problemlos wiederverwenden können, ohne ihn alle zeichnen zu müssen erneut. Im zweiten Teil des Tutorials verwenden wir mehrere Kopien des Filmstreifens, um unsere Fotocollage zu erstellen.
Hier ist die Filmstreifenform, die wir in diesem Teil des Tutorials zeichnen werden. Der graue Bereich in der Mitte ist der Bereich, in dem wir unsere Fotos in Teil zwei des Tutorials einfügen:
Die Filmstreifenform, die als Fotorahmen in der Collage verwendet wird.
So erstellen Sie eine Filmstreifen-Fotocollage
Schritt 1: Erstellen Sie ein neues Photoshop-Dokument
Erstellen Sie zunächst ein neues Photoshop-Dokument, indem Sie im Menü Datei oben auf dem Bildschirm die Option Neu auswählen oder Strg + N (Win) / Befehl + N (Mac) drücken, um ein neues Dokument mit der handlichen Tastatur zu öffnen Abkürzung:
Gehen Sie zu Datei> Neu, um ein neues Photoshop-Dokument zu erstellen.
Das Dialogfeld Neues Dokument wird geöffnet. Geben Sie einen Wert von 1000 Pixel für die Breite und 900 Pixel für die Höhe ein, um ein gutes Seitenverhältnis von Breite zu Höhe für unseren Filmstreifen zu erhalten. Stellen Sie Ihre Auflösung auf 300 Pixel / Zoll ein und stellen Sie sicher, dass die Option Hintergrundinhalt auf Weiß eingestellt ist :
Erstellen Sie ein neues Dokument mit 1000 x 900 Pixel.
Wenn Sie fertig sind, klicken Sie in der oberen rechten Ecke des Dialogfelds auf OK, um das Dialogfeld zu schließen. Ihr neues Dokumentfenster wird auf Ihrem Bildschirm angezeigt.
Schritt 2: Wählen Sie das Rechteck-Werkzeug
Zum Zeichnen unseres Filmstreifens verwenden wir die Formwerkzeuge von Photoshop, mit denen wir vektorbasierte Formen zeichnen können, deren Größe bei Bedarf leicht und ohne Qualitätsverlust geändert werden kann. Da unser Filmstreifen rechteckig sein muss, wählen Sie das Rechteck-Werkzeug im Werkzeugbedienfeld aus (nicht zu verwechseln mit dem Rechteck- Auswahlwerkzeug, bei dem es sich um ein Auswahlwerkzeug und nicht um ein Formwerkzeug handelt):
Wählen Sie das Rechteck-Werkzeug.
Schritt 3: Setzen Sie Ihre Vordergrundfarbe auf Schwarz
Wenn Sie eine Form zeichnen, setzt Photoshop die Farbe der Form zunächst auf die aktuelle Vordergrundfarbe . Wir möchten, dass die Farbe unseres Filmstreifens schwarz ist. Bevor wir die Form zeichnen, setzen wir unsere Vordergrundfarbe auf schwarz. Schwarz ist eigentlich die Standardfarbe für den Vordergrund, daher ist Ihre möglicherweise bereits auf Schwarz eingestellt. Wenn nicht, drücken Sie den Buchstaben D auf Ihrer Tastatur, um Ihre Vordergrund- und Hintergrundfarben schnell auf ihre Standardeinstellungen zurückzusetzen. Die Farbfelder für Vordergrund und Hintergrund befinden sich unten im Bedienfeld „Werkzeuge“. Das Farbfeld oben links (die Vordergrundfarbe) sollte jetzt Schwarz anzeigen:
Drücken Sie "D" auf Ihrer Tastatur, um die Vordergrund- und Hintergrundfarben schnell zurückzusetzen.
Schritt 4: Stellen Sie sicher, dass die Option "Form" ausgewählt ist
In Photoshop haben wir drei Möglichkeiten, wie wir die verschiedenen Formwerkzeuge verwenden können. Wir können sie verwenden, um Vektorformen zu zeichnen (was wir hier tun werden), wir können Pfade zeichnen, die im Grunde nur Umrisse von Formen sind, oder wir können pixelbasierte Formen zeichnen. Sie können aus diesen drei Optionen auswählen, indem Sie in der Optionsleiste oben auf dem Bildschirm auf das entsprechende Symbol klicken. Da wir in der Lage sein möchten, die Größe unseres Filmstreifens nach Bedarf zu ändern, ohne die Bildqualität zu beeinträchtigen, müssen wir eine Vektorform zeichnen. Klicken Sie dazu in der Optionsleiste auf das Symbol Formebenen (das Symbol links):
Wählen Sie mit den drei Symbolen in der Optionsleiste zwischen Vektorformen (links), Pfaden (Mitte) oder pixelbasierten Formen (rechts).
Schritt 5: Ziehen Sie eine große rechteckige Form heraus
Wenn Sie das Rechteck-Werkzeug ausgewählt haben, Schwarz als Vordergrundfarbe und die Option Formebenen in der Optionsleiste ausgewählt haben, können Sie mit dem Zeichnen des Filmstreifens beginnen. Klicken Sie in die linke obere Ecke des Dokumentfensters und ziehen Sie mit gedrückter Maustaste in die rechte untere Ecke. Beim Ziehen wird ein Umriss Ihrer Form angezeigt:
Klicken Sie in der Nähe der oberen linken Ecke des Dokuments und ziehen Sie dann in die untere rechte Ecke.
Versuchen Sie, beim Ziehen an den Rändern der Form den gleichen Abstand zu lassen. Wenn Sie sich der unteren rechten Ecke nähern, lassen Sie die Maustaste los. Photoshop zeichnet das Rechteck und füllt es mit Schwarz:
Photoshop zeichnet die Form und füllt sie mit Schwarz, wenn Sie die Maustaste loslassen.
Wenn wir in unserem Ebenenbedienfeld einen Moment lang nachsehen, sehen wir, dass wir jetzt eine brandneue Formebene mit dem Namen "Form 1" über der Hintergrundebene haben. Vektorformen werden immer auf eigenen Ebenen angezeigt, sodass vor dem Zeichnen einer Form keine neue Ebene hinzugefügt werden muss:
Formen werden im Ebenenbedienfeld automatisch auf eigenen Ebenen angezeigt.
Schritt 6: Wechseln Sie in den Modus "Vom Formbereich subtrahieren"
Nachdem wir nun unsere ursprüngliche Rechteckform haben, müssen wir einige Löcher daraus schneiden, damit es eher wie ein Filmstreifen aussieht. Zuerst schneiden wir ein großes rechteckiges Loch in der Mitte aus, das als Hauptfotobereich dient. Wenn Sie in der Optionsleiste nachschlagen, sehen Sie eine Reihe von fünf Symbolen, die jeweils ein anderes Layout der Quadrate anzeigen. Das Symbol in der Mitte ist die Option Vom Formbereich subtrahieren. Klicken Sie darauf, um es auszuwählen:
Klicken Sie in der Optionsleiste auf die Option "Vom Formbereich subtrahieren", um sie auszuwählen.
Schritt 7: Zeichnen Sie eine andere rechteckige Form in der Mitte der ursprünglichen Form
Mit der Option "Vom Formbereich subtrahieren" können wir einen Teil unserer vorhandenen Form entfernen. Zeichnen Sie bei ausgewähltem Rechteckwerkzeug eine zweite rechteckige Form, diesmal in der Mitte des vorhandenen Rechtecks. Klicken Sie genau wie vorhin einmal, um die obere linke Ecke des Rechtecks festzulegen. Halten Sie dann die Maustaste gedrückt und ziehen Sie den Mauszeiger in Richtung der unteren rechten Ecke. Beim Ziehen wird ein Umriss der Form angezeigt. Dies ist der Bereich, der ausgeschnitten wird:
Zeichnen Sie eine weitere rechteckige Form in der Mitte der ursprünglichen Form.
Lassen Sie die Maustaste los, wenn Sie fertig sind. Anstatt dem Dokument eine neue Form hinzuzufügen, schneidet Photoshop diesmal ein Loch in das ursprüngliche Rechteck und erstellt den Hauptbereich, in dem unsere Fotos später angezeigt werden:
Der Hauptfotobereich des Filmstreifens wurde erstellt.
Schritt 8: Wählen Sie das abgerundete Rechteck-Werkzeug
Um die Kerben am oberen und unteren Rand des Filmstreifens zu zeichnen, verwenden wir das abgerundete Rechteck-Werkzeug, das dem Rechteck-Werkzeug ähnlich ist, außer dass die Ecken, wie der Name schon sagt, eher abgerundet als scharf sind. Normalerweise wählen wir Werkzeuge aus dem Werkzeugbedienfeld aus. Wenn wir jedoch ein Formwerkzeug ausgewählt haben, können wir jedes andere Formwerkzeug von Photoshop direkt in der Optionsleiste auswählen. Klicken Sie auf das Symbol für das abgerundete Rechteck in der Optionsleiste, um es auszuwählen:
Wählen Sie das Abgerundete Rechteck-Werkzeug aus der Optionsleiste.
Schritt 9: Setzen Sie den Radiuswert auf 10 px
Wir können die Rundheit der Ecken mit dem Radius- Wert in der Optionsleiste steuern. Je größer der Radius ist, desto abgerundeter sind die Ecken. Stellen Sie Ihren Radius auf 10 px (Pixel) ein:
Stellen Sie den Radius auf 10 px ein.
Schritt 10: Zeichnen Sie eine abgerundete Rechteckform, um die erste Kerbe zu erstellen
Vergewissern Sie sich, dass die Option "Vom Formbereich subtrahieren" in der Optionsleiste noch ausgewählt ist, und ziehen Sie dann eine kleine, abgerundete Rechteckform links vom schwarzen Rand am oberen Rand des Filmstreifens heraus:
Zeichnen Sie eine kleine, abgerundete Rechteckform auf der linken Seite des oberen schwarzen Randbereichs.
Lassen Sie die Maustaste los, wenn Sie fertig sind. Photoshop verwendet die Form, um die erste Kerbe im Filmstreifen auszuschlagen:
Erneut verwendet Photoshop die neue Form, um einen Abschnitt der ursprünglichen Form auszuschneiden.
Schritt 11: Wählen Sie das Pfadauswahlwerkzeug
Jetzt, da wir unsere erste Kerbe gezeichnet haben, können wir sie verwenden, um alle anderen Kerben oben und unten am Filmstreifen hinzuzufügen, ohne eine davon zeichnen zu müssen! Wählen Sie das Pfadauswahl-Werkzeug im Werkzeugbedienfeld aus (schwarzer Pfeil). Sie können es auch schnell auswählen, indem Sie den Buchstaben A auf Ihrer Tastatur drücken:
Wählen Sie das Pfadauswahl-Werkzeug.
Klicken Sie mit dem ausgewählten Pfadauswahl-Werkzeug in die Kerbe, die wir gerade hinzugefügt haben. Dadurch wird die Form ausgewählt. Sie sehen einen dünnen Umriss sowie Ankerpunkte (kleine Quadrate), die darauf hinweisen, dass die Form ausgewählt ist:
Klicken Sie mit dem Pfadauswahl-Werkzeug in die Kerbe, um die Form auszuwählen.
Schritt 12: Ziehen Sie eine Kopie der Form heraus
Halten Sie bei ausgewählter Form die Tastenkombination Umschalt + Alt (Windows) / Umschalt + Wahltaste (Mac) gedrückt und ziehen Sie nach rechts. Die Alt- / Wahltaste weist Photoshop an, beim Ziehen eine Kopie der Form zu erstellen, während die Umschalttaste die Richtung einschränkt, in die Sie ziehen können, wodurch das Ziehen direkt nach rechts und nicht in einem sonderbaren Winkel erleichtert wird. Wenn Sie fertig sind, lassen Sie die Maustaste los, um eine zweite Kerbe am oberen Rand des Filmstreifens zu erstellen:
Oben auf dem Filmstreifen befindet sich eine zweite Kerbe.
Schritt 13: Ziehen Sie sechs weitere Kopien der Form heraus
Ziehen Sie weitere Kopien der Form heraus, um die verbleibenden Kerben am oberen Rand des Filmstreifens zu erzeugen. Halten Sie dazu die Umschalttaste + Alt (Windows) / Umschalttaste + Wahltaste (Mac) gedrückt, klicken Sie auf die zuletzt hinzugefügte Form und ziehen Sie eine Kopie davon nach rechts bewegen und dann die Maustaste loslassen. Machen Sie sich vorerst keine Sorgen über den Abstand, wir werden das gleich beheben. Sie sollten am oberen Rand des Filmstreifens insgesamt acht Kerben haben, wenn Sie fertig sind:
Ziehen Sie sechs weitere Kopien der Form heraus, um insgesamt acht Kerben am oberen Rand zu erhalten.
Schritt 14: Alle Kerben entlang der oberen Reihe auswählen
Wenn Sie alle acht Kerben in der oberen Reihe hinzugefügt haben, halten Sie die Umschalttaste gedrückt, und klicken Sie bei weiterhin ausgewähltem Pfadauswahl-Werkzeug auf die einzelnen Kerben, bis Sie alle auf einmal ausgewählt haben:
Halten Sie die Umschalttaste gedrückt und klicken Sie mit dem Pfadauswahl-Werkzeug auf jede Kerbe, bis Sie alle ausgewählt haben.
Schritt 15: Klicken Sie auf die Option "Horizontale Zentren verteilen"
Klicken Sie bei ausgewählten Kerbformen in der Optionsleiste auf die Option " Horizontale Zentren verteilen" :
Die Optionsleiste enthält verschiedene Optionen zum Ausrichten der Formen. Klicken Sie auf das Symbol "Horizontale Zentren verteilen".
Auf diese Weise werden die Formen gleichmäßig über die Oberseite des Filmstreifens verteilt, wodurch etwaige Abstandsprobleme behoben werden:
Mit der Option "Horizontale Zentren verteilen" werden die Formen gleichmäßig zwischen der Form ganz links und der Form ganz rechts verteilt.
Schritt 16: Kopieren Sie die Formreihe bis zum unteren Rand des Filmstreifens
Halten Sie die Umschalttaste + Alt (Windows) / Umschalttaste + Wahltaste (Mac) gedrückt und ziehen Sie die Formen in den unteren Randbereich des Filmstreifens. Erneut weist die Alt- / Wahltaste Photoshop an, beim Ziehen eine Kopie der Formen zu erstellen, während die Umschalttaste die Richtung begrenzt, in die wir ziehen können, sodass das Ziehen direkt nach unten vereinfacht wird. Beim Ziehen wird ein Umriss der Formen angezeigt:
Halten Sie die Umschalt- und die Alt-Taste (Windows) bzw. die Umschalt- und die Wahltaste (Mac) gedrückt, und ziehen Sie die obere Reihe der Kerbformen nach unten in die untere Reihe, um beim Ziehen eine Kopie der Formen zu erstellen.
Sobald Sie die Formen entlang des unteren Randbereichs haben, lassen Sie die Maustaste los. Photoshop stößt die Formbereiche aus der Unterseite des Filmstreifens heraus und erstellt so die zweite Reihe von Kerben:
Um die Kerbenreihe entlang der Unterseite des Filmstreifens zu erstellen, müssen Sie lediglich die obere Reihe kopieren und nach unten ziehen.
Wenn wir uns die Formebene im Ebenenbedienfeld ansehen, sehen wir eine Miniaturansicht, die uns eine Vorschau unserer Form zeigt. Dies wird als Vektormasken-Miniaturbild bezeichnet . Daraufhin wird ein weißer Markierungsrahmen angezeigt, der angibt, dass die Form derzeit ausgewählt ist. Klicken Sie direkt auf die Miniaturansicht, um die Auswahl der Form aufzuheben, da wir an dieser Stelle mit dem Zeichnen fertig sind. Der weiße Markierungsrand um die Miniaturansicht verschwindet:
Klicken Sie auf das Miniaturbild der Vektormaske, um die Auswahl der Form aufzuheben.
Schritt 17: Fügen Sie einen Schlagschatten hinzu
Die grundlegende Form des Filmstreifens ist jetzt vollständig, aber geben wir ihr ein wenig Tiefe, indem wir einen leichten Schlagschatten hinzufügen. Klicken Sie unten im Ebenenbedienfeld auf das Symbol „Ebenenstile“ und wählen Sie den Schlagschattenstil oben in der angezeigten Liste aus:
Klicken Sie auf das Symbol "Ebenenstile" und wählen Sie "Schlagschatten" aus der Liste aus.
Dadurch wird das Dialogfeld „Ebenenstil“ von Photoshop geöffnet, in dem in der mittleren Spalte die Option „Schlagschatten“ festgelegt ist. Setzen Sie den Abstand des Schattens auf 0 px, den Spread auf 0% und die Größe des Schattens auf 7 px :
Klicken Sie auf das Symbol "Ebenenstile" und wählen Sie "Schlagschatten" aus der Liste aus.
Klicken Sie in der rechten oberen Ecke des Dialogfelds Ebenenstil auf OK, wenn Sie fertig sind, um das Dialogfeld zu schließen. Der Filmstreifen wird nun mit einem schwachen Schatten dahinter angezeigt, obwohl er in Ihrem Dokument besser zu sehen ist als in dem kleinen Screenshot hier:
Der Schatten verleiht dem Filmstreifen eine gewisse Tiefe.
Schritt 18: Wählen Sie das Rechteck-Werkzeug erneut aus
Zum Abschluss unseres Filmstreifens fügen wir eine endgültige Rechteckform hinzu, mit der der Bereich definiert wird, in dem die Fotos angezeigt werden, wenn wir sie später hinzufügen. Wählen Sie das Rechteck-Werkzeug erneut im Werkzeugbedienfeld aus. Da wir vor kurzem das abgerundete Rechteck-Werkzeug ausgewählt hatten, müssen Sie im Werkzeugbedienfeld auf das abgerundete Rechteck-Werkzeug klicken und dann die Maustaste ein oder zwei Sekunden lang gedrückt halten, bis ein Ausklappmenü mit den anderen Werkzeugen angezeigt wird in diesem Steckplatz verfügbar. Wählen Sie das Rechteck-Werkzeug oben im Flyout-Menü aus:
Klicken Sie im Bedienfeld „Werkzeuge“ auf das abgerundete Rechteckwerkzeug und halten Sie die Maustaste gedrückt. Wählen Sie dann das Rechteckwerkzeug aus dem Ausklappmenü aus.
Schritt 19: Ändern Sie die Farbe der neuen Form in ein mittleres Grau
Bevor wir die neue Form hinzufügen, ändern wir ihre Farbe in etwas anderes als Schwarz, damit wir sie auf dem schwarzen Filmstreifen sehen können. Wir wissen bereits, dass wir die Farbe einer Form ändern können, indem wir die Vordergrundfarbe von Photoshop ändern, aber wir können die Farbe auch direkt in der Optionsleiste ändern, wenn wir ein Formwerkzeug ausgewählt haben. Klicken Sie in der Optionsleiste auf das Farbfeld :
Klicken Sie auf das Farbfeld, um eine Farbe für die Form festzulegen.
Dadurch wird der Photoshop- Farbwähler aufgerufen . Verwenden wir ein mittleres Grau für die Farbe. Geben Sie für die Optionen R, G und B in der unteren Mitte des Dialogfelds Farbauswahl den Wert 128 ein . Dies gibt uns unser mittleres Grau. Klicken Sie auf OK, wenn Sie fertig sind, um den Farbwähler zu verlassen:
Stellen Sie die Werte für R (Rot), G (Grün) und B (Blau) im Farbwähler auf 128 ein.
Schritt 20: Zeichnen Sie eine Rechteckform, um den Hauptfotobereich abzudecken
Zeichnen Sie mit dem Rechteckwerkzeug und Grau als Formfarbe eine andere Rechteckform, diesmal etwas größer als der Hauptfotobereich in der Mitte des Filmstreifens. Stellen Sie jedoch sicher, dass sich die neue Form nicht über die Kerben oben und unten erstreckt. Wir wollen nur den Hauptfotobereich abdecken. Klicken Sie direkt über und links neben dem Hauptfotobereich, um den Startpunkt für die Form festzulegen. Halten Sie dann die Maustaste gedrückt und ziehen Sie den Mauszeiger direkt unter und rechts neben die untere rechte Ecke des Fotobereichs:
Zeichnen Sie ein zweites Rechteck, das nur geringfügig größer als der Fotobereich ist.
Lassen Sie die Maustaste los, damit Photoshop die Form zeichnet und sie mit der von uns ausgewählten mittelgrauen Farbe füllt. Der Hauptfotobereich ist jetzt vollständig abgedeckt, während die Kerben am oberen und unteren Rand des Filmstreifens sichtbar bleiben:
Der Hauptfotobereich wird jetzt von der zweiten Form abgedeckt.
Schritt 21: Löschen Sie den Schlagschatten aus der neuen Form
Wenn wir uns das Ebenenbedienfeld ansehen, sehen wir, dass unsere zweite Form auf einer eigenen Ebene über der Hauptform des Filmstreifens erscheint. Wenn wir direkt unter die Formebene schauen, können wir feststellen, dass Photoshop automatisch denselben Schlagschatten-Ebenenstil angewendet hat, den wir dem Filmstreifen hinzugefügt haben. Wir brauchen den Schatten nicht für unsere neue Form, also lasst uns ihn loswerden. Klicken Sie auf das Wort Effekte, um alle Ebenenstile auszuwählen, die auf eine Ebene angewendet wurden (auch wenn in diesem Fall nur einer vorhanden ist). Halten Sie dann die Maustaste gedrückt und ziehen Sie sie auf das Papierkorbsymbol am unteren Rand von das Ebenenbedienfeld. Lassen Sie die Maustaste los, wenn sich der Cursor über dem Papierkorb befindet, um die Ebenenstile zu löschen:
Klicken Sie auf das Wort "Effekte" und ziehen Sie es in den Papierkorb, um den Schlagschatten zu löschen.
Schritt 22: Ziehen Sie die neue Form unter den Filmstreifen
Derzeit erscheint die zweite Form über dem Filmstreifen. Wir müssen es unterhalb des Filmstreifens anzeigen, als ob es als Platzhalter für die Fotos fungiert, die wir später hinzufügen. Das bedeutet, wir müssen die Ebene der Form unter die Filmstreifenebene ziehen. Klicken Sie dazu im Ebenenbedienfeld auf „Form 2“, halten Sie die Maustaste gedrückt und ziehen Sie die Ebene direkt zwischen der Hintergrundebene und der Filmstreifenebene. Sie werden feststellen, dass Sie an der richtigen Stelle sind, wenn eine Markierungsleiste zwischen den beiden Ebenen angezeigt wird:
Klicken Sie auf die zweite Form und ziehen Sie sie zwischen die Hintergrundebene und die Filmstreifenebene.
Lassen Sie die Maustaste los, wenn die Markierungsleiste angezeigt wird. Die graue Form wurde nun nach Bedarf unter den Filmstreifen verschoben:
Die graue Form wird jetzt zwischen der Hintergrundebene und der Filmstreifenebene angezeigt.
Klicken Sie im Ebenenbedienfeld auf das Miniaturbild der Vektormaske für "Form 2", um die Auswahl der Form aufzuheben. Fertig! Unser Filmstreifen ist jetzt komplett:
Der endgültige Filmstreifen, der als Fotorahmen und in unserer Fotocollage verwendet werden kann.
Schritt 23: Speichern Sie den Filmstreifen als Photoshop .PSD-Datei
Sofern Sie nicht stundenweise bezahlt werden, möchten Sie den Filmstreifen wahrscheinlich nicht jedes Mal neu zeichnen, wenn Sie ihn verwenden möchten. Speichern Sie ihn daher als eigenes Photoshop-Dokument. Auf diese Weise können wir es jederzeit wieder öffnen und verwenden. Gehen Sie zum Menü Datei oben auf dem Bildschirm und wählen Sie Speichern unter :
Gehen Sie zu Datei> Speichern unter.
Das Dialogfeld Speichern unter von Photoshop wird geöffnet. Ich werde mein Dokument "film-strip.psd" nennen. Stellen Sie sicher, dass Sie Photoshop als Format auswählen, und speichern Sie die Datei an einem Speicherort, an den Sie sich leicht erinnern können. Ich speichere meine in einem "Photoshop" -Ordner, den ich auf meinem Desktop habe. Klicken Sie auf die Schaltfläche Speichern, wenn Sie bereit sind, die Datei zu speichern:
Benennen Sie die Datei und speichern Sie sie als Photoshop-Dokument.