Share
Lieben Sie es oder verabscheuen Sie sich, der Vorlauf zu den Feiertagen ist für Designer und Illustratoren oft die geschäftigste Zeit des Jahres. Es ist um diese Zeit Anfragen für alle Arten von Aktionen und Verkäufen. Ich habe die Anzahl der Kugeln, Truthähne und Geschenkboxen verloren, die ich illustrieren wollte. Der heutige Quick Tip ist ein schnelles und einfaches Lernprogramm, in dem Sie lernen, wie Sie das Erscheinungsbild und einige nette Schriftarten verwenden, um eine sehr einfache Verkaufsillustration zu erstellen. Der Fokus liegt auf einer schnellen und einfachen Illustration, mit der Sie sich mit den wichtigeren Aufgaben der Saison befassen können. Lass uns anfangen!
Erstellen Sie ein RGB-Dokument mit 600 x 500 Pixel, wobei die Einheiten auf Pixel eingestellt sind. Nimm das Rechteckwerkzeug (M) und Wahltaste + Klick auf die Zeichenfläche und erstelle ein 400 x 100 Pixel großes Rechteck.
Machen Sie die Seitenteile des Banners mit dem Rechteckwerkzeug (M). Option + Klicken Sie auf die Zeichenfläche und erstellen Sie ein 150 x 100 Pixel großes Rechteck.
Nimm das Stiftwerkzeug (P) und füge einen Ankerpunkt in der Mitte der rechten Seite des Rechtecks hinzu. Bewegen Sie den Punkt mit dem Direktauswahl-Werkzeug (A), um eine V-Form zu erstellen, die das Ende der Multifunktionsleiste bildet.
Wählen Sie das Ende der Multifunktionsleiste aus und erstellen Sie eine reflektierte Kopie mit Option + Klicken Sie mit dem Reflektortool (O) in die Mitte des Hauptrechtecks und erstellen Sie eine vertikale Kopie. Wählen Sie beide Ribbon-Enden aus und verschieben Sie sie auf die Rückseite des Bildes (Wählen Sie dann Befehl + Umschalttaste + linke eckige Klammer).
In diesem Schritt erstellen wir das Muster für das Farbband. Dies kann sein, was Sie möchten. Ich erstelle einen einfachen Streifen, also habe ich ein kleines Rechteck erstellt, ein anderes Rechteck kopiert und eingefügt (Befehl + C, dann Befehl + F) und dessen Maßstab verkleinert. Ich habe jedes Rechteck einen Rotton eingefärbt, wobei ein Rechteck heller ist als das andere. Wählen Sie die Formen aus und ziehen Sie sie in das Farbfeldbedienfeld, um einen Hintergrund zu erstellen.
Testen Sie das Füllmuster auf dem Farbband, um zu sehen, ob es Ihnen gefällt. Sobald Sie zufrieden sind, ist es Zeit, weitere Details hinzuzufügen.
Wählen Sie das Menüband aus und klicken Sie auf die Schaltfläche "Neuen Strich hinzufügen". Bearbeiten Sie die Einstellungen so, dass der Strich ein Gewicht von 1pt und eine gestrichelte Linie mit einem Strich von 4pt und einem Abstand von 4pt hat. Die Farbe ist hell (ich habe Weiß verwendet)..
Gehen Sie mit dem ausgewählten Strich zu "fx"" im Erscheinungsbildfenster, navigieren Sie zu Pfad> Versatzpfad und geben Sie einen Versatz von -3px ein.
Wählen Sie die Füllung des Farbbands und gehen Sie zu "fxKlicken Sie im Erscheinungsbildbedienfeld auf die Schaltfläche, und navigieren Sie zu Stilisieren> Inner Glow. Stellen Sie die Farbe auf einen dunkleren Ton der Hauptfarben der Farbbänder ein (in diesem Fall verwende ich ein dunkles Rot), und stellen Sie die Deckkraft auf 50%, den Modus auf Multiplizieren Sie die Unschärfe auf 15px.
Nun ist es Zeit den Text hinzuzufügen! Ich verwende eine großartige Schriftart namens Pacifico im Maßstab 48pt. Je nach Schriftart und Text müssen Sie die Punktgröße an die Größe des Menübands anpassen. Wenn Sie die gleiche Schriftart wie ich verwenden möchten, können Sie sie kostenlos von Font Squirrel herunterladen.
Wenn der Text ausgewählt ist, wechseln Sie in das Erscheinungsbildfenster und fügen eine weiße Füllung und dann eine dunkle Schattierung der Hauptfarben der Farbbänder hinzu (dazu verwende ich dunkelrotes Farbfeld). Stellen Sie sicher, dass sich die dunklere Farbe unter der weißen Ebene befindet. Wählen Sie im Darstellungsfeld die dunklere Farbe aus (stellen Sie sicher, dass der Text noch ausgewählt ist oder der Effekt nicht angewendet wird), und wechseln Sie zu "fx"und navigieren Sie zu Verzerren und Transformieren> Transformieren. Verschieben Sie die Ebene -5px Vertical und klicken Sie auf OK. Dadurch wird ein Schatten für den Text erstellt.
Ihr Band sollte ungefähr so aussehen. Jetzt ist es an der Zeit, es kurvig zu machen. Wählen Sie den Text und den oberen Teil des Banners aus und gruppieren Sie sie (Befehl + G). Wählen Sie dann die beiden Seitenteile des Menübands aus und gruppieren Sie sie mit derselben Technik. Sie sollten jetzt zwei Gruppen haben, aus denen sich das Band zusammensetzt.
Wähle beide Gruppen der Multifunktionsleiste mit dem Auswahlwerkzeug (V) aus und gehe zum "fx"Klicken Sie im Erscheinungsbildfenster auf die Schaltfläche, und navigieren Sie zu Warp> Arch. Legen Sie die Biegung auf 20% fest und klicken Sie auf OK. Sie erhalten jetzt ein kurviges Banner.
Wählen Sie das Ellipse-Werkzeug (L) und die Wahltaste + Klicken Sie auf die Zeichenfläche und erstellen Sie einen Kreis aus 350 x 350 Pixeln.
Wählen Sie den Kreis aus und bewegen Sie ihn mit Befehl + Linke eckige Klammer hinter die obere Gruppe des Menübands. Der Kreis sollte zwischen den oberen und unteren Gruppen des Farbbands verschachtelt sein, wie Sie in der Abbildung unten sehen.
Wählen Sie den Kreis aus und wenden Sie einen radialen Verlauf von einem hellen Ton zu einem etwas dunkleren an. Ich habe weiß bis hellblau für meine verwendet. Sie können jede beliebige Farbe verwenden, solange sie heller ist als das Farbband (dies hilft, den Text hervorzuheben). Fügen Sie im Darstellungsfeld einen 1 oder 2pt-Strich in einem etwas dunkleren Ton hinzu als der Verlauf, um die Außenseite des Kreises zu definieren.
Im Bild unten sehen Sie, wie ich den Farbverlauf positioniert habe. Sie können den Verlauf jederzeit bearbeiten. Wählen Sie einfach den Kreis aus und wählen Sie das Verlaufswerkzeug (G), um den Verlauf innerhalb des Bildmaterials zu verschieben und zu bearbeiten.
Ohne den auffallenden Rabatt wäre es kein Verkauf. Ich habe etwas Text mit der Schriftart "Museo Slab 500" hinzugefügt, die ebenfalls eine kostenlose Schriftart ist. Sie können sie von FontSpring.com herunterladen (Sie müssen sich für ein Konto registrieren).
Hinweis: Ich war hier ziemlich faul, da ich das Design ohne großen Aufwand erstellen möchte. Um den Text auszugleichen, habe ich ihn in zwei Zeilen aufgeteilt und die Schriftgröße der unteren Zeile reduziert. Ein besserer Weg, dies zu tun, wäre, zwei verschiedene Textzeilen richtig auszurichten und das Kerning und die Nachverfolgung zu verwenden, damit der Text vollständig ausgeglichen erscheint. Wir haben heute keine Zeit dafür, wir wollen ein paar Feiertage!
Wählen Sie den Verkaufstext aus und gehen Sie im Erscheinungsbildbereich auf "fx", und navigieren Sie zu Stilisieren> Äußeres Glühen. Stellen Sie das Glühen auf eine helle Farbe (ich habe Weiß verwendet) mit einem Normalmodus und einem 45px-Weichzeichner ein. Nach diesem Schritt werden Sie nicht viel wahrnehmen, es hellt nur den dahinter liegenden Bereich auf der Text ein wenig, um ihn etwas mehr hervorzuheben.
Jetzt machen wir einen Aufhänger für den Kreis, der ihn in eine Dekoration verwandelt. Zeichnen Sie ein Rechteck mit dem Rechteckwerkzeug, wählen Sie es aus und klicken Sie im Darstellungsbereich auf die Schaltfläche "fx", und navigieren Sie zu Warp> Arch. Legen Sie die Biegung auf -15% fest und klicken Sie auf OK. Wenn Sie dies getan haben, gehen Sie zu Objekt> Aussehen erweitern, um die Form freizugeben und die Arbeit zu erleichtern.
Fügen Sie einen linearen Verlauf ähnlich dem folgenden Beispiel hinzu, um eine metallische Oberfläche zu erhalten. Wenn Sie einen Goldeffekt erzielen möchten, ersetzen Sie die Grautöne durch Gelb und Hellbraun.
Zeichnen Sie eine Ellipse oben in der Bogenform, um den oberen Teil des Bügels zu erstellen. Füllen Sie sie mit einem mittleren und dunklen Farbton des vorherigen Farbverlaufs (entfernen Sie einfach die hellste Farbe)..
Zeichnen Sie einen Kreis mit einem Strich, der die Skala des Aufhängers ergänzt (ich habe 8pt verwendet) und klicken Sie mit dem Schere-Werkzeug (C) auf die Punkte auf der linken und rechten Seite des Kreises, um ihn zu halbieren. Löschen Sie den unteren Abschnitt.
Gehen Sie zu Objekt> Erweitern, um den Strich in eine Form umzuwandeln. Füllen Sie die resultierende Form mit dem gleichen Verlauf, den Sie für die Oberseite des Kleiderbügels verwendet haben (den in Schritt 13 erstellten)..
Dies ist das Grunddesign für den Ferienverkauf. Von hier aus habe ich dem Hauptkreis einen Körnungseffekt hinzugefügt, um ihm ein Retro-Gefühl zu verleihen, das zum Band passt.
Um die Textur hinzuzufügen, gehe zum "fx"im Erscheinungsbildfenster und navigieren Sie zu Textur> Körnung. Sie können die Einstellungen sehen, die ich im Bild unten verwendet habe. Spielen Sie mit den Einstellungen, um etwas zu finden, das Ihnen gefällt.
Dies ist der endgültige Effekt. Ich habe auch den Strich auf 1pt geändert, da die 2pt-Linie durch die Maserung zu stark hervorgehoben wurde und der Aufhänger neu positioniert wurde, um ein schöneres Design zu erzielen.
Hinweis: Fügen Sie am besten alle Rastereffekte hinzu, wenn Sie mit dem Hauptdesign fertig sind, da dies den Computer oft verlangsamen und manchmal sogar die Anwendung einfrieren kann.
Ich habe auch bemerkt, dass das Banner und der Aufhänger einen Schlagschatten verwenden könnten. Wählen Sie dazu die oberste Gruppe des Banners aus und gehen Sie dann zu "fx"im Erscheinungsbildfenster und navigieren Sie zu" Stilisieren ">" Schlagschatten ". Um die weicheren Töne des Designs beizubehalten, habe ich einen dunklen Ton der Hauptfarbe (in diesem Fall ein dunkles Blau) verwendet und den Modus auf" Multiple ", die Deckkraft, eingestellt zu 40%, der Versatz zu 3px und die Unschärfe zu 3px.
Um dem Kleiderbügel einen Schlagschatten hinzuzufügen, habe ich eine Ellipse erstellt, einen mittleren Ton der Hauptfarbe (in diesem Fall ein mittleres Grau / Blau) eingefärbt und ihn hinter den Kleiderbügel gesandt (Befehl + linke eckige Klammer drücken, bis er erscheint in Position) Gehen Sie mit ausgewähltem Schatten zu "fxKlicken Sie im Fenster "Erscheinungsbild" auf die Schaltfläche, und navigieren Sie zu "Weichzeichnen"> "Gaußsche Weichzeichnung". Setzen Sie den Radius auf 3,7 Pixel (oder etwas, das in der Vorschau gut aussieht). Klicken Sie auf OK.
Experimentieren Sie mit verschiedenen Farben und Buchstaben, um zu sehen, was Sie sich vorstellen können. Wenn Sie den Winkel der Multifunktionsleiste ändern möchten, wechseln Sie zu Objekt> Aussehen erweitern, bevor Sie sie verschieben, da sich der Warp-Effekt aufgrund der Position auf unerwartete Weise ändert. Speichern Sie zuvor eine Kopie, da Sie den Effekt nicht bearbeiten können Farbband nach dem Erweitern). Ich hoffe, dass dir dieses Tut gefallen hat.
Accentsconagua