TUTORIAL: Creating high-quality thumbnails for your TGP or Gallery in Photoshop - GoFuckYourself.com

Dynamix · 05-07-2005, 01:37 PM

STEP 1 Select an image from the gallery to use for your thumbnail
Pick an image that will be suggestive, you want to entice your viewers. Grab a sexy smile, or something that portrays what the viewer will get from the gallery. Either Copy&Paste this image into Photoshop, or save it to your hard drive and open it in Photoshop.

I used this image: http://www.cherrygals.com/babestv/11/ (second on top row).

STEP 2 Crop the image into a thumbnail
Using the Rectangular Marquee Tool ("M" on your keyboard or the top-left tool icon) set the Style to Fixed Aspect Ratio. On the top toolbar just below the menu you'll see "Style: [Normal]" - change "Normal" to "Fixed Aspect Ratio" and for Width and Height input the size of your thumbnail. For this tutorial I'll be using 90x120.

Make your selection, and crop it (Menu: Image>Crop).

STEP 3 Flatten the image
If you opened the image from your hard drive you can skip this step.

From the Layer menu you'll need to Flatten the Image (Menu: Layer>Flatten Image).

STEP 4 Adjusting the color using Levels
This technique takes a bit of practice to get down correctly, so don't be discouraged at first.

Open the Levels window (Menu: Image>Adjustments>Levels, or CTRL-"L" on your keybooard).
On the Input Levels diagram drag the black arrow inwards a bit until you achieve the desired effect. You'll notice the left Input Levels box increasing, mine was set at 65. Click OK.

STEP 5 Adjusting the color using Color Balance
This technique, too, will take practice.

Open the Color Balance window (Menu: Image>Adjustments>Color Balance, or CTRL-"B" on your keyboard).
The first step, by default, is the Midtones. I enhanced the tan a bit by dragging the Cyan marker towards Red (+11), Magenta marker towards Green (+10), and the Yellow marker towards Yellow (-11).
Next is Shadows. Click Shadows under Tone Balance. I set Cyan to +19, Magenta to -9, and Yellow to -14.
Highlights I left at 0,0,0.

STEP 6 Adjusting the color using Brightness/Contrast
Again, this technique will take practice.

Open the Brightness/Contrast window (Menu: Image>Adjustments>Brightness/Contrast).
Play with the Brightness and Contrast sliders until you achieve your desired effect. I slid the Brightness marker to +10, Contrast to -8.

STEP 7 Softening the features
For this technique you will need to duplicate the Background layer.

If the Layers pallete is not already visible, open it (Menu: Window>Layers, or "F7" on your keyboard).
On the Layers pallete right-click your Background layer and select "Duplicate Layer.." From the new window type an appropriate Layer Name (replace "Background copy" with "Softening") and click OK.

Select your new layer so it is active and add a Gaussian Blur (Menu: Filter>Blue>Gaussian Blur...) with a Radius of about 1.5px. Click OK.
On the Layers pallete again, change the Blending Mode (it will be defaulted as Normal) to Soft Light. Adjust the Opacity as you see fit (I chose 50%).

STEP 8 Flatten the image
When you're finished with your thumbnail, once again flatten the image.

From the Layer menu you'll need to Flatten the Image (Menu: Layer>Flatten Image).

STEP 9 Resizing your thumbnail
The final step is to size your thumbnail. Bring up the Image Size window (Menu: Image>Image Size). Make sure the "Constrain Proportions" option is checked, and enter your thumbnail size we selected at the beginning (mine was 90px wide, 120px high).

Now view your thumbnail at its final size (Menu: View>Actual Pixels, or ALT+CTRL+"0" on your keyboard).

STEP 10 Save your thumbnail.
Finally you'll need to save your thumbnail. Bring up the Save For Web window (Menu: File>Save For Web). Change the image mode to "GIF", Colors to "256", "Selective" pallete, and "No Dither". Click Save.

