38 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto TheGimp] Une barre version Glassy

 
n°14548
John cena 60
Profil : New Penguin
Avatar
profil
Posté le 24-06-2006 à 14:35:07  
 

1) Créez une nouvelle image (Ctrl/Pomme+N ou Fichier > Nouveau...) de la dimension qui vous chante (pour les besoin du tutoriel nous avons opté pour 200x100 px) avec un fond transparent ou blanc ou noir.
Choisissez une couleur de premier plan, ici ce sera du #549bee. La couleur d'arrière plan sera celle par défaut, du blanc.  
A l'aide de l'outil Dégradés (L) réalisez un dégradé de type PP vers AP du haut en bas de l'image (du calque plus précisément) avec un mode de fusion Normal.  
 
http://img93.imageshack.us/img93/6775/010wh.gif
 
2) A présent, il vous faut créer le reflet. Pour cela, créez un nouveau calque transparent et nommez le reflet.  
En utilisant l'outil Sélection rectangulaire ®, sélectionnez la moitié supérieure du calque. En prenant soin d'avoir le calque reflet d'actif, remplissez cette sélection avec la couleur d'arrière plan qui devrait être du blanc : Edition > Remplir avec la couleur d'AP (Ctrl+.).
Maintenant, réglez l'opacité du claque à 75%.
Désectionnez la sélection (Sélection > Aucune ou Maj+Ctrl/Pomme+A).  
 
http://img93.imageshack.us/img93/2843/036qv.gif
 
3) Créez un nouveau calque transparent trait.
Comme son nom le laisse entendre, vous allez tracer un trait, de 3 pixels. Pour cela, sélectionnez l'outil Crayon (N) puis choisissez la brosse Circle 03 (3x3).  
Dans les options de l'outil Crayon, l'opacité doit être placée à 100% et le mode de fusion de type Normal.  
Tracez un point dans le coin supérieur gauche (ou droit) du calque mais à 1 pixel du bord supérieur du calque. Ensuite, tracez un point à l'autre extrémité du calque (toujours à 1 pixel du bord supérieur du calque) en maintenant la touche Maj enfoncée afin de tracer une droite.  
N'hésitez pas à user de l'outil Loupe pour utiliser un zoom de 400 ou 800% par exemple.  
 
http://img88.imageshack.us/img88/9130/041vh.gif
 
4) Créez un nouveau calque transparent bordure et remplissez-le avec la couleur de premier plan que vous aviez sélectionné en étape 1. Si vous avez suivi le tutoriel à la lettre, cette couleur doit être la couleur d'arrière plan, dans ce cas un petit Ctrl/Pomme+. et le tour est joué.  
Maintenant, récupérez l'alpha vers une sélection (Calque > Transparence > Alpha vers sélection) puis réduisez la d'un pixel (Sélection > Réduire) et supprimez son contenu (Edition > Effacer ou Ctrl/Pomme+K).  
Il ne vous reste plus qu'à la déselectionner (Sélection > Aucune ou Maj+Ctrl/Pomme+A) pour obtenir l'effet recherché  
 
http://img93.imageshack.us/img93/8273/050bj.gif
 
Voila c'est fini le résulta final devrais resenbler a sa :
 
http://img93.imageshack.us/img93/5255/thegimpbarreglassy6vj.gif
 
 
Voici 2 exemples d'utilisation.  
Si vous cherchez à réaliser une forme non rectangulaire comme dans le premier exemple il vous suffira de commencer le tutorial en réalisant une sélection de la forme finale souhaitée avant d'appliquer le dégradé de l'étape 1.  
 
http://img93.imageshack.us/img93/5443/066mj.gif


Message édité par Fagoon le 25-06-2009 à 13:48:29
answer
mood
GoogleAds
profil
Posté le 24-06-2006 à 14:35:07  
 

answer
n°14549
Sharingan_Kakashi
Profil : Top Penguin
Avatar
profil
Posté le 24-06-2006 à 14:55:16  
 

C'est simple, très jolie, j'aime beaucoup.
C'est fou ce que le nombre de tutos Gimp augmente vite !

answer
n°14550
GuiTuX
Désherbant
Profil : Penguin Pro
Avatar
profil
Posté le 24-06-2006 à 15:15:11  
 

Merci pour ce p'tit tuto bien sympa! Je vais l'essayer de ce pas :biggrin:

answer
n°14551
benjigarner
Profil : Penguin Pro
Avatar
profil
Posté le 24-06-2006 à 16:28:19  
 

