Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Mar 2006
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Issue with a background image

    Hey guys,

    I'm having issues with my own background. I got the tutorial off of ethosweb.com to figure out how to make a wooden background image. It looks ok as long as it doesn't repeat, but, that is not the end result that I want. Is there anyway to get it all of it to 'flow' nicely (getting rid of the 'seems' and lining up the wooden 'slats')? I've attached a whole ZIP file to let you see what I'm trying to do. (Sorry about the bad quality, but I had to lessen it so I could upload the zip file.)

    Many thank you's for this one.
    Attached Files Attached Files

  • #2
    Regular Coder Actinia's Avatar
    Join Date
    Feb 2007
    Location
    Essex, UK
    Posts
    250
    Thanks
    1
    Thanked 23 Times in 22 Posts
    What you need to do is to tile the image with seamless edges. To do this, first crop or re-create your image so that the junctions align left and right, and top and bottom. Now create a copy of your image and align one copy against the other so that the seams align.

    Now you need to smooth the interface. You can usually do this using a clone tool. Use a 'brush' with a diffuse edge to copy part of the slat over the interface so that it looks seamless. You will need to do this all along the edge.

    This may be sufficient to give you an image that is wide enough for your screen. If not repeat the process with another copy on the other side.

    You may also need to do the same for the top and bottom images.

    Having got an final image, this may be OK to use as your background. However. You may be able to extract a completely tileable square from what you now have. If all goes well, then extract a selection exactly the same size as your original image (with the seams lined up as described above).

    John Rostron

  • #3
    New Coder
    Join Date
    Mar 2006
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Um..I dont want to sound rude, but...huh? John, I really do appreciate that you took the time to respond, but...um, what are junctions? I did find the clone tool but, I couldn't find the brush with the diffuse edge. I should have stated that I'm still relatively new at using PhotoShop. I was using 7 for quite some time, but recently found CS3 and It is VERY different. Where is the diffuse edge that I am to be looking for?

    Thank you, once again, for responding!

  • #4
    Regular Coder
    Join Date
    Sep 2007
    Location
    Raleigh, NC
    Posts
    273
    Thanks
    7
    Thanked 59 Times in 52 Posts
    http://www.pegaweb.com/tutorials/web...ackgrounds.htm

    That should clear up what John's talking about crono.

  • #5
    Regular Coder Actinia's Avatar
    Join Date
    Feb 2007
    Location
    Essex, UK
    Posts
    250
    Thanks
    1
    Thanked 23 Times in 22 Posts
    I have just looked at the pegaweb tutorial. I must admit I have not come across the shear tool. I have just tried this with Photoshop. It would work were it not for the strong diagonals in the images, plus the fact that the width of the planks are not the same. You cannot move one half of the image to even approximately match up to the other.

    Can you tweak the parameters of the image-generating program to make the widths constant? Alternatively, can you generate a larger image, with more planks across it? If you can do this, then it may be possible, but not necessarily using Shear. You can produce a smaller final image that will tile, but the original would need to be at least twice the size each way.

    My original reply was done in rather a hurry. If you can produce a larger and multi-plank image, I can have a go and give you more detailed instructions.

    John Rostron


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •