0

I have a picture on top of a background that is wider than it and the background colors don't match. I tried to use the eye drop but you can still tell it does not blend in. I was wondering if i can make both backgrounds blend in another way?

enter image description here

  • 1
    It would really help if you posted an example. It would be even better if you could post your code. If you are trying to do this in pure code it would serve better on StackOverflow. – DᴀʀᴛʜVᴀᴅᴇʀ Sep 18 '14 at 18:40
  • Updated with a picture. Notice on the right it does not blend in with the picture on the left. Also i plan to do this all on Photoshop in terms of the image,i then will put it as code on a website. – user30134 Sep 18 '14 at 18:44
4

In Photoshop:

Setup your document and place your image:

enter image description here

Click the Rectangle Marquee Tool and select the background from the image:

enter image description here

Go to Edit -> Copy Merged then go to File -> New and click ok then go to Edit -> Paste:

enter image description here

Take the file and save it out as foobar.psd. Go to Edit -> Define pattern:

enter image description here

Create a new layer and place it below the layer with your image:

enter image description here

Click the Paint Bucket Tool with it defined as pattern and locate the pattern you created:

enter image description here

Convert the image layer to a rasterized layer. After applying the pattern go to the Clone Stamp Tool and play around with the layers and background and take your time on this:

enter image description here

Ideally I would add the text with HTML and CSS but thats me. This is a quick way to do it especially if you are trying to knock out a lot of main image galleries for a store website. There are other ways but based on your situation I would do it this way since you can massage the background color better.

  • I tried to rasterize the layer but it is grayed out. – user30134 Sep 18 '14 at 20:08
  • 1
    This seems like a very complicated method – Ryan Sep 19 '14 at 0:46
  • Its what im used to when a client supplies a square image and they want to use it for a marketing slider. As stated it depends on the image. – DᴀʀᴛʜVᴀᴅᴇʀ Sep 19 '14 at 1:03
4

Result:

enter image description here

Notice how the sharp division between the background and the floor has remained without a repetitive look.

Steps:

Make a rectangle selection between the downbell and the beginning of the area you want to delete.

enter image description here

Go to Edit > Content-Aware Scale.

enter image description here

Resize the selection.

enter image description here

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.