Share
In den folgenden Schritten erfahren Sie, wie Sie ein Monitorsymbol erstellen. Es ist ein ziemlich einfacher Tipp, der Ihnen hilft, die grundlegenden Techniken zum Erstellen von Vektorformen und einige der grundlegenden Illustrator-Effekte zu verstehen. Lassen Sie sich nicht von der Anzahl der Schritte entmutigen. Jeder Schritt ist einfach und so detailliert wie möglich, sodass Sie ihn leicht verstehen können.
Erstellen Sie ein 700-mal-700px-Dokument. Aktivieren Sie zunächst das Raster (Ansicht> Raster anzeigen) und die Option Am Raster ausrichten (Ansicht> Am Raster ausrichten). Als Nächstes benötigen Sie alle 5 Pixel ein Raster. Gehen Sie zu Bearbeiten> Voreinstellungen> Hilfslinien> Raster, geben Sie jeweils 5 in das Feld Rasterlinie und 1 in das Feld Unterteilungen ein. Sie können auch das Infofenster (Fenster> Info) für eine Live-Vorschau mit der Größe und Position Ihrer Formen öffnen. Vergessen Sie nicht, die Maßeinheit unter Bearbeiten> Voreinstellungen> Einheit> Allgemein in Pixel zu ersetzen. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.
Wähle das Rechteckwerkzeug (M) aus und erstelle eine 40 x 20 Pixel große Form. Füllen Sie es mit dem unten gezeigten linearen Farbverlauf und fügen Sie einen schwarzen Strich hinzu. Machen Sie es 1.75pt breit und richten Sie es nach außen aus. Wechseln Sie in das Fenster "Erscheinungsbild", wählen Sie den vorhandenen Strich aus und klicken Sie auf die Schaltfläche "Ausgewähltes Objekt duplizieren" unten im Fenster "Erscheinungsbild". Dies fügt einen zweiten Strich für Ihre Form hinzu. Mache es 0,75pt breit, setze seine Farbe auf R = 147 G = 149 B = 152 und stelle sicher, dass es nach außen ausgerichtet ist.
Wählen Sie die im vorherigen Schritt erstellte Form aus, erstellen Sie eine Kopie (Control + C> Control + F) und schnappen Sie sich das Ellipse-Werkzeug (L). Erstellen Sie eine 120 x 25 Pixel große Form und platzieren Sie sie wie im zweiten Bild gezeigt. Wählen Sie diesen zusammengedrückten Kreis zusammen mit der neuen Kopie aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche „Schnittmenge“. Füllen Sie die resultierende Form mit Schwarz und verringern Sie die Deckkraft auf 20%..
Wähle das Rechteckwerkzeug (M) aus, erstelle eine 110x5px-Form und platziere sie wie im ersten Bild gezeigt. Füllen Sie es mit dem unten gezeigten linearen Farbverlauf und gehen Sie zu Effekt> Warp> Arc Upper. Geben Sie die im zweiten Bild angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Objekt> Aussehen erweitern.
Deaktivieren Sie "An Raster ausrichten" ("Ansicht"> "An Raster ausrichten"), gehen Sie zu Bearbeiten> Voreinstellungen> Allgemein und geben Sie 1 in das Feld Keyboard Increment ein. Wählen Sie die im vorherigen Schritt erstellte Form aus und erstellen Sie zwei Kopien (Control + C> Control + F> Control + F). Wählen Sie die oberste Kopie aus und klicken Sie einmal auf den Abwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit R = 88 G = 89 B = 91. Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und fügen Sie einen schwarzen Strich hinzu. Machen Sie es 0,75pt breit und richten Sie es nach außen aus.
Aktivieren Sie die Option "An Raster ausrichten" erneut (Ansicht> An Raster ausrichten). Wähle das Rechteckwerkzeug (M) aus, erstelle eine 220 x 130px-Form und platziere sie wie in der folgenden Abbildung gezeigt. Füllen Sie es mit dem unten gezeigten linearen Verlauf und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 5 Pixeln ein, klicken Sie auf OK und gehen Sie zu Objekt> Aussehen erweitern. Die weißen Zahlen aus dem Verlaufsbild stehen für den prozentualen Standort.
Deaktivieren Sie die Option An Raster ausrichten, wählen Sie die im vorherigen Schritt erstellte Form aus und erstellen Sie zwei Kopien vorne (Strg + C> Strg + F> Strg + F). Wählen Sie die oberste Kopie aus und klicken Sie einmal auf den Abwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Füllen Sie die resultierende Form mit R = 35 G = 31 B = 32.
Aktivieren Sie die Option An Raster ausrichten, wählen Sie dann die im sechsten Schritt erstellte Form aus und erstellen Sie eine Kopie vor (Control + C> Control + F). Wähle das Rechteckwerkzeug (M) aus, erstelle eine Form von 230 x 70 Pixel und platziere sie wie im ersten Bild gezeigt. Wählen Sie dieses neue Rechteck zusammen mit der neuen Kopie aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche „Überschneiden“. Füllen Sie die resultierende Form mit dem im zweiten Bild gezeigten linearen Farbverlauf und verringern Sie die Deckkraft auf 5%..
Wählen Sie die im sechsten Schritt erstellte Form erneut aus und fügen Sie einen schwarzen Strich hinzu. Machen Sie es 1.75pt breit, richten Sie es nach außen aus und fügen Sie einen zweiten Strich für diese Form hinzu. Machen Sie es 0,75pt breit, richten Sie es nach außen aus und setzen Sie die Farbe auf R = 147 G = 149 B = 152.
Wähle das Rechteckwerkzeug (M) aus, erstelle eine 200 mal 110 Pixel große Form und platziere sie wie in der folgenden Abbildung gezeigt. Füllen Sie es mit R = 30 G = 30 B = 30 und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 1,5 Pixel ein, klicken Sie auf OK und gehen Sie zu Objekt> Darstellung erweitern.
Wähle das Ellipse-Werkzeug (L) aus, erstelle eine 200 mal 70 Pixel große Form und platziere sie wie im ersten Bild gezeigt. Füllen Sie es mit R = 128 G = 130 B = 133, verringern Sie die Deckkraft auf 60% und gehen Sie zu Effekt> Verzerren & Transformieren> Pucker & Bloat. Ziehen Sie den Schieberegler bei -90% und klicken Sie auf OK.
Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und gehen Sie zu Effekt> Verzerrung und Transformation> Zick-Zack. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt> Weichzeichnen> Gaußscher Weichzeichner. Geben Sie einen Radius von 20 Pixeln ein und klicken Sie auf OK.
Als Nächstes müssen Sie die im vorherigen Schritt erstellte Form maskieren. Wählen Sie die Form aus, die Sie im zehnten Schritt erstellt haben, und erstellen Sie eine Kopie (Control + C> Control + F). Füllen Sie es mit Weiß und bringen Sie es nach vorne (Umschalt + Strg + Rechte eckige Klammer). Wählen Sie diese weiße Form zusammen mit der im vorherigen Schritt erstellten unscharfen Form aus und wechseln Sie in das Bedienfeld Transparenz (Fenster> Transparenz). Öffnen Sie das Flyout-Menü und klicken Sie auf "Deckkraftmaske erstellen". Verringern Sie die Deckkraft dieser maskierten Form auf 60%. Am Ende sollte es aussehen wie im dritten Bild. Gehen Sie zum Ebenenbedienfeld und sperren Sie diese Form.
Wählen Sie die im zehnten Schritt erstellte Form erneut aus, erstellen Sie eine Kopie vorne (Strg + C> Strg + F) und bringen Sie sie nach vorne (Umschalt + Strg + Rechte eckige Klammer). Füllen Sie diese Kopie ohne, fügen Sie jedoch einen Strich hinzu. Machen Sie es 1pt breit, richten Sie es nach innen aus und setzen Sie die Farbe auf R = 15 G = 15 B = 15. Fügen Sie einen zweiten Strich für diese Form hinzu, machen Sie sie um 0,5pt breit, richten Sie sie nach außen aus und setzen Sie die Farbe auf R = 88 G = 89 B = 91.
Für den folgenden Schritt benötigen Sie alle 2.5px ein Raster. Gehen Sie zu Bearbeiten> Voreinstellungen> Hilfslinien> Raster und geben Sie 2,5 in das Feld Rasterzeile ein. Wähle das Rechteckwerkzeug (M) aus, erstelle eine 2,5 x 5px-Form und platziere sie wie in der folgenden Abbildung dargestellt. Füllen Sie dieses einfache Rechteck mit dem unten gezeigten linearen Verlauf.
Nehmen wir einige Änderungen an der im vorherigen Schritt vorgenommenen Form vor. Wählen Sie es aus und fügen Sie einen ersten Strich hinzu. Machen Sie es 1pt breit, richten Sie es nach außen aus und setzen Sie die Farbe auf R = 28 G = 117 B = 188. Fügen Sie einen zweiten Strich für diese Form hinzu, machen Sie sie um 0,5pt breit, richten Sie sie nach außen aus und setzen Sie die Farbe auf R = 39 G = 230 B = 225. Wählen Sie den gesamten Pfad erneut aus und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 1,5 Pixel ein und klicken Sie auf OK.
Wähle das Rechteckwerkzeug (M) aus, erstelle eine 7,5 x 5 Pixel große Form, fülle sie mit Weiß und platziere sie wie im ersten Bild gezeigt. Wählen Sie dieses weiße Rechteck zusammen mit der im vorherigen Schritt bearbeiteten Form aus, und wechseln Sie in das Transparenzfenster. Öffnen Sie das Flyout-Menü und klicken Sie auf "Deckkraftmaske erstellen". Am Ende sollte Ihre Form wie im dritten Bild aussehen.
ss = "tutorial_image">
Wählen Sie alle bisher erstellten Formen (mit Ausnahme der maskierten) aus und erstellen Sie eine Kopie auf der Rückseite (Strg + C> Strg + B). Wählen Sie diese Kopien aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Unite". Füllen Sie die resultierende Form mit R = 88 G = 89 B = 91 und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.
Jetzt ist deine Arbeit erledigt. So sollte es aussehen.
Accentsconagua