I'm a web developer and I subcontract most of the design work. I am able to do some basic Photoshop editing and I want to get better as time goes on. Right now one conflict I keep running into is when I ask my clients for a picture to put in the slider area of a website (usually rectangular in shape) and they give me a square shaped picture. Like this: http://i.imgur.com/MToPiuU.png If the picture they gave me had a solid background, it wouldn't be a problem since I would just make the rest of the picture the same background. But this is usually not the case. For example, here's the right hand side of a picture I'm working with now (don't want to show the lady in the entire picture) http://i.imgur.com/obqKNqB.png So far, the best that this noob could come up with is stretching the right side of the picture all the way to the right, and then just blurring the entire part that I stretched. http://i.imgur.com/kmqm2P7.png This doesn't look good and I know there's gotta be a better way to do something about this. Can anyone give me any suggestions? Thank you guys.
My tip would be to ask your clients for a better image. If that doesn't work, then I would try duplicating the image, taking the one in the back, scaling it up so it fills the rest of the imagearea and then blurring it. Or try to duplicate twice, move one duplicate so the right appears twice and left appears twice, then blurring them. Just my tips, maybe will be helpful. Can post example images if you want, ask me.
So duplicate the image, then stretch the image so it takes up the entire thing and then blur it out? I just tried that with a different picture and it doesn't look too great. Is something like this what you are talking about? http://i.imgur.com/rFoOTF2.jpg
Just dealt this issue with my desktop wallpaper. Center it, fill white or any suitable colour to fill rest of the space of slider. But better idea will be explain the client that you need a scalable vector or an image that fits the size.
Sorry that it took some time, sitting at my 1ghz school computer.. Here's an quick example of the first method I told you: http://imgur.com/8RNFhJY Here's an quick example of the second method: http://imgur.com/ObRXCxu As you understand both are good to use in different situations, and they can be tweaked to fit the image. I could custom cut the image to expand the wall and the colors if you want to. But that takes some minutes. The first and second methods can be done to many images in notime.
Thank you. It's actually so easy that it could be done automatically with javascript and some html5 blur filter directly in the browser.
I'm not dumb enough to put a fixed size slider on a website. They are a waste of bandwidth, waste of code, and waste of time -- it is the perfect meeting of the minds between your PSD jockey arsty fartsy bullshit and the halfwit script-tard nonsense. It's just another of those things that has no damned business on websites in the first ***** place, and designers who use them, promote their use and clients who want them need a quintuple helping of sierra tango foxtrot uniform. Seriously people, stop pissing on your website's usefulness and functionality with this asshat bull!