Как воспроизвести эффект заполнения «состаренного гобелена»?

Я использую Adobe Illustrator и пытаюсь уловить определенную устаревшую эстетику в заполнении моих форм svg. Вот мое вдохновение ниже от старого гобелена. Меня интересует только фон, поэтому мы можем игнорировать цветочный узор:

введите описание изображения здесь

Ближе всего к этому фону я нарисовал квадрат, а затем:

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

Отсюда я смог использовать пипетку, чтобы воспроизвести цветовую палитру достаточно хорошо, но, похоже, я потерял «состаренный» компонент заливки:

введите описание изображения здесь

Вопрос

Я понимаю, что мои потребности огромны, потому что svg работает в четком векторном пространстве, и все же я хочу заполнить старый гобелен, как вдохновение. Чтобы все было реалистично, я не собираюсь копировать на уровне пикселей, как отметил Йоонас, SVG будет слишком сложным. Но я все еще не могу не задаться вопросом, есть ли способ добиться убедительной состаренной заливки, не выглядя слишком современной с точки зрения эстетики? Я пытаюсь найти золотую середину между вдохновением и моим чистым градиентом; надеюсь, такой компромисс будет приемлем для формата SVG.

Состаренный вид создается за счет зернистости подложки (или лака) и мазков кисти. Вы можете накладывать эти эффекты в иллюстраторе, используя мазки кисти и различные режимы наложения на вкладке «Внешний вид».
Итак, вы хотите экспортировать это как svg? Почему? Кажется, больше проблем, чем того стоит... Что бы я сделал в Illustrator, так это наложил текстуру (возможно, бетонную) поверх векторного рисунка и использовал режим наложения, чтобы немного смешать его. Или наоборот; текстура под векторным узором с режимом наложения в векторной форме. — Если вам нужен такой уровень детализации в чистом векторе, у вас будет около миллиона точек в svg. В конечном итоге это может выглядеть хуже, чем растровое изображение ... и у svg, вероятно, тоже будет больший размер файла.
@Joonas Вы правы, мне, вероятно, не нужно копировать это на уровне пикселей. Я не совсем уверен, что следую вашему предложению, я попытаюсь исследовать смешения векторных узоров. Пока он выглядит более старым, чем мой чистый градиент, я, вероятно, буду счастлив. Я отредактирую, чтобы прояснить ситуацию.
Взгляни на это. Ответ — текстуры. graphicdesign.stackexchange.com/questions/108295/…
@ArashHowaida, вот что я имел в виду: i.stack.imgur.com/v7xJI.jpg — я мог бы просто раскрасить бетонную текстуру в Photoshop вместо использования объекта «заливка красным цветом». Я мог бы даже сделать все это PS и поместить растровое изображение в AI ... в зависимости от случая. В векторной форме поверх растрового фона не так уж много преимуществ. И на самом деле, я мог бы объединить несколько текстур вместо использования одной. Я мог бы захотеть еще больше смешать орнаментальную форму, и в этом случае я определенно сделал бы все это в PS, потому что, например, я мог бы легко мягко стереть части формы.
Вот пример того, что я просто сделал бы в Photoshop (в растре) из-за уровня детализации: i.stack.imgur.com/OzJvg.jpg — Части рисунка орнамента были смазаны, размыты и в целом исчезли.

Ответы (2)

Ваш вариант довольно чистый градиент. Добавьте немного неправильности. Наденьте на него другую фигуру с неповторяющимся шумным узором. Используйте режим наложения, например. Жесткий свет, чтобы вызвать модуляцию и уменьшить непрозрачность, чтобы сохранить тонкий эффект.

Пример:

введите описание изображения здесь

Сверху серый узор - это моя неправильная форма. В Inkscape он сплошной серый с эффектом шума. Нижнее изображение — это тот же узор, размещенный на градиенте (не таком сложном, как у вас) с уменьшенной непрозрачностью. Режим наложения — жесткий свет. Тонкий эффект работает также и при обычном смешивании.

Чтобы попробовать это в Illustrator, нужен импортированный шаблон, потому что нет простого способа создать случайный шаблон, кроме как нарисовать его или по счастливой случайности.

Пользователи Illustrator часто имеют также Photoshop, в котором есть множество инструментов для создания случайных узоров, и вы всегда можете сделать фотографию текстуры, которую вы редактируете до нужной формы в PS.

введите описание изображения здесь

Здесь фильтр PS Render > Fibers используется для создания шаблона. Используемые цвета – темно-серый и светло-серый. Изображение имеет ширину и высоту всего около 200 пикселей. Низкое разрешение обрабатывается позже в Illustrator.

Следующий шаг — скопировать и вставить изображение в Illustrator и векторизовать его с помощью Live Trace в оттенки серого. Количество цветов должно быть достаточно большим, чтобы получить достаточно тонкий векторный рисунок. По той же причине имеют низкую минимальную площадь формы. Смотрите диалог настроек:

введите описание изображения здесь

Векторизация не является обязательной, если вы можете принимать растровые изображения, смешанные с векторами. Кто-то может избежать этого только для того, чтобы сохранить свои векторы чистыми, но растровые изображения также причинят вред, если вы хотите увеличить масштаб, скажем, на 1000%. У растрового изображения есть преимущество: оно не замедляет работу Illustrator, как векторный шаблон с 10000 путями.

На следующем изображении делается градиент и на него накладывается векторизованный узор:

введите описание изображения здесь

Режим наложения — наложение, а непрозрачность уменьшена для тонкого эффекта.

Проверьте все доступные режимы наложения с разной непрозрачностью, потому что все они работают по-разному!

это выглядит как многообещающее начало, мне трудно следовать вашим шагам, потому что я никогда раньше не использовал inkscsape. Это решение возможно и с ИИ, верно? Если вы не возражаете, мы будем весьма признательны за несколько замечаний по реализации ИИ!

Как насчет узора?

Отказ от ответственности: это не прямой ответ, а обходной путь.

Для меня есть два способа состарить что-то. Один из них — это определенная текстура с грязными, смазанными, разваливающимися, рваными или выгоревшими на солнце качествами. Это потребует много работы в векторной графике (но, вероятно, это то, что вы в первую очередь ищете).

Другой, который, по-видимому, намного проще, — это формы. Викторианские гобелены или обои 50-х годов использовали бы некоторые специфические мотивы, которые мы сейчас считаем устаревшими, которые, мы надеемся, передают ощущение «старости». Сочетайте с бледными, ненасыщенными цветами для дополнительного эффекта старения. Если у вас есть время, вы можете добавить в рисунок следы эрозии и времени — коричневатые пятна или разрывы — но будьте осторожны с ними, так как они будут повторяться повсюду, что приведет к чрезмерному использованию более крупных форм.

См., например , здесь о том, как создать собственный шаблон.