Erstellen Sie Stilrahmen in Photoshop

Feb 2, 2026
wie man

Ein Stilrahmen ist ein Schnappschuss eines fertigen Rahmens, da er in einer längeren Animation aussehen würde. Es zielt darauf ab, das gesamte Look und das Gefühl eines animierten oder live Action-Videos zu erfassen, sondern in einem Standbild.

Style-Frames können dazu beitragen, die Farben, Medien, Texturen, Fotografie und Assets zu erfassen, die Sie in Ihrem Video verwenden möchten. Einen Kunden zeigt sowohl ein Storyboard als auch ein Style-Frames ist eine hervorragende Möglichkeit, um sicherzustellen, dass beide auf derselben Seite sind, um mit dem Projekt zu erwarten.

  • Meistere die Kunst der Storyboarding

These examples are very different, but all do a great job of communicating what the final piece will look like [click the icon to enlarge the image]

Diese Beispiele sind sehr unterschiedlich, aber alle tun eine großartige Aufgabe, um zu kommunizieren, was das letzte Stück aussieht, als klicken Sie auf das Symbol, um das Bild zu vergrößern]

Sie können in den Beispielen oben sehen, dass Style-Frames nicht jedes Frame des Videos zeigen, als ein Storyboard.

Lassen Sie uns in das, was es braucht, um Stilrahmen in Photoshop zu erstellen. Wir konzentrieren uns auf einige der wichtigsten Techniken, die Sie kennen müssen, um Multi-Photo-Verbundstoffe zu erstellen, die sich alle anfühlen, als ob sie Teil derselben Arbeit sind.

Für dieses Tutorial verwenden wir ein Beispiel für eine Titelsequenz, die einer neuen Fernsehsendung vorausgeht. Diese Show hat Themen von Mysterium, vorgefasste Vorstellungen über den Unterricht, und es basiert in der Nähe des Ozeans.

  • 5 beste Laptops für Photoshop

01. Beginnen Sie mit einem einzelnen Bild

This image will be our starting point. Click the image to download it

Dieses Bild ist unser Ausgangspunkt. Klicken Sie auf das Bild, um es herunterzuladen, um sie herunterzuladen

Zunächst schauen wir uns den Stern unserer Show an. Das Foto oben wird unser Ausgangspunkt sein, und ich habe viele Pläne dafür. Ich möchte unseren Helden aus dem Hintergrund isolieren, ein paar Neonlichtschlaufen um sie herum einpacken und sie integrieren, indem Sie die Beleuchtung einstellen.

02. Schneiden Sie die Figur aus

Start by quickly selecting the rough silhouette [click the icon to enlarge the image]

Beginnen Sie mit der schnellen Auswahl der rauen Silhouette [Klicken Sie auf das Symbol, um das Bild zu vergrößern]

Beginnen Sie mit dem Schnellauswahl-Tool, um die meiste Schattenbild der Figur zu erhalten. Klicken Sie oben auf die Schaltfläche Select and Mask, und ein Eigenschaftendialogfeld wird angezeigt. Stellen Sie sicher, dass Ihre Ansicht auf Zwiebelhaut eingestellt ist, und drehen Sie den Transparenzschieberegler nach unten, sodass Sie den Bereich sehen, den Sie bereits abgemasert haben.

03. Fokus auf das Haar

Lassen Sie uns nun mit diesen wabigen Haaren umgehen. Es wäre schwierig gewesen, diese mit nur dem REFINGINE-Auswahlwerkzeug zu schneiden, aber Photoshop CC 2017. Neue Wähl- und Maskenfunktionalität machen die Dinge viel einfacher, sogar in Anbetracht der geringen Lichtverhältnisse in unserem Bild.

Schnappen Sie sich das Refine Edge Pinsel Tool und malen Sie es über diese Haare. Jetzt kreisten Sie die Transparenz wieder auf bis zu 100%, um zu sehen, wo Sie das Bürstenwerkzeug verwenden müssen, um alle Bereiche zurückzubringen, in denen Sie es übertrieben haben.

04. Finalisieren Sie Ihre Auswahl

Refine your selection until you're happy with the result [click the icon to enlarge]

Verfeinern Sie Ihre Auswahl, bis Sie mit dem Ergebnis zufrieden sind [Klicken Sie auf das Symbol, um es zu vergrößern]