stev0 · 05-07-2005, 01:53 PM

You forgot the most important step, unsharp mask

Dynamix · 05-07-2005, 01:55 PM

Quote:

Originally Posted by stev0

You forgot the most important step, unsharp mask

Yea I thought about getting into Sharpening Edges and Unsharp Mask but didn't want to drag it on any longer than it already was. When I post on my website I'll be sure to include that

riddler · 05-07-2005, 02:55 PM

easier way is to get Alienskin Image Doctor

Adjust some brightness/constrast and use image doctor and bam! :D

StuartD · 05-07-2005, 02:58 PM

neither the before or after looks all that high quality

alan-l · 05-07-2005, 03:16 PM

Quote:

Originally Posted by NichePay - StuartD

neither the before or after looks all that high quality

that's exactlt my thoughts

anyway, thanx for sharing, I think it's very cool of you to try to help, same with that little proggy you made a few days ago

squizzel · 05-07-2005, 03:18 PM

phuck photoshop... ez gallery builder represent

Jim Neil · 05-07-2005, 03:30 PM

Thanks for sharing.

I have been looking for a way to make \ touch up thumbs.

Dynamix · 05-07-2005, 04:15 PM

Quote:

Originally Posted by NichePay - StuartD

neither the before or after looks all that high quality

okay, let me re-phrase: higher quality

dodger21 · 05-07-2005, 05:43 PM

Bump. This is the kind of shit this board needs, not what kind of haircare products bdjadjf uses on his pubic hair.

Dynamix · 05-07-2005, 07:01 PM

Quote:

Originally Posted by dodger21

Bump. This is the kind of shit this board needs, not what kind of haircare products bdjadjf uses on his pubic hair.

LOL so that's what that was about. I was afraid to click on it

rezdesign · 05-07-2005, 07:41 PM

Isn't there an easier way, you would have to do this to hundreds of thumbs..?

I believe you can save that as a "preset" or "action" in Photoshop to make life easier.

woj · 05-07-2005, 07:52 PM

some good tips here

Ray@TastyDollars · 05-07-2005, 08:53 PM

www.digitaldutch.com/arles/

digifan · 05-07-2005, 08:53 PM

Good job, keep them coming

Yahook · 05-08-2005, 03:23 AM

Good article, thanks ;)

V_RocKs · 05-08-2005, 03:36 AM

For aspect ratio, divide 120 into 90 or 90 into 120 then use the ratio.. I don't think you had it that way in your tutorial but I am fucking dead tired. I think you said 90 and 120 in the box... or some shit... good night.

moneymotivates · 05-08-2005, 04:31 AM

Dynamix thanks for the good tips along with everyone elses input!!

I look forward to more of these threads along with the domain related threads by Dombuyer!

Thanks guys

William-Xfactor · 05-08-2005, 07:37 AM

omg please

Dynamix · 05-08-2005, 10:03 AM

Quote:

Originally Posted by V_RocKs

For aspect ratio, divide 120 into 90 or 90 into 120 then use the ratio.. I don't think you had it that way in your tutorial but I am fucking dead tired. I think you said 90 and 120 in the box... or some shit... good night.

That's certainly a way to do it, hadn't thought of that myself, plus I'm no good with math so I wouldn't trust it ;)

And yes, rez, once you have your cropped selection (after Step 2) you could Record and Save the remaining steps as an Action and re-play on each new cropped selection, OR on an entire folder of saved selections, the only problem is that each image would need to be color balanced individually, or should be at least.

More tips in the future, hopefully this helped some of the newer webmasters

beta-tester · 05-08-2005, 10:22 AM

Great read man!!

Thanks for the tutorial

kaktuz · 05-08-2005, 11:17 AM

kick ass article man HUGEASS bump to you

Porko · 05-08-2005, 06:49 PM

We use anothers technics, but nice tips too

Here my work:

TGP OWNERS:

