Schnelltipp So erstellen Sie einen 3D-Cursor in Adobe Illustrator

Was Sie erstellen werden

In den folgenden Schritten erfahren Sie, wie Sie ein 3D-Cursorsymbol in Adobe Illustrator erstellen. Für Anfänger lernen Sie, wie Sie ein einfaches Raster einrichten und wie Sie Ihre Hauptform mithilfe der grundlegenden Werkzeuge zusammen mit der Funktion "Am Raster ausrichten" erstellen. Als Nächstes geben Sie dem 3D-Effekt „Extrudieren und Abschrägen“ ein 3D-Feeling. Im weiteren Verlauf erfahren Sie, wie Sie Farbe, Schattierung und Hervorhebungen hinzufügen, indem Sie das Erscheinungsbildbedienfeld und einige grundlegende Mischtechniken verwenden. Schließlich erfahren Sie, wie Sie den gesamten Cursor mit nur einer Form leicht neu einfärben.

1. Erstellen Sie ein neues Dokument und richten Sie ein Raster ein

Schlagen Control-N ein neues Dokument erstellen. Wählen Pixel von dem Einheiten Dropdown-Menü eingeben 600 in den Feldern Breite und Höhe, und klicken Sie dann auf die Schaltfläche Erweitert Taste. Wählen RGB, Bildschirm (72ppi) und stellen Sie sicher, dass die Neue Objekte am Pixelraster ausrichten Das Kontrollkästchen ist deaktiviert, bevor Sie auf klicken OK.

Aktivieren Sie die Gitter (Ansicht> Raster anzeigen) und das Am Raster ausrichten (Ansicht> An Raster ausrichten). Sie werden jedes Mal ein Gitter benötigen 1 px, also geh einfach zu Bearbeiten> Voreinstellungen> Hilfslinien> Raster, und eintreten 1 in dem Rasterlinie alle Box und 1 in dem Unterteilung Box. Versuchen Sie, sich nicht von all dem Raster entmutigen zu lassen. Dies erleichtert Ihnen die Arbeit, und Sie können es einfach mit Hilfe von aktivieren oder deaktivieren Steuerung-" Tastaturkürzel.

Sie sollten auch die öffnen Info Panel (Fenster> Info) für eine Live-Vorschau mit der Größe und Position Ihrer Formen. Vergessen Sie nicht, die Maßeinheit auf Pixel von einzustellen Bearbeiten> Voreinstellungen> Einheiten> Allgemein. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.

2. Erstellen Sie die Pfeilform

Schritt 1

Wähle das aus Rechteckwerkzeug (M) und konzentrieren Sie sich auf Ihre Toolbar. Entfernen Sie die Farbe aus dem Strich und wählen Sie dann die Füllung aus und stellen Sie die Farbe auf R = 209 G = 211 B = 212. Gehen Sie zu Ihrer Zeichenfläche und erstellen Sie einfach eine 42 x 41 px Rechteck-die Am Raster ausrichten sollte deine Arbeit erleichtern.

Stellen Sie sicher, dass dieses Rechteck ausgewählt bleibt, und wechseln Sie zu Objekt> Pfad> Ankerpunkte hinzufügen. Wechseln Sie zu Ankerpunktwerkzeug löschen (-) Klicken Sie einfach auf die vier im ersten Bild hervorgehobenen Ankerpunkte, um sie zu entfernen. Dies sollte Ihr Rechteck in ein Dreieck verwandeln, wie im zweiten Bild gezeigt. Konzentriere dich auf die Unterseite deines Dreiecks und nimm die Direktauswahl-Tool (A). Wählen Sie den mittleren Ankerpunkt und ziehen Sie ihn 6 px auf der rechten Seite. Noch einmal das Raster und das Am Raster ausrichten Funktion wird sich als nützlich erweisen.

Schritt 2

