Bijour les amis, bijours !!!
 
Pour mon nouveau tuto je vais vous apprendre a faire une icone png dans ce style là :
 

 
Bien sur, j'ai pas fait le CD et la note de musique , elles se trouves, avec plein d'autres îcones, dans le Pack Crystal Project (qui est super^^)....arf euh je m'égare  
 
 
Bon, ne perdons pas de temps, go go go !  
 
1°)Tout d'abord, ouvrez The Gimp, puis creez un document 256*256 Transparent.
 
2°)Placez les guides (Images/Guides/Nouveau guide (par pourcentage) de la maniere suivantes :
 -Guide Horizontal : 50%
 -Guide Vertical : 50%
 -Guide Horizontal : 25% et 75%
 -Guide Verticale : 25% et 75%  
 
Tout ces guides, tout simplement, car les intersections entre guides nous serviront de repere, pour le tracé a la plume (ouais ouais on va se servir de la plume )
 
3°)Tout d'abord, faites le tracé a la plume de cette maniere :
(un zoom a 400% sera le bienvenu ^^)

 
(Vous remarquerez qu'au endroit ou j'ai mis des fleches blanches, il n'y a pas de trait reliant les deux points (ou ancres). Bah c'est bien simples, c'est que les traits sont confondus avec l'arriere plan (les ptits carrés..). Faut donc pas s'inquieter, si vous avez le meme "phénomène", c'est meme d'ailleurs une bonne chose : ca veut dire que vous traits sont parfaitement droits  )
 
Une fois que vous avez fait ce tracé, et, si besoin est, refait quelques ancres mal placées (ca peut arriver), il va falloir transformer ce que vous avez fait a la plume en une sélection. Pour cela cliquez sur "Creer une Selection depuis un chemin" :
 

 
(j'ai mis du bleu, pour que vous reperiez plus facilement le bouton, si vous ne savez ou il se trouve)
 
4°) Vous voyez ?! On a une séléction . On va maintenant faire un dégradé PP/AP , avec les couleurs suivantes :
   PP : #036db0  
   AP : #3b99d4
 
Partez du bas de la séléction, et arretez vous sur le bord du haut de la séléction. Votre séléction deviens donc ceci :
 

 
 
(conservez la séléction !!!)
 
5°)Maintenant, creez un nouveau calque transparent. Placez vous sur ce calque, on va travailler dessus.
 
6°)Vous avez conservez la séléctions du calque contenant le dégradé pas vrai ???? Si ce n'est pas le cas, retourez sur ce calque, puis Clique Droit / Alpha vers Selection.  
Bien, maintenant vous avez votre selection, retourné sur le calque nouvellement crée, que l'on va nommer Effet Plastique. Réduisez la  séléction de deux pixels (Clique droit/Selection/Reduire/2px), pui remplissez la de blanc. Baissez l'opacité du calque a 75%. Réduisez encore la sélection de 1px, puis faites CTRL+K : il ne vous reste plus que le contour de la selection :
 

 
 
 
7°)Maintenant, retournez sur le calque Arriere-plan, puis récuperez sa sélection. Creez un nouveau calque 'Dégradé'. Placez vous sur ce calque Dégradé, puis faites Selection/Réduire : 3px : Choisissez les couleurs suivantes :
   PP : #036db0  
   AP : #3b99d4
 
Partez du bas vers le haut, et vous obtenez....beh "rien", vu qu'on a choisi les meme couleurs que la derniere fois  
 
(!! DESELECTIONNEZ !!)
 
8°)Allez sur le calque Effet Plastique, faites un flou gaussien de 2px. Dupliquez le calque Effet Plastique, puis le calque Copie de Effet Plastique. Vous pouvez ensuite faire fusionner les calques Effet Plastique, Copie de Effet Plastique, Copie de Copie de Effet Plastique.
 
A ce stade, vous avez ca :
 

 
 
9°)Creez un nouveau calque que vous allez nommer "Dégradé Radial 1". Une fois crée ce calque, allez sur le calque Arriere-Plan, récuperez la selection du calque Arriere-Plan, puis retournez sur le calque Dégradé Radial 1, puis réduisez la selection de 3pixels. Choisissez l'outil dégradé, et choissez comme option :
  - Dégradé : PP/Transparent
  - Forme : Radial.
 
Faites le dégradé de cette facon là :
 

 
Suivez le sens et la direction de la ptit fleche blanche minable  
 
Vous devriez oubtenir ceci :
 

 
(GARDEZ LA SELECTION !)
 
10°)Si vous avez obtenu ca, baissez l'opacité du calque Dégradé Radial (mon calque est a 80,3).  
 
