Wie repliziert man einen „gealterten Gobelin“-Fülleffekt?

Ich verwende Adobe Illustrator und versuche, eine bestimmte gealterte Ästhetik in der Füllung meiner SVG-Formen einzufangen. Hier ist meine Inspiration unten von einem alten Wandteppich. Mich interessiert nur der Hintergrund, also können wir das Blumenmuster ignorieren:

Geben Sie hier die Bildbeschreibung ein

Am nächsten kam ich diesem Hintergrund, indem ich ein Quadrat zeichnete, dann:

select square >> swatches >> swatch libraries menu >> gradients >> metals

Von hier aus konnte ich die Farbpalette mit der Pipette gut genug replizieren, aber ich schien die "gealterte" Komponente der Füllung verloren zu haben:

Geben Sie hier die Bildbeschreibung ein

Frage

Ich gehe davon aus, dass meine Bedürfnisse enorm sind, weil SVG in einem klaren Vektorraum arbeitet und ich dennoch eine gealterte Gobelinfüllung wie die Inspiration haben möchte. Um die Dinge realistisch zu halten, versuche ich nicht, auf Pixelebene zu replizieren, wie Joonas betonte, das SVG wäre zu kompliziert. Aber ich kann immer noch nicht anders, als mich zu fragen, gibt es eine Möglichkeit, eine überzeugende gealterte Füllung zu erzielen, ohne in Bezug auf die Ästhetik offen modern zu wirken? Ich versuche, eine glückliche Mitte zwischen der Inspiration und meinem reinen Farbverlauf zu finden; hoffentlich wäre diese Art von Kompromiss dem SVG-Format schmackhaft.

Der gealterte Look entsteht durch die Körnung der Unterlage (oder des Lacks) und die Striche eines Pinsels. Sie können diese Effekte im Illustrator mithilfe von Pinselstrichen und verschiedenen Mischmodi auf der Registerkarte „Darstellung“ überlagern.
Sie möchten dies also als SVG exportieren? Warum? Scheint mehr Mühe zu haben, als es wert ist ... Was ich in Illustrator tun würde, ist, eine Textur (vielleicht Beton) über ein Vektormuster zu legen und einen Mischmodus zu verwenden, um es ein wenig einzublenden. Oder umgekehrt; Textur unter dem Vektormuster mit Mischmodus in der Vektorform. — Wenn Sie diesen Detaillierungsgrad in einem reinen Vektor wünschen, werden Sie ungefähr eine Million Punkte in der SVG-Datei haben. Es könnte am Ende schlimmer aussehen als eine Bitmap ... und das SVG hätte wahrscheinlich auch eine größere Dateigröße.
@Joonas Du hast recht, ich muss es wahrscheinlich nicht auf Pixelebene replizieren. Ich bin mir nicht ganz sicher, ob ich Ihrem Vorschlag folge, ich werde versuchen, Vektormustermischungen zu recherchieren. Solange es gealterter aussieht als mein reiner Farbverlauf, wäre ich wohl zufrieden. Ich werde bearbeiten, um die Dinge zu klären.
Schau dir das an. Die Antwort sind Texturen. graphicdesign.stackexchange.com/questions/108295/…
@ArashHowaida, hier ist, was ich meinte: i.stack.imgur.com/v7xJI.jpg – Ich könnte einfach die konkrete Textur in Photoshop einfärben, anstatt das Objekt „rote Farbfüllung“ zu verwenden. Ich könnte sogar all diese PS machen und das Rasterbild in AI platzieren ... je nach Fall. Es gibt nicht viele Vorteile in einer Vektorform auf einem Rasterhintergrund. Und tatsächlich könnte ich mehrere Texturen zusammenführen, anstatt nur eine zu verwenden. Vielleicht möchte ich die Zierform noch mehr mischen, in diesem Fall würde ich definitiv alles in PS machen, weil ich zum Beispiel leicht Teile der Form leicht ausradieren könnte.
Hier ist ein Beispiel für etwas, das ich wegen der Detailgenauigkeit einfach in Photoshop (im Raster) machen würde: i.stack.imgur.com/OzJvg.jpg – Teile des Ornamentmusters wurden verschmiert, verschwommen und im Allgemeinen ausgeblendet.

Antworten (2)

Ihre Version ist ein ziemlich sauberer Farbverlauf. Fügen Sie einige Unregelmäßigkeiten hinzu. Legen Sie eine andere Form darauf, die ein sich nicht wiederholendes lautes Muster hat. Verwenden Sie z. B. einen Mischmodus. Hartes Licht, um eine Modulation zu verursachen und die Deckkraft zu verringern, um den Effekt subtil zu halten.

