Schneller Tipp So erstellen Sie ein einfaches Web-Badge

In den folgenden Schritten zeige ich Ihnen, wie Sie ein einfaches Vektor-Badge erstellen. Für das allgemeine Abzeichen benötigen Sie nur einen einfachen Kreis. Wenn Sie mehrere Füllungen und Striche zusammen mit einigen integrierten Mustern und grundlegenden Effekten verwenden, erreichen Sie das Endprodukt. Das endgültige Abzeichen kann leicht bearbeitet werden, so dass es nicht schwierig ist, die gewünschten Farben zu verwenden.


Schritt 1

Erstellen Sie ein 700 x 700 Pixel großes RGB-Dokument, wählen Sie dann das Ellipse-Werkzeug (L) und klicken Sie auf Ihre Zeichenfläche. Geben Sie 500 in das Breitenfeld und 500 in das Höhenfeld ein, und klicken Sie auf OK. Dadurch wird eine 500 x 500 Pixel große Form erstellt. Füllen Sie es mit R = 215 G = 215 B = 215.


Schritt 2

Wählen Sie die im vorherigen Schritt erstellte Form erneut aus und wechseln Sie in das Erscheinungsbildfenster. Wählen Sie die Füllung und gehen Sie zu Effekt> Verzerrung und Transformation> Zick-Zack. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.


Schritt 3

Wählen Sie Ihre Form erneut aus und wechseln Sie in das Erscheinungsbildfenster. Wählen Sie die vorhandene Füllung aus und klicken Sie auf das Symbol "Auswahlelement duplizieren" unten im Bereich "Darstellung". Offensichtlich wird dadurch eine Kopie der ausgewählten Füllung hinzugefügt. Für diese neue Füllung benötigen Sie ein integriertes Muster. Rufen Sie das Farbfeldbedienfeld auf, öffnen Sie das Flyout-Menü und wählen Sie „Swatch-Bibliothek öffnen“> „Muster“> „Grundlegende Grafiken“> „Grundlegende Graphics_Textures“. Dies öffnet ein neues Fenster mit einigen schönen Mustern. Wählen Sie die neu erstellte Füllung erneut aus dem Bereich "Aussehen" aus, verringern Sie die Deckkraft auf 10% und verwenden Sie das Rautenmuster.


Schritt 4

Wählen Sie Ihre Form erneut aus und fügen Sie einen weißen Strich hinzu. Machen Sie es 2pt breit und richten Sie es nach innen aus. Gehen Sie dann zu Effekt> Verzerrung und Transformation> Zick-Zack und geben Sie dieselben Daten ein, die im zweiten Schritt verwendet wurden. Wählen Sie diesen Strich im Darstellungsfeld aus und klicken Sie auf die Schaltfläche "Ausgewähltes Objekt duplizieren". Offensichtlich wird dadurch eine Kopie des Strichs hinzugefügt. Machen Sie es 1pt breit und setzen Sie die Farbe auf R = 167 G = 169 B = 172.


Schritt 5

Wählen Sie Ihre Form erneut aus und wechseln Sie in das Erscheinungsbildfenster. Öffnen Sie das Flyout-Menü und klicken Sie auf Neue Füllung hinzufügen. Dadurch wird eine neue Füllung für Ihre Form hinzugefügt. Wählen Sie es aus und vergewissern Sie sich, dass es oben im Erscheinungsbildfenster platziert ist. Legen Sie dann die Farbe auf R = 215 fest. G = 215 B = 215, und wählen Sie Effekt> Verzerrung und Transformation> Transformation. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.


Schritt 6

Fügen Sie zwei neue Striche für Ihre Form hinzu. Sie können neue Striche einfach über das Flyout-Menü des Bedienfelds Erscheinungsbild> Neuen Strich hinzufügen hinzufügen. Beide Striche sollten innen und 1pt breit sein. Nun konzentrieren wir uns auf den ersten Schlag, den untersten. Setzen Sie die Farbe auf R = 255 G = 255 B = 255 und gehen Sie zu Effekt> Distort & Transform> Transform. Geben Sie die im linken Fenster angezeigten Daten ein, klicken Sie auf OK und wählen Sie dann den oberen Strich aus. Setzen Sie die Farbe auf R = 167 G = 169 B = 172 und wählen Sie dann Effekt> Verzerrung und Transformation> Transformation. Geben Sie die im rechten Fenster angezeigten Daten ein und klicken Sie auf OK.


