German (Deutsch) translation by Alex Grigorovich (you can also view the original English article)
Im folgenden Tutorial erfahren Sie, wie Sie ein sicheres Symbol erstellen. Wir werden verschiedene Adobe Illustrator-Tools und -Techniken verwenden, um dieses Symbol zu erstellen. Erfahren Sie, wie Sie einen Ort schaffen, an dem Sie Ihr Vektorgold aufbewahren können. Es geht um die Details, die Sie in dieses Design einfügen, um ihm ein bisschen Glanz zu verleihen.
Schritt 1
Erstellen Sie ein 300 x 300px großes Dokument. Aktivieren Sie zunächst das Raster (Ansicht > Raster) und das Raster am Raster (Ansicht > Am Raster ausrichten). Als nächstes benötigen Sie alle 10px ein Raster. Gehen Sie zu Bearbeiten > Einstellungen > Hilfslinien und Raster und geben Sie 10 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 durch Bearbeiten > Einstellungen > Einheit > Allgemein in Pixel zu ersetzen. All diese Optionen erhöhen Ihre Arbeitsgeschwindigkeit erheblich.
Schritt 2
Beginnen Sie mit dem Rechteck-Werkzeug (M). Erstellen Sie eine 185px auf 210px große Form und füllen Sie sie mit R=163, G=163, B=163. Erstellen Sie ein zweites Rechteck. Machen Sie es 185px breit und 10px hoch, füllen Sie es mit R=67, G=67, B=67. Platzieren Sie es nun wie im folgenden Bild gezeigt. Das Einrasten am Raster erleichtert Ihnen die Arbeit.
Schritt 3
Konzentrieren Sie sich auf die dunklere Form. Wähle das Direktauswahl-Werkzeug (A). Wählen Sie den oberen linken Ankerpunkt aus und verschieben Sie ihn um 25px nach rechts. Wählen Sie nun den oberen rechten Ankerpunkt aus und verschieben Sie ihn um 25px nach links. Jetzt sollte die Form wie ein Trapez aussehen.
Schritt 4
Duplizieren Sie die im vorherigen Schritt erstellten Formen (Befehl + C > Befehl + F). Machen Sie die ursprüngliche Form unsichtbar, wählen Sie die Kopien aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Vereinigen. Füllen Sie die resultierende Form mit R=203, G=203, B=203. Gehen Sie nun zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 1,5px ein, klicken Sie auf OK und sperren Sie ihn dann.
Schritt 5
Drehen Sie sich zurück, um die beiden Formen aus dem vorherigen Schritt sichtbar zu machen. Wählen Sie sie aus und drücken Sie Umschalt + Befehl + rechte Klammer, um sie nach vorne zu bringen.
Konzentrieren Sie sich zunächst auf die dunkle. Ersetzen Sie die Füllfarbe durch den unten gezeigten linearen Farbverlauf und gehen Sie dann zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 2px ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern.
Gehen wir nun zur zweiten Form über. Stellen Sie sicher, dass es mit R=163, G=163, B=163 gefüllt ist. Gehen Sie nun zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 2px ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern.
Schritt 6
Wählen Sie die große graue Form aus und wechseln Sie zum Bedienfeld „Darstellung“. Öffnen Sie das Flyout-Menü und klicken Sie auf Neue Füllung hinzufügen. Dadurch wird eine zweite Füllung für die ausgewählte Form hinzugefügt. Wählen Sie diese neue Füllung aus und verwenden Sie den linearen Verlauf, der unter dem ersten Bild angezeigt wird. Wenn Sie sich das Verlaufsbild genauer ansehen, werden Sie einen gelben Text über den Verlaufsreglern bemerken. Es steht für Opazität. Dies bedeutet, dass Sie diese Schieberegler auswählen und ihre Deckkraft auf 0% senken müssen.
Fügen Sie eine dritte Füllung für diese Form hinzu. Verwenden Sie diesmal den unter dem zweiten Bild gezeigten linearen Farbverlauf. Fügen Sie eine letzte Füllung hinzu. Wähle es aus und mache es schwarz. Verringern Sie die Deckkraft auf 10%, ändern Sie den Mischmodus auf Multiplizieren und gehen Sie dann zu Effekt > Künstlerisch > Filmkorn. Geben Sie die unten gezeigten Daten ein und klicken Sie dann auf OK.
Schritt 7
Deaktivieren Sie die Option Am Raster ausrichten, gehen Sie zu Bearbeiten > Einstellungen > Allgemein und geben Sie 0,5 in das Feld Tastaturinkrement ein. Erstellen Sie zwei Kopien der Form aus dem vorherigen Schritt (Befehl + C > Befehl + F).
Wählen Sie die oberste Kopie aus und drücken Sie dann einmal den Rechtspfeil und zweimal den Abwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie die resultierende Form aus und entfernen Sie alle zusätzlichen Füllungen (im Bedienfeld Darstellung). Speichern Sie nur eine Füllung und ersetzen Sie die vorhandene Farbe durch R=209, G=211, B=212.
Schritt 8
Wählen Sie die große graue Form erneut aus und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie einen Versatz von -15px ein und klicken Sie auf OK. Wählen Sie diese neue Füllung aus, behalten Sie die erste Füllung (R=163, G=163, B=163) und entfernen Sie den Rest. Gehen Sie anschließend zu Effekt > Stilisieren > Abgerundete Ecken. Geben Sie einen Radius von 2px ein, klicken Sie auf OK und gehen Sie zu Objekt > Darstellung erweitern.
Schritt 9
Wählen Sie die im vorherigen Schritt erstellte Form aus und fügen Sie einen dunklen Strich hinzu (R=52, G=52, B=52). Machen Sie es 1,5pt breit und richten Sie es nach außen aus. Gehen Sie als Nächstes zu Objekt > Darstellung erweitern. Sie sollten zwei separate Formen erhalten, von denen eine die Füllung und die andere den Strich darstellt. Wählen Sie die zweite aus und gehen Sie zu Effekt > Stilisieren > Inneres Leuchten. Geben Sie die unten gezeigten Daten ein und klicken Sie dann auf OK.
Schritt 10
Wählen Sie die graue Form aus, die wir im vorherigen Schritt erstellt haben. Fügen Sie zwei neue Füllungen hinzu und verwenden Sie die unten gezeigten linearen Verläufe. Fügen Sie eine letzte Füllung hinzu. Wähle es aus und mache es schwarz. Verringern Sie die Deckkraft auf 10%, ändern Sie den Mischmodus auf Multiplizieren und gehen Sie dann zu Effekt > Künstlerisch > Filmkorn. Geben Sie die unten gezeigten Daten ein und klicken Sie dann auf OK.
Schritt 11
Erstellen Sie zwei Kopien der Form aus dem vorherigen Schritt. Wählen Sie die oberste Kopie aus und drücken Sie dann zweimal den Rechtspfeil und den Abwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie die resultierende Form aus, entfernen Sie die zusätzlichen Füllungen und füllen Sie sie mit R=203, G=203, B=203. Erstellen Sie zwei weitere Kopien der Form aus dem vorherigen Schritt.
Wählen Sie erneut die oberste Kopie aus. Diesmal nur einmal auf den Rechtspfeil und den Abwärtspfeil drücken. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie die resultierende Form aus, entfernen Sie die zusätzlichen Füllungen und füllen Sie sie mit R=230, G=231, B=232.
Schritt 12
Aktivieren Sie die Option Am Raster ausrichten und erstellen Sie eine Kopie der Form aus dem vorherigen Schritt. Wähle das Rechteck-Werkzeug (M) und erstelle eine Form wie die im ersten Bild gezeigte rote. Nehmen Sie das Werkzeug Ankerpunkt löschen (-) und klicken Sie auf den oberen linken Ankerpunkt. Jetzt sollte sich das Rechteck in ein Dreieck verwandeln. Wählen Sie es zusammen mit der Kopie aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Überschneiden. Füllen Sie die resultierende Form mit Schwarz und verringern Sie die Deckkraft auf 2%.
Schritt 13
Nun erstellen wir die Scharniere. Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine 20 auf 10px große Form und platzieren Sie sie wie in der folgenden Abbildung gezeigt. Füllen Sie es mit einer beliebigen Farbe und wenden Sie dann Effekt > Stilisieren > Abgerundete Ecken an. Geben Sie einen Radius von 1,8px ein, klicken Sie auf OK und gehen Sie dann zu Objekt > Darstellung erweitern.
Schritt 14
Wählen Sie die im vorherigen Schritt erstellte Form aus. Füllen Sie es zuerst mit dem unten gezeigten linearen Farbverlauf und fügen Sie einen nach außen ausgerichteten Strich von 0,75 hinzu (R=67, G=67, B=67). Fügen Sie als Nächstes eine zweite Füllung hinzu. Wähle es aus und mache es schwarz. Verringern Sie die Deckkraft auf 5%, ändern Sie den Mischmodus auf Multiplizieren und gehen Sie dann zu Effekt > Künstlerisch > Filmkorn. Geben Sie die unten gezeigten Daten ein und klicken Sie dann auf OK.
Machen Sie zwei Kopien dieser Form. Wählen Sie den oberen und drücken Sie einmal den Rechtspfeil und den Abwärtspfeil. Wählen Sie beide Kopien erneut aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Wählen Sie die resultierende Form aus. Entfernen Sie den Strich und die zusätzliche Füllung und ersetzen Sie die Farbe aus der vorhandenen Füllung durch R=203, G=203, B=203. Wählen Sie diese beiden Formen aus und gruppieren Sie sie (Befehl + G).
Schritt 15
Wählen Sie die im vorherigen Schritt erstellte Gruppe aus und erstellen Sie zwei Kopien. Verschieben Sie diese Kopien wie in der folgenden Abbildung gezeigt. Wieder einmal erleichtert das Einrasten am Raster Ihre Arbeit.
Schritt 16
Für den folgenden Schritt benötigen Sie alle 1px ein Raster. Gehen Sie zu Bearbeiten > Einstellungen > Hilfslinien und Raster und geben Sie in jedes Feld 1 in die Rasterlinie ein. Nimm nun das Ellipsen-Werkzeug (L). Halten Sie die Umschalttaste gedrückt und erstellen Sie eine 57 auf 57px große Form. Fülle es mit R=159, G=159, B=159. Fügen Sie nun eine zweite Füllung hinzu und verwenden Sie den im zweiten Bild gezeigten linearen Farbverlauf. Wählen Sie den gesamten Pfad erneut aus und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die unten gezeigten Daten ein und klicken Sie auf OK.
Schritt 17
Wählen Sie die im vorherigen Schritt erstellte Form aus und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie einen -1px-Versatz ein und klicken Sie auf OK. Wählen Sie die resultierende Form aus. Entfernen Sie den Schlagschatteneffekt auf der zweiten Füllung, wählen Sie die verbleibende Füllung aus und ersetzen Sie die vorhandene Farbe durch Schwarz. Wählen Sie diese schwarze Form aus und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie einen -4px-Versatz ein und klicken Sie auf OK.
Wählen Sie den resultierenden Pfad aus, füllen Sie ihn mit keinem und fügen Sie einen weißen Strich hinzu. Machen Sie es 3pt breit und richten Sie es nach außen aus. Wählen Sie diesen Strich aus und öffnen Sie das Strichbedienfeld (Fenster > Strich). Aktivieren Sie das Kontrollkästchen Gestrichelte Linie und verschieben Sie es nach unten. Geben Sie 0,5pt in das Dash-Feld und 13pt in das Gap-Feld ein. Jetzt sollte Ihre Form wie im dritten Bild unten gezeigt aussehen. Dupliziere es. Wählen Sie die Kopie aus, kehren Sie zum Strichbedienfeld zurück und geben Sie 2,2pt in das Lückenfeld ein. Jetzt sollte Ihre Kopie wie das vierte Bild unten aussehen.
Schritt 18
Wählen Sie eine der letzten Formen aus, die im vorherigen Schritt erstellt wurden. Gehen Sie zu Objekt > Pfad > Versatzpfad, geben Sie einen Versatz von -3px ein und klicken Sie auf OK. Wir werden diese Form verwenden, um darauf zu tippen. Wählen Sie den Typ auf einem Pfad-Werkzeug aus, klicken Sie auf den Rand dieser Form und fügen Sie Ihren weißen Text hinzu. Ich habe die Myriad Pro-Schriftart mit einer Größe von 3pt verwendet, aber Sie können auch eine andere Schriftart ausprobieren, wenn Sie dies bevorzugen.
Nachdem Sie den Text hinzugefügt haben, wählen Sie eine der gestrichenen Formen erneut aus (im vorherigen Schritt erstellt). Gehen Sie erneut zu Objekt > Pfad > Versatzpfad, geben Sie diesmal einen Versatz von -4px ein und klicken Sie auf OK.
Wählen Sie die resultierende Form aus und füllen Sie sie mit R=67, G=67, B=67. Geben Sie ihm nun einen 3pt schwarzen Strich, der nach innen ausgerichtet ist. Wählen Sie diesen Strich (im Bedienfeld Darstellung) und verringern Sie die Deckkraft auf 10%. Fügen Sie abschließend zwei neue Füllungen für diese Form hinzu und verwenden Sie die in den letzten beiden Bildern gezeigten linearen Verläufe.
Schritt 19
Deaktivieren Sie die Option Am Raster ausrichten und aktivieren Sie die Smart Guides. Wählen Sie das Stiftwerkzeug (P) und erstellen Sie die beiden Dreiecksformen, die in den folgenden Bildern erstellt wurden. Füllen Sie den ersten mit R=46, G=46, B=46 und den zweiten mit Weiß. Wählen Sie nun beide aus und gehen Sie zu Effekt > Weichzeichnen > Gaußscher Weichzeichner. Geben Sie einen Radius von 15px ein und klicken Sie auf OK.
Als nächstes müssen Sie diese beiden Formen maskieren. Gruppieren Sie sie zuerst (Befehl + G) und duplizieren Sie dann die zweite Form, die im vorherigen Schritt erstellt wurde. Wählen Sie diese Kopie aus, füllen Sie sie mit Weiß und verschieben Sie sie über die Gruppe (im Ebenenbedienfeld). Öffnen Sie das Transparenzfenster. Wählen Sie die weiße Form zusammen mit der Gruppe erneut aus, öffnen Sie das Flyout-Menü des Transparenzbedienfelds und klicken Sie auf Deckkraftmaske erstellen. Jetzt sollte Ihre Gruppe wie im endgültigen Referenzbild aussehen.
Schritt 20
Wählen Sie die zweite Form aus, die im 18. Schritt erstellt wurde, und gehen Sie zu Objekt > Pfad > Versatzpfad. Geben Sie einen Versatz von -8px ein und klicken Sie auf OK. Wählen Sie die resultierende Form aus und verschieben Sie sie über die im vorherigen Schritt erstellte Gruppe.
Füllen Sie es zuerst mit dem linearen Farbverlauf und fügen Sie dann zwei Striche hinzu. Machen Sie beide 0,75pt breit und richten Sie sie nach außen aus. Füllen Sie den ersten mit R=159, G=159, B=159 und den zweiten mit Schwarz.
Konzentrieren Sie sich jetzt auf den schwarzen Strich. Wählen Sie es aus, verschieben Sie es in das Strichbedienfeld, aktivieren Sie das Kontrollkästchen Gestrichelte Linie und geben Sie 1pt in das Strichfeld ein. Wählen Sie den gesamten Pfad erneut aus und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die unten gezeigten Daten ein und klicken Sie dann auf OK. Am Ende sollte Ihre Form wie das Referenzbild aussehen.
Schritt 21
Duplizieren Sie die im vorherigen Schritt erstellte Form. Wählen Sie das Rechteck-Werkzeug (M) und erstellen Sie eine Form wie die im ersten Bild gezeigte rote. Nehmen Sie das Werkzeug Ankerpunkt löschen (-) und klicken Sie auf den oberen linken Ankerpunkt. Wieder erhalten Sie ein Dreieck. Wählen Sie es zusammen mit der Kopie aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Überschneiden. Füllen Sie die resultierende Form mit R=52, G=52, B=52 und senken Sie die Deckkraft auf 10%.
Schritt 22
Wählen Sie die in den letzten sechs Schritten erstellten Formen aus und gruppieren Sie sie (Befehl + G). Wählen Sie diese Gruppe aus und platzieren Sie sie wie im folgenden Bild gezeigt.
Schritt 23
Deaktivieren Sie die Smart Guides und aktivieren Sie die Option Am Raster ausrichten. Für den nächsten Schritt benötigen Sie alle 2,5px ein Raster. Gehen Sie zu Bearbeiten > Einstellungen > Hilfslinien und Raster und geben Sie in jedes Feld 2,5 in die Rasterlinie ein. Wähle das Ellipsen-Werkzeug (L) und erstelle eine 25px auf 25px große Form. Füllen Sie es zuerst mit dem linearen Farbverlauf und fügen Sie dann einen 0,25pt hinzu, der auf den Außenhub ausgerichtet ist (R=98, G=98, B=98).
Wählen Sie den gesamten Pfad erneut aus und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die unten gezeigten Daten ein und klicken Sie dann auf OK. Dupliziere diesen Kreis und wähle dann das Rechteck-Werkzeug (M) und erstelle eine Form wie die im folgenden Bild gezeigte rote.
Wählen Sie das Werkzeug Ankerpunkt löschen (-) und klicken Sie auf den oberen linken Ankerpunkt. Wählen Sie die resultierende Form zusammen mit der Kopie aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Überschneiden. Füllen Sie die resultierende Form mit R=52, G=52, B=52 und senken Sie die Deckkraft auf 20%.
Schritt 24
Wählen Sie das Polar Grid-Werkzeug, halten Sie die Umschalttaste gedrückt und klicken und ziehen Sie. Drücken Sie den Abwärtspfeil, um die Anzahl der Kreise auf eins zu verringern, und dann den linken Pfeil, um die Anzahl der Linien auf drei zu verringern. Erstellen Sie ein Raster von 80px auf 80px und platzieren Sie es wie im ersten Bild gezeigt. Wählen Sie den Kreis aus, löschen Sie ihn und konzentrieren Sie sich dann auf die Linien. Erhöhen Sie die Strichgröße auf 5pt, öffnen Sie das Strichbedienfeld und klicken Sie auf die Schaltfläche Round Cap. Jetzt sollten Ihre Formen wie das dritte Referenzbild aussehen. Wählen Sie sie erneut aus und gehen Sie zu Objekt > Erweitern.
Schritt 25
Konzentrieren wir uns auf die drei Formen, die im vorherigen Schritt erstellt wurden. Wählen Sie die unterste aus. Füllen Sie es mit dem linearen Farbverlauf, fügen Sie einen 0,05pt-Strich hinzu (R=52 G=52 B=52) und gehen Sie dann zu Effekt > Stilisieren > Schlagschatten. Geben Sie die unten gezeigten Daten ein und klicken Sie dann auf OK. Wiederholen Sie den gleichen Effekt für die beiden anderen Formen, ändern Sie jedoch den Verlaufswinkel.
Schritt 26
Deaktivieren Sie Am Raster ausrichten. Wählen Sie das Ellipsen-Werkzeug (L), erstellen Sie eine 12px auf 12px große Form und platzieren Sie sie wie in der folgenden Abbildung gezeigt. Füllen Sie es mit R=110, G=110, B=110 und fügen Sie einen 0,5pt Strich hinzu, der nach innen ausgerichtet ist (R=106, G=106, B=106).
Schritt 27
Wählen Sie die in den letzten vier Schritten erstellten Formen aus und gruppieren Sie sie (Befehl + G). Wählen Sie diese Gruppe aus und platzieren Sie sie wie im folgenden Bild gezeigt.
Schritt 28
Wählen Sie abschließend die große graue Form (im sechsten Schritt erstellt) und gehen Sie zu Effekt > Stilisieren > Schlagschatten. Geben Sie die unten gezeigten Daten ein, klicken Sie auf OK und Sie sind fertig.
Abschluss
Das endgültige Bild ist unten.
By