Stellen Sie sicher, dass Ihr Dreieck ausgewählt bleibt, konzentrieren Sie sich weiterhin auf die Unterseite und greifen Sie auf das Dreieck Ankerpunktwerkzeug hinzufügen (+) und fügen Sie einen neuen Ankerpunkt hinzu, wie im ersten Bild gezeigt. Wechseln Sie zu Direktauswahl-Tool (A), Wählen Sie die zwei Ankerpunkte aus, die im zweiten Bild hervorgehoben sind, und ziehen Sie sie einfach 6 px oben. Am Ende sollte es so aussehen wie im dritten Bild.

Schritt 3

Verwendung der Rechteckwerkzeug (M), ein ... kreieren 12 x 22px Formen und platzieren Sie es genau wie im ersten Bild gezeigt. Wählen Sie dieses neue Rechteck zusammen mit der anderen Form aus und öffnen Sie das Pfadfinder Panel (Fenster> Pfadfinder) und klicken Sie auf Vereinen Taste.

Schritt 4

Stellen Sie sicher, dass Ihre Form ausgewählt ist, und wechseln Sie zu Effekt> 3D> Extrudieren und Abschrägen. Geben Sie alle Attribute ein, die in der folgenden Abbildung gezeigt werden, und überprüfen Sie die Verborgene Gesichter zeichnen und dann auf OK.

Schritt 5

Wählen Sie Ihre Form erneut aus und gehen Sie zu Objekt> Darstellung erweitern. Stellen Sie sicher, dass die resultierende Gruppe ausgewählt ist, und klicken Sie einfach auf Shift-Control-G zweimal zu Gruppierung aufheben es.

Verwendung der Auswahlwerkzeug (V) und das Verschiebung wählen Sie nur die sichtbaren Formen (im ersten Bild hervorgehoben) und drücken Sie einfach Steuerung-G zu Gruppe Sie. Konzentriere dich weiter auf die Schichten und deaktivieren Sie die Sichtbarkeit Ihrer Gruppe, sodass Sie die dahinter liegenden Formen sehen können.

Befreien Sie sich von diesen dunkleren grauen Formen und wählen Sie die verbleibende aus. Ersetzen Sie die vorhandene Füllfarbe durch ein einfaches Schwarz (R = 0 G = 0 B = 0). Sobald Sie fertig sind, können Sie zum zurückkehren Schichten Aktivieren Sie die Sichtbarkeit für Ihre Gruppe, und wählen Sie und dann Gruppierung aufheben es mit dem gleichen Shift-Control-G Tastaturkürzel.

3. Fügen Sie Farbe und subtile Highlights hinzu

Schritt 1

Wählen Sie die fünf Formen aus, die die seitlichen Seiten des Cursors bilden, und machen Sie Kopien vorne (Control-C> Control-F). Stellen Sie sicher, dass nur diese Kopien ausgewählt sind, und klicken Sie auf Vereinen Taste aus der Pfadfinder und dann auf die Steuerung-8 Tastenkombination, um die ausgewählten Formen in einen einfachen zusammengesetzten Pfad umzuwandeln. Stellen Sie sicher, dass Ihr zusammengesetzter Pfad ausgewählt ist, und ersetzen Sie einfach die vorhandene Füllfarbe mit R = 39 G = 170 B = 225.

Bewegen Sie sich zum Schichten wählen Sie Ihre schwarze Form aus und erstellen Sie eine Kopie (Control-C> Control-F) und nach vorne bringen (Shift-Control-]). Stellen Sie sicher, dass diese Kopie ausgewählt bleibt, und konzentrieren Sie sich auf die Aussehen Panel. Entfernen Sie die Farbe aus der Füllung und konzentrieren Sie sich dann auf den Strich. Hinzufügen R = 247 G = 148 B = 30 für die Farbe und erhöhen Sie die Gewicht zu 2 px. Wenn dieser orangefarbene Pfad noch ausgewählt ist, gehen Sie zu Objekt> Pfad> Umrissstrich.

