Share
Was Sie erstellen werdenIn diesem Lernprogramm lernen Sie, drei verschiedene Glitch-Techniken mit Adobe Illustrator zu erstellen. Wir werden mit Vektoren arbeiten, sodass wir die Größe der Elemente beliebig ändern können, ohne dabei an Qualität zu verlieren.
Sie benötigen die folgenden Ressourcen, um dieses Projekt abzuschließen:
Laden Sie das Bild herunter und installieren Sie die Schriftart. Nun können Sie loslegen!
Für dieses Tutorial beginnen wir mit einer Illustrator-Datei. Wir erstellen separate Zeichenflächen, während wir das Tutorial durcharbeiten.
Im Illustrator, gehe zu Datei> Neu. Benennen Sie das Dokument Vektor-Störungen. Stellen Sie das ein Einheit zu Pixel und das Breite zu 600 px und Höhe zu 600 px. Stellen Sie das ein Farbmodus zu RGB und das Auflösung zu 72 Pixel / Zoll. Klicken OK.
Wir werden kleinere Muster erstellen, die wir später kombinieren werden, um eine größere Komposition zu erstellen.
Wählen Sie in der Symbolleiste das aus Rechteckwerkzeug (M). Klicken Sie auf die Zeichenfläche, um das Fenster aufzurufen Rechteck-Optionsfenster. aktivieren Sie Breiten- und Höhenanteile einschränken, undstellen Sie das ein Breite und Höhe zu 15 px. Klicken OK.
Erstellen Sie ein Schachbrettmuster, indem Sie das Quadrat multiplizieren. Drücken Sie Option-Shift und ziehen Sie das Quadrat diagonal. Wählen Sie beide Formen aus und multiplizieren Sie sie durch Drücken von Option-Shift und ziehen sie vertikal. Wählen Sie alle Formen aus und drücken Sie Option-Shift, und ziehen Sie horizontal.
Durch Drücken Möglichkeit, Wir multiplizieren die Form. Durch Kombinieren Option-Shift, Wir multiplizieren und behalten die vertikale / horizontale Ausrichtung bei.
Gruppieren Sie das Muster, indem Sie alle Formen auswählen und drücken Befehl-G.
Multiplizieren Sie das Muster durch Drücken von Befehlstaste und ziehen. Verändern Sie die Größe des Vektors, indem Sie die Muster horizontal strecken und verkürzen.
Für die Muster auf der rechten Seite kopieren Sie das Muster durch Drücken von Befehlstaste und ziehen. Doppelklicken Sie auf das multiplizierte Muster, um es zu betreten Isolierter Modus. Verwendung der Auswahlwerkzeug (V), Wählen Sie einige Elemente aus und löschen Sie sie.
Sie können innerhalb dieser Parameter Ihr eigenes Muster erstellen.
Lassen Sie uns die vertikalen und horizontalen Linien erstellen. Wählen Sie in der Symbolleiste das aus Rechteckwerkzeug (M). Klicken Sie auf die Zeichenfläche für die Rechteck-Optionsfenster. Deaktivieren Breiten- und Höhenanteile einschränken, und setze das Breite zu 7 px und das Höhe zu 35 px. Klicken OK.
Duplizieren Sie das Element durch Drücken von Befehlstaste und einmal horizontal ziehen. Sie können den Abstand zwischen diesen beiden Elementen festlegen. Wenn Sie die Form dupliziert haben, drücken Sie Befehl-D die Aktion mehrmals wiederholen. Mit diesem Trick können Sie die Form beliebig oft duplizieren.
Gruppieren Sie das Muster, indem Sie alle Formen auswählen und drücken Befehl-G.
Nun, da das Muster gruppiert ist, kopieren Sie es durch Drücken von Befehlstaste und ziehen. Bearbeiten Sie die Muster, indem Sie die Elemente in verschiedene Richtungen strecken. Sehen Sie sich das Bild unten für ein Beispiel an:
Erstellen Sie für das letzte Muster Rechtecke unterschiedlicher Größe und stapeln Sie sie. Wählen Sie in der Symbolleiste das aus Rechteckwerkzeug (M). Klicken und ziehen Sie, um auf der Zeichenfläche zu zeichnen. Ich habe einen Satz von vier Mustern verschiedener Formen nur mit Rechtecken erstellt. Fühlen Sie sich frei, dem Stapel weitere Rechtecke hinzuzufügen.
Gruppieren Sie die Formen, indem Sie die Elemente auswählen und drücken Befehl-G.
Nun, da wir alle Formen haben, erstellen wir die endgültige Komposition. Duplizieren Sie die Platine mit den Mustern, indem Sie drücken Umschalt-O und ziehen Sie das Brett. Denken Sie daran, Sie können halten Verschiebung um die vertikale / horizontale Ausrichtung beizubehalten.
Lassen Sie uns daran arbeiten, zB ein Puzzle zusammenstellen. Es gibt kein richtig oder falsch. Sie können die gruppierten Elemente beliebig vergrößern und verkleinern. Der Schlüssel ist, die Platine mit den Elementen zu verdecken, um ein sich nicht wiederholendes Muster zu erzeugen.
Nachdem wir nun die endgültige Komposition erstellt haben, wollen wir noch einige Details für den Kontrast hinzufügen.
Wählen Sie die Elemente auf der aktuell aktiven Karte aus, indem Sie drücken Wahl-Befehl-A, gefolgt von Befehl-2 die Elemente sperren.
Wählen Sie in der Symbolleiste das aus Rechteckwerkzeug (M). Erstellen Sie drei beliebige Rechtecke. Wählen Sie ein Rechteck aus und doppelklicken Sie auf das Füllen Farbe. In dem Farbwähler Fensteroption, setzen Sie den Farbwert auf # FF0000. Klicken OK. Stellen Sie die Farbe der anderen beiden Rechtecke auf # 00FF00 und # 0000FF.
Duplizieren Sie die Rechtecke und ordnen Sie sie wie im Bild unten vertikal und horizontal an. Dies erlaubt uns, die Elemente zusammen und getrennt zu verwenden.
Wählen Sie die neuen Elemente aus. Senden Sie die Elemente durch Drücken auf die Rückseite der Hauptkomposition Umschalt-Befehl- [. Multiplizieren Sie die Elemente durch Drücken von Möglichkeit und ziehen. Verteilen Sie die Rechtecke hinter den zuvor erstellten Mustern. Fühlen Sie sich frei, um ihre Größe zu ändern.
Gut gemacht! Denken Sie daran, dass Sie viele Iterationen dieses Musters erstellen können. Es gibt kein richtig oder falsch, solange Sie diesen einfachen Parametern folgen:
Erstellen Sie eine neue Tafel, indem Sie drücken Umschalt-O. Geh rüber zum Steuerung Bar, aktivieren Sie die Neues Board erstellen und klicken Sie in das Fenster. Wenn Sie nicht die haben Steuerung Bar offen, Kopf rüber Fenster> Steuerung um es zu aktivieren.
Wählen Sie in der Symbolleiste das aus Rechteckwerkzeug (M). Klicken Sie auf die Zeichenfläche, um das Fenster aufzurufen Rechteck-Optionsfenster. Aktivieren Sie das Breiten- und Höhenanteile einschränken, und setze das Breite und Höhe zu 600 px. Klicken OK.
Doppelklicken Sie auf das Füllen Farbe und stellen Sie die Farbe auf # 000000. Sperren Sie die quadratische Form, indem Sie sie auswählen und drücken Befehl-2.
Wählen Sie in der Symbolleiste das aus Textwerkzeug (T) und klicken Sie auf die Tafel, um sie einzugeben PANNE. Geh rüber zum Steuerung bar und stellen Sie die Schriftart auf Die Betriebsamkeit und das Größe zu 300 pt. Drücken Sie Umschalt-Befehl-O um den Text in Konturen umzuwandeln.
Gehe rüber zu Fenster> Ausrichten das aufziehen Ausrichten Panel. Wählen Sie den Textrahmen aus. Auf der Ausrichten klicken Sie auf die Schaltfläche Ausrichten auf: Taste und wählen Sie An Bord ausrichten. Unter Objekte ausrichten, wählen Horizontales Ausrichtungszentrum und Vertikales Zentrum ausrichten.
Wählen Sie in der Symbolleiste das aus Rechteckwerkzeug (M). Erstellen Sie rechteckige Linien über dem Text. Versuchen Sie, verschiedene Dicken und Abstände zwischen den Rechtecken zu haben.
Wir müssen das verwenden Pfadfinder Optionen. Wenn Sie dieses Panel nicht haben, gehen Sie zu Fenster> Pfadfinder um es zu thematisieren.
Verwendung der Auswahlwerkzeug (V), Wählen Sie die rechteckigen Linien und das Wort aus. Geh rüber zum Pfadfinder und klicken Sie auf Teilen Taste. Drücken Sie Umschalt-Befehl-G zu Gruppierung aufheben die Elemente.
Verwenden Sie die Direktauswahl-Tool (V) um die Elemente außerhalb der Buchstaben zu löschen. Folgen Sie dem Bild unten. Drücken Sie Befehl-G zu Gruppe die Elemente wieder.
Um einen Versatzfehler zu erzeugen, müssen wir das Wort duplizieren und einfärben, um einen 3D-Effekt zu erzeugen.
Drücken Sie, während Sie das Wort auswählen Shift-Option und klicken und ziehen Sie das Element, um es zu multiplizieren. Ziehen Sie das erste Duplikat etwas nach rechts. Doppelklicken Sie auf die Füllfarbe und verwenden Sie den folgenden Farbcode: # FF0000. Senden Sie das Element zurück, indem Sie drücken Befehl-[.
Duplizieren Sie das Wort erneut und drücken Sie Shift-Option, und klicken und ziehen, diesmal jedoch auf die linke Seite. Doppelklicken Sie auf die Füllfarbe und verwenden Sie den folgenden Farbcode: # 00FFFF. Senden Sie das Element durch Drücken auf die Rückseite Befehl-[.
Wählen Sie alle Elemente aus und drücken Sie Umschalt-Befehl-G zu Gruppierung aufheben. Wechseln wir zu Gliederungsansicht durch Drücken Befehl-Y. Auf diese Weise ist es einfacher zu erkennen, wo die Scheiben liegen.
Verwendung der Auswahlwerkzeug (V), Wählen Sie die erste rechteckige Division über dem Wort aus. Runter halten Verschiebung, und verschieben Sie die Slices mit Pfeil nach links / rechts auf deiner Tastatur. Denken Sie daran, dass Sie ausschalten können Gliederungsansicht jederzeit durch Drücken von Befehl-Y. Fahren Sie damit für die restlichen Partitionen fort.
Genial! Sie haben erfolgreich einen typografischen Glitch-Effekt erstellt. Dieser einfache Effekt kann großen Einfluss auf jeden Text haben. Vergewissern Sie sich, dass Sie Folgendes beachten:
Ziehen Sie die JPEG-Datei "Berge und Boot Nachtlandschaft" von Envato Elements in die Adobe Illustrator Fenster.
Drücken Sie Kommando Klicken Sie auf das Bild, um eine Zeichenfläche zu erstellen, die die gleiche Größe wie das Bild hat. Gehen Sie bei der Auswahl der Abbildung zum Symbol Steuerung Barund klicken Sie auf die Einbetten Taste.
Wählen Sie in der Symbolleiste das aus Rechteckwerkzeug (M). Klicken und ziehen Sie, um ein Rechteck außerhalb des Umfangs des JPEG-Bildes zu zeichnen.
Gehe rüber zu Objekt> Verlaufsgitter erstellen. Auf der Verlaufsgitter Fensteroption, stellen Sie das ein Reihen zu 25, Säulen zu 1, und Aussehen zu Eben. Klicken OK.
Wählen Sie beide Elemente, das Netz und die Abbildung aus. Gehe rüber zu Objekt> Umschlagverzerrung> Mit oberem Objekt.
Wählen Sie in der Symbolleiste das aus Direktauswahl-Tool (A). Sie werden feststellen, dass das Netz auf der linken und rechten Seite Knoten hat. Mit dem Direktauswahl-Tool (A), Wählen Sie links einen Knoten und rechts den jeweiligen Knoten aus. Halt Verschiebung und ziehen Sie beide Punkte nach rechts. So schaffen wir die Panne.
Verschieben Sie die anderen Knoten weiter nach links und rechts. Es ist nicht notwendig, alle zu tun, aber einige werden einen langen Weg gehen.
Verändern Sie die Größe des Bildes so, dass es über die Zeichenfläche passt. Denken Sie daran, dass Sie dies nur tun können, wenn das Bild ein Vektor ist oder wenn das JPEG-Bild nicht 100% seiner Größe hat.
Wählen Sie in der Symbolleiste das aus Rechteckwerkzeug (M). Erstellen Sie ein Rechteck in der Größe der Zeichenfläche. Wählen Sie sowohl das neue Rechteck als auch das vernetzte Bild aus. So erstellen Sie eine Schnittmaske, Drücken Sie Befehl-7. Wenn Sie es anpassen müssen, doppelklicken Sie auf die Komposition, um die Elemente zu isolieren und die Größe des Bildes zu ändern.
Gut gemacht! Sie haben erfolgreich ein fehlerhaftes JPEG-Bild erstellt. Dies ist eine sehr einfache Technik, die auf beliebige Bilder oder Vektoren angewendet werden kann. Denken Sie daran, dass "weniger ist mehr" für diese Technik, da das Bild immer noch erkennbar sein soll. Wenn Sie etwas Komplizierteres erstellen, kann dies das Bild beeinträchtigen.
Um das Bild zu exportieren, drücken Sie Umschalt-O die Nummer der Zeichenfläche überprüfen. Gehe rüber zu Datei> Exportieren, und in der Export Geben Sie den Namen der Datei ein. Stellen Sie das ein Format zu JPEG, oder PNG wenn Sie eine transparente Datei speichern möchten. Überprüf den Verwenden Sie Zeichenflächen Wählen Sie die Option Angebot Option und geben Sie die Nummer der Zeichenfläche ein. Klicken Export.
In dem JPEG Wählen Sie im Fenster die Option Farbmodus. RGB ist für Bildschirm und CMYK zum Drucken; Ich wähle aus RGB für meine Datei. Stellen Sie das ein Auflösung auf die Auflösung, die Sie brauchen. In diesem Fall wähle ich 72 dpi Ich verwende dieses Bild nur für den Bildschirm. Klicken OK.
In diesem Lernprogramm haben wir drei Techniken zum Erstellen von Vektorstörungen beschrieben. Dies ist sehr nützlich, wenn Sie die Bildgröße ändern möchten, ohne die Qualität zu beeinträchtigen. Dieses Tutorial bietet für jeden unterschiedliche Ergebnisse. Stellen Sie sicher, dass Sie Ihre Kommentare in den Kommentaren unten posten!
Heute haben wir gelernt:
Wenn Ihnen dieses Tutorial gefallen hat, mögen Sie vielleicht diese:
Accentsconagua