So erstellen Sie einen Online-Fotorahmen mit Photoshop

Werbung

Sie können so viele coole Dinge mit tun Adobe Photoshop Es ist schwierig zu wissen, wo ich anfangen soll. In diesem Artikel zeigen wir Ihnen, wie Sie mit Photoshop einen Online-Fotorahmen erstellen. Eine, die Sie für Websites und Apps verwenden können, unabhängig davon, ob Sie Ihren Avatar umgeben oder in der Kopfzeile Ihres Blogs.

Schritt 1: Richten Sie Ihre Datei ein

Bevor wir mit diesem Tutorial beginnen, müssen Sie die Grundlagen des benutzerdefinierten Formwerkzeugs kennen. Lesen Sie dazu unseren Artikel Verwendung des benutzerdefinierten Formwerkzeugs in Photoshop So verwenden Sie das benutzerdefinierte Formwerkzeug in Adobe PhotoshopUnsere Schritt-für-Schritt-Anleitung zur Verwendung des benutzerdefinierten Formwerkzeugs in Adobe Photoshop, einem vielseitigen Werkzeug, das häufig übersehen wird. Weiterlesen .

Öffnen Sie anschließend Photoshop, um Ihr Dokument einzurichten. Angenommen, der von Ihnen erstellte Bilderrahmen ist ein Social-Media-Avatar. Avatare sind normalerweise auf allen Seiten gleich groß, unabhängig davon, ob sie kreisförmig oder quadratisch sind.

Stellen Sie vor diesem Hintergrund Ihre Dokumentgröße auf mindestens 1000 × 1000 Pixel ein, obwohl Sie auch größer werden können. Diese Abmessungen dienen als Richtlinie für Ihren Bilderrahmen.

Schritt 2: Richten Sie Ihr benutzerdefiniertes Formwerkzeug ein

Erstellen Sie nach dem Einrichten Ihrer Datei eine neue Ebene in Ihrer Lagen Panel - Hier wird Ihr Rahmen abgelegt.

Als nächstes stellen Sie sicher, dass Ihre Benutzerdefiniertes Formwerkzeug ist aktiv. Überprüfen Sie dann die Farben für Ihre benutzerdefinierte Form in der Füllen und Schlaganfall Abschnitte.

Im Moment habe ich momentan die Standardfarbpalette aktiv. Ich möchte diese Farben jedoch nicht für meinen Bilderrahmen verwenden, daher werde ich sie ausschalten.

Um diese Farben zu wechseln, gehen Sie zu Ihrem Farbfelder Panel. Klicken Sie auf das Symbol für das Dropdown-Menü. Wählen Sie eine vorgefertigte Palette aus der Liste der Optionen von Adobe.

Sie können auch eine benutzerdefinierte Farbpalette laden, wenn Sie bereits eine erstellt haben. Wenn Sie noch keine erstellt haben, lesen Sie unser Tutorial So erstellen Sie eine benutzerdefinierte Farbpalette in Photoshop.

Nachdem die neue Palette geladen wurde, kehren Sie zu Ihrer zurück Füllen und Schlaganfall Optionen für Ihr benutzerdefiniertes Formwerkzeug. Wählen Sie die Farben aus, die Sie verwenden möchten.

Danach gehen Sie zu Ihrem Gestalten Dropdown-Menü und wählen Sie das Design, das am besten für Ihr Bild geeignet ist.

Scrollen Sie für dieses Tutorial nach unten, bis Sie den hohlen Kreis und die quadratischen Formen finden. Wählen Sie den hohlen Kreis aus, der als Bilderrahmen verwendet werden soll (hier in rot).

Adobe verfügt zwar über viele vorgefertigte Frames, diese sind jedoch für unseren Zweck etwas zu ausgefallen. Dieser Kreis sollte den Trick machen.

Schritt 3: Zeichnen Sie Ihre Form

Nachdem Sie Ihre Form ausgewählt haben, klicken Sie und ziehen Sie den Cursor über die Seite, um sie zu erstellen.

Wenn Sie Ihr Bild versehentlich von der Seite gezeichnet haben - wie ich -, machen Sie sich keine Sorgen. Sie können entweder die verwenden Pfadauswahl-Tool oder der Werkzeug verschieben um deinen Rahmen zu zentrieren. Es wurde hier rot hervorgehoben.

Schritt 4: Wenden Sie einen Ebenenstil an

Sobald Sie Ihren Rahmen zentriert haben, möchten Sie möglicherweise einen Effekt darauf anwenden, damit er „3D“ aussieht.