If you run a big tgp (more than 60k) and do you need my galleries + this kind of thumbs i can sed you 5 a day (teen - amateur - softcore).
I will appreciate some partners accounts...

icq: 221-550-099
moonboy (at) speedy.com.ar

thank you !
Porko

tranza · 05-08-2005, 07:41 PM

Damn, there're some VERY nice tips here. I've added this thread to my bookmarks.

Sosa · 05-08-2005, 07:43 PM

Quote:

Originally Posted by bimbo

We use anothers technics, but nice tips too

Here my work:

TGP OWNERS:

If you run a big tgp (more than 60k) and do you need my galleries + this kind of thumbs i can sed you 5 a day (teen - amateur - softcore).
I will appreciate some partners accounts...

icq: 221-550-099
moonboy (at) speedy.com.ar

thank you !
Porko

very nice!

Axeman · 05-08-2005, 08:09 PM

Bimbo those thumbs are killer.

crockett · 05-08-2005, 08:16 PM

Quote:

Originally Posted by bimbo

We use anothers technics, but nice tips too

Here my work:

TGP OWNERS:

If you run a big tgp (more than 60k) and do you need my galleries + this kind of thumbs i can sed you 5 a day (teen - amateur - softcore).
I will appreciate some partners accounts...

icq: 221-550-099
moonboy (at) speedy.com.ar

thank you !
Porko

why not share your techniques as well

Dynamix · 05-08-2005, 09:27 PM

Quote:

Originally Posted by bimbo

We use anothers technics, but nice tips too

Here my work:

Nicely done

A similar technique to what you do is much easier than what I listed.

Step 1 - Load thumb and crop
(see above)

Step 2 - Sharpen image
Bring up the Unsharp mask options window (Menu: Filter>Sharpen>Unsharp Mask..).
These values can be modified to your liking, but something similar to: Amount 83%, Radius 18px, Threshold 0 levels

Step 3 - Adjust brightness/contrast
(see above) - I used the following values: Brightness +24, Contrast -10. Again, adjust as you see fit.

Step 4 - Glow effect
Duplicate the original thumb layer (see above), Add a Gaussian Blur (see above) - I used 1.3px. Adjust the layer mode to Screen, Overlay, or Soft Light depending on what looks best, then reduce the opacity somewhere between 50-80%

Patrick

xanthias · 05-08-2005, 10:11 PM

great tips here, thanks for the read...

Za Ha · 05-09-2005, 07:23 AM

Not the greatest....

Porko · 05-09-2005, 11:11 AM

Quote:

Originally Posted by Axeman

Bimbo those thumbs are killer.

Thanks buddy !

onlytease · 05-09-2005, 01:46 PM

quality information there guys - cheers

Porko · 05-09-2005, 05:03 PM

Quote:

Originally Posted by rezdesign

Isn't there an easier way, you would have to do this to hundreds of thumbs..?

I believe you can save that as a "preset" or "action" in Photoshop to make life easier.

Yes you can. But with different quality for sure..

Malkmus · 05-09-2005, 05:26 PM

Quote:

Originally Posted by Dynamix

I would have done something like this

Porko · 05-09-2005, 06:08 PM

Quote:

Originally Posted by Malkmus

I would have done something like this

hey not bad !!

xanthias · 05-09-2005, 07:37 PM

damn, the thumbs in here are amazing. check out mine.

Buncha · 05-09-2005, 08:49 PM

Can anyone give some tips on optimizing thumbs? I'm having trouble getting good looking thumbs down to a reasonable size. I've been using Imageready. Is Photoshop any better for this?

Thanks.

Rob · 05-09-2005, 08:52 PM

Smart Blur.

pxxx · 05-09-2005, 09:00 PM

This thread is great, some great thumbs in here too.

cjaccardi · 05-09-2005, 09:38 PM

http://www.photoshoplab.com/tutorial...fessional.html

TheDoc · 05-09-2005, 10:31 PM