Schritt 2

Wählen Sie erneut Ihren blauen zusammengesetzten Pfad zusammen mit der orangen Form aus und klicken Sie auf Sich schneiden Taste aus der Pfadfinder Panel. Stellen Sie sicher, dass die resultierende Gruppe von Formen ausgewählt ist, und verwandeln Sie sie in einen neuen zusammengesetzten Pfad Steuerung-8 Tastaturkürzel.

Konzentriere dich weiter auf diesen orangefarbenen Pfad, nimm den Ankerpunktwerkzeug löschen (-) und entfernen Sie einfach die sechs Ankerpunkte, die im zweiten Bild hervorgehoben sind. Am Ende sollte Ihr orangefarbener Pfad wie im dritten Bild aussehen.

Schritt 3

Stellen Sie sicher, dass der orangefarbene Verbindungspfad noch ausgewählt ist, und wechseln Sie zu Aussehen Panel. Ersetzen Sie die vorhandene Füllfarbe durch ein einfaches Schwarzes und klicken Sie dann auf "Opazität"Textstück zum Öffnen des Transparenz Fly-Out-Panel. Senken Sie die Opazität zu 20% und ändern Sie die Mischmodus zu Sanftes Licht.

Schritt 4

Wählen Sie nacheinander die fünf Formen aus, die die seitlichen Seiten des Cursors bilden, und ersetzen Sie einfach die vorhandenen Füllfarben durch die im folgenden Bild angegebenen linearen Farbverläufe.

Schritt 5

Wählen Sie die Form aus, die die Oberseite des Cursors bildet, und ersetzen Sie einfach die vorhandene Füllfarbe durch den linearen Farbverlauf, der im folgenden Bild dargestellt ist.

Schritt 6

Wählen Sie die Form, die die obere Seite des Cursors ausmacht, erneut aus und konzentrieren Sie sich auf die Aussehen Panel.

Wählen Sie den vorhandenen Strich aus und ändern Sie ihn Mischmodus zu Sanftes Licht und fügen Sie den in der folgenden Abbildung gezeigten linearen Farbverlauf hinzu. Beachten Sie, dass die blauen Zahlen aus dem Gradient Bild stehen für Ort Prozentsatz, während die gelben stehen Opazität Prozentsatz. Gehe zurück zum Aussehen Panel und klicken Sie auf das "Schlaganfall"Textstück zum Öffnen des Schlaganfall Fly-Out-Menü. Stellen Sie sicher, dass die Gewicht ist um eingestellt 1 px und dann das überprüfen Abgerundeter Join und das Strich nach innen ausrichten Tasten.

4. Fügen Sie entlang der Kanten Ihrer Formen eine subtile Kontur hinzu

Schritt 1

Wählen Sie die sechs Formen, aus denen die sichtbaren Seiten des Cursors bestehen, erneut aus und duplizieren Sie sie (Control-C> Control-F). Stellen Sie sicher, dass nur diese Kopien ausgewählt sind, ersetzen Sie die vorhandenen Füllattribute durch zwei zufällige Blautöne, wie im zweiten Bild gezeigt, und vergessen Sie nicht, den für die oberen Formen verwendeten Strich zu entfernen.

Schritt 2

Wählen Sie die blaue Form aus, die die Oberseite des Cursors bildet, und erstellen Sie eine Kopie vor (Control-C> Control-F). Wählen Sie diese Kopie zusammen mit der dunkleren blauen Form, die im ersten Bild hervorgehoben ist, und klicken Sie auf Minus Front Taste aus der Pfadfinder Panel.

Schritt 3

Wählen Sie alle Ihre blauen Formen erneut aus und konzentrieren Sie sich auf die Aussehen Panel. Entfernen Sie die Füllfarben und fügen Sie dann eine hinzu 1 px schwarzer Strich Sobald du fertig bist, Gruppe diese Formen (Steuerung-G).

