Windows Customization & Support : sambbk and 19 unknown users

 Word :   Username :  
 
Bottom
Author
 Thread :

[Tuto Photoshop] Create a thumbnail image for your icon pack in the gallery

 
n°1356
dlb
q|p
Profil: Admin
Avatar
profil
Posted on 05-14-2007 at 07:07:28 PM  
 

In order to keep a clean design, CrystalXP.net's team would like that every thumbnail that'll be displayed in the gallery is based on the same model.
This tutorial will show you how to create your creation's thumbnail thumbnail.
First of all, you'll need to download this PSD file :smile:

 


1 - Open the « gallery-screen » PSD file

 

http://www.crystalxp.net/tuto/img/477.jpg

 

2 - Open three of your PSD or PNG icon files. These will be the three icons that'll be displayed on your thumbnail.

 

http://www.crystalxp.net/tuto/img/478.jpg

 

3 - Resize an icon so that it becomes a 128x128 pixel icon, change another icon's size to 64x64 And antoher one to 48x48 (To resize, click on "Image > Image size";).
Now Paste these three resized icons in the « gallery-screen » PSD file.

 

http://www.crystalxp.net/tuto/img/479.jpg

 

4 - Make the « icons » layer visible

 

http://www.crystalxp.net/tuto/img/480.jpg

 

You should obtain this :

 

http://www.crystalxp.net/tuto/img/481.jpg

 

5 - Move the three icons so that they perfectly fit in their own compartement.

 

http://www.crystalxp.net/tuto/img/482.jpg

 

6 - Hide the « icons » layer

 

http://www.crystalxp.net/tuto/img/483.jpg

 

7 - You should now obtain the final image, you only have to save it as a JPEG file and it'll be ready. Please use Adobe Photoshop's « Save for web » function to reduce as much as possible the image's size.

 

http://www.crystalxp.net/tuto/img/484.jpg

 

Thanks in advance for your future creations :smile: !!!

answer
mood
GoogleAds
profil
Posted on 05-14-2007 at 07:07:28 PM  
 

answer
n°1865
vernonweb
Profil: New Penguin
Avatar
profil
Posted on 12-02-2007 at 09:19:43 AM  
 

In dutch (Nederlands)

 

Om ervoor te zorgen dat CrystalXP.net een goede uitstraling heeft, willen we dat alle tumbnail met hetzelfde model worden gemaakt.
Deze tutorial leert je hoe je zo'n tumbnail moet maken. Maar... download eerst dit PSD bestand  :mdr:

 

1 - Open het << gallery-screen >> PSD bestand

 

http://www.crystalxp.net/tuto/img/477.jpg

 

2 - Open drie verschillende PSD of PNG icoon bestanden. Dit zullen de bestanden zijn die op je tumbnail comment te staan.

 

http://www.crystalxp.net/tuto/img/478.jpg

 

3 - Maak een icoon zo groot dat één icoon 128x128 word, een andere 64x64 en de laatste 48x48. Om een image groter of kleiner te maken, klik je op "Image > Image size".
Plak deze - de verkleinde dus - in de << gallery-screen >> PSD bestand.

 

http://www.crystalxp.net/tuto/img/479.jpg

 

4 - Maak de << icons >> laag visible.

 

http://www.crystalxp.net/tuto/img/480.jpg

 

Je zou nu dit tegen moeten comment :

 

http://www.crystalxp.net/tuto/img/481.jpg

 

5 - Verplaats de icoonen zo, dat je precies op hun positie comment te staan

 

http://www.crystalxp.net/tuto/img/482.jpg

 

6 - Verberg de << icon >> laag

 

http://www.crystalxp.net/tuto/img/483.jpg

 

Je afbeelding is nu klaar voor uploaden. Sla het bestand op als JPEG formaat. Gebruik a.u.b. de Photoshop functie << save for the web >> zodat het zo min mogelijk ruimte vergt.

 

http://www.crystalxp.net/tuto/img/484.jpg

 

Bedankt voor het volgen van deze tutorial !  :oui:

