Transparent Gradient In Photoshop

How to achieve transparent gradient in photoshop

1. Open image then duplicate
2. Create new fill or adjustment color then click solid color
3. Click layer mask then choose gradient tool
4. Go to your image then click at below and above image

Before

After