11°) (Maintenant, deux possibiltés s'offrent a vous pour faire l'étape suivante :
     - Vous pouvez choisir de faire une séléction élliptique en mode "Soustraire à la selection"
     - Vous pouvez faire de la maniere suivante : faites CTRL, puis, en gardant appuyez controle, faites un clique gauche. Ca va
        faire une selection élliptique en mode SOUSTRAIRE. Une fois le travail fini, il vous suffit de relachez le clique gauche, puis  
        de relacher CTRL)
 
Alors pour cette etape 11, on va supprimer une grosse partie de la séléction du calque dégradé radial 1 (si vous avez oublié laquelle c'est, reportez vous a l'étape 9° ) ). Faites donc une selection élliptique en mode soustraire pour obtenir ceci :
 
 
 
12°)CTRL+K pour supprimer ce petit bout de selection.    
 
On a fini un premier bout de notre icone !!!  
 
Maintenant, on va attaquer la deuxieme partie de l'icone !!  
 
13°) Allez, encore un ptit coup de plume ?? Si si !  
Creez un nouveau calque que vous nommerez comme vous voulez, je l'ai appelé Dossier-AP. Placez le tout en bas de la pile des calques.
Choisissez la plume (B) : Faites un tracez similaire a celui ci :
 
[img=http://img515.imageshack.us/img515/9384/tuto6etape13jq3.th.png]
 
Faites Creer une selection depuis un chemin
 
Puis faites un dégradé similaire a celui du debut :
 PP : #036db0  
   AP : #3b99d4
 
(GARDEZ LA SELECTION)
 
14°)Creez un nouveau calque. Réduisez la selection de deux pixels, puis remplissez cette selection réduite avec du blanc. Baissé l'opacité du calque.
 
15°)Réduisez la selection de 1px, puis CTRL+K, pour effacer et ne garder que le contour !
 
16°)Creez un nouveau calque "Dégradé Radial 2". Retournez sur le calque Dossier-AP, et récuperez sa selection. Placez vous sur le calque Dégradé Radial 2, puis faites un dégradé PP/Transparent, de forme Radial (PP=blanc).
 

 
(j'avais deja fait mon dégradé sur cette image, vous vous n'avez plus qu'a le faire, et a réduire l'opacité du calque. Je l'ai mis a 80,3 a nouveau).
 
Voila voila !!! Votre dossier est fini, il ne reste plus qu'une chaus a faire : il y a certains calques a fusionner. Fusionnez les calques :
   -Dégradé Radial 1
   -Dégradé
   -Effet Plastique
   -Arriere plan.  
 
Ce sont les calques concernant uniquement les effets appliquez a "l'avant-plan" du dossier, càd la partie avec l'onglet. Vous ne devez surtout pas les fusionnez avec les calques Dossier-AP, Dégradé Radial 2, et Effet plastique 2 (je l'ai appelé comme ca par un soucis de cohérence, mais évidemment, on n'y a appliqué aucune effet spécial, on a juste supprimé de la selection !^^), car si vous voulez coincé une petite icone ou autre entre les deux parties du dossier, vous voudrez surement baisser l'opacité de la partie avec l'onglet, pourqu'on voit tout, et que ca rende bien. Bah si vous fusionnez tout, ca va aussi baisser l'opacité de l'arriere plan, et ce sera pas cool  .
 
Votre dossier est fin pret. Vous pouvez y appliquer maintenant n'importe quelle image ou texte (c'etait pour ca que j'avais mis une petite bande blanche a l'icone présentée au tout debut, pour du texte !!).
 
Exemple :  
 

 
(la feuille provient elle aussi du crystal project pack, que j'ai utilisé exclusivement dans le but d'agrémenter le dossier crée).
 
Voila j'espere que mon tuto vous a plut (j'ai commencé a 19h, donc s'il vous plait pas :  )  
 
A bientot pour le prochain tuto !!

C'est bien illustré et bien rédigé pour les débutants merci

merci pour ce tuto, je crois que je vais l'essayer