Gehen Sie dazu zu Ihrem Schicht Bedienfeld und doppelklicken Sie auf die Ebene, die Ihre Form enthält. Es erscheint eine Box mit der Aufschrift Ebenenstil.

Unter Fülloptionen, du wirst sehen Abschrägung & Prägung. Klicken Sie auf diese Option, um sie zu aktivieren, und stellen Sie sicher, dass das Kontrollkästchen neben dem Namen ausgefüllt ist.

Sobald dieses Häkchen aktiviert ist, sehen Sie, dass Ihr Fotorahmen eine bessere 3D-Qualität angenommen hat.

Unter dem Struktur Im Abschnitt können Sie auswählen, welche Art von Abschrägung auf Ihre Form angewendet werden soll, die Tiefe der Abschrägung, die Größe und wie stark Sie die Kanten weicher machen möchten.

Unter Schattierungkönnen Sie das Aussehen Ihrer Highlights ändern. Sie können den Winkel ändern, in dem das Licht auf das Objekt trifft, und auch, wie das Licht mit dem Objekt interagiert.

Wenn Sie alle Einstellungen zu Ihrer Zufriedenheit vorgenommen haben, klicken Sie auf okay.

Schritt 5: Rastern Sie Ihre Ebene

Nachdem Sie Ihre Abschrägung beendet haben, möchten Sie Ihren Rahmen auswählen, um eine "Rahmenauswahl" zu erstellen. Auf diese Weise können Sie die „Form“ zu einem späteren Zeitpunkt aufrufen und einfach eine Farbfüllung in die Form dieser Auswahl einfügen - nur in einer anderen Ebene.

Stellen Sie sich das wie eine Verknüpfung zur Bearbeitung vor.

Wenn Sie Ihre auswählen Zauberstab-WerkzeugStellen Sie sicher, dass Ihr Bild aktuell auf eingestellt ist 16 Bits. Andernfalls erhalten Sie eine Warnung von Photoshop.

Wenn dies nicht der Fall ist, klicken Sie auf Bild> Modus> 16 Bit. Da Sie in verschiedenen Ebenen arbeiten, werden Sie in Photoshop gefragt, ob Sie diese Ebenen zusammenführen möchten, wenn Sie die Dokumenttiefe verringern.

Klicken Nicht zusammenführen. Sie möchten immer noch, dass diese Ebenen getrennt werden.

Nachdem Sie die Tiefe Ihres Bildes geändert haben, müssen Sie Ihre Ebene noch "rastern", um Ihren Zauberstab verwenden zu können. Dies bedeutet, dass Sie eine Vektorgrafik in eine pixelbasierte konvertieren.

Um Ihre Ebene zu rastern, klicken Sie mit der rechten Maustaste auf die Ebene, die Ihren Fotorahmen enthält, und wählen Sie Ebenenstil rastern.

Schritt 6: Treffen Sie eine Auswahl

Als nächstes gehen Sie zurück zu Ihrem Zauberstab-Werkzeug und wählen Sie den leeren Bereich innerhalb und außerhalb Ihres Bilderrahmens aus.

Wenn diese beiden Bereiche ausgewählt sind, klicken Sie mit der rechten Maustaste auf den leeren Bereich und wählen Sie Wählen Sie Inverse. Photoshop wählt stattdessen die Form Ihres Rahmens aus.

Dies mag wie ein komplizierter Schritt erscheinen, aber es gibt einen guten Grund, die Auswahl in dieser Reihenfolge vorzunehmen.

Wenn Sie versuchen, direkt auf Ihren 3D-Rahmen zu klicken, wählt Photoshop nur die Farben mit genau demselben Wert und Farbton aus - nicht das Ganze.

Mit Wählen Sie InverseJetzt haben Sie eine saubere Auswahl Ihres Rahmens.

Um diese Auswahl für die weitere Verwendung zu speichern, gehen Sie zu Ihrer Menüleiste oben in Ihrem Arbeitsbereich. Klicken Wählen Sie> Auswahl speichern.

Geben Sie Ihrer Auswahl einen aussagekräftigen Namen und klicken Sie dann auf okay.

Schritt 7: Passen Sie die Farbe an

Nachdem Sie Ihren Online-Fotorahmen erstellt haben, möchten Sie möglicherweise die Farbe anpassen.