05-07-2005, 01:37 PM	#1
Dynamix G F Y not Industry Role: Join Date: Jan 2004 Location: MN Posts: 2,910	TUTORIAL: Creating high-quality thumbnails for your TGP or Gallery in Photoshop STEP 1 Select an image from the gallery to use for your thumbnail Pick an image that will be suggestive, you want to entice your viewers. Grab a sexy smile, or something that portrays what the viewer will get from the gallery. Either Copy&Paste this image into Photoshop, or save it to your hard drive and open it in Photoshop. I used this image: http://www.cherrygals.com/babestv/11/ (second on top row). STEP 2 Crop the image into a thumbnail Using the Rectangular Marquee Tool ("M" on your keyboard or the top-left tool icon) set the Style to Fixed Aspect Ratio. On the top toolbar just below the menu you'll see "Style: [Normal]" - change "Normal" to "Fixed Aspect Ratio" and for Width and Height input the size of your thumbnail. For this tutorial I'll be using 90x120. Make your selection, and crop it (Menu: Image>Crop). STEP 3 Flatten the image If you opened the image from your hard drive you can skip this step. From the Layer menu you'll need to Flatten the Image (Menu: Layer>Flatten Image). STEP 4 Adjusting the color using Levels This technique takes a bit of practice to get down correctly, so don't be discouraged at first. Open the Levels window (Menu: Image>Adjustments>Levels, or CTRL-"L" on your keybooard). On the Input Levels diagram drag the black arrow inwards a bit until you achieve the desired effect. You'll notice the left Input Levels box increasing, mine was set at 65. Click OK. STEP 5 Adjusting the color using Color Balance This technique, too, will take practice. Open the Color Balance window (Menu: Image>Adjustments>Color Balance, or CTRL-"B" on your keyboard). The first step, by default, is the Midtones. I enhanced the tan a bit by dragging the Cyan marker towards Red (+11), Magenta marker towards Green (+10), and the Yellow marker towards Yellow (-11). Next is Shadows. Click Shadows under Tone Balance. I set Cyan to +19, Magenta to -9, and Yellow to -14. Highlights I left at 0,0,0. STEP 6 Adjusting the color using Brightness/Contrast Again, this technique will take practice. Open the Brightness/Contrast window (Menu: Image>Adjustments>Brightness/Contrast). Play with the Brightness and Contrast sliders until you achieve your desired effect. I slid the Brightness marker to +10, Contrast to -8. STEP 7 Softening the features For this technique you will need to duplicate the Background layer. If the Layers pallete is not already visible, open it (Menu: Window>Layers, or "F7" on your keyboard). On the Layers pallete right-click your Background layer and select "Duplicate Layer.." From the new window type an appropriate Layer Name (replace "Background copy" with "Softening") and click OK. Select your new layer so it is active and add a Gaussian Blur (Menu: Filter>Blue>Gaussian Blur...) with a Radius of about 1.5px. Click OK. On the Layers pallete again, change the Blending Mode (it will be defaulted as Normal) to Soft Light. Adjust the Opacity as you see fit (I chose 50%). STEP 8 Flatten the image When you're finished with your thumbnail, once again flatten the image. From the Layer menu you'll need to Flatten the Image (Menu: Layer>Flatten Image). STEP 9 Resizing your thumbnail The final step is to size your thumbnail. Bring up the Image Size window (Menu: Image>Image Size). Make sure the "Constrain Proportions" option is checked, and enter your thumbnail size we selected at the beginning (mine was 90px wide, 120px high). Now view your thumbnail at its final size (Menu: View>Actual Pixels, or ALT+CTRL+"0" on your keyboard). STEP 10 Save your thumbnail. Finally you'll need to save your thumbnail. Bring up the Save For Web window (Menu: File>Save For Web). Change the image mode to "GIF", Colors to "256", "Selective" pallete, and "No Dither". Click Save. __________________ TGPFactory Full TGP Design & Installation Services ICQ 250 142 484 · AIM TGPDynamix · Email: patrick (at) tgpfactory (dot) com See who I am at AdultWhosWho.com! Last edited by Dynamix; 05-07-2005 at 01:39 PM..