Schritt 4

Stellen Sie sicher, dass Ihre Gruppe noch ausgewählt ist, und erstellen Sie eine Kopie vor (Control-C> Control-F). Wählen Sie diese Kopie aus und klicken Sie auf Vereinen Taste aus der Pfadfinder Panel. Konzentrieren Sie sich auf die resultierende Form, setzen Sie die Füllfarbe auf Weiß, entfernen Sie den schwarzen Strich und verwenden Sie dann die Ankerpunktwerkzeug löschen (-) um den im zweiten Bild hervorgehobenen Ankerpunkt zu entfernen. Am Ende sollte es so aussehen wie im dritten Bild.

Schritt 5

Wählen Sie zusammen mit Ihrer einzigen Gruppe die im vorherigen Schritt erstellte weiße Form erneut aus, und öffnen Sie die Transparenz Panel (Fenster> Transparenz) und klicken Sie auf die Maske machen und die Dinge sollten im zweiten Bild aussehen. Konzentriere dich weiter auf die Transparenz Panel, ändern Sie die Mischmodus zu Sanftes Licht und senken Sie die Opazität zu 30%.

Schritt 6

Konzentriere dich auf den Schichten Wählen Sie im Bedienfeld die schwarze Form aus, die die untere Seite des Cursors bildet, und wechseln Sie zu der Aussehen Panel. Wählen Sie den vorhandenen Strich aus, machen Sie ihn schwarz, senken Sie ihn Opazität zu 5% und dann das öffnen Schlaganfall Fly-Out-Panel. Stellen Sie sicher, dass die Gewicht ist um eingestellt 1 px und dann das überprüfen Runde beitreten und Schlaganfall nach außen ausrichten Tasten.

Schritt 7

Wählen Sie die schwarze Form, die die untere Seite des Cursors ausmacht, erneut aus und kehren Sie zu der zurück Aussehen Stellen Sie sicher, dass der gesamte Pfad ausgewählt ist (klicken Sie einfach auf die Schaltfläche "Pfad"Textstück von der Oberseite Ihres Panels) und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die im oberen linken Fenster angezeigten Attribute (im folgenden Bild) ein und klicken Sie auf OK und fügen Sie dann die anderen drei hinzu Schlagschatten Effekte in der folgenden Abbildung dargestellt.

5. Fügen Sie eine Schattierung hinzu und färben Sie den Cursor neu ein

Schritt 1

Wählen Sie Ihre maskierte Gruppe erneut aus und machen Sie eine Kopie vor (Control-C> Control-F). Stellen Sie sicher, dass es ausgewählt bleibt, und klicken Sie auf die Schaltfläche Vereinen Taste aus der Pfadfinder Panel. Jetzt können Sie diese neue Form verwenden, um den gesamten Cursor leicht neu einzufärben. Stellen Sie sicher, dass es ausgewählt bleibt, und konzentrieren Sie sich auf das Symbol Aussehen Panel. Stellen Sie die Füllfarbe auf R = 28 G = 117 B = 188 und dann das ändern Mischmodus zu Sanftes Licht.

Schritt 2

Fühlen Sie sich frei, einen anderen Mischmodus für diese Form zu verwenden, der Ihren gesamten Cursor neu einfärbt.

Schritt 3

Sie können den Prozentsatz für die Deckkraft immer anpassen, um die Farbintensität für die Form zu erhöhen oder zu verringern, durch die der Cursor mit Farbe versehen wird.

Schritt 4

Sie können auch versuchen, zwei verschiedene Mischmodi zu kombinieren.

Schritt 5

Zögern Sie nicht, mit verschiedenen Farben zu experimentieren.

Herzliche Glückwünsche! Sie sind fertig!

So sollte es aussehen. Ich hoffe, Ihnen hat dieses Tutorial gefallen und Sie können diese Techniken in Ihren zukünftigen Projekten anwenden.