How can I remove this with Photoshop?

Discussion in 'Graphics & Multimedia' started by spiritofseo, Jan 30, 2010.

  1. #1
    Hey guys, I have a question about my header [​IMG]


    Notice those lines between the header and the background?

    Is there anyway to make this seemless? I want my background to just blend with my image.

    If your capable of doing this I'm even willing to pay you a little bit, otherwise please share your knowledge!

    thanks

    Clay
     
    spiritofseo, Jan 30, 2010 IP
  2. JMDomains

    JMDomains Well-Known Member

    Messages:
    775
    Likes Received:
    15
    Best Answers:
    1
    Trophy Points:
    175
    #2
    I'l do it for $3.

    PM if your interested.

    Thanks,
    John
     
    JMDomains, Jan 30, 2010 IP
  3. sick2debt

    sick2debt Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    you need to use the soft brush tool, set the opacity at 0 for the brush and just erase it will blend it in really nice.

    if you had someone design it, send it back to them and tell them to do it for ya

    thanks
    andy
     
    sick2debt, Jan 31, 2010 IP
  4. Hecky

    Hecky Like a Dungeon Dragon!

    Messages:
    5,656
    Likes Received:
    284
    Best Answers:
    1
    Trophy Points:
    0
    #4
    Is that a screenshot of your website?

    If it is, it looks like you're using a tiling background image on your website, and the same tiling image for your header, but they don't quite meet in the correct place and so you get this line. To fix this, you should get the PSD source file of your header, delete this background and make it a transparent PNG.

    If it isn't, and that's your actual header source file, then let me know by posting here and I'll remove it for you, for free. It's just a case of using the clone tool with some blending to get it to look right.

    Hope it helps.
     
    Hecky, Jan 31, 2010 IP
  5. spiritofseo

    spiritofseo Peon

    Messages:
    36
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    spiritofseo, Jan 31, 2010 IP
  6. Hecky

    Hecky Like a Dungeon Dragon!

    Messages:
    5,656
    Likes Received:
    284
    Best Answers:
    1
    Trophy Points:
    0
    #6
    If you have the PSD of the file, you should remove the background and make it a transparent PNG
     
    Hecky, Jan 31, 2010 IP
  7. -webmaster

    -webmaster Peon

    Messages:
    327
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Very good idea!
     
    -webmaster, Jan 31, 2010 IP
  8. tsoprano

    tsoprano Peon

    Messages:
    75
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    yes your header image is sitting ontop of your background image(in web browser).

    each viewer on a different resolution will see different areas of the header/bg edge.

    the only way to have a seamless header/bg is to use transparancy. use a transparent .png or gif.

    i can do it for you, pm me
     
    tsoprano, Jan 31, 2010 IP
  9. JacobNeldson

    JacobNeldson Peon

    Messages:
    37
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #9
    I agree that making the header into a transparent .png (so that you can the the grey/white checkered pattern behind the gold in photoshop) is the easiest solution.

    Just open your header image in photoshop and resave your file as a .png. Then, select all the brown leathery stuff around your gold, and go to edit/cut. You should see the default grey/white checkered pattern show up in the background. Make sure your image is flattened (only one layer--"background") and then save it. Upload the .png onto your server in place of the original header file, and you should be good to go.
     
    JacobNeldson, Jan 31, 2010 IP
  10. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #10
    Try replacing your header.jpg with this png. It's pretty crap - but it's possibly better than nothing.

    At least it should help you get the idea about using pngs with transparency.

    [​IMG]

    Looking at it now... I may have possibly under done it.
     
    Kerosene, Feb 1, 2010 IP
  11. MadRukus

    MadRukus Peon

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Use the clone tool is your best bet

    [​IMG]
     
    MadRukus, Feb 1, 2010 IP
  12. Hecky

    Hecky Like a Dungeon Dragon!

    Messages:
    5,656
    Likes Received:
    284
    Best Answers:
    1
    Trophy Points:
    0
    #12
    That might be a good idea - just erase the edges slightly and then save it as a transparent PNG. This'll have the effect of blending the two backgrounds together rather than lining them up.
     
    Hecky, Feb 1, 2010 IP
  13. mediaspin360

    mediaspin360 Guest

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    You should take some time and just trace it out the background...it is not that complex. It will take literally 5 minutes
     
    mediaspin360, Feb 3, 2010 IP
  14. tinakhal

    tinakhal Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    Similar to what the person above me said; You can just cut out the background; I recommend using Photoshop's Pen Tool.
    (This is called rendering, btw, when one cuts something out of an image, in case you didn't know.)
    However, a soft brush would also work as well.
     
    tinakhal, Feb 3, 2010 IP
  15. MadRukus

    MadRukus Peon

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #15
    I'd say the clipping path w/ pen tool is a better solutoin then using a soft brush it won't look as clean.
     
    MadRukus, Feb 3, 2010 IP
  16. dottylou

    dottylou Member

    Messages:
    22
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #16
    Using the clone tool is your best bet. That way you'll get no lines at all.
    :)
     
    dottylou, Feb 4, 2010 IP
  17. harticles

    harticles Peon

    Messages:
    15
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #17
    i agree with Kerosene
     
    harticles, Feb 5, 2010 IP
  18. meetali

    meetali Active Member

    Messages:
    828
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    53
    #18
    Use patch tool or stamp tool.

    header..jpg
     
    meetali, Mar 3, 2010 IP