Wiederholen Sie diese Schritte hin und her, bis Sie mit der Haarauswahl zufrieden sind. Erhöhen Sie an diesem Punkt Ihre Schaltkante nur geringfügig sowie den Kontrast, und fügen Sie ein Bit von Federn (2PX) hinzu. OK klicken. Klicken Sie auf die Schaltfläche "Layer Mask", um diese Auswahl an eine Maske zu begehen.

05. Passen Sie den Hintergrund an

Fügen Sie nun einen festen Hintergrund hinzu. Verwenden Sie den Farbauswahl, der mit einem dunklen Farbton in der Figurenjacke übereinstimmt. Sie könnten feststellen, dass die Auswahl nicht so perfekt aussieht, jetzt ist es auf einem dunklen Hintergrund isoliert - mach dir keine Sorgen, wir werden das mit der Nachbeutung abdecken.

06. Malen Sie in einigen Neonlichtern

The swirls should both overlap the figure’s head [click the icon to enlarge]

Die Wirbel sollten den Kopf der Abbildung überlappen [Klicken Sie auf das Symbol, um es zu vergrößern]

Bevor Sie zu jeder Nachbeule kommen, fügen Sie diese Neonlichter hinzu. Wählen Sie zwei Farben aus dem subtilen Sonnenuntergang im Originalhintergrund: ein weiches Rosa und Blau. Stellen Sie mit dem Stiftwerkzeug im Formmodus die Füllung auf keinen und den Schlaganfall mit einem Ihrer Farben ein. Stellen Sie die Hubbreite auf 26px ein.

Jetzt können Sie Spaß haben - auf zwei verschiedenen Schichten, zeichnen Sie einige rosa und blaue Neonstrudel.

07. Fügen Sie ein Glanz hinzu

A narrower, white strip creates the illusion that the lights are glowing [click the icon to enlarge]

Ein schmalerer, weißer Streifen erzeugt die Illusion, dass die Lichter glühend sind [Klicken Sie auf das Symbol, um es zu vergrößern]

Jetzt kopieren Sie beide Formen, ändern Sie die Hubfarbe auf Weiß und verringern Sie die Hubbreite auf 9px. Dieser weiße Streifen sollte in der Mitte jedes Swirls sitzen - wenn Sie bemerken, dass er nicht richtig aufgereiht ist, wählen Sie alle Ihre Striche aus und verwenden Sie den Dropdown-Typ Set Form Hub-Takt, um die Center-Ausrichtung zu wählen.

Ändern Sie die Feder der breiteren Schläge auf 9px und die Feder der engen weißen auf 5px. Wenn Sie das Gefühl haben, dass der Effekt nicht lebendig genug ist, kopieren Sie die farbigen Striche und Federn sie mit 6 PX.

Bereinigen und gruppieren Sie alle diese, indem Sie sie auswählen und die Schaltfläche der Gruppe erstellen klicken. Fügen Sie der Gruppe schließlich eine Schichtmaske hinzu und malen Sie den Bereich der Lichter, die hinter dem Kopf der Figuren gelangen.

08. Beginnen Sie die Beschleunigung

Use the neon shades to paint over the wispy hairs [click the icon to enlarge]

Verwenden Sie die Neonschirme, um über die wispy-Haare zu malen [Klicken Sie auf das Symbol, um es zu vergrößern]

Erstellen Sie ein paar neue Ebenen und malen Sie mit den rosafarbenen und blauen Farbwechseln ein paar neue Ebenen und malen Sie ein paar neue Schichten. Es sollte rau und verrückt aussehen.

Konvertieren Sie alle Ihre lackierten Ebenen für Smart Filter und fügen Sie Gaußsche Unschärfe hinzu. Sie möchten die größten Striche am meisten verwischen - für kleinere Striche möchten Sie vielleicht sogar die Deckkraft ablehnen.

09. Maskieren Sie Ihre Schichten

Save time by reusing our mask from earlier [click the icon to enlarge]

Sparen Sie Zeit, indem Sie unsere Maske von früher wiederversetzen [Klicken Sie auf das Symbol, um es zu vergrößern]

Wir müssen diese Schichten maskieren, aber anstatt eine neue Maske zu erstellen, können wir einfach denjenigen wiederverwenden, den wir zuvor für den Hintergrund gemacht haben. Halt Alt und klicken Sie auf die Maske auf dem ursprünglichen Foto. Dann getroffen cmd + A. um alle auszuwählen, und cmd + c. Kopieren. Wählen Sie jede der Layer, die Sie einzeln lackiert haben, und fügen Sie ihnen Layer-Masken hinzu. Alt + Klick in jeden dieser Masken und Hit cmd + v. die kopierte Originalmaske einfügen.

