Hi. Im creating a website using squarespace and am using a photo as my background image for my landing page. Once a user scrolls down past the image, they see a white background. Im trying to create a suitable white/transparent gradient using photoshop so that the image transisions to white (giving the impression that it transitions to the background nicely. I've created a gradient but i am unable to make it look the way i want. I've tried playing around with various gradient settings but am unable to get it how I want it. This is what i'm going for:
-Image must be 100% white at the bottom of the image so that it blends into the website background
-The feathering/tapering (not sure what the right term is) should extend about half way up the image.
I've attached a couple of images of the gradient I've made. This is pretty much exactly how I want it, though i need there to be more white at the bottom so you cant really notice where the photo/website background begins and ends.
Be sure that the white end of the gradient is above the lower edge of the image. Another thing your may want to try is dragging the center point (diamond icon btween two stops) of the gradient to some other location: