Schneller Tipp So erstellen Sie eine Grafik mit Zufriedenheitsgarantie

In dem folgenden Quick Tip erfahren Sie, wie Sie ein mit Zufriedenheit garantiertes Siegel mit grundlegenden Formen und Verläufen erstellen können. Sie werden feststellen, dass die Grundstruktur dieser Grafik viele Male wiederverwendet werden kann, um eine Reihe von Web-Assets zu erstellen, die perfekt für den E-Commerce geeignet sind. Lass uns anfangen!


Schritt 1

Erstellen Sie ein 700-mal-700px-Dokument. Aktivieren Sie zunächst das Raster und den Fangknopf, und wählen Sie Bearbeiten> Voreinstellungen> Hilfslinien und Raster. Geben Sie "5" in das Feld "Richtlinie alle" und "1" in das Feld "Unterteilungen" ein. Nun müssen Sie 9 konzentrische Kreise bilden.

  1. Wählen Sie das Ellipse-Werkzeug (L), halten Sie die Umschalttaste gedrückt und erstellen Sie eine Form mit 500 x 500 Pixel. Nennen Sie es "1", gehen Sie zu "Objekt"> "Pfad"> "Pfad" ", geben Sie einen" -30px "-Versatz ein und klicken Sie auf" OK ".
  2. Benennen Sie den resultierenden Kreis "2", wählen Sie ihn aus und gehen Sie erneut zu Objekt> Pfad> Versatzpfad. Geben Sie einen Versatz von "-5px" ein und klicken Sie auf OK.
  3. Nennen Sie diese neue Form "3". Wählen Sie es aus, gehen Sie zu Objekt> Pfad> Versatzpfad, geben Sie einen Versatz von "-5px" ein und klicken Sie auf OK.
  4. Benennen Sie die resultierende Form "4", wählen Sie sie aus und gehen Sie erneut zu Objekt> Pfad> Versatzpfad. Geben Sie erneut einen Versatz von "-5px" ein und klicken Sie auf OK.
  5. Benennen Sie diesen neuen Kreis mit "5" und gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen Offset von "-25px" ein und klicken Sie auf OK.
  6. Wählen Sie diesen neuen Kreis aus, nennen Sie ihn "6". Gehen Sie zu Objekt> Pfad> Versatzpfad. Geben Sie einen Offset "-20px" ein und klicken Sie auf OK.
  7. Wählen Sie die resultierende Form aus, nennen Sie sie "7" und gehen Sie noch einmal zu Objekt> Pfad> Versatzpfad. Geben Sie einen Versatz von "-10px" ein und klicken Sie auf OK.
  8. Wählen Sie diese neue Form aus, nennen Sie sie "8", und gehen Sie ein letztes Mal zu Objekt> Pfad> Versatzpfad. Geben Sie einen Versatz von "-5px" ein und klicken Sie auf OK.
  9. Wählen Sie diesen letzten Kreis aus und nennen Sie ihn "9"..

Schritt 2

Hier können Sie die bisher erstellten Formen genauer betrachten. Als Nächstes müssen Sie die Formen von 2 bis 9 auswählen und sie für den Moment unsichtbar machen..


Schritt 3

Deaktivieren Sie das Raster und den Snap-To-Raster. Nun konzentrieren wir uns auf Form 1. Wählen Sie es aus, fügen Sie den Zick-Zack-Effekt hinzu, und wechseln Sie zu Objekt> Aussehen erweitern. Füllen Sie es zuerst mit dem linearen Gradienten und fügen Sie einen 1pt-Wert hinzu, der auf den Außenhub ausgerichtet ist (R = 204 G = 204 B = 204). Als nächstes fügen Sie eine neue schwarze Füllung hinzu. Wählen Sie diese Füllung aus (im Bereich "Darstellung"), verringern Sie die Deckkraft auf 3%, und fügen Sie den Grain-Effekt hinzu. Wählen Sie anschließend den gesamten Pfad erneut aus und fügen Sie den Effekt "Schlagschatten" hinzu (Effekt> Stilisieren> Schlagschatten)..


Schritt 4

Erstellen Sie eine Kopie der Form "1", wählen Sie dann das Rechteckwerkzeug (M) aus und erstellen Sie eine Form wie die rote in Bild 1. Wählen Sie diese beiden Formen aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche „Schnittmenge“. Füllen Sie die resultierende Form mit Schwarz, verringern Sie die Deckkraft auf 10% und verschieben Sie sie direkt über Form # 1 (stellen Sie sicher, dass sie bis zum Ende dort bleibt)..


