23 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto TheGimp] Fond de signature avec des rayons

 
n°14943
elfe noir
Profil : Penguin
Avatar
profil
Posté le 28-08-2006 à 15:18:41  
 

Bonjour à tous !! Voici mon premier tuto...enfin, en fait, je ne sais pas torp si c'est plutot un tuto ou une astuce...Pourriez vous m'aiguiller ? Donc, je commence :
 
 
Tuto - Bouton rectangulaire à rayons
 
L'arrière plan
 
1°Créez un document de 450x150 pixels, de fond transparent.
 
2°Grace à l'outil selection rectangulaire , tracez un rectangle dans ce style là :
http://img216.imageshack.us/img216/4243/selectionhf8.png
 
3°Tout en gardant cette selection, faites : SELECTION/RECTANGLE ARRONDIE
Une nouvelle fenêtre s'ouvre : Entrez 50 comme valeur dans "Rayon (%)".
 
Votre rectangle devrait maintenant être ainsi :
http://img89.imageshack.us/img89/8342/selectionaaqd1.png
 
4°Avec l'outil remplissage (Shift + B), remplissez la selection de la couleur de votre choix (à part le blanc).
 
Vous devriez en être là :
http://img168.imageshack.us/img168/355/couleurmz7.png
 
Les rayons
 
Nous arrivons maintenant à la partie interessante  :mdr:  
 
1°Créez un nouveau calque et nommez le "rayons"
 
2°Munissez vous de l'outil dégradé :
 
- Selectionnez le dégradé PP vers transparent
 
- Mettez en couleur PP du blanc
 
- Choisissez la forme bilinéaire
 
Et maintenant faites comme indiquer sur cette capture d'écran :
 
http://img88.imageshack.us/img88/7124/dgradqs1.png
 
Faites des dégradés TRES courts où vous le souhaitez dans le rectangle !!! Faites des essais, mais ne faites pas de longs dégradés !! Ces petits dégradés de forme bilinéaire vont créer des rayons !!! Voici ce qu'on peut par exemple faire :
 
http://img139.imageshack.us/img139/4264/essaicp2.png
 
Important : la technique
Je vais vous expliquer comment bien maitriser ces minis dégradés sympathiques :
 
- Si vous commencez le mini dégradé EN HAUT A DROITE et que vous le dirigez vers EN BAS A GAUCHE le trait sera ainsi :
http://img142.imageshack.us/img142/2061/rendu1jq5.png
 
- SI vous commencez votre dégradé EN HAUT A GAUCHE et que vous le dirigez vers EN BAS A DROITE le trait sera ainsi :
http://img178.imageshack.us/img178/8289/rendu2nl6.png
 
 
Pour l'épaisseur du trait, plus votre dégradé est long, plus le trait sera épais !! et inversement !
 
J'espère que vous avez capté la technique : Si vous avez des difficultés : FAITES DES EXPERIENCES ET ENTRAINEZ VOUS !!! L'important reste que votre trait de dégradé ne soit pas trop long !
 
Voilà donc pour les rayons !!
 
 
Le centre
 
Passons au centre  :smile:  
 
1° Créez un  nouveau calque qui s'appellera Vache-qui-rit "centre" !  :mdr:  
 
2°Munissez vous de l'outil selection elliptique, puis faites une selection comme celle ci :
 
http://img95.imageshack.us/img95/6532/selctionuo4.png
 
3°Prenez cette fois l'outil dégradé :
 
- Forme : Linéaire
- Dégradé PP vers transparent
- Blanc en couleur de Premier Plan
 
Tracez un dégradé de la gauche vers le droite de la selection elliptique.
 
Vous devriez avoir ceci :
http://img99.imageshack.us/img99/8915/dgradjo9.png
 
4°Baissez l'opacité du calque "centre" à 85.
 
5°Appliquez un flou gaussien de 10 pixels sur le calque "centre", toujours. (FILTRES/FLOU/FLOU GAUSSIEN)
 
6°SCRIPT-FU/OMBRE/OMBRE PORTEE Entreez comme valeur 53 et décochez la case : "PERMETTRE LE REDIMENSIONNEMENT"
 
7°SELECTION/AUCUNE
 
 :smile:  
 
 
Et plus encore...
 
Là, je ne vous ai donné que le principal, mais vous pouvez vous même rajouter une bordure, une ombre, et d'autres choses encore !!!  
 
Voilà mon résultat :
 
http://img167.imageshack.us/img167/9235/finalap6.png
 
Bon, et bien j'espère que ce petit tuto vous a plu, même si ce n'est pas du grand art  :he:  
 
@+
 
 :meuh:  
 
PS : evidemment, je reste ouvert à toutes suggestions, remarques, critiques, etc.
Montrez moi vos créations !!
 
Re-PS : SI vous ne comprenez pas quelque chose : demandez sur le topic et, au cas où, je rajouterais des captures d'écrans et des explications :


Message édité par Fagoon le 24-06-2009 à 15:10:17
answer
mood
GoogleAds
profil
Posté le 28-08-2006 à 15:18:41  
 

answer
n°14944
Fixxx
Profil : Penguin Pro
Avatar
profil
Posté le 28-08-2006 à 15:41:37  
 

Pas mal mais le texte sort du centre... :wink:

answer
n°14945
elfe noir
Profil : Penguin
Avatar
profil
Posté le 28-08-2006 à 15:45:58  
 

Merci !! oups j'avais pas fait gaffe à ça  :oh: Honte à moi !

answer
n°14947
EnableConsole
Profil : Penguin Pro
Avatar
profil
Posté le 28-08-2006 à 16:07:12  
 

"2°Grace à l'outil selection rectangulaire (M)===>Non, c'est ®, (M), c'est déplacer<===, tracez un rectangle dans ce style là :"

 

"4°Avec l'outil remplissage (Shift + G)===> C'est (Shift + B) :he: , remplissez la selection de la couleur de votre choix (à part le blanc)."

 

Voilà quelque erreurs...
Sinon, je vais m'y mettre tout de suite... :smile:

answer
n°14948
elfe noir
Profil : Penguin
Avatar
profil
Posté le 28-08-2006 à 16:08:50  
 

Merci !!! je vais changer ça tout de suite !! mais en fait, sur Mon ordi, c'est bien ces raccourcis là  :neutral: Mais il y a toujours eu des problèmes de raccourcis sur mon ordi !!!

answer
n°14949
EnableConsole
Profil : Penguin Pro
Avatar
profil
Posté le 28-08-2006 à 16:18:22  
 

Tu peux essayer de passer ton clavier en Azerty :mdr:

answer
n°14950
EnableConsole
Profil : Penguin Pro
Avatar
profil
Posté le 28-08-2006 à 16:38:41  
 

Voilà mon resultat:

http://www.crystalxp.net/forum/uploads/sm/post-54105-1156775900_thumb.jpg

answer
n°14951
elfe noir
Profil : Penguin
Avatar
profil
Posté le 28-08-2006 à 16:49:33  
 

Très réussi  :great:  J'en ai fais tout plein, je les posterais plus tard sur le topic  :smile:

answer
n°18186
Melvina
Profil : New Penguin
Avatar
profil
Posté le 02-07-2008 à 21:34:28  
 

hey super ce tuto ! facile à le faire en plus ! merci

 

je l'ai fait avec une bordure ce qui rend pas mal ! :wink:

 

http://img370.imageshack.us/img370/63/boutonrectangulairerayonc7.png

 


voilà bonne soirée à vous !  :loveit:

answer

Aller à :
Ajouter une réponse