0

I'm trying to blend one vertical line of multicoloured pixels (1px width, 200 px height) on the left, into another vertical line of multicoloured pixels (1px width 200px height) on the right, with a spacing of 500px between them, to create a 500x200 rectangle where each horizontal row of pixels is a smooth gradient between the corresponding end pixels on the left and the right.

Is there a standard way of doing this? I know how to gradient from one pixel into another, but I'm unsure how to do it for a whole set of pixels like this into another set of pixels. I could do it one-by-one but that would be very slow.

I'm using Paint.net; if there is a feature in it that does what I need I'd love to be pointed to it.

  • 1
    Hello Akrilla and welcome to GDSE! Can you add a screenshot of what you have been able to accomplish so far so we can better understand the problem? – curious May 23 '18 at 14:32
  • I just tried paint.net out of curiosity. Its transparency capabilities seems to be limited and I wasn't able to find a quick way to make that gradient. It could be done quickly in Photoshop (and GIMP I assume). I would stretch both 1px x 200px images to 500px x 200px on separate layers. Then I would apply a horisontal gradient mask on the top layer. Done. – Wolff May 23 '18 at 15:51
1

I commented earlier that I couldn't find a solution for paint.net, but I couldn't leave it and finally found out how to do it using a transparent gradient.

  • Create a document with the dimensions 500x200px (the final size).
  • Place one of your lines in the left side and the other in the right side, like this:

    1

    Make sure that the lines are on separate layers.

  • Now select one of the lines with Rectangle Select and switch tool to Move Selected Pixels:

    2

  • Pull the middle handle to stretch the line to the width of the canvas: 3
  • Do the same with the other line: 4
  • Select the top layer.
  • Select the Gradient tool and make sure that it is set to Transparency Mode: 5
  • With the mouse, click and drag a line from one end of the image to the other. Hold down shift to make sure the line is horizontal: 6

That's it!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.