Diane Clancy’s Art Blog

Thank you for all your wonderful comments on my Illustration Friday entry yesterday!! You Really Made My Day!! Beverly said she had an entry ready to go but got stuck on making the thumbnail for the challenge. Obviously I would love to see her entry and would love to see Bev enter this challenge!! So I am going to share how I make the thumbnail … in-Photoshop there are usually multiple ways to do things … here is the way I do it. It takes a lot longer to tell how to do it (and read about it) than it does to just do it .. so please give it a try! Please forgive the large files … I thought want to make sure you can see the details to be able to follow.

Selection

First, I am bet you know the selection tool … the tool that allows you to choose a part of your image … it is circled in red. Choose this tool.

Fixed Aspect

Set it to the fixed aspect ratio … highlighted in red … and set it to 1 to 1 ratio. This makes it so you will have a perfect square as you make your thumbnail. Now go ahead and choose some part of the image … whatever part you want to use as the thumbnail that people will see.

Crop

Now that you have chosen the part of the image you want to save, go to Image on the top bar and go down and choose crop … highlighted in red.

Image Size

Next we will set the pixel size for our thumbnail. Illustration Friday has a pixel size of 50 by 50 … so that is what we will choose. Go to Image again on the bar across the top and go down and choose Image Size.

Set Pixel Size

A window will come up after you choose Image Size. It is good to set the resolution to 72 pixels/inch for the web. (Lower red highlight) Some people may use a slightly different number … but 72 is fine. This makes an image “lighter” for the web. For printing the resolution would be much higher, but for the web setting this number to 72 helps a page load faster.

Now … it is time for that 50 by 50 pixel that is their standard. The upper red highlight shows the pixels in the image. Here it is important to set 50 height and 50 width because that is Illustration Friday’s specification. Now you can see what we cropped the image to a square … this way it is easy to set the size to 50 by 50. Then press OK.

Save for the Web

Next we Save for the Web. The first time I did Illustration Friday I was hoping I could just upload a 50 by 50 jpeg … but it was a larger file than their specifications and it wouldn’t upload. So we now go to File on the top bar and go down to Save for the Web … highlighted in red.

Set Jpeg

It will open up into a big window like this. For a regular image, you will choose jpeg … and high is good. I use the default of Optimized checked off and Quality to 60. These are highlighted in red to help you find them. If your file has transparency, you will probably want to use gif.

Save

Now the Save box will come up. You want to make sure you like its name. For the web, there are no blanks in names … Save for the Web automatically puts “-” into between names. Choose where you want to save it and remember that. When you go to upload your thumbnail, you will, of course, need to find it again.

This was done in Photoshop CS2 …. I think you will be able to follow this .. even if you are using a different version. These are not the new fancy tools. I sure hope this was helpful to you!! I apologize again for slow download times for so many images!! Please let me know if you have questions.

It was so weird using the program to do what I was teaching you to do … all these images went through this process also (except resizing to 50 by 50). Enjoy and please let me know how it goes!! I am looking forward to YOUR Illustration Friday!

Golden Glow, Digital © Diane Clancy

~ Diane Clancy

Technorati Tags: Illustration Friday, Photoshop

This entry was posted on Wednesday, January 30th, 2008 at 8:00 am and is filed under Bubblescapes, Challenges, Diane's Sketch Book, Digital, Photoshop. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.