Share
Was Sie erstellen werdenNeben der Beliebtheit des 80er-Jahre-Stils war der Glitch-Effekt in den letzten Jahren weit verbreitet. Es erscheint in Archivfotos, Texteffekten und natürlich in Videos.
In diesem Lernprogramm simulieren wir eine Animation eines RGB-Glitch-Effekts mit Adobe Photoshop. Ich schlage vor, dass Sie einige Fotovorlagen auf GraphicRiver durchsehen, um diesen Trend zu verstehen.
Um diesem Tutorial zu folgen, werden wir die folgenden Ressourcen verwenden:
Mach ein Neues Dokument mit der Größe 450 px x 700 px. Drücke den OK Taste. Es ist wichtig, seine zu setzen Farbmodus zu RGB-Farbe.
In diesem Tutorial fügen wir einem kostenlosen Foto von Pixabay eine Störung hinzu. Kopieren und dann Einfügen das Foto auf die leere Leinwand. Abhängig von den Bildmaßen müssen Sie möglicherweise die Größe ändern.
Benennen Sie die Ebene Bild. Rechtsklick die Ebene und dann auswählen In intelligentes Objekt konvertieren. Es ist wichtig, das Basisbild in ein Smart-Objekt zu konvertieren, um die Bildqualität zu erhalten und den Inhalt leicht bearbeiten zu können.
Wenn Sie mit dem Konzept von a nicht vertraut sind Intelligentes Objekt, Ich schlage vor, Sie lesen diesen kurzen Artikel von Martin Perhiniak. In dem Schichten Panel, a Intelligentes Objekt wird durch ein schwarzweißes Symbol in der rechten unteren Ecke der Miniaturansicht der Ebene angezeigt.
Wir werden viele Layer verwenden, daher ist es immer eine gute Angewohnheit, sie mit Gruppen-Layern zu organisieren. Neues hinzufügen Gruppe schichten und benennen RGB-Störimpulsanimation. Wir werden mit dem ersten Frame beginnen. Fügen Sie innerhalb der Gruppenebene ein weiteres Sub hinzu Gruppe schichten und benennen 1.
Duplikat das Bild intelligente Schicht für Alt ziehen es in die Gruppe 1.
Wir müssen die Bildüberblendungsoptionen nur auf bestimmte Kanäle beschränken. Doppelklick Die intelligente Ebene haben wir gerade dupliziert und dann die Auswahl aufgehoben G und B. Benennen Sie die Ebene R zum Roter Kanal.
Zunächst scheint es nichts zu passieren. Wir werden später darauf zurückkommen. Zur Zeit, Duplikat die Ebene zweimal und wählen Sie nur die G und B Aktivieren Sie die entsprechenden Kontrollkästchen, um die grünen und blauen Kanäle zu aktivieren. Nennen Sie diese beiden Schichten G und B.
Was genau passiert hier also? Das Bild besteht aus drei Farben oder Kanäle, , um die auf dem Bildschirm angezeigten Farben wiederzugeben. In dem Fortgeschrittenes Mischen Option aktivieren wir nur einen Kanal. Nachfolgend sehen Sie, was ist, wenn das Originalbild ausgeblendet ist und nur die Ebene ist R(Roter Kanal) wurde offenbart.
Und genau dies passiert, wenn die Bildebene sichtbar wird. Wenn es offenbart ist, werden wir alles haben rot, Grün, und Blaue Kanäle aktiv, das als normales Bild endet.
Übernehmen Sie die verfügbaren Verzerrungsfilter auf die eine Kanalebene. Klicken Filter> Verzerren> Welle. Verwenden Sie eine kleine Anzahl der Generatoren. Wir möchten nicht, dass das Ergebnis zu extrem ist. Da verwenden wir eine Intelligentes Objekt, wir haben einen zusätzlichen vorteil mit dem filter. Der Filter wird automatisch in einen zerstörungsfreien Filter umgewandelt Intelligenter Filter die jederzeit frei editierbar ist.
Wiederholen Sie die Verzerrungsfilter auf der anderen Schicht. Sie können den letzten Filter mit der Verknüpfung sofort auf die aktive Ebene anwenden Steuerung-F. Wenn Sie den Parameter zuerst bearbeiten möchten, verwenden Sie Strg-Alt-F. In dem Welle Klicken Sie im Dialogfeld zum Filtern auf Randomize eine andere Art von Verzerrung machen.
Wiederholen Sie einen ähnlichen Verzerrungseffekt für die verbleibende Ebene.
Wir brauchen mehr Verzerrung. Duplikat alle drei schichten. Alt-Ziehen um sie zu duplizieren.
Um das Ergebnis zu unterscheiden, können wir das ändern Welle Filtereinstellung. Dies kann durch gemacht werden Doppelklick sein Name in der Intelligenter Filter Liste. Das Welle Das Dialogfeld wird geöffnet, und Sie können die Parameter ändern. Oder Sie können auch andere probieren Verzerrungsfilter, sowie Scheren.
Alt-Klick das Ebenenmaske hinzufügen Symbol zu verbergen die Schicht. Tun Sie dies für alle Ebenen.
Wir brauchen mehr Ebenen für den nächsten Frame. Duplikat die Gruppenschichtund benennen Sie die Kopien 2, 3, 4, und 5.
Wir fangen an, die Panne zu enthüllen. Schlagen D um die Hintergrundfarbe auf Weiß zurückzusetzen. Treffen Sie eine neue Auswahl mit Rechteckig Festzelt Werkzeug. Schlagen Control-Delete zu Füllen die Auswahl mit Weiß und enthüllen den ausgewählten Bereich.
Wiederholen Sie diesen Schritt auf den anderen Ebenen in jeder Gruppenebene. Halten Sie zum Hinzufügen mehrerer Auswahlen gedrückt Verschiebung beim Ziehen der Rechteckiges Laufschriftwerkzeug. Wie in den vorherigen Schritten, Füllen die Auswahl mit Weiß.
Jetzt möchten wir das subtile Muster der Scanlinie hinzufügen, das in alten VHS-Videos angezeigt wird. Mach ein Neu Dokumentieren mit einer Leinwandgröße von 5 px x 3 px.
Füge hinzu ein Neue Schicht. Füllen die obere Hälfte der Leinwand mit schwarz. Wir brauchen das nicht Hintergrund eben so eben verbergen Klicken Sie auf das Symbol oder einfach auf Löschen es.
Wählen Sie den gesamten Leinwandbereich aus. Klicken Bearbeiten> Muster definieren Speichern der Leinwand als Muster. Geben Sie ihm einen erkennbaren Namen wie tv-scanline. Wir brauchen die Musterdatei nicht mehr. Wir haben das Muster bereits gespeichert. Sie können es einfach schließen, ohne zu speichern.
Kehren Sie zu unserer Hauptfehler-Datei zurück. Füge hinzu ein Neue Schicht und nennen Sie es tv scanline. Klicken Bearbeiten> Füllen. Wählen Inhalt: Muster und wähle das aus tv-scanline Muster, das wir früher gemacht haben.
Wir möchten, dass das Muster subtil bleibt. Reduziere es Opazität bis etwa 40%.
Fügen wir einen Vignetteneffekt hinzu. Füge hinzu ein Neue Schicht und dann ein sehr großes und verwenden Weiche runde Bürste auf die Ecke der Leinwand schwarz malen. Reduziere die Ebene Opazität um den Vignetteneffekt subtil zu halten.
Hinzufügen eine neue Ebene und fügen Sie dann dem Rand der Leinwand zufällige Farben hinzu.
Wenn wir wollen, können wir einen Teil des Kanals ausschalten.
Wir fangen jetzt an, der Szene eine Animation hinzuzufügen. Öffne die Zeitleiste Panel aus dem Fenster Speisekarte. Drücke den Frame-Animation erstellen Taste.
Wir sind jetzt im ersten Frame. Für den ersten Frame, verbergen alle gruppenschichten innerhalb der RGB-Störimpulsanimation und enthüllen Sie nur die erste Gruppenebene. Stellen Sie sicher, dass die Bilddauer auf eingestellt ist 0,1 Sekunden und das Schleife Einstellung auf Für immer.
Zeigen Sie für das zweite Bild die zweite Gruppenebene und an verbergen die Anderen. Zeigen Sie für das dritte Bild die dritte Gruppenebene usw. an.
Wir können fortfahren Duplizieren die Gruppenebene für den sechsten Frame usw., aber die Dateigröße wird dadurch erheblich erhöht. Wir können dies umgehen, indem wir eine zufällige Kombination von Ebenen aus allen Gruppenebenen freigeben.
Fügen Sie der Szene weitere Bilder hinzu. Sie können das Animationsergebnis testen, indem Sie auf klicken abspielen Symbol auf der Unterseite des Zeitleiste Panel.
Zu sparen die Animation drücken Control-Shift-Alt-S den Riesen zu öffnen Speichern Sie für Web Dialogbox. Dateityp auswählen: GIF. Es ist derzeit die einzige vernünftige Art von Bilddatei, die Animationen unterstützt. GIF hat begrenzte Farben und kann dem endgültigen Bild einen pixelierten oder blockigen Look verleihen. Um eine höhere Qualität zu erreichen, können Sie die Anzahl der verwendeten Farben und deren Verwendung erhöhen Diffusion in dem Dithering Dropdown-Option. Drücke den sparen Taste.
Hinweis: Da die endgültige GIF-Größe größer als 200 KB ist, was die Einschränkung für ein Envato Tuts + -Bild ist, müssen wir es als Film zeigen:
Denken Sie daran, dass wir eine Intelligentes Objekt und seine Kopien in diesem Projekt. Jede Kopie des intelligenten Objekts, das wir in jede Gruppenebene eingefügt haben, ist identisch. Wir können eine davon bearbeiten Intelligente Objekte und alle seine Instanzen werden automatisch aktualisiert. So bearbeiten Sie das Bild, Doppelklick Der Erste Intelligentes Objekt dass wir an der Wurzel der Schichten Panel. Wir können jedes Smart-Objekt verwenden, aber dieses Objekt ist viel praktischer, da es nicht in der Gruppenebene verborgen ist.
Das Intelligentes Objekt wird als separate Bilddatei geöffnet.
Versuchen wir ein anderes kostenloses Bild von Pixabay. Ziehen Sie das Bild und legen Sie es ab. Passen Sie die Größe ggf. an. Sobald Sie mit dem Ergebnis zufrieden sind, sparen und schließen Sie die Datei.
Kehren Sie zur ursprünglichen animierten RGB-Glitch-Datei zurück, in der das Bild automatisch aktualisiert wird.
Export die neue szene als GIF Datei.
Schauen Sie sich dieses animierte Ergebnis unten an:
Unten ist das Endergebnis unseres Tutorials im Videoformat. In diesem Tutorial können wir sehen, dass wir nur ein paar einfache Bearbeitungen vorgenommen haben und mit den Kanaleinstellungen herumspielen. Ich hoffe, Sie haben einige neue Techniken durch das Folgen dieses Tutorials gelernt, genau wie ich es beim Schreiben geschrieben habe.
Vergessen Sie nicht, Ihr endgültiges GIF-Ergebnis mitzuteilen. Ich würde es gerne sehen. Danke fürs Lesen.
Accentsconagua