Schritt 7

Fügen Sie eine neue Füllung für Ihre Form hinzu und wählen Sie sie im Erscheinungsbildfenster aus. Verringern Sie die Deckkraft auf 10% und füllen Sie sie mit dem Rautenmuster. Gehen Sie dann zu Effekt> Verzerrung und Transformation> Transformation. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.


Schritt 8

Fügen Sie wieder zwei neue Striche für Ihre Form hinzu. Beide Striche sollten innen und 1pt breit sein. Konzentrieren Sie sich zuerst auf den unteren Strich. Setzen Sie die Farbe auf R = 255 G = 255 B = 255 und gehen Sie zu Effekt> Distort & Transform> Transform. Geben Sie die im linken Fenster angezeigten Daten ein, klicken Sie auf OK und wählen Sie dann den oberen Strich aus. Setzen Sie die Farbe auf R = 167 G = 169 B = 172 und wählen Sie dann Effekt> Verzerrung und Transformation> Transformation. Geben Sie die im rechten Fenster angezeigten Daten ein und klicken Sie auf OK.


Schritt 9

Fügen Sie einen letzten Strich für Ihre Form hinzu. Machen Sie es 7px breit und setzen Sie die Farbe auf R = 167. G = 169 B = 172. Gehen Sie dann zu Effekt> Verzerrung und Transformation> Transformation. Geben Sie die unten angezeigten Daten ein, klicken Sie auf OK und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie erneut die unten angezeigten Daten ein und klicken Sie auf OK.


Schritt 10

Kehren Sie zur ersten Füllung zurück, wählen Sie sie aus und gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die Daten aus dem folgenden Bild ein und klicken Sie auf OK.


Schritt 11

Wähle das Textwerkzeug (T), klicke auf deine Zeichenfläche und füge etwas Text hinzu. Verwenden Sie die Franchise Bold-Schriftart mit einer Größe von 250 pt. Wählen Sie es aus und gehen Sie zu Objekt> Erweitern. Wählen Sie dann die resultierende Formengruppe aus, und wählen Sie Objekt> Verbundpfad> Erstellen aus.


Schritt 12

Wählen Sie den Pfad aus dem vorherigen Schritt erneut aus und füllen Sie ihn mit R = 215 G = 215 B = 215. Fügen Sie außerdem zwei einfache Striche hinzu, und verwenden Sie die in der folgenden Abbildung gezeigten Eigenschaften.


Schritt 13

Verwenden Sie erneut das Textwerkzeug (T), um ein kleines Prozentzeichen hinzuzufügen. Verwenden Sie die Schriftart "Freestyle Script" mit einer Größe von 100 pt. Legen Sie die Farbe auf R = 167 fest. G = 169 B = 172, und wählen Sie dann Effekt> Stilisieren> Schlagschatten. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.


Schritt 14

Wenn Sie sich das letzte Abzeichen genauer ansehen, werden Sie feststellen, dass wir nur drei Farben für Füllungen und Striche verwendet haben: weiße und zwei graue Tönungen (R = 215 G = 215 B = 215 und R = 167 G = 169 B = 172). Sie können die Grautöne durch zwei verschiedene Farben ersetzen, wie in der folgenden Abbildung dargestellt.


Fazit

So sollte Ihre endgültige Abbildung aussehen. Wie ich im letzten Schritt gesagt habe, können Sie verschiedene Farben für Ihr letztes Vektor-Badge verwenden. Sie können das Rautenmuster auch durch ein anderes integriertes Muster ersetzen oder für Ihren Text andere Schriftarten verwenden. Es gibt unzählige Möglichkeiten, sehen Sie, was Sie sich vorstellen können!