Ein Beispiel:

Geben Sie hier die Bildbeschreibung ein

Oben ist das graue Muster meine unregelmäßige Form. Es ist einfarbig grau mit Rauscheffekt in Inkscape. Das untere Bild ist das gleiche Muster, das auf einem Farbverlauf (nicht so komplex wie Ihres) mit reduzierter Deckkraft platziert ist. Der Mischmodus ist hartes Licht. Der subtile Effekt funktioniert auch mit normalem Mischen.

Um dies in Illustrator auszuprobieren, ist ein importiertes Muster erforderlich, da es keine einfache Möglichkeit gibt, ein zufälliges Muster zu generieren, außer durch Zeichnen oder durch einige glückliche Unfälle.

Illustrator-Benutzer haben oft auch Photoshop, das viele Werkzeuge hat, um zufällig aussehende Muster zu erzeugen, und Sie können immer ein Texturfoto machen, das Sie in PS in die gewünschte Form bringen.

Geben Sie hier die Bildbeschreibung ein

Hier wird der PS-Filter Render > Fibers verwendet, um ein Muster zu erzeugen. Die verwendeten Farben sind dunkle und helle Grautöne. Das Bild hat nur etwa 200px Breite und Höhe. Niedrige Auflösungen werden später in Illustrator schnell verarbeitet.

Der nächste Schritt besteht darin, das Bild zu kopieren und in Illustrator einzufügen und es mit Live Trace in Graustufen zu vektorisieren. Die Anzahl der Farben muss hoch genug sein, um ein ausreichend feines Vektormuster zu erhalten. Aus dem gleichen Grund haben sie eine niedrige minimale Formfläche. Siehe Einstellungsdialog:

Geben Sie hier die Bildbeschreibung ein

Die Vektorisierung ist kein Muss, wenn Sie Rasterbilder gemischt mit Vektoren akzeptieren können. Jemand kann es nur vermeiden, um seine Vektoren sauber zu halten, aber Rasterbilder werden auch Schaden anrichten, wenn Sie sagen wir 1000% hochskalieren wollen. Ein Rasterbild hat einen Vorteil: Es verlangsamt Illustrator nicht wie ein Vektormuster mit 10000 Pfaden

Im nächsten Bild wird ein Farbverlauf erstellt und das vektorisierte Muster darauf platziert:

Geben Sie hier die Bildbeschreibung ein

Der Mischmodus ist Überlagerung und die Deckkraft wird für einen subtilen Effekt reduziert.

Überprüfen Sie alle verfügbaren Mischmodi mit unterschiedlichen Opazitäten, da sie alle unterschiedlich funktionieren!

Das sieht nach einem vielversprechenden Anfang aus. Ich habe Probleme, Ihren Schritten zu folgen, da ich inkscsape noch nie zuvor verwendet habe. Diese Lösung ist auch mit KI machbar, oder? Wenn es Ihnen nichts ausmacht, wären ein paar Anmerkungen zur KI-Implementierung sehr willkommen!

Wie wäre es mit einem Muster?

Haftungsausschluss: Dies ist keine direkte Antwort, sondern eher eine Problemumgehung.

Für mich gibt es zwei Möglichkeiten, etwas alt aussehen zu lassen. Einer ist durch eine bestimmte Textur mit schmutzigen, verschmierten, auseinanderfallenden, zerrissenen oder sonnenverblichenen Qualitäten. Dies wäre eine Menge Arbeit in Vektorgrafiken (aber ist wahrscheinlich das, wonach Sie in erster Linie suchen).

Die andere, die vermutlich viel einfacher ist, ist durch Formen. Viktorianische Wandteppiche oder Tapeten aus den 50er Jahren hätten einige spezifische Motive verwendet, die wir heute für veraltet halten und die hoffentlich das "alte" Gefühl vermitteln. Kombinieren Sie es mit düsteren, entsättigten Farben für einen extra gealterten Effekt. Wenn Sie Zeit haben, können Sie einige Erosions- und Zeitspuren in das Muster einbauen – bräunliche Flecken oder Risse – aber seien Sie vorsichtig damit, da sich diese überall wiederholen, was zu einer Überbeanspruchung größerer Formen führt.

Sehen Sie zB hier , wie Sie ein benutzerdefiniertes Muster erstellen.