par contre une petite astuce qui peut servir : au moment de tracer le chemin, on peut mettre un calque blanc en arriere plan, de facon a voir où on trace (car comme tu le precise, il y a un moment ou on ne voit plus le chemin tracé, confondu avec l'arriere plan)

J'utilise pas Gimp mais le resultat est sympa bon tuto

Salut,
Beau travail dimebag_hammett !
t'aurai pas par hasard les autres icones ?car ça m'interesse un pack d'icones comme ça !
Merci et bonne continuation ...

Le résultat est très joli je trouve, bravo

Merci a vous pour vos commentaires !

@louix : Alors oui , le coup du calque blanc c'est vrai que ca facilite le tracé. Le truc c'est que j'y au pensé seulement en cours de route, et j'avais bientot fini le tuto, alors j'ai décidé de laisser comme ca  

@adid : Oula, euh non j'ai pas d'autre icones encore. J'a bien prévu d'essayer d'en faire un pack, mais j'attend de savoir/pouvoir creer tout ce qui est nécessaire pour agrémenter ces icones (note de musique, papier, globe, écran, ....). Je suis encore qu'un débutant dans ce domaine, ce n'est ici que ma premiere icône, mais je suis bien motivé a en faire un pack

tu débrouille déjâ bien,avec un peu de patience tu poura faire d'autres !
tiens je me suis amusé à faire un petit pack pour mon theme mais pas au top biensûr,c'est du bricolage avec le materiel que j'ai a bord  

Shot at 2007-06-29
merci quant même,c'est le geste qui compte !
par contre si tu decide de faire un pack,faite les en 256x256 en se basant sur l'icone de ma music,car elle est superbe celle la !

Ouais cool les îcones meme s'il y a un peu d'aliaising qui apparait a certains endroit !!!

Pour l'icone de Ma Musique, faut que je la refasse, comme je l'ai expliqué, j'ai utilisé des icones du Crystal Project d'Everaldo, donc pour éviter d'éventuels problemes, il faudra que je fasse mes propres icones.
Pour ce qui est du pack, alors oui j'ai deja commencé une icône redimensionnée car, l'icone de base pour le tuto est bien faite sur un calque 256x256, mais elle est beaucoup trop petite  , j'ai testé sur la Dock de Crystal Clear. Je refais donc une icone plus grosse pour ne plus rencontrer ce probleme de taille !!

Super tuto  

Mon rendu :  

Merci Mironova, et joli créa !!

ok merci !
j'ai oublier un detail,j'ai remarquer sur l'icone ma music que le cd est un peu transparent,justement il ne faut pas qu'il soit transparent il faut le laisser a son etat original !et c'est parail pour les autres !
bonne courage ...

Ah oui en effet, j'ai aussi baissé l'opacité de ce calque, faudra que je change, il me semble avoir gardé le .xcf !!

Sinon, j'ai fait une nouvelle icone avec des dimensions plus correctes (j'ai aussi crée la feuille), j'ai testé sur la dock de Crystal Clear, ca rend pas trop mal :

(Et ca c'est la feuille) :

Trop belle cette icone dimebag_hammett  

Je viens de m'en faire une dans le même style : Feuille by me

Merci mironova ^^ !!! Fais attention, on voit un peu d'aliasing sur ta feuille

Bonjour a tous,
Salut dimebag_hammett,pas mal aussi cette icone,mais ça serai bien aussi d'élargir ces icones,car j'ai l'impression qu'elles sont carré !il faut que ces dossiers(chemises,pochettes...etc)soit regtangle et pas carré !
regarde cette image :
http://img511.imageshack.us/my.php?image=x...leditionvo9.jpg
bonne continuation ...

Le résultat est plutôt pas mal, merci pour ce tuto.

Le résultat est très bien  

Ouaip c'est vrai ma feuille est aliasée  
Comme ça c'est mieux ? :
Au moins là y a moins d'aliasing ^^

@Mironova : Oui oui c'est mieux, mais maintenant tu as un petit flou un peu génant  

@adid : erf, impossible de les elargir, en 256*256, j'ai utilisé quasiment toute la largeur, par contre, je pourrais les faires moins hautes  . Je pense commencer le pack des aujourd'hui, faut que je vois le nombre d'icones a faire (certainement pas 900 en tout cas )

Tiens au fait, j'ai mis l'icone sur cette dock, tu peux me dire ce que tu pense adid ??

Je la trouve a la bonne dimension moi, mais j'suis pas trop sur

Trop beau, le bleu va bien avec Crystal Clear  

Sinon v4 de mon icone  

Edit : Oula je vais me reprendre Crystal Clear je sens =D

Oui, c'est mieux comme ca !!!

Salut ! Voilà certainement l'icone finale : Bonne ap' à tous

oui l'un ou l'autre(soit plus large,soit moins haute,ça revien au même)!attention je ne parle pas de l'encadré de l'icone(256x256)je parle de l'icone elle même,elle doit faire 160Lx135H,la tienne d'origine elle fait 160x160,donc c'est carré !
sinon pas mal cette icone sur ton screen !
continue comme ça !

edit: le pack s était pour m entrainez et j ai fait que de prendre les icone d'everaldo alors je l ai supprimé

moi j ai fait deux trois icone avec mais en utilisant des ton de noir donc voila koi en ligne sur ce post

je precise que je ne ferait pas de pack