Schneller Tipp So erstellen Sie ein einfaches Preisschild-Symbol

In dem folgenden kurzen Tipp erfahren Sie, wie Sie ein einfaches Preisschild-Symbol erstellen. Dies ist ein weiteres Tutorial, das sich hauptsächlich auf das Erscheinungsbild-Panel konzentriert. Zunächst benötigen Sie einige grundlegende Werkzeuge und Formgebungsverfahren, um die Ausgangsform zu erstellen. Als Nächstes erstellen Sie Ihr eigenes Preisschild-Symbol, indem Sie die Leistung des Appearance-Bedienfelds und eine schöne, kostenlose Schriftart zusammen mit einigen grundlegenden Effekten und Techniken verwenden. Lass uns anfangen.


Schritt 1

Drücken Sie Befehlstaste + N, um ein neues Dokument zu erstellen. Geben Sie 600 in die Felder mit und Höhe ein und klicken Sie auf die Schaltfläche Erweitert. Wählen Sie RGB, Bildschirm (72ppi) und vergewissern Sie sich, dass das Kontrollkästchen "Neue Objekte am Pixelraster ausrichten" deaktiviert ist, bevor Sie auf OK klicken. Aktivieren Sie nun das Raster (Ansicht> Raster) und den Raster ausrichten (Ansicht> 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 in Pixeln unter Bearbeiten> Voreinstellungen> Einheit> Allgemein festzulegen. Alle diese Optionen erhöhen die Arbeitsgeschwindigkeit erheblich.


Schritt 2

Wähle das Rechteckwerkzeug (M) aus, erstelle eine 150 x 60px-Form und fülle sie mit R = 255 G = 222 B = 190. Entfernen Sie die Farben vom Strich.


Schritt 3

Wählen Sie die im vorherigen Schritt erstellte Form erneut aus. Wählen Sie das Werkzeug Ankerpunkt hinzufügen (+) und fügen Sie zwei neue Ankerpunkte hinzu (siehe folgende Abbildung). Das Snap-to-Grid erleichtert Ihnen die Arbeit.


Schritt 4

Stellen Sie sicher, dass Ihre Form noch ausgewählt ist, und wählen Sie das Direktauswahl-Werkzeug (A). Wählen Sie den oberen, linken Ankerpunkt aus und verschieben Sie ihn um 30 Pixel nach unten. Wählen Sie dann den unteren, linken Ankerpunkt aus und verschieben Sie ihn um 30 Pixel nach oben. Am Ende sollte Ihre Form wie im zweiten Bild aussehen.


Schritt 5

Wähle das Ellipse-Werkzeug (L) aus, erstelle einen 10px-Kreis und platziere ihn wie im ersten Bild gezeigt. Wählen Sie es zusammen mit der anderen Form aus und klicken Sie im Pathfinder-Bedienfeld auf die Schaltfläche Minus Front. Die resultierende Form sollte wie im dritten Bild aussehen. Dies ist die einzige Form, die Sie zum Erstellen Ihres Preisschilds benötigen. Wechseln Sie zum Ebenenfenster (Fenster> Ebenen), doppelklicken Sie auf diese Form und nennen Sie sie "Preisschild"..


Schritt 6

Wählen Sie "Preis" und gehen Sie in das Erscheinungsbildfenster. Wählen Sie die vorhandene Füllung aus und gehen Sie zu Effekt> Stilisieren> Inner Glow. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.


Schritt 7

Wählen Sie "Preis" aus, wechseln Sie in das Fenster "Darstellung" und klicken Sie auf die Schaltfläche "Neue Füllung hinzufügen". Offensichtlich wird dadurch eine neue Füllung für Ihre Form hinzugefügt. Wählen Sie es im Erscheinungsbild-Fenster aus, verringern Sie die Deckkraft auf 25% und füllen Sie es mit dem unten gezeigten linearen Farbverlauf.

Die gelben Zahlen aus dem Verlaufsbild stehen für den Prozentsatz der Deckkraft, während die weißen Zahlen für den Standortprozentsatz stehen. Stellen Sie sicher, dass diese neue Füllung noch ausgewählt ist, und wechseln Sie zu Effekt> Pfad> Versatzpfad. Geben Sie einen Offset von -3px ein, klicken Sie auf OK und gehen Sie zu Effekt> Stilisieren> Inner Glow. Geben Sie erneut die unten angezeigten Daten ein und klicken Sie auf OK.


Schritt 8

Wählen Sie "Preis" und fügen Sie einen Strich hinzu. Machen Sie es 1px breit, setzen Sie die Farbe auf R = 196 G = 154 B = 108 und gehen Sie zum Strichbedienfeld (Fenster> Strich). Überprüfen Sie zuerst die Schaltflächen Round Cap und Round Join. Markieren Sie als Nächstes das Feld für die gestrichelte Linie und geben Sie 0,75 pt in das Bindestrichfeld und 3 pt in das Lückenfeld ein. Jetzt sollten Sie einen gestrichelten Strich haben.

Kehren Sie in das Erscheinungsbildfenster zurück, stellen Sie sicher, dass der Strich noch ausgewählt ist, und gehen Sie zu Effekt> Pfad> Versatzpfad. Geben Sie einen Offset von -3px 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 9

Wählen Sie "Preis" und gehen Sie in das Erscheinungsbildfenster. Stellen Sie sicher, dass keine Füllung oder Kontur ausgewählt ist, und klicken Sie auf die Schaltfläche Neue Kontur hinzufügen. Dies fügt einen neuen Strich für Ihre Form hinzu. Machen Sie es 2pt, richten Sie es nach außen aus und setzen Sie seine Farbe auf R = 196 G = 154 B = 108.


Schritt 10

Wählen Sie "Preis" und gehen Sie in das Erscheinungsbildfenster. Wählen Sie den im vorherigen Schritt hinzugefügten Strich aus und klicken Sie auf die Schaltfläche Ausgewähltes Objekt duplizieren. Dadurch wird eine Kopie des ausgewählten Strichs hinzugefügt. Wählen Sie es aus, stellen Sie die Größe auf 1pt und die Farbe auf R = 255 ein. G = 245 B = 235.


Schritt 11

Wählen Sie erneut "Preisschild" aus, und wechseln Sie zum Fenster "Darstellung". Stellen Sie sicher, dass keine Füllung oder Kontur ausgewählt ist, und klicken Sie auf die Schaltfläche Neue Füllung hinzufügen. Wählen Sie diese neue Füllung aus und ziehen Sie sie unten im Erscheinungsbildfenster. Füllen Sie es mit dem unten dargestellten Linienstärke und gehen Sie zu Effekt> Pfad> Versatzpfad. Geben Sie einen 2px-Offset ein, klicken Sie auf OK und gehen Sie 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 12

Wählen Sie Ihren gesamten Pfad erneut aus und gehen Sie zu Effekt> Stilisieren> Abgerundete Ecken. Geben Sie einen Radius von 5 Pixeln ein und klicken Sie auf OK. Wechseln Sie zum Darstellungsfeld und stellen Sie sicher, dass sich die abgerundeten Ecken oben im Darstellungsfenster befinden.


Schritt 13

Wähle das Typwerkzeug (T) aus, klicke auf deine Zeichenfläche und addiere einen Preis. Verwenden Sie die Arcade-Schriftart mit einer Größe von 35 pt und setzen Sie die Farbe auf R = 169 G = 124 B = 80. Wenn dieser Text noch ausgewählt ist, gehen Sie zu Effekt> Stilisieren> Schlagschatten. Geben Sie die unten angezeigten Daten ein und klicken Sie auf OK.


Schritt 15

Schließlich können Sie verschiedene Farbsätze für Ihr Preisschild verwenden oder den Wert für die abgerundeten Ecken erhöhen oder verringern.


Fazit

Jetzt ist deine Arbeit erledigt. So sollte es aussehen, ich hoffe, Sie haben dieses Tut genossen.