05-07-2005, 02:58 PM	#5
StuartD Sofa King Band Join Date: Jul 2002 Location: Outside the box Posts: 29,903	neither the before or after looks all that high quality __________________ This is me on facebook This is me on twitter

05-07-2005, 03:30 PM	#8
Jim Neil Confirmed User Join Date: Apr 2005 Posts: 254	Thanks for sharing. I have been looking for a way to make \ touch up thumbs. __________________

05-07-2005, 05:43 PM	#10
dodger21 Confirmed User Join Date: Jan 2003 Location: Los Angeles Posts: 2,680	Bump. This is the kind of shit this board needs, not what kind of haircare products bdjadjf uses on his pubic hair. __________________ icq: 237055440

05-07-2005, 07:41 PM	#12
rezdesign Confirmed User Join Date: Feb 2004 Posts: 1,502	Isn't there an easier way, you would have to do this to hundreds of thumbs..? I believe you can save that as a "preset" or "action" in Photoshop to make life easier. __________________ Professional Web Design and Programming: xDesignStudio.com

05-07-2005, 01:53 PM	#2
stev0 Confirmed User Join Date: Aug 2003 Location: Calgary, Alberta Posts: 6,801	You forgot the most important step, unsharp mask

05-07-2005, 02:55 PM	#4
riddler Confirmed User Join Date: Oct 2004 Location: up in gang bang heaven Posts: 3,726	easier way is to get Alienskin Image Doctor Adjust some brightness/constrast and use image doctor and bam! :D

05-07-2005, 03:18 PM	#7
squizzel So Fucking Banned Join Date: Feb 2005 Posts: 900	phuck photoshop... ez gallery builder represent

05-07-2005, 07:52 PM	#13
woj <&(©¿©)&> Industry Role: Join Date: Jul 2002 Location: Chicago Posts: 47,882	some good tips here __________________ Custom Software Development, email: woj#at#wojfun#.#com to discuss details or skype: wojl2000 or gchat: wojfun or telegram: wojl2000 Affiliate program tools: Hosted Galleries Manager Banner Manager Video Manager Wordpress Affiliate Plugin Pic/Movie of the Day Fansign Generator Zip Manager

05-07-2005, 08:53 PM	#14
Ray@TastyDollars www.TastyDollars.com Join Date: May 2002 Location: Montreal Posts: 6,797	www.digitaldutch.com/arles/ __________________ The nets best interracial and cuckold site The nets hottest teen site ICQ me: 161 375 873

05-07-2005, 08:53 PM	#15
digifan The Profiler Industry Role: Join Date: Oct 2002 Location: ICQ 76281726 and I'm female Posts: 14,618	Good job, keep them coming __________________ [email protected] Webair Rocks

05-08-2005, 03:23 AM	#16
Yahook Confirmed User Industry Role: Join Date: May 2002 Location: Global traveler Posts: 840	Good article, thanks ;)

05-08-2005, 03:36 AM	#17
V_RocKs Damn Right I Kiss Ass! Industry Role: Join Date: Dec 2003 Location: Cowtown, USA Posts: 32,409	For aspect ratio, divide 120 into 90 or 90 into 120 then use the ratio.. I don't think you had it that way in your tutorial but I am fucking dead tired. I think you said 90 and 120 in the box... or some shit... good night.

05-08-2005, 04:31 AM	#18
moneymotivates Confirmed User Join Date: Apr 2005 Posts: 511	thank you Dynamix thanks for the good tips along with everyone elses input!! I look forward to more of these threads along with the domain related threads by Dombuyer! Thanks guys

