Градиент с 3 цветовыми точками... все тот же зеленый, и изменение непрозрачности конечных точек...

При сохранении в PNG прозрачность будет в файле PNG... если это то, что вам нужно.

Чтобы использовать это на изображении, как в вашем примере....

Поместите изображение в Illustrator и нарисуйте прямоугольник поверх него. Заполните этот прямоугольник градиентом с 3 шагами, установив для среднего шага непрозрачность 0%...

Для градиента вы захотите использовать образец «Регистрация», чтобы он включал все цвета. В противном случае вы можете получить некоторое кровотечение в маске из-за того, что цвет не полностью замаскирован.

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

Выберите и изображение, и прямоугольник градиента, и на панели прозрачности нажмите Make Maskкнопку, затем отметьте Clipпараметр, чтобы он не был отмечен. Это создает маску непрозрачности в Illustrator.

Дополнительную информацию о масках непрозрачности см. здесь: https://helpx.adobe.com/illustrator/how-to/illustrator-opacity-masks-transparency.html .