Как изменить буквы в SVG с прозрачных на белые?

Я пытаюсь создать композицию для использования в качестве избранного изображения для моего предстоящего сообщения в блоге, сравнивая трех основных облачных провайдеров Infrastructore as a Service (IaaS): Amazon Web Services (AWS), Google Compute Platform (GCP) и Microsoft Azure. . Ниже вы можете увидеть черновой вариант:

Логотип Azure и ранее существовавшая белая версия логотипа AWS отображаются нормально. Однако надписи на логотипе GCP SVG прозрачны и не видны на этом фоне. Мне нужно сделать текст белым, сохранив при этом прозрачный фон. Я пытался использовать волшебную палочку и ведро с краской в ​​Photoshop, чтобы добиться этого, но, как вы можете видеть, это привело к очень грубым краям.

Я подозреваю, что мне нужно будет использовать Illustrator для изменения SVG, но я никогда не использовал его раньше и понятия не имею, с чего начать.

Любые указатели?

Черновая композиция

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

Ответы (3)

Когда я попытался открыть файл в Illustrator, я получил следующее сообщение об ошибке:

Отсечение будет потеряно при передаче туда и обратно до крошечного

Я понятия не имею, что это значит, но я знаю, что это означает, что Illustrator не может правильно открыть этот файл. Кажется, что текст полностью исчезает...

Но угадайте, чем можно открыть этот файл? Бесплатный Inkscape с открытым исходным кодом ! (Такой сценарий также известен как «Adobe Fail»).

Поэтому после открытия файла (без проблем) в Inkscape перейдите в «Объект»> «Объекты» и оторвите панель, если она закреплена... Это облегчает просмотр происходящего.

Нажмите «Google» и обратите внимание, какая группа выделена на панели объектов (это g4033):

Панель объектов Inkscape

Внутри этой группы: еще две группы, внутри этих групп то, что нам нужно... Они помечены как «use4029» и «path4025». Активируйте оба этих объекта, щелкнув и Ctrl+щелкнув по ним на панели объектов:

Активные объекты

В нижней части пользовательского интерфейса выберите белый (если это то, что вы хотите)...

Теперь нам просто нужно сделать текст полностью непрозрачным. Для этого активируйте объект «g4033» на панели объектов, а затем (в левом нижнем углу пользовательского интерфейса) увеличьте непрозрачность до 100%.

Наконец, просто сохраните, и все готово. Конечный результат:

Текст логотипа GCP белого цвета

@ШонВ. Не проблема... рад, что смог помочь

Photoshop Ответ: Если вы загружаете SVG в Photoshop, важно знать, что графика будет преобразована в растровый файл (SVG — это векторные файлы). Если крайне важно, чтобы файл оставался векторным, вам нужно перейти к ответу иллюстратора.

В Photoshop я бы просто взял инструмент выделения и скопировал текст на новый слой, а цвет наложил на текст белым цветом. Затем сгруппируйте слои и экспортируйте.

Ответ Illustrator: Поскольку вы новичок в Illustrator, я постараюсь сделать это максимально простым, к счастью, это легко исправить. Откройте SVG в Illustrator и используйте инструмент выделения (сочетание клавиш = v), чтобы нарисовать рамку вокруг и выбрать текст, который вы хотите изменить. Пути вокруг текста должны быть видны, чтобы показать, что он выделен. Если вы не можете выделить текст, возможно, слой заблокирован. Чтобы разблокировать слой, просто щелкните замок рядом со слоем на панели слоев (окно>слои).

Затем, с выделенным текстом, перейдите в нижний левый угол с двумя полями выбора цвета (в Photoshop они передний план/фон, а в Illustrator – заливка/обводка), дважды щелкните поле заливки и измените цвет на белый.

Надеюсь это поможет! (Illustrator определенно стоит изучить, если вам это интересно.)

Спасибо за совет. Я все еще не могу выделить текст в Illustrator. Слой, который мне нужен, не заблокирован, но он очень глубоко вложен. Как ни странно, я могу выбрать шестиугольную часть логотипа. Не могли бы вы взглянуть на это?

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

Как изменить буквы в SVG с прозрачных на белые?
СпросиСетьПолитика конфиденциальности1y, 0v