Share
Im folgenden Tutorial lernen Sie, ein sicheres Symbol zu erstellen. Wir verwenden eine Vielzahl von Adobe Illustrator-Tools und -Techniken, um dieses Symbol zu erstellen. Erfahren Sie, wie Sie einen Platz schaffen, in dem Sie Ihr Vektorgold aufbewahren können. Es dreht sich alles um die Details, die Sie in dieses Design einfließen lassen, um ihm ein wenig Glanz zu verleihen.
Erstellen Sie ein 300 mal 300 Pixel großes Dokument. Aktivieren Sie zunächst das Raster (Ansicht> Raster) und die Option An Raster ausrichten (Ansicht> An Raster ausrichten). Als Nächstes benötigen Sie alle 10 Pixel ein Raster. Gehen Sie zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster, geben Sie jeweils 10 in das Feld Rasterlinie alle 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.
Beginnen Sie mit dem Rechteckwerkzeug (M). Erstellen Sie eine 185px x 210px-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 jetzt wie in der folgenden Abbildung gezeigt. Das Snap-to-Grid erleichtert Ihnen die Arbeit.
Konzentriere dich auf die dunklere Form. Wähle das Direktauswahl-Werkzeug (A). Wählen Sie den oberen linken Ankerpunkt aus und verschieben Sie ihn um 25 Pixel nach rechts. Wählen Sie nun den oberen rechten Ankerpunkt aus und verschieben Sie ihn um 25 Pixel nach links. Nun sollte die Form wie ein Trapez aussehen.
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 1,5px-Radius ein, klicken Sie auf OK und sperren Sie ihn.
Kehren Sie zurück, um die Form des vorherigen Schrittes sichtbar zu machen. Wählen Sie sie aus und drücken Sie die Umschalttaste + Befehlstaste + die rechte Klammer, um sie nach vorne zu bringen.
Konzentriere dich zuerst auf das Dunkle. Ersetzen Sie die Füllfarbe durch den unten gezeigten linearen Farbverlauf. Gehen Sie dann zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 2 Pixeln 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 2 Pixeln ein, klicken Sie auf OK und gehen Sie zu Objekt> Darstellung erweitern.
Wählen Sie die große, graue Form aus und wechseln Sie in das Erscheinungsbildfenster. Ö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 Farbverlauf unter dem ersten Bild. Sehen Sie sich das Verlaufsbild genauer an, und Sie werden gelben Text über den Verlaufsreglern sehen. Es steht für Opazität. Dies bedeutet, dass Sie diese Schieberegler auswählen und ihre Deckkraft auf 0% verringern müssen..
Fügen Sie eine dritte Füllung für diese Form hinzu. Verwenden Sie dieses Mal den linearen Farbverlauf, der unter dem zweiten Bild angezeigt wird. Fügen Sie eine letzte Füllung hinzu. Wählen Sie es aus und machen Sie es schwarz. Verringern Sie die Deckkraft auf 10%, ändern Sie den Mischmodus in "Multiplizieren" und gehen Sie zu Effekt> Künstlerisch> Filmkorn. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.
Deaktivieren Sie die Option An Raster ausrichten, gehen Sie zu Bearbeiten> Voreinstellungen> Allgemein und geben Sie 0,5 in das Feld Tastaturinkrement ein. Erstellen Sie zwei Formen der Form aus dem vorherigen Schritt (Befehl + C> Befehl + F)..
Wählen Sie die oberste Kopie aus und drücken Sie einmal auf den rechten Pfeil und zweimal auf 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 (aus dem Erscheinungsbildfenster). Speichern Sie nur eine Füllung und ersetzen Sie die vorhandene Farbe durch R = 209, G = 211, B = 212.
Wählen Sie die große, graue Form erneut aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen -15px-Offset 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 dann zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 2 Pixeln ein, klicken Sie auf OK und gehen Sie zu Objekt> Darstellung erweitern.
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 dann zu Objekt> Aussehen erweitern. Sie sollten zwei getrennte Formen erhalten, eine für die Füllung und die andere für den Strich. Wählen Sie den zweiten und gehen Sie zu Effekt> Stilisieren> Inner Glow. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.
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 Farbverläufe. Fügen Sie eine letzte Füllung hinzu. Wählen Sie es aus und machen Sie es schwarz. Verringern Sie die Deckkraft auf 10%, ändern Sie den Mischmodus in "Multiplizieren" und gehen Sie zu Effekt> Künstlerisch> Filmkorn. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.
Machen Sie zwei Formen der Form aus dem vorherigen Schritt. Wählen Sie die oberste Kopie aus und drücken Sie zweimal auf 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. Machen Sie zwei weitere Kopien der Form aus dem vorherigen Schritt.
Wählen Sie erneut die oberste Kopie aus. Drücken Sie dieses Mal nur 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 die zusätzlichen Füllungen und füllen Sie sie mit R = 230, G = 231, B = 232.
Aktivieren Sie die Option An Raster ausrichten, und kopieren Sie die Form aus dem vorherigen Schritt. Wähle das Rechteckwerkzeug (M) aus und erstelle eine Form wie die im ersten Bild dargestellte rote. Schnappen Sie sich das Werkzeug zum Löschen von Ankerpunkten (-) und klicken Sie auf den oberen linken Ankerpunkt. Das Rechteck sollte sich nun 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%..
Nun lassen Sie uns die Scharniere erstellen. Wähle das Rechteckwerkzeug (M) aus, erstelle eine 20x10px-Form und platziere sie wie in der folgenden Abbildung dargestellt. Füllen Sie es mit einer beliebigen Farbe und wenden Sie dann Effekt> Stilisieren> Abgerundete Ecken an. Geben Sie einen Radius von 1,8 Pixeln ein, klicken Sie auf OK und wechseln Sie zu Objekt> Aussehen erweitern.
Wählen Sie die im vorherigen Schritt erstellte Form aus. Füllen Sie zuerst den unten gezeigten linearen Gradienten und fügen Sie einen nach außen ausgerichteten Hub von 0,75 hinzu (R = 67, G = 67, B = 67). Als nächstes fügen Sie eine zweite Füllung hinzu. Wählen Sie es aus und machen Sie es schwarz. Verringern Sie die Deckkraft auf 5%, ändern Sie den Mischmodus in "Multiplizieren" und gehen Sie zu Effekt> Künstlerisch> Filmmaske. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.
Machen Sie zwei Kopien dieser Form. Wählen Sie die oberste aus und drücken Sie einmal auf 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 dann 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)..
Wählen Sie die im vorherigen Schritt erstellte Gruppe aus und erstellen Sie zwei Kopien. Verschieben Sie diese Kopien wie in der folgenden Abbildung dargestellt. Das Snap-to-Grid erleichtert Ihnen wieder Ihre Arbeit.
Für den folgenden Schritt benötigen Sie alle 1px ein Raster. Gehen Sie zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster und geben Sie jeweils 1 in das Feld Rasterlinie ein. Nimm jetzt das Ellipse-Werkzeug (L). Halten Sie die Umschalttaste gedrückt, und erstellen Sie eine 57px-Form. Füllen Sie 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 angezeigten Daten ein und klicken Sie auf OK.
Wählen Sie die im vorherigen Schritt erstellte Form aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen -1px-Offset ein und klicken Sie auf OK. Wählen Sie die resultierende Form aus. Entfernen Sie den Schatteneffekt auf der zweiten Füllung, wählen Sie dann 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-Offset 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 Konturfenster (Fenster> Kontur). Aktivieren Sie das Kontrollkästchen für die gestrichelte Linie, und verschieben Sie es nach unten. Geben Sie 0,5pt in das Bindestrich und 13pt in das Lückenfeld ein. Jetzt sollte Ihre Form wie im dritten Bild unten aussehen. Dupliziere es. Wählen Sie die Kopie aus, kehren Sie zum Strichfeld zurück und geben Sie 2,2 pt in das Lückenfeld ein. Jetzt sollte Ihre Kopie wie das vierte Bild unten aussehen.
Wählen Sie eine der letzten im vorherigen Schritt erstellten Formen aus. Gehen Sie zu Objekt> Pfad> Versatzpfad, geben Sie einen -3px-Versatz ein und klicken Sie auf OK. Wir werden diese Form verwenden, um darauf zu tippen. Wählen Sie den Typ auf einem Pfadwerkzeug aus, klicken Sie auf die Kante dieser Form und fügen Sie Ihren weißen Text hinzu. Ich habe die Myriad Pro-Schrift mit einer Größe von 3pt verwendet, Sie können jedoch auch eine andere Schrift ausprobieren.
Nachdem Sie den Text hinzugefügt haben, wählen Sie erneut eine der im vorherigen Schritt erstellten Formen aus. Gehen Sie erneut zu Objekt> Pfad> Versatzpfad, geben Sie diesmal einen -4px-Versatz 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 nun einen schwarzen Strich von 3pt, der nach innen ausgerichtet ist. Wählen Sie diesen Strich (aus dem Bereich "Darstellung") und verringern Sie die Deckkraft auf 10%. Fügen Sie schließlich zwei neue Füllungen für diese Form hinzu und verwenden Sie die in den letzten beiden Bildern gezeigten linearen Farbverläufe.
Deaktivieren Sie die Option An Raster ausrichten und aktivieren Sie die intelligenten Hilfslinien. Wähle das Stiftwerkzeug (P) und erstelle die beiden in den folgenden Bildern erstellten Dreiecksformen. Füllen Sie die erste mit R = 46, G = 46, B = 46 und die zweite mit Weiß. Wählen Sie nun beide aus und gehen Sie zu Effekt> Weichzeichnen> Gaußsche Weichzeichnung. Geben Sie einen Radius von 15 Pixeln 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 im vorherigen Schritt erstellte Form. Wählen Sie diese Kopie aus, füllen Sie sie mit Weiß und verschieben Sie sie über die Gruppe (im Bedienfeld Ebenen). Öffnen Sie das Transparenzfenster. Wählen Sie erneut die weiße Form zusammen mit der Gruppe aus, öffnen Sie das Flyout-Menü des Transparenzbedienfelds und klicken Sie auf "Deckkraftmaske erstellen". Nun sollte Ihre Gruppe im endgültigen Referenzbild aussehen.
Wählen Sie die zweite im 18. Schritt erstellte Form aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen -8px-Offset 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 Konturfenster, aktivieren Sie das Kontrollkästchen für die gestrichelte Linie, und geben Sie 1pt in das Bindestrichfeld ein. Wählen Sie den gesamten Pfad erneut aus und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK. Am Ende sollte Ihre Form wie das Referenzbild aussehen.
Duplizieren Sie die im vorherigen Schritt erstellte Form. Wähle das Rechteckwerkzeug (M) aus und erstelle eine Form wie die im ersten Bild dargestellte rote. Schnappen Sie sich das Werkzeug zum Löschen von Ankerpunkten (-) 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%..
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 in der folgenden Abbildung dargestellt.
Deaktivieren Sie die intelligenten Hilfslinien und aktivieren Sie die Option An Raster ausrichten. Für den nächsten Schritt benötigen Sie alle 2,5px ein Raster. Gehen Sie zu Bearbeiten> Voreinstellungen> Hilfslinien & Raster und geben Sie jeweils 2,5 in die Rasterlinie ein. Wähle das Ellipse-Werkzeug (L) aus und erstelle eine Form von 25 x 25 Pixel. Füllen Sie es zuerst mit dem linearen Farbverlauf und fügen Sie dann einen 0,25pt hinzu, der an dem äußeren Strich 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 angezeigten Daten ein und klicken Sie auf OK. Duplizieren Sie diesen Kreis und wählen Sie das Rechteckwerkzeug (M) aus, und erstellen Sie eine Form wie die im folgenden Bild dargestellte 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 „Schnittmenge“. Füllen Sie die resultierende Form mit R = 52, G = 52, B = 52 und senken Sie die Deckkraft auf 20%..
Wählen Sie das Polar-Raster-Werkzeug aus, 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 den Linkspfeil, um die Anzahl der Zeilen auf drei zu verringern. Erstellen Sie ein 80 x 80 Pixel großes Raster und platzieren Sie es wie im ersten Bild gezeigt. Wählen Sie den Kreis aus, löschen Sie ihn und fokussieren Sie die Linien. Erhöhen Sie die Strichgröße auf 5pt, öffnen Sie das Strichfeld und klicken Sie auf die Schaltfläche Runde Kappe. Jetzt sollten Ihre Formen wie das dritte Referenzbild aussehen. Wählen Sie sie erneut aus und gehen Sie zu Objekt> Erweitern.
Konzentrieren wir uns auf die drei Formen, die im vorherigen Schritt erstellt wurden. Wähle den unteren 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 zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK. Wiederholen Sie den gleichen Effekt für die anderen beiden Formen, ändern Sie jedoch den Verlaufswinkel.
Deaktivieren Sie die Option An Raster ausrichten. Wähle das Ellipse-Werkzeug (L) aus, erstelle eine 12 x 12 Pixel große Form und platziere sie wie in der folgenden Abbildung gezeigt. Füllen Sie es mit R = 110, G = 110, B = 110 und fügen Sie einen nach innen gerichteten 0,5pt-Strich hinzu (R = 106, G = 106, B = 106)..
Wählen Sie die Formen aus, die in den letzten vier Schritten erstellt wurden, und gruppieren Sie sie (Befehl + G). Wählen Sie diese Gruppe aus und platzieren Sie sie wie in der folgenden Abbildung dargestellt.
Wählen Sie schließlich die große, graue Form (im sechsten Schritt erstellt) und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und fertig.
Das endgültige Bild ist unten.
Accentsconagua