Super tuto pour The Gimp !!! :great: :great:
Merci john cena 60 !!

answer
n°14553
John cena 60
Profil : New Penguin
Avatar
profil
Posté le 25-06-2006 à 12:10:44  
 

merci j'en ai mis 3 autre pour photoshop mais il y a écrit que les modo vont l'analiser ... j'atten toujour  :happy2:

answer
n°14554
PikaJean
Profil : Top Penguin
Avatar
profil
Posté le 25-06-2006 à 12:26:07  
 

Très bon tuto: simple, rapide (pour moi qui suis faignant  :boulay: ) et le rendu est très pratique!  :oui:

 

Merci et bienvenue sur CrystalXP.  :party:

answer
n°14563
Vahiny
Profil : Big Penguin
Avatar
profil
Posté le 25-06-2006 à 19:09:26  
 

Pareil que pour le tuto sur les boutons glassy, l'auteur en est piouPiouM, c'est la reproduction intégrale de ce qu'il a posté sur gimp4you.
Pas d'info non plus sur une éventuelle autorisation.

answer
n°14565
Azzurra
Profil : Penguin Pro
Avatar
profil
Posté le 25-06-2006 à 20:06:44  
 

oui enfin la moindre des choses aurait été de le(la?) cité(e) même si il a eu l'autorisation à moins que ce ne soit pioumpioum  :neutral:

answer
n°14572
tidine
Profil : Top Penguin
Avatar
profil
Posté le 27-06-2006 à 04:10:45  
 

Il serait bien de dissiper les doutes ou suspicions :wink:

answer
n°14574
Xorios
Profil : Penguin Pro
Avatar
profil
Posté le 27-06-2006 à 04:24:50  
 

Citation :

Il serait bien de dissiper les doutes ou suspicions :wink:

Pour moi c'est clair :

Citation :

Bienvenue dans le forum Tutoriaux Graphiques !

 

Si vous avez besoin d'aide sur l'utilisation d'un logiciel comme Photoshop, TheGimp ou encore Blender, rendez-vous dans le sous forum " Soyez sympas je débute en graphisme"
Si vous souhaitez lire ou présenter un Tutorial, choisissez-la sous catégorie correspondante au logiciel de votre choix.
N'oubliez pas qu'avant de présenter un Tutorial celui-ci doit être complet, clair et accompagné d'illustrations. Vous ne pouvez pas poster un Tutorial si vous en n'êtes pas l'auteur.

Mais sur le site de piouPiouM, on peut lire (je viens de voir ça, tu as de la chance) :

Citation :

Contenu et Licence

 

Les tutoriels publiés sur ce site sont sous licence Attribution-NonCommercial 2.0 de Creative Commons. Cette mise sous licence est indiquée en bas de page de chaque tutoriel.
Cette licence vous permet de reproduire, redistribuer, modifier et communiquer les tutoriels de gimp4you selon les conditions suivantes :

 

  1. Paternité. Vous devez citer le nom de l'auteur original.
   2. Pas d'Utilisation Commerciale. Vous n'avez pas le droit d'utiliser cette création à des fins commerciales.

 

Dans tous les cas, les tutoriels publiés restent la propriété de leurs auteurs respectifs.

Donc john cena 60 peut poster ce tutorial en mentionnant qu'il est de piouPiouM (sinon c'est du vol).
M'enfin, puisque piouPiouM est également membre de CrystalXP, je pense que ce serait plus correct que ce soit lui qui poste ce tutorial.  :oui:
Et puis malgré cette licence, je pense que tu aurais pu avoir le respect de demander l'autorisation.

 

J'ai averti la Team concernant ces 2 tutoriels.
Elle ne tardera pas à trancher.  :jap:

answer
n°14576
tidine
Profil : Top Penguin
Avatar
profil
Posté le 27-06-2006 à 05:15:56  
 

Xorios, mon post visait johncena :wink:

answer
n°14578
moks
Profil : Penguin Pro
Avatar
profil
Posté le 27-06-2006 à 09:35:29  
 

En attendant d'avoir un retour de PioumPioum...je ferme.
Je rapelle que ca ne sert a rien de faire un copier-coller, juste pour avoir de la reconnaissance ou quelque chose du genre.
Je rapelle aussi qu'en cas de cas d'utilisation d'un tuto d'autrui il est necessaire de le citer. Ce n'est qu'une question de respect envers son auteur

answer

Aller à :
Ajouter une réponse