10. Verfeinern Sie Ihre Arbeit

Change the blend modes on your relighting layers [click the icon to enlarge]

Ändern Sie die Mischungsmodi in Ihren Rennschichten [Klicken Sie auf das Symbol, um es zu vergrößern]

Gehen Sie in jeden dieser Masken und malen Sie Schwarz über alle Bereiche, die Sie für zu viel Farbe haben. Sie können das Smudge-Werkzeug auch im Abschnitt LIGHT Painting verwenden, um etwas von dieser Weihnachtseinheit hinzuzufügen.

Ändern Sie die Mischungsmodi für diese Ebenen an so etwas wie leichter, Bildschirm oder sogar Farbe Dodge. Ich fügte eine weitere Schicht freihändiger Malerei auf den Haaren hinzu, um es etwas mehr Farbkabine zu geben. Legen Sie alle diese Schichten in eine Gruppe, die als "REVIGHITING" bezeichnet wird.

11. Fügen Sie etwas Staub hinzu

Motion-blurred dust particles really bring the image together [click the icon to enlarge]

Bewegungsunscharfe Staubpartikel bringen das Bild wirklich zusammen [Klicken Sie auf das Symbol, um es zu vergrößern]

Jetzt, um es wirklich zusammenzuziehen, möchte ich eine Schicht auf alles hinzufügen, was wie ein beweglicher Bewegungsstaub aussieht ( Laden Sie dieses Foto von Shutterstock herunter ).

Legen Sie das Foto an der Oberseite des Schichtstapels und ändern Sie es bei Bedarf, damit sie die gesamte Leinwand abdeckt. Ändern Sie den Mischungsmodus in den Bildschirm. Fügen Sie eine Helligkeits- und Kontrasteinstellschicht hinzu und Alt + Klick Zwischen der Einstellung und der Staubschicht, um die beiden zusammen zu schneiden, so beeinflusst die Staubschicht keine anderen Schichten.Verringern Sie die Helligkeit leicht und kreisten Sie den Kontrast.

Nächste Seite: Fügen Sie Ihrem Stil-Rahmen zwei weitere Bilder hinzu und binden Sie alle Farben zusammen

  • 1.
  • 2.

Aktuelle Seite: Seite 1


wie man - Die beliebtesten Artikel

Krita-Tutorials: Erlernen Sie die Grundlagen der digitalen Kunstsoftware

wie man Feb 2, 2026

Seite 1 von 2: Krita Tutorial: Finden Sie Ihren Weg herum Krita Tutorial: Finden Sie Ihren Weg herum K..


So nehmen Sie einen Screenshot auf einem Mac

wie man Feb 2, 2026

(Bildkredite: Kreativer BLOQ) Wenn Sie einen gesamten Bildschirm, ein Fenster oder nur einen ausgewählten Teil Ihres..


Erstellen Sie eine seo-freundliche Kopfkomponente für NextJs / Reagieren Sie

wie man Feb 2, 2026

(Bildkredite: Negativer Raum auf Pexels) Während der Reaktion ist eine leistungsstarke JavaScript-Bibliothek, die ni..


Machen Sie Ihre App offline mit Service-Arbeitern

wie man Feb 2, 2026

Seite 1 von 2: Seite 1: schnelleres Laden Seite 1: schnelleres Laden ..


So erstellen Sie eine progressive Web-App

wie man Feb 2, 2026

Mobile macht nun über den Hälften des WEB-Verkehrs aus, und Webanwendungen ermöglichen es Benutzern die Möglichkeit, Dinge im..


Erstellen Sie qualität digitale Kopien Ihrer Kunst

wie man Feb 2, 2026

Es geht nicht nur darum, es zu schaffen, es geht auch darum, es zu teilen. Sobald Sie eine schöne Arbeit gemacht haben, sind Sie stolz darauf, es ist nur natürlich, dass Sie möchten, dass ..


Die Pro-Anleitung zur Erstellung von 3D-Texturen

wie man Feb 2, 2026

Fünf herausragende Künstler zeigen die Tricks ihres Handels, erklären, wie man städtische, Sci-Fi-, natürliche, stilisierte ..


Erstellen Sie eine Spielumgebung in der Unreal Engine 4

wie man Feb 2, 2026

Verwenden meines Unreal Engine 4 Projekt Die letzte Haltestelle als Beispiel möchte ich Ihnen einige wichtige Schritte zeigen, u..


Kategorien