Можно ли сделать градиент по пути в Illustrator?

Если взять это изображение:спиральное изображение

Можно ли сделать градиент в Illustrator по этому пути? Я сделал что-то подобное (только не с одним контуром, а с помощью инструмента «Перо»), и я хочу, чтобы градиент следовал за формой, но вместо этого он просто идет либо линейно (сверху вниз), либо радиально (изнутри наружу). Я хочу, чтобы начало спирали было светлее, а кончик в центре был темнее.

Да, но это зависит от версии AI....
У меня иллюстратор CS6.
Вы должны различать ПУТЬ и ФОРМУ, которая в вашем случае может быть расширенным путем. Я ответил на вопрос, предполагая, что у вас есть путь, а если нет - создайте его :)

Ответы (3)

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

Вы выбираете путь и вызываете панель ГРАДИЕНТ, где вы выбираете между 3 вариантами ШТРОК в соответствии с желаемым эффектом:

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

или же

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

или же

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

Илан, это правильный ответ, но я думаю, что ему не хватает текстового содержания. Поисковые системы смогут прочитать только: Look at the images - you choose the same options and get the result - or orкак ответ. Ответы на все подобные инструкции негативно повлияют на SEO. Я бы очень хотел, чтобы вы написали пошаговые инструкции для своих ответов.
@MrE.Upvoter Добавлено текстовое объяснение с ключевыми словами.

Теперь на панели «Градиент» в Illustrator CC есть параметр «Применить градиент вдоль обводки». Моя текущая версия 20.0.0. Просто добавляю это для гуглеров.

Панель «Градиент» > «Добавить градиент вдоль обводки»

Я создатель ruri.design/splines , который позволяет делать то же самое и даже больше:

  • это бесплатно
  • работает больше как кисть, которую вы рисуете с помощью инструмента пути
  • вы можете изменить форму, которая используется для рисования кривой

Вот несколько образцов, которые я создал с его помощьювведите описание изображения здесь

Раскрытие - это самореклама, если вы считаете, что это не подходит, я удалю это.

Надеюсь, вы понимаете, что Adobe Illustrator — это векторное приложение. Ваше веб-приложение экспортирует только растровый формат (PNG). Или я не могу найти какой-либо механизм, чтобы изменить это. В то время как физическая операция создания пути и применения к нему градиента хороша в вашем приложении. Отсутствие фактического векторного вывода полностью упускает из виду суть вопроса. Для растрового вывода существуют десятки приложений, способных создавать градиент вдоль пути. Я не чувствую, что это на самом деле отвечает на вопрос.
@Scott Надеюсь, вы понимаете, что эффект «градиент по пути» НЕ поддерживается форматом SVG, поэтому при экспорте его из Illustrator у вас создается ложное впечатление о получении SVG, где на самом деле вы получаете изображение png; base64, завернутое в <svg> ярлык. Использование SVG, как это, в основном такое же, как использование PNG.
Да. Но в вопросе о фактическом использовании ничего нет . Он спросил, как в иллюстраторе , векторном редакторе. Вы делаете прыжок, предполагая, что SVG нужен или желателен. Что делать, если пользователь проектирует для печати и ему нужен векторный вывод? Как я уже говорил, если вам нужен png, то ваш инструмент может быть отличным, но если вам нужен вектор, он нежизнеспособен. Я не пытаюсь очернить ваш инструмент. Я просто говорю, что на первый взгляд это не очень хороший инструмент, если требуется векторный вывод .
Это может быть неприятно, когда разработчики упускают из виду весь смысл работы в векторе. Просто потому, что что-то возможно в растровых форматах, это не означает, что это автоматически жизнеспособная замена работе в векторе. В лучшем случае это «наиболее хорошая замена». (Обратите внимание, что огромные корпорации время от времени попадают в эту же ловушку.) Если вся часть является векторной, и этому пользователю нужен градиент вдоль пути... лучшее, что они могут сделать с вашим приложением, это экспортировать PNG, а затем использовать растровое содержимое в их векторное расположение.
Короче говоря... я не могу говорить кому-то, что они не могут продвигать себя. Здесь с раскрытием все в порядке. Но, в первую очередь, следует собственно ответить на поставленный вопрос, чего в этом нет на мой взгляд. Но я такой же пользователь, как и вы.
@Scott Я скажу так: + Если вы хотите создать «градиент по пути» в Illustrator, тогда, да, Illustrator — лучший инструмент + Если вы хотите создать «градиент по пути» в векторном формате, нет такая вещь. Просто потому, что стандарт svg (масштабируемая векторная графика) его не поддерживает. Независимо от того, что вам нужно для печати, веб-сайтов, визитных карточек. Экспортированный векторный файл (pdf, svg, ...) будет основан на пикселях. Так что нет никакой разницы, где вы его создадите, в Illustrator или Photoshop.
Вы, кажется, застряли на SVG. Тысячи, если не миллионы, дизайнеров никогда не нуждались в формате SVG и не использовали его. Существует много других форматов, помимо тех, которые поддерживает WebDev. SVG в большинстве случаев непригоден для печати . И в конечном итоге все оказывается растровым, печатным или веб-. Разница в том, что работает в рамках конструкции файла . Ваш инструмент просто экспортирует PNG... нет простого способа интегрировать PNG с другой векторной конструкцией. Это моя точка зрения. Если единственное , что вам нужно, это градиент на траектории, то ваш инструмент выглядит великолепно.
@ Скотт, миллионы людей тоже не хотят работать с Illustrator. Как дизайнер, я люблю использовать стандарты, которые применимы на разных платформах — Sketch, Figma, Illustrator, а также в таких форматах, как svg, png, jpg.
Но этот вопрос касается Illustrator . Вот почему я чувствую, что на самом деле это не ответ на поставленный вопрос . Если вопрос задан о фотошопе или растровом редакторе, я думаю, что это стопроцентный ответ. Но это не к вопросу о векторном редакторе. Никто не спрашивает.. Как мне заменить генератор в моем Chevy Truck 1992 года.. тогда ответьте.. Ну, вы можете заменить генератор в Toyota Celica 2002 года вот так... -- Мы просто должны договориться. не соглашаться:)
@ Скотт, я нашел этот разговор через Reddit, где кто-то еще сослался на этот вопрос, но попросил другой инструмент. Мы все выигрываем, если знаем, что есть разные варианты. Не все, кто приземляется здесь, так строго относятся к IL. reddit.com/r/FigmaDesign/comments/mx20zk/gradient_along_path
ааа, так вот почему вы хотите продвигать себя здесь через 8 лет после того, как вопрос был задан ... чтобы повысить SEO ... даже если ответ не имеет отношения к вопросу. м'кей:)