Thumbnails for Illustration Friday
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.
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.
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.
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.
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.
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.
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 is a great tutorial, thanks for sharing it.
Diane, this is so very helpful. I cannot wait to go and try it! Thank you!
..and, Golden Glow is amazing!
This has made my day. How very kind!! I will be using this very detailed and helpful set of instructions shortly, and I am also going to pay my money and get onto photoshop so that I can try and make the pictures I have ideas for but can’t actually draw. I still haven’t forgotten about the Tessa commission, and will be trying to get through to you shortly. Sadly my computer skills are a little limited so this may take some doing!
Thanks for the kind words on my “Antiquity’s Art” ACEOs. I’ve “hearted” your shop too (you’re right — Etsians are everywhere!). Your work is great, and I LOVE “Conundrum 1”. Gorgeous!
Diane! Golden Glow is gorgeous! and you are so very sweet to share your tutorial, It means nothing to me, unfortunately ( Waaaay too technical, I’m rubbish on the computer! ) but I know that a lot of people will appreciate the effort that you have gone to.
You are very kind and generous.
I skip over all the technical stuff and admire Golden Glow instead. Not that I don’t appreciate all the effort you make to teach people how to do these things, but it is wasted on me. Instead, I will just be an admirer of your artwork. I think that is good enough.
Having said that, I must comment on the fact that you still seem to be a very busy woman, giving tutorials here and doing artwork and God only knows what else you are doing. Please take good care of yourself and don’t do too much.
Diane, you are so kind to help educate others. It takes a lot of time to do what you do and your efforts are greatly appreciated.
OMG OMG thank you soooooooooooo much for this!! Some weeks I get the thumbnail right, other weeks I cannot get it less than 12k file size and could never figure out what to do! Thank you for this tutorial!!
All you need in this life is ignorance and confidence; then success is sure.
i’m so glad that i found this article. that post was so nice. thanks again i signed up to this site.
are you planning to write similar posts?
i am a voluntary designer, possibly you would like to show some of my images? i think it would be fun and fit on your page 🙂
absolutely admire your blog! write me a e-mail please in case you want to see my pics
Itâ€™s laborious to seek out educated people on this topic, but you sound like you realize what youâ€™re talking about! Thanks
Itâ€™s hard to seek out educated individuals on this topic, but you sound like you realize what youâ€™re speaking about! Thanks
Thanks for putting this together – this can be a great post for those of us with our heads buried while in the keyboard all day.
I would do another show and tell. Further down are the links to the earlier parts of this ongoing series about marketing.
You have done an impressive job and our whole community will be grateful to you.
Even I can follow this. Thank you, Diane. I have PhotoShop Elements 6, but this looks basic enough to be confident about adapting your directions, if necessary.
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
The tutorial is really easy to follow. Thanks!
I would just like to follow on with what the others have said and say a big thanks for providing an easy to follow tutorial.
Keep up the good work.
Love the image! You did a great job with it, keep up the good work.
ItË‡s actually a nice and helpful piece of information. I am glad that you simply shared this helpful information with us. Please keep us up to date like this. Thanks for sharing.
iâ€™m so glad that i found this article. that post was so nice. thanks again i signed up to this site.
I would like to thank you for the efforts you have made in writing this post. I am hoping the same best work from you in the future as well. In fact your creative writing abilities has inspired me to start my own blog now.