Рисование баннера ленты с текстом в Illustrator

По сути, я хочу нарисовать «трепещущий» баннер/ленту в Illustrator, чтобы текст повторял изгиб ленты. Должен быть псевдо-3D-эффект, когда лента удваивается поверх самой себя, чтобы зрителю была видна обратная сторона, когда она движется в противоположном направлении впереди или позади предыдущей части.

Вот несколько разумных примеров эффекта, который я хочу:

Пара лент/баннеров, похожих на то, что я хочу

Путь моей ленты будет намного сложнее, чем этот, но меня бы устроило, если бы все ребра, которые удваиваются назад, были вертикальными (как во втором примере).

В отличие от этих примеров, моя лента переключается назад и вперед много раз и иногда переключается назад перед предыдущим разделом, а не всегда загибается назад.

С другой стороны, мне не нужно никакого затенения: плоские черно-белые изображения будут работать нормально. Может быть, с серым для обратных секций, но я не уверен, что хотел бы даже этого.

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

Этот процесс достаточно хорош, за исключением того, что любое изменение должно распространяться на все три пути. Мне также приходится вручную рисовать вертикальные линии, соединяющие верхний и нижний пути, и я должен следить за тем, чтобы все секции были выровнены.

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

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

Вам нужно увидеть грубый образец ленты, с которой вы имеете дело. Небрежно.. тип на пути, установленном на ступени лестницы, должен работать. В худшем случае искажение огибающей.
@Scott, который обрабатывает текст, а не саму ленту. Но что вы подразумеваете под «типом»? Я думал, что примеры были достаточно ясны, если не считать предоставления самого готового продукта.
Ой! Должно быть, я неправильно понял. Вы хотите создавать такие ленты? Для этого нет автоматизированного метода. Некоторое искусство требует художника, а не просто приложения.
@Scott Используемые математические преобразования очень просты, поэтому их наверняка можно автоматизировать. Вопрос только в том, предоставил ли Illustrator (или плагин) эту функциональность.
Насколько мне известно, на рынке нет ничего, что делало бы то, о чем вы просите, в автоматическом режиме. Возможно, существует, но я никогда не видел его за 25 с лишним лет.
@Scott Ну, это ответ, так что сделайте его одним, и я соглашусь, если сообщество поддержит вас (голоса, никаких конкурирующих ответов).

Ответы (2)

Лучший способ, который я могу придумать, — это использовать 3D-программное обеспечение, а затем вместо того, чтобы пытаться компенсировать дизайн, вы можете просто создать плоский шаблон для применения в качестве текстуры.

Я не знаком с OpenSource Blender, но в Rhino вы бы сделали это с помощью nurb-поверхности .

Как и Скотт, я не знаю способа автоматизировать это в Illustrator.

Однако я скажу, что если вы пытаетесь сделать это в Illustrator, ни одна из ваших лент не представлена ​​в какой-либо форме реальности. Части на заднем плане не должны быть того же размера, что и части на переднем плане. Золотая подложка также кажется освещенной, хотя на самом деле она должна иметь тень — по крайней мере, на трех секциях внизу.

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

Re: реальность, да, определенно собирается стилизованный вид. В частности, текст останется только на тех участках, где он виден (а не зеркально отражен), и вопрос размера меня не волнует.

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

Хотя вы, безусловно, можете использовать 3D или 2D программное обеспечение для создания лент, я никогда не видел ничего, что могло бы автоматически настраивать пространственные определения.

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

То, что я ищу, на самом деле довольно просто, поэтому я подозреваю, что плохо объяснил. Однако может случиться так, что автоматизированного решения действительно не существует, то ли из-за скрытых технических проблем, то ли просто потому, что никто не побеспокоился. В этом случае, улучшения моего процесса, если они у вас есть, также будут оценены. Однако, если они настолько хороши, насколько это возможно, это прекрасный ответ. Я просто хотел убедиться, что вопрос понятен.
Рисование баннера ленты с текстом в Illustrator
СпросиСетьПолитика конфиденциальности1y, 2v