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?
-
1It 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, 2014 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.– user30134Sep 18, 2014 at 18:44
2 Answers
In Photoshop:
Setup your document and place your image:
Click the Rectangle Marquee Tool
and select the background from the image:
Go to Edit -> Copy Merged
then go to File -> New
and click ok then go to Edit -> Paste
:
Take the file and save it out as foobar.psd
. Go to Edit -> Define pattern
:
Create a new layer and place it below the layer with your image:
Click the Paint Bucket Tool
with it defined as pattern and locate the pattern you created:
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:
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.
-
-
1
-
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. Sep 19, 2014 at 1:03
Result:
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.
Go to Edit > Content-Aware Scale
.
Resize the selection.