Логотип с опцией смешивания с умноженной прозрачностью не будет отображаться на черном — Illustrator

Я столкнулся с очень неприятной проблемой. У меня есть элемент логотипа, который клиент специально просил: круг, нарисованный вручную. Итак, я нарисовал круг, отсканировал его, сделал трассировку изображения, чтобы векторизовать его, и он выглядит великолепно. На белом фоне. А вот с фоном другого цвета изображение представляет некоторые проблемы.

Кейс (слева: отлично смотрится на белом; справа: не очень...):

слева: отлично смотрится на белом!;  правильно: не очень...

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

Случай (слева: элемент логотипа недостаточно хорошо отображается на темном фоне; справа: вообще не отображается на черном фоне):

слева: элемент логотипа недостаточно хорошо отображается на темном фоне;  справа: вообще не отображается на черном фоне

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

Спасибо за хороший вопрос и добро пожаловать в GraphicDesign, Джон-Майкл! Дайте нам знать, если у вас есть какие-либо вопросы о работе сайта

Ответы (3)

Ваша проблема в том, что трассировка изображения создает сплошные цвета, но вам нужны разные уровни непрозрачности.

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

Сначала создайте образцы из всех цветов. Вы можете сделать это, выделив весь объект и выбрав « Новая цветовая группа» в раскрывающемся списке образцов. Это создаст новую группу образцов из всех цветов в выбранной иллюстрации.

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

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

Вот что я придумал за несколько минут:

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

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

  1. Выберите квадрат исходного цвета (верхний ряд)
  2. Выберите → То же → Цвет заливки
  3. с помощью инструмента «Пипетка» ( I) щелкните новый прозрачный цвет (нижний ряд)

Сделайте это для каждого цвета, и ваша работа станет прозрачной:

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

Вау, большое спасибо, что нашли время, чтобы сделать это и ответить таким подробным руководством. Я попробую и дам вам знать, что из этого получится!
Без проблем. Дайте мне знать, как вы поживаете
Ну, это заняло совсем немного времени, но я думаю, что это выглядит здорово! Еще раз спасибо за отличный ответ, @CAI.
@CAI было бы тривиально написать для этого скрипт.
@joojaa правда, однако в этом случае мне, вероятно, было быстрее сделать это вручную (при условии, что я делаю это только один раз)
И думаю, вам следует научиться делать что-то вручную, прежде чем пытаться писать скрипт :)
@CAI Выполнение сценария выполняется вручную. Если вы не можете сделать это вручную, вы также не можете кодировать это, и точка.
@joojaa вроде бы моя точка зрения

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

Я рекомендую подготовить изображение в Photoshop, прежде чем переходить к трассировке изображения в Illustrator. Сделайте все белое прозрачным в PSD, а затем векторизуйте в Illustrator.

Это не помогает в большинстве случаев.
Чем конкретно это поможет? Какую часть подготовки в PS нельзя выполнить в AI?