TravisMath
08-20-2006, 12:03 AM
I was looking at this one picture at http://osc.template-help.com/stretched_11256/ and I noticed that the picture on the 2nd row has an amazing resizing effect. When you resize it just part of the picture is affected. Have any idea how to create something that has that affect with Photoshop?
WebJoel
08-20-2006, 09:10 AM
Hardly amazing, -easily re-produceable.
The image of the people has a right-hand section that is y-axis symetrical (vertically identical to background), and that image is probably 'float:left;' in it's container, with a background-image :url(image.jpg); that is a tile x-axis (L-to-R) with that symetrical 'slice'. This 'slice' is probably only a pixel or two wide, but a few hundred pixels tall, repeating L-to-R.
As the screen-width is increased, the 'image' itself remains 'float:left;' and the repeat-tiling of the x-axis background-image (left-to-right) will expand to fill the new width.
This can be easily accomplished with any photo-edting software like PhotoShop or PaintPro (or The GIMP I suppose, although I have never used GIMP)
Or, that image with people could be extraordinarily WIDE and merely be background-image, and that way, any 'overflow' is automaticaly cut-off anyways.
-There are are few ways to acheive a similar effect. :)