Schritt 5

Drehen Sie 2,3,4,5,8 und 9 wieder sichtbar. Füllen Sie zuerst 2,4 und 8 mit Weiß, dann füllen Sie 3,5 und 9 mit dem unten gezeigten radialen Gradienten.


Schritt 6

Form "7" wieder sichtbar machen. Wählen Sie den Typ auf einem Pfadwerkzeug aus, klicken Sie auf den Pfad ("7"), um einen blinkenden Cursor anzuzeigen, und fügen Sie den Text "Zufriedenheitsgarantie" hinzu. Verwenden Sie die Schriftart Arial Black mit einer Größe von 40px. Wählen Sie diesen Text erneut aus und gehen Sie zu Objekt> Erweitern. Wählen Sie die resultierenden Formen aus, füllen Sie sie mit Weiß und gehen Sie zu Objekt> Zusammengesetzter Pfad> Erstellen. Nennen Sie die resultierende Form "Text". Kreis "6" wieder sichtbar machen. Doppelter "Text". Wählen Sie diese Kopie zusammen mit dem Kreis "6" aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche "Überschneiden". Wählen Sie die resultierende Gruppe von Formen aus, füllen Sie sie mit R = 251 G = 188 B = 12 und verringern Sie die Deckkraft auf 10%..


Schritt 7

Wählen Sie das Textwerkzeug aus und fügen Sie den 100% -Text in die Mitte des Kreises # 9 ein. Verwenden Sie die Schriftart "Impact" (110 Pixel für den Text und 80 Pixel für das Prozentzeichen). Erweitern Sie diesen Text, füllen Sie die resultierenden Formen mit Weiß und gehen Sie zu Objekt> Zusammengesetzter Pfad> Erstellen. Wählen Sie die resultierende Form aus, gehen Sie zu Objekt> Pfad> Versatzpfad, geben Sie einen Versatz von "-3px" ein und klicken Sie auf OK. Füllen Sie die resultierende Form mit dem linearen Farbverlauf.


Schritt 8

Wählen Sie das Sternwerkzeug aus und erstellen Sie eine Sternform wie in Bild 1 dargestellt. Halten Sie die Taste gedrückt, während Sie klicken und ziehen, um die Lautstärke Ihres Sterns zu erhöhen / verringern. Füllen Sie es mit dem radialen Farbverlauf und fügen Sie einen nach außen gerichteten weißen Strich hinzu. Wählen Sie das Sternwerkzeug erneut aus und erstellen Sie vier kleinere Sternformen. Füllen Sie sie mit demselben radialen Farbverlauf, verwenden Sie jedoch eine andere Strichgröße.


Schritt 9

Erstellen Sie eine Kopie der Form "2", wählen Sie dann das Rechteckwerkzeug (M) aus und erstellen Sie eine Form wie die rote in Bild 1. Wählen Sie nun beide Formen aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche „Schnittmenge“. Füllen Sie die resultierende Form mit Weiß und verringern Sie die Deckkraft auf 15%..


Schritt 10

Nun lassen Sie uns die Bänder erstellen. Schalten Sie das Raster und den Schnellfang ein. Wähle das Rechteckwerkzeug (M) aus und erstelle eine 100 x 250 Pixel große Form. Wählen Sie dieses Rechteck aus und gehen Sie zu Objekt> Pfad> Ankerpunkte hinzufügen. Wählen Sie das Direktauswahl-Werkzeug (A), wählen Sie den in Bild 1 hervorgehobenen Ankerpunkt aus und verschieben Sie ihn um 50 Pixel nach oben. Wählen Sie die gesamte Form erneut aus, fügen Sie den Bogeneffekt hinzu (Effekt> Warp> Bogen) und gehen Sie zu Objekt> Aussehen erweitern.


Schritt 11

Duplizieren Sie die im vorherigen Schritt erstellten Formen. Drehen Sie nun diese beiden Formen und platzieren Sie sie wie in der Abbildung unten. Füllen Sie beide mit dem gleichen radialen Farbverlauf und fügen Sie einen nach innen gerichteten Strich hinzu (R = 242 G = 242 B = 242)..


Fazit

Fügen Sie schließlich den Schlagschatteneffekt hinzu und fertig. Dieser Grafikstil ist besonders für E-Commerce-Websites hilfreich, da er je nach Bedarf neu eingefärbt werden kann.