Um die Farbe anzupassen, gehen Sie zu Ihrem Lagen und erstellen Sie eine neue Ebene über der Ebene, die Ihren Bilderrahmen enthält. Dann klick Wählen Sie> Auswahl laden.

Von dem Kanal Wählen Sie in der Dropdown-Liste die Auswahl aus, die Sie für Ihren Bilderrahmen getroffen haben.

Sobald die Auswahl aktiv ist, gehen Sie zu Ihrem Farbeimer oder Gradient Werkzeug, und wenden Sie etwas Farbe auf diese Ebene. Es bleibt innerhalb der Grenzen dieser Auswahl.

Nachdem Sie Ihre Farbe festgelegt haben, möchten Sie, dass sie mit dem darunter liegenden Bilderrahmen interagiert.

Klicken Sie dazu auf die Mischmodus Dropdown-Menü in Ihrem Lagen Panel. Wähle einen Effekt.

Wie Sie sehen können, hellt dieser Effekt meinen Rahmen auf und nimmt gleichzeitig die hellen und dunklen Farbtöne der darunter liegenden 3D-Abschrägung auf.

Schritt 8: Fügen Sie Ihr Bild hinzu

Nachdem Sie mit dem Bilderrahmen fertig sind, möchten Sie wahrscheinlich ein Bild darin platzieren. Um diesen Teil zu demonstrieren, habe ich einen Kopfschuss von mir verwendet.

Um diesen Headshot in Ihren Frame zu bringen, wählen Sie die Bewegung Klicken Sie dann auf und ziehen Sie Ihren Headshot auf die Registerkarte "Datei" für Ihren Bilderrahmen oben. Ich habe die Registerkarte rot hervorgehoben.

Sobald Sie den Headshot auf die Registerkarte ziehen, bringt Photoshop den Headshot in Ihren Bilderrahmen-Arbeitsbereich.

Geben Sie die Datei frei. Photoshop platziert den Headshot automatisch in einer neuen Ebene in Ihrem Lagen Panel.

Sobald sich dieser Headshot in einer neuen Ebene befindet, verschieben Sie diese Headshot-Ebene unter Ihre Bilderrahmenebene. Der Rahmen muss oben sichtbar sein.

Passen Sie den Kopfschuss bei Bedarf an Ihren Rahmen an, indem Sie loslegen Bearbeiten> Freie Transformation. Ziehen Sie die Ankerpunkte nach innen, um sie zu verkleinern.

Wechseln Sie als Nächstes zu Ihrer Bilderrahmenebene. Aktivieren Sie Ihre Zauberstab Wählen Sie dann den Raum um die Außenseite Ihres Rahmens aus.

Sobald der Bereich außerhalb Ihres Rahmens ausgewählt ist, kehren Sie zu Ihrer Headshot-Ebene zurück. Gehen Sie zum Menü oben auf dem Bildschirm und klicken Sie auf Bearbeiten> Schnitt.

Dadurch wird der Rest Ihres Bildes schnell außerhalb Ihres Rahmens entfernt, wodurch der „bildähnliche“ Effekt entsteht.

Schritt 9: Speichern Sie Ihre Datei für das Web

Nachdem Sie Ihren Kopfschuss eingefügt und Ihren Bilderrahmen fertiggestellt haben, können Sie ihn speichern.

Stellen Sie vor dem Speichern sicher, dass die Hintergrundebene in Ihrer Datei deaktiviert ist. Ihr Bilderrahmen ist rund und wird transparent sein. Wenn Sie diese Hintergrundebene beibehalten, wird diese Transparenz nicht beeinflusst.

Nachdem Sie Ihren Hintergrund deaktiviert haben, gehen Sie zu Datei> Exportieren> Für Web speichern (Legacy). Speichern Sie Ihre Datei als PNG. Und da hast du es. Sie sind fertig.

Anpassen Ihrer Online-Präsenz

Nachdem Sie nun wissen, wie Sie einen digitalen Fotorahmen erstellen, können Sie damit Ihre Online-Präsenz anpassen und so ein einheitliches Erscheinungsbild für verschiedene Websites und Apps erhalten.

Beenden Sie Ihre Photoshop-Ausbildung dort jedoch nicht. Wir empfehlen zu lernen So erstellen Sie mit Photoshop einen benutzerdefinierten Verlauf So erstellen Sie einen benutzerdefinierten Verlauf mit Photoshop CCIn diesem Artikel erfahren Sie in vier einfachen Schritten, wie Sie mit Photoshop CC einen benutzerdefinierten Verlauf erstellen. Weiterlesen Nächster.