Пересечение слоев для пустого и заполненного вектора сердца в Photoshop

Я загрузил вектор значка сердца из flaticon , я буду использовать его как значок «Добавить в избранное», поэтому мне нужны два состояния:

  1. Например, сердце заполнено черным фоном с непрозрачностью 75% (не отмечено)
  2. Сердце залито красным цветом с непрозрачностью 100% (проверено)

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

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

пустой вектор

заполненный вектор

Примечание: я не дизайнер, я разработчик iOS, который впервые пытается создать свой собственный дизайн, так что будьте проще ;), я потратил более 1 часа на поиски в Youtube и Google и здесь, и я думаю, для дизайнера это займет 1 минуту, чтобы сделать то, что я хочу.

Вот вектор PSD

Ответы (2)

Есть некоторая путаница из-за самой формы. Это не "пусто". Это тонкая форма с внутренним путем и внешним путем. Форма заполнена белым цветом на ваших скриншотах. Центр сердца - это «счетчик», созданный двумя путями, установленными для создания составного образа. Он разработан, чтобы быть тонкой, похожей на штрих, формой. Не твердая форма сердца.

Если вы хотите изменить цвет этой тонкой составной формы как есть....

Просто дважды щелкните слой «сердце» и измените цвет. Если вы хотите, чтобы он был заполнен черным, измените цвет на черный, а затем уменьшите непрозрачность слоя до 75%.

Если вы пытаетесь вычесть сердце из прямоугольника....

Возьмите инструмент «Прямоугольная фигура» и установите меню операций с контуром на Combine Shapes. . .

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

Выделите слой «сердце» и нарисуйте прямоугольник.

Затем вернитесь в меню операций с путями и установите для него значение Exclude Overlapping Shapes.

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

У вас получится прямоугольник с отверстием в форме сердца....

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

Если вы просто хотите заполнить внутреннюю часть сердца, или если вы хотите иметь твердую форму сердца...

Дублируйте слой «сердце».

Используйте инструмент «Прямое выделение» (белая стрелка), чтобы щелкнуть опорную точку на внешнем пути (или внутреннем пути) дубликата слоя.

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

DeleteДважды нажмите клавишу .

Это оставляет форму для внутренней части сердца, цвет которой вы затем можете изменить.

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

если я дважды щелкну маленький прямоугольник в правом нижнем углу слоя и изменю цвет, изменится только цвет границы, я хочу, чтобы граница была белой, а форма заполнена черным цветом с непрозрачностью 70%, пожалуйста, проверьте PSD в моем комментарии с вопрос
Что ж, это объясняет немного больше. Вы не очень ясно выразились в вопросе.
извините за неясность, но я сказал: «Я хочу избавиться от заднего фона за пределами сердца на моем скриншоте».
Ну, «пустой вектор» не совсем точен. Он заполнен, поэтому возникла некоторая путаница. Не беспокойтесь, :) Я думаю, что мой ответ должен охватывать большинство вещей, которые вы, возможно, захотите сделать.
вау, мне нравится ваше решение дублирования и дважды нажмите «удалить». После этого мне нужно изменить размер одного из слоев, чтобы показать белую рамку, есть ли лучшая альтернатива, поскольку изменение размера не может быть идеальным до пикселя только моими глазами!
Вы можете просто добавить обводку к окончательной форме (после удаления), если хотите белую рамку.
Я смог использовать только дублированный вектор и добавить эффект границы из «слияния параметров», но граница имеет непрозрачность 70%! как внутренний цвет!
Измените непрозрачность заливки , чтобы уменьшить непрозрачность только заливки.... СМОТРЕТЬ ЗДЕСЬ
в этом была проблема;) вы действительно были очень полезны, я хочу проголосовать, но у меня недостаточно репутации, обязательно вернусь
Рад, что смог помочь :)

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

Другой вариант — Ctrl + клик по миниатюре слоя с сердцем, чтобы «загрузить выделение». Затем создайте новый слой для заливки и используйте инструмент Paint Bucket, чтобы заполнить созданное выделение.

Пересечение слоев для пустого и заполненного вектора сердца в Photoshop
СпросиСетьПолитика конфиденциальности1y, 0v