05-08-2005, 07:37 AM	#19
William-Xfactor Confirmed User Join Date: Mar 2004 Location: Melbourne Posts: 299	omg please

05-08-2005, 10:22 AM	#21
beta-tester Rock 'n Roll Baby! Join Date: Sep 2004 Location: USA, temporarly Posts: 22,562	Great read man!! Thanks for the tutorial __________________ Sig for sale. Affordable prices. Contact me and get a great deal ;) My contact: ICQ: 944-320-46 e-mail: manca {AT} HotFreeSex4All.com

05-08-2005, 11:17 AM	#22
kaktuz Confirmed User Industry Role: Join Date: Sep 2004 Location: Dream Land Posts: 2,422	kick ass article man HUGEASS bump to you __________________ EMAIL: admin [AT] kaktuz.com Need Loads of Traffic? Lets Make Business Today!

05-08-2005, 06:49 PM	#23
Porko SeeMyBucks.com Industry Role: Join Date: Sep 2002 Location: USA Posts: 4,014	We use anothers technics, but nice tips too Here my work: TGP OWNERS: If you run a big tgp (more than 60k) and do you need my galleries + this kind of thumbs i can sed you 5 a day (teen - amateur - softcore). I will appreciate some partners accounts... icq: 221-550-099 moonboy (at) speedy.com.ar thank you ! Porko __________________

05-08-2005, 07:41 PM	#24
tranza ICQ: 197-556-237 Join Date: Jun 2003 Location: BRASIL !!! Posts: 57,559	Damn, there're some VERY nice tips here. I've added this thread to my bookmarks. __________________ I'm just a newbie.

05-08-2005, 08:09 PM	#26
Axeman Confirmed User Join Date: Feb 2004 Location: Swamp Posts: 5,201	Bimbo those thumbs are killer.

05-08-2005, 10:11 PM	#29
xanthias Confirmed User Join Date: Oct 2004 Posts: 183	great tips here, thanks for the read... __________________ icq:313788227 email: xanthias_gmail_com

05-09-2005, 07:23 AM	#30
Za Ha Confirmed User Join Date: Oct 2001 Location: Still lost Posts: 5,112	Not the greatest....

05-09-2005, 01:46 PM	#32
onlytease Confirmed User Join Date: Sep 2003 Posts: 1,553	quality information there guys - cheers __________________ Paul L - OnlyTease / Only-Opaques / Only-Secretaries / OnlySilkandSatin / Art-Lingerie / Layered-Nylons Sponsor program at www.otcash.com

05-09-2005, 07:37 PM	#36
xanthias Confirmed User Join Date: Oct 2004 Posts: 183	damn, the thumbs in here are amazing. check out mine. __________________ icq:313788227 email: xanthias_gmail_com Last edited by xanthias; 05-09-2005 at 07:38 PM..

05-09-2005, 08:49 PM	#37
Buncha Confirmed User Join Date: Feb 2005 Posts: 214	Can anyone give some tips on optimizing thumbs? I'm having trouble getting good looking thumbs down to a reasonable size. I've been using Imageready. Is Photoshop any better for this? Thanks.

05-09-2005, 08:52 PM	#38
Rob I'm a great bowler. Industry Role: Join Date: Nov 2003 Location: Right Outside of Normal. Posts: 13,309	Smart Blur. __________________

05-09-2005, 09:00 PM	#39
pxxx First African GFY Member Join Date: Mar 2004 Location: New Jersey Posts: 12,114	This thread is great, some great thumbs in here too.

05-09-2005, 09:38 PM	#40
cjaccardi Confirmed User Join Date: Feb 2005 Posts: 406	http://www.photoshoplab.com/tutorial...fessional.html

05-09-2005, 10:31 PM	#41
TheDoc Too lazy to set a custom title Industry Role: Join Date: Jul 2001 Location: Currently Incognito Posts: 13,827	__________________ ~TheDoc - ICQ7765825 It's all disambiguation