Wednesday 31 March 2010

Post Production Image Processing

Including Using the Fibonacci Sequence

I'm a bit of a novice with Photoshop so any advice is welcome here. I'm sure my approach is a bit Neanderthal but it seems to work and has improved my hit rate of reasonable pictures.
Initially, doing the usual quick flick through, I can start to see which pictures I'm interested in.

For the web site we need some pictures for a column on the left which will be 206 pixels wide, some will be square (206x206) others can be longer for more interest on other pages.

The main body of text has pictures which are around 309 pixels wide. Pixel width is constrained by the actual layout of the web site initially. We also have to try to make the picture relevant to the text of the page where possible.



So having had a scout through the pictures, I've picked one to work on and jiggled around with the size on screen using my transparent overlay to put the centre of interest, in this case the main hand, in the start of the curve and seeing that the towel edge followed neatly into the spiral. From the rectangle, I could see I didn't need any more of Lisa's elbow or the right hand, which I probably would have included otherwise. The overlay is loosely attached to the edge of the monitor using pealable tape.


This is going to be one for the right hand column so will eventually be only 206 pixcels wide, I don't need the lower square to be filled, so I make the crop and save as.




The tattoo is removed using the clone tool with different radii and opacity and takes quite a while, the final picture is going to be at low resolution anyway. The difficulty is in keeping the flesh tone and shape especially around the edge of Les's fingers.

The picture is switched to Greyscale mode and the levels adjusted, contrast is increased. Again, at this stage I 'save as' a .jpg but into a new folder called Les Finished.




The next step is to alter the image size for the web site, making the picture 206 pixcels wide and 262 high. Alot of detail is lost during this resizing and I usually find that using filter and sharpen gives more edge contrast to the small picture



At this point the picture has come down from 4.06MB of the original to 26.4KB for the web site. For ease of selection I saved this to a different folder called Web Osteo and called it 206Dsc161 (no spaces allowed for web upload and we can see it's a 206 wide)

Paul added a hidden gallery page to the web site and uploaded the pictures for the client to select and give feed back. We could then insert them into the correct positions.

The only way to see how they look in context is to see them on a web page.

Les Cox Osteopath Web Site

Then I start on the next......

2 comments:

  1. Good lateral thinking with the paper overlay on the screen. I feel sure it must be possible to make a virtual overlay to use in Photoshop... I'll let you know if I find out how.

    ReplyDelete
  2. Hi
    As we have spoken about the value of this compositional aid, I feel this is working at a distinction level D1 and D2, as I know this stretches across several blogs.

    steve

    ReplyDelete

Privacy Statement

All original content pictures have been shared in good will without the individual consent of those appearing. If this in any way offends, please contact me and I will remove the picture.

All Original Material Is Copyright PJW 2010

Reproduced Material Is For Research Purpose Only

Pages