answer
n°1866
lallik1
Profil: Penguin
Avatar
profil
Posted on 12-02-2007 at 11:51:45 PM  
 

good tut man :great:  but what is the size of a normal icon :^^:

answer
n°1867
Asher
Genius is not born , it is made....
Profil: Moderator
Avatar
profil
Posted on 12-03-2007 at 06:30:30 AM  
 

It depends on author's choice :wink: , the most common are 128*128 and 256*256 :oui:

answer
n°1872
vernonweb
Profil: New Penguin
Avatar
profil
Posted on 12-05-2007 at 08:52:13 AM  
 

But when you make an icon, you have to do it according to the rules from dlb. I've translated his tutorial into dutch.

answer
n°1873
Gruzz
Profil: Moderator
Avatar
profil
Posted on 12-05-2007 at 04:18:29 PM  
 

vernonweb wrote :

But when you make an icon, you have to do it according to the rules from dlb. I've translated his tutorial into dutch.


That's not true. You just have to follow this if you want to upload it to the gallery. This tutorial is just to tell everyone how the preview image should look like. :happy2:

answer
n°1874
TheVestel
PHP Programmer
Profil: Big Penguin
Avatar
profil
Posted on 12-09-2007 at 03:31:16 PM  
 

Oke, thank you Gruzz  :cool:

answer
n°1915
TheVestel
PHP Programmer
Profil: Big Penguin
Avatar
profil
Posted on 12-26-2007 at 04:37:31 PM  
 

Quote :

That's not true. You just have to follow this if you want to upload it to the gallery. This tutorial is just to tell everyone how the preview image should look like.

 

Not for evey image, because when you make a visual style (and upload it to the gallery), you don't have to follow this tutorial. The only thing you have to do then, is to add the background and a small preview :biggrin:

answer
n°3719
IMrAn-RyO
IMrAn
Profil: New Penguin
Avatar
profil
Posted on 01-24-2009 at 08:55:01 PM  
 

:mdr:  
 
http://www.crystalxp.net/forum/mesimages/313496/Adode Screen.png

answer
n°3720
Gruzz
Profil: Moderator
Avatar
profil
Posted on 01-24-2009 at 09:22:18 PM  
 

Good job, you can put it in your iGloo if you want. ;)

answer
n°4049
maquire202
I never think of the future. It comes soon enough.
Profil: Penguin
Avatar
profil
Posted on 05-16-2009 at 07:02:16 PM  
 

Is it okay if I translate this into Russian?


---------------
http://www.crystalxp.net/forum/mesimages/310958/signature2.png
answer
n°4050
Gruzz
Profil: Moderator
Avatar
profil
Posted on 05-16-2009 at 08:17:15 PM  
 

If you want to. :)

answer
n°4162
theX
Profil: New Penguin
Avatar
profil
Posted on 06-30-2009 at 11:00:50 AM  
 

where i can download the gallery-screen

answer
n°4163
Gruzz
Profil: Moderator
Avatar
profil
Posted on 06-30-2009 at 03:59:10 PM  
 

Here you go! ;)

answer
n°4165
theX
Profil: New Penguin
Avatar
profil
Posted on 07-01-2009 at 11:45:19 AM  
 

i work with paint.net and i cant  make this preview
any idea?
(maby your german,me too ;)

answer
n°4172
Asher
Genius is not born , it is made....
Profil: Moderator
Avatar
profil
Posted on 07-05-2009 at 02:03:58 AM  
 

which step is obstructing you to complete the preview?


---------------
Igloo <---> DeviantArt
answer
n°4564
jair paalman
Profil: New Penguin
Avatar
profil
Posted on 07-11-2010 at 08:30:54 PM  
 

the psd program won't open

answer
n°4644
rommulo2007
Profil: New Penguin
Avatar
profil
Posted on 07-12-2011 at 04:39:30 PM  
 

How much complication to post a simple icon to this site! :(
Every time I try to attach a thumbnail, the message: "This preview is not a valid image" comes up... I haven't any application to edit on PSD files. And the tutorial above is not displaying any illustration... I will upload my icon to 4shared site! :D

answer

Go to:
Add a reply