Share
So erstellen Sie ein Symbol mit den neuen Funktionen von Inkscape 0.47, z. B. Gradienten, Unschärfe, Pfadeffekte und Maske auf der Texturebene. Wir werden jeden Schritt beim Erstellen dieses grungy RSS-Feed-Symbols durchlaufen. In diesem Tutorial gibt es großartiges Vektormaterial!
Unten ist das endgültige Bild, auf das wir hinarbeiten werden. Möchten Sie auf die vollständigen Vector Source-Dateien und herunterladbaren Kopien jedes Tutorials zugreifen, einschließlich dieses Tutorials? Nehmen Sie an Vector Plus für nur 9 € pro Monat teil.
Zunächst benötigen wir die letzte Inkscape-Version (0.47pre4). Sie können es auf der offiziellen Inkscape-Site herunterladen.
Inkscape ist ein Open-Source-Vektorgrafiken-Editor, der kostenlos für Linux, Windows 2000/2003 / XP (vollständig unabhängiges Installationsprogramm) und OSX (dmg-Paket) verfügbar ist..
Beginnen wir damit, zuerst ein neues Dokument zu öffnen, das Werkzeug Bezier-Kurve (B) auszuwählen und einen Grob aus drei Flächen eines Würfels in einer perspektivischen Ansicht zu zeichnen (Drücken Sie Befehl, um eine vertikale Bezierlinie zu zeichnen)..
Stellen Sie sicher, dass Sie die neue Benutzeroberfläche für das Einrasten in der Inkscape-Symbolleiste und die Schaltfläche zum Prüfen des Ausrichtungsknotens aktivieren, um die Knoten auszurichten.
Jetzt schneiden wir die obere Fläche in zwei Teile. Wählen Sie die obere Fläche aus, drücken Sie die Schaltfläche "Pfad bearbeiten" (F2), wählen Sie den linken und den unteren Knoten aus und drücken Sie die Schaltfläche "Neuen Knoten einfügen". Wiederholen Sie diesen Schritt für den oberen und den rechten Knoten.
Wählen Sie die soeben erstellten Knoten aus und drücken Sie die Schaltfläche Pfad unterbrechen, um die obere Fläche zu unterteilen, und Befehl + K, um sie in zwei Objekte zu unterteilen. Jetzt sollten Sie vier verschiedene Objekte haben, wie das Bild unten (ich habe es mit zufälligen Farben für eine bessere Ansicht gefüllt).
Um einen alten Karton zu simulieren, wählen Sie eine Seite aus und drücken Sie F2, um den Pfad zu bearbeiten. Wählen Sie zwei Knoten aus und klicken Sie auf die Schaltfläche Knoten hinzufügen. Wählen Sie den neu erstellten Knoten aus und konvertieren Sie ihn in einen symmetrischen Knoten, um ihn zu verschieben und zu drehen. Sie können auf einen Pfad doppelklicken, um einen neuen Knoten einzufügen.
Öffnen Sie den Ebenenmanager, indem Sie zu Ebenen> Ebenen… (Befehl + Umschalttaste + L) gehen. Sie sollten eine Ebene haben und diese in "Box" umbenennen. Duplizieren Sie es jetzt, indem Sie zu Ebene> Aktuelle Ebene duplizieren. Benennen Sie den neuen Namen in "bg_box" um und platzieren Sie ihn unter "box" -Schichten. Jetzt sollten Sie dasselbe in den beiden Schichten haben. Im Moment können Sie "Box" -Layer ausblenden.
Wir bereinigen die Form also in "bg_box" und erstellen nur ein Objekt, um sicherzustellen, dass die internen Knoten ausgerichtet sind. Wählen Sie alle aus und wenden Sie Pfad> Vereinigung an. Diese Form wird anschließend für Texturierung, Blitz und Schatten verwendet. Sie können den Layer "bg_box" sperren und auf den Layer "box" zurückkehren.
Jetzt füllen wir die Flächen mit einer Verlaufsfarbe, um ein Licht von links oben zu simulieren. Öffnen Sie also das Feld „Füllen und Konturen“, indem Sie zu Objekt> Füllen und Kontur wechseln (Befehl + Umschalt + F). Wählen Sie die linke Fläche aus und füllen Sie die Form mit einem radialen Farbverlauf, indem Sie auf die Schaltfläche Radial Gradient klicken. Wählen Sie mit der Schaltfläche Pfad bearbeiten die Mitte aus und wählen Sie eine hellbraune Farbe (# c2aa99) und außen eine dunkelbraune Farbe (# 926a4f). Wählen Sie das Verlaufszentrum aus und ziehen Sie es nach unten, um den Effekt anzupassen.
Wiederholen Sie den vorherigen Schritt für jeden Teil des Kartons. Sie können die Farbe anpassen und vergessen Sie nicht, dass das Licht von links oben kommt. Sie sollten etwas wie das unten abgebildete erhalten.
Jetzt arbeiten wir daran, den Rahmen mit Lichtern zu betonen. Erstellen Sie einen Stern mit drei Ästen. Legen Sie es in die vordere Ecke der Box und wählen Sie eine helle Farbe wie # b4a69e.
Transformieren Sie nun die Objekte, indem Sie unter Pfad> Objekt zu Pfad… wechseln (Befehlstaste + Umschalttaste + C). Wählen Sie die Äste aus den Sternknoten aus und platzieren Sie sie an den Rändern der Box. Geben Sie einen Unschärfewert von 1 an.
Wählen Sie das Werkzeug Bezier-Kurve aus und zeichnen Sie dunkelgraue Formen in die Ecke, um eine Beule auf der Box zu simulieren.
Wählen Sie diese Formen aus, gehen Sie zu Füll und Kontur und setzen Sie die Unschärfe auf 10.0.
Jetzt schlagen wir vor, den Effekt der Feuchtigkeit auf die Box zu bringen, indem Sie einige Grunge-Formen verwenden. Erstellen Sie eine einfache Ellipse, wählen Sie das Tweak-Werkzeug aus, setzen Sie die Breite auf 10, Kraft auf 25. Jetzt drücken Sie Teile der Pfade an, und wenden Sie sie wie in der Abbildung unten an der Seite der Form an.
Jetzt löschen wir den Rest der Form mithilfe eines Pathfinders. Zeichnen Sie ein großes Rechteck auf dem Teil, den Sie löschen möchten. Wählen Sie die beiden aus und wenden Sie Path> Difference an.
Eine andere Möglichkeit, eine grobe Form zu erstellen, besteht darin, eine einfache Form mit einem Bezier-Werkzeug zu zeichnen und einen Modifikator anzuwenden, indem Sie auf Extension> Modify Path> Fractalize gehen.
Duplizieren, skalieren und drehen Sie die soeben erstellten groben Formen. Legen Sie sie in den Karton.
Wenden Sie auf jede Form einen hellen Farbverlauf an, schwarz bis transparent und passen Sie sie wie unten gezeigt an.
Jetzt erstellen wir Klebeband auf der Box. Zeichnen Sie mit dem Bezier-Werkzeug zwei Rechtecke, eines davon oben und eines links.
Wählen Sie das untere Segment des kleinen Rechtecks aus und unterteilen Sie es viermal.
Wählen Sie zufällige Knoten aus und verschieben Sie sie mit dem oberen und unteren Pfeil, um eine Aufteilung zu simulieren.
Wählen Sie das Band aus und fügen Sie diese braune Farbe # 625037 hinzu. Auf dem oberen Teil des Bandes füllen wir es mit einem vertikalen, linearen Farbverlauf. Fügen Sie 3 Stopps hinzu, indem Sie den Verlaufseditor verwenden, und bearbeiten Sie den mittleren mit einem hellen Braun (# a4804a). Danach können Sie die beiden Bandstücke auswählen und das untere mit der PageDown-Taste verschieben.
Um unsere Box zu verbessern, fügen wir eine Bitmap-Textur hinzu. Ich verwende dieses kostenlose Rostbild auf TextureZ.com. Um eine Maske zu erstellen und dabei die gleiche Größe und Position wie unsere Box zu behalten, verwenden wir die in Schritt 8 erstellte Hintergrundform.
Wählen Sie die Ebene "bg_box" aus, duplizieren Sie sie und benennen Sie sie in "Textur" um, und verschieben Sie sie über die anderen. Ändern Sie jetzt Ihre Formfarbe in Weiß (da die Helligkeit das Alpha der Maske ändert). Bringen Sie Ihre Rost-Textur-Bitmap und platzieren Sie sie unter Ihrer Maskenform.
Wählen Sie die Rost-Bitmap und die weiße Maskenform (Objekt> Maske> Festlegen). Sie haben eine strukturierte Form. Legen Sie nun in den Ebeneneigenschaften den Mischmodus für Bildschirm und Deckkraft auf 25% fest. Sie können diese Ebene sperren.
Erstellen Sie eine neue Ebene, nennen Sie sie Logo. Jetzt fügen wir ein RSS-Symbol in der Perspektive hinzu. Laden Sie also zunächst in Ihrer Seite RSS ICON auf Wikipedia herunter und importieren Sie sie. Heben Sie die Gruppierung des Symbols auf (Befehl + Umschalt + G), und behalten Sie nur das RSS-Symbol bei. Kombiniere es (Befehl + K) und verwandle die Farbe in ein helles Orange. (# Ff7f2a)
Wir werden ein Pfadeffekt-Werkzeug verwenden, um Perspektive zu erstellen. Wählen Sie Ihr RSS-Symbol aus und platzieren Sie es auf der rechten Seite. Duplizieren Sie dieses Gesicht, tauschen Sie Füllung und Strich aus und wählen Sie beispielsweise eine schwarze Farbe aus. Skalieren Sie es von der Mitte aus (Maus + Befehlstaste + Umschalttaste), wird dieser Strich als perspektivische Referenz verwendet.
Wählen Sie das RSS-Symbol aus, indem Sie das Feld Path> Path Effect Editor öffnen. Wählen Sie die Umschlagverformung aus und klicken Sie auf Hinzufügen. Ok, also in der ersten Zeile "Oberer Biegungspfad" wählen Sie die Schaltfläche Auf Leinwand bearbeiten und richten die Knoten an der Ecke der zuvor erstellten Perspektivenreferenz aus. Wiederholen Sie den Vorgang für den rechten, unteren und linken Rand des RSS-Symbols.
Nachdem Sie Ihre Perspektivenreferenz gelöscht haben, sollten Sie etwas Ähnliches wie das unten abgebildete erhalten.
Um nun einen Glüheffekt auf dem Logo zu simulieren, fügen Sie eine Unschärfe von 10% hinzu und duplizieren Sie sie (Befehl + D). Setzen Sie den Unschärfewert auf 0 und ändern Sie die Farbe in ein helleres Orange (# ff7f2a)..
Sie können Ihrem Karton weitere Details hinzufügen. Wenn Sie beispielsweise Text hinzufügen möchten, vergessen Sie nicht, die Vektorisierung (Befehl + Umschalttaste + C) zu aktivieren und den Befehl zu kombinieren (Befehl + K). Zeichnen Sie anschließend eine perspektivische Referenz, an der Sie den Text platzieren möchten, und verwenden Sie den Path Effect Editor mit Hüllkurvenverformung.
Großartig! Unsere Box ist fertig, fügen wir einige Blitzeffekte hinzu. Denken Sie an unsere in Schritt 8 erstellte Hintergrundform. Wir erstellen damit eine Schattenbox (schwarz) und Blitzeffekte (orange). Zeigen Sie also nur "bg_box-Layer" an, wählen Sie die Form aus und duplizieren Sie sie. Wählen Sie einen Knoten aus und löschen Sie einige Knoten, um einen schwarzen Schatten wie im Bild unten zu erzeugen.
Auf dem schwarzen Schatten eine Unschärfe von 5 anwenden.
Wählen Sie die orangefarbene Form aus, skalieren Sie sie etwas von der Mitte aus und wenden Sie eine Unschärfe von 5 an. Sie können die Position der Knoten anpassen, um einen Lichtstrahl außerhalb des Kastens zu simulieren. Blenden Sie alle Ebenen aus und Sie sollten so etwas erhalten.
Toll, das letzte, Sie können einen Schatten oder einen Heiligenschein hinzufügen. Erstellen Sie nur eine Ellipse mit einem Strahlungsverlauf, der grau (hell) oder weiß (Halo) bis transparent ist. Dupliziere das RSS-Symbol, wende es an und wende einen Farbverlauf (orange auf Transparenz) mit Unschärfe auf 10. Es funktioniert auch auf einem dunkelgrauen Hintergrund. Unten ist das Endergebnis!
Abonnieren Sie den Vectortuts + RSS-Feed, um mit den neuesten Vektor-Tutorials und Artikeln auf dem Laufenden zu bleiben.
Accentsconagua