Need Help Slicing an Image for a Website

M

]|[ Mar']['in ]|[

Supreme [H]ardness
Joined
Sep 20, 2002
Messages
4,663
So here's the image I need sliced.

What I'm hoping for is a way (I don't know how) to slice the image in the center and have it NOT look blatanly repetetive. Basically so the image can be scalable height-wise (because of this slice part repeating).

Hopefully you understand what I'm trying to say, if not. Let me know and I will try to clarify.

And without ado (sp?)
main.jpg


edit: here's the website as it stands http://www.hardguild.net. That's basically how I want it, however you can tell the serious blending issues on the repeat image. I'm working on it. But I suck a teh Photoshop.
 
Do you want something like this? It's not totally non-repetetive, obviously, but I think if you throw some content on top of it, it might look okay. If that's acceptable to you, I can describe the process I used in case you need to do it again in the future.
 
Looks like the top and bottom of the frame will need to be re-blended. I assumed your "middle" image already lined up with those seamlessly. Not hard to do, though, if you need that done.
 
Great, just let me know if there's anything else I can do to help. Here is roughly the process I use, though keep in mind that I'm on Photoshop 7.0, and there may be better ways now...

  1. Open original image, duplicate image to a new layer, call it "shifted", at least for the purposes of this description.
  2. Move the shifted layer in the direction (assume "down" here) you want to tile by roughly 100px.
  3. Back on the original layer, copy the bottom 100px of the image and paste it over the "shifted" layer at the top. Move this new section so that it is anchored exactly at the top of the "shifted" layer, then merge it back down in so you're back to two layers.
  4. Now you've effectively turned your image into a cylinder, and all you have to do is remove the seam that appears 100px from the top of the image. Whip out the clone tool, choose a very soft, relatively large (30px or so) brush, and clone out that ugly seam. You may need a smaller, more accurate brush near fine details (like the little rivets along the border in your image).
  5. Once you're satisfied that the seam is no longer visible, you're done. You can un-shift the image if you want to by basically reversing those first few steps.

Hope that helps. If anyone here knows a simpler way, I'm all ears. :)
 
HorsePunchKid said:
Great, just let me know if there's anything else I can do to help. Here is roughly the process I use, though keep in mind that I'm on Photoshop 7.0, and there may be better ways now...

  1. Open original image, duplicate image to a new layer, call it "shifted", at least for the purposes of this description.
  2. Move the shifted layer in the direction (assume "down" here) you want to tile by roughly 100px.
  3. Back on the original layer, copy the bottom 100px of the image and paste it over the "shifted" layer at the top. Move this new section so that it is anchored exactly at the top of the "shifted" layer, then merge it back down in so you're back to two layers.
  4. Now you've effectively turned your image into a cylinder, and all you have to do is remove the seam that appears 100px from the top of the image. Whip out the clone tool, choose a very soft, relatively large (30px or so) brush, and clone out that ugly seam. You may need a smaller, more accurate brush near fine details (like the little rivets along the border in your image).
  5. Once you're satisfied that the seam is no longer visible, you're done. You can un-shift the image if you want to by basically reversing those first few steps.

Hope that helps. If anyone here knows a simpler way, I'm all ears. :)
Click to expand...

The way I understand his post is that he wants to be able to tile an image seamlessly; not create one image, blend it, and would have to re-blend if he wants to make it longer in the future.
 
RandysWay said:
The way I understand his post is that he wants to be able to tile an image seamlessly; not create one image, blend it, and would have to re-blend if he wants to make it longer in the future.
Click to expand...
Yup, that's what I understood, too, and that's what I've done and described. (Unless I'm not understanding you correctly...)
 
To elaborate, the key to the process that I described is in making the image "cylindrical". If you try to tile the image vertically, there will be a seam where the bottom of the image meets the top of the image. To blend away the seam, you need to get the image into a position where the top and the bottom meet, so you sort of have to wrap it around from bottom to top.
 
You must log in or register to reply here.
Back
Top