Как добавить такое цветовое поле/эффект?

Ну, вы можете сделать это довольно легко.

1. Есть фоновое изображение
2. Перейдите в раздел Создать новый слой-заливку или корректирующий слой > Сплошной цвет.
3. Выберите цвет
4. Нажмите на слой-маску и возьмите инструмент «Кисть» , выберите черный цвет в качестве цвета переднего плана ⁽¹⁾ и установите его жесткость на 0, а его непрозрачность на 10-15% (или на то, что вас устраивает) и отрегулируйте размер кисти.
5. Начните рисовать там, где вы хотите, чтобы он был прозрачным

⁽¹⁾ При использовании сплошного цвета вы можете изменить цвет, дважды щелкнув миниатюру слоя и выбрав цвет. При нажатии на маску миниатюры слоя вы можете использовать два цвета: черный и белый, где полный белый означает 100% непрозрачность цвета, выбранного на миниатюре слоя , а полный черный цвет означает 100% прозрачность того же цвета.

Таким образом, в нашем случае, выбирая черную кисть с непрозрачностью 15%, мы фактически стираем 15% непрозрачности цвета, оставляя только 85%.

Результат:

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