Entraide Graphique : SpL et 22 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2
Page Précédente 
Auteur
 Sujet :

[Tuto TheGimp] Cadres d'avatar original

 
n°15710
Fael
Wacom Addict
Profil : Penguin Pro
Avatar
profil
Posté le 19-11-2006 à 14:36:59  
 

Salut, aujourd'hui je vais vous apprendre à faire un cadre innovant, je ne suis pas contre les cadres crystal xp mais bon un peu de nouveauté ne fait pas de mal, ça nous permet de nous faire remarquer. Revenons à nos moutons...  :he:  :fouet: Nous allons créer un cadre en bois (c'est joli je bois  :loveit: ) mais on peut en faire plein de trucs  :neutral:  comme en pierre, néon, etc...).
 
un petit rappel:
 
avatar: 128x128
signature: 280x70 moi je prend 270x60 pour pouvoir rajouter des trucs sur les bords au cas où
 
 :caution: ATTENTION :caution:  ça commence  
 
 
En premier lieu nous allons ouvrir The Gimp (incroyable non ? :oh: ) on créer un nouveau fichier 270x60 avec un fond transparent.
 
http://img152.imageshack.us/img152/2332/tutozt9.png
 
On sélectionne l'espace qui va devenir notre futur cadre
 
http://img135.imageshack.us/img135/9104/tutoselectionty1.png
 
 
 
Maintenant on va faire le bois, il y a 2 techniques la première, je vous indique le tuto: http://www.sourisverte.net/L-artisanat-du-bois
 
http://img95.imageshack.us/img95/9972/tutoboiscd5.png
 
La seconde (pour les flemmards  :glass:  :slap:  :sarcastique: ) où l'on utilise un motif (perso je prend le dernier motif de la liste de base).
 
http://img138.imageshack.us/img138/494/tutoboitexp2.png
 
http://img95.imageshack.us/img95/2063/tutomotifls3.png
 
 
Et voilà on obtient un cadre en bois, moi je dit bof c'est moyen  :ouch:  :meuh: , on va améliorer ça... :jap:  :lol:  :penguin:  
 
On va faire un peu de relief en sélectionnant notre cadre et en faisant scripte-fu->Décor->biseau
 
http://img132.imageshack.us/img132/8803/tutobiseaunm1.png
 
http://img88.imageshack.us/img88/774/tutobiseau2le5.png
 
Et voilà ben c'est déjà mieux je trouve.
 
 
On va rajouter un petit motif pour marquer le cadre avec l'intérieur de la signature.
 
http://img135.imageshack.us/img135/331/tutocadremn8.png
 
Ainsi le contraste en cadre et image sera mieux.
 
Nous avons fini, peut-être je rajouterais quelques trucs pour faire plus joli.
 
 
 
Voilà un exemple, j'en rajouterai d'autres :
 
http://img453.imageshack.us/img453/9669/tutoexemplebk2.png
 
http://img134.imageshack.us/img134/7995/tuto20exemplejr5.png
 
http://img520.imageshack.us/img520/9256/tuto2520exemplenf1.png
 
http://img115.imageshack.us/img115/6627/exempleqc9.png
 
http://img126.imageshack.us/img126/5975/exemple2ss8.png
 
 
Version avancé:
 
http://img353.imageshack.us/img353/5140/regardvz7.png
 
 
 
Dans cette 2nd partie nous allons effectuer ceci:
 
http://img403.imageshack.us/img403/3945/signfractra3.png
 
 
En 1er temps on va utiliser l'outil plume en se lâchant un peu pour faire les contours du cadre.
 
http://img217.imageshack.us/img217/8545/sanstitrevp5.png
 
Ensuite lorsque le contour est fait on appuis sur le bouton "crée une sélection depuis un chemin" puis ctrl+I ctrl+K afin de supprimer la zone extérieur.
 
 
En 2nd temps on réutilise l'outil plume pour crée les contours intérieurs.
 
http://img90.imageshack.us/img90/6424/sanstitrelj5.png
 
Puis on appuie sur le bouton "crée une sélection depuis un chemin" et ctrl+K afin de supprimer.
 
On duplique le calque de notre cadre et on déplace le calque du dessous de quelques pixels afin d'obtenir un effet de relief, puis l'on sélectionne le claque dans l'onglet de gestion de calque et l'on utilise alpha vers sélection et l'on rempli cette sélection d'un gris moyennement sombre, on crée un 2nd calque en gardant la sélection, on le remplit de blanc puis on effectue un flou gaussien de valeur 5px et pour finir on applique sur ce calque une opacité de 50%.
 
http://img410.imageshack.us/img410/7754/sanstitremj4.png
 
On sélectionne la partie supérieur du cadre et l'on effectue de nouveau un alpha vers sélection, on crée un nouveau claque et on effectue un dégradé blanc vers transparent de haut vers le bas en appliquant au mode de calque normal avec opacité de 50%.
 
http://img90.imageshack.us/img90/8183/sanstitredi0.png
 
On en profite pour gommer la partie de l'image du fond hors du calque.
 
On garde la sélection et l'on crée 2 nouveaux calques dans l'un vous appliquerez le premier motif dans le cadre rouge (voir photo) dans l'autre le 2nd  :great: , on règle ces 2 calques en mode normal avec opacité de 20%.
 
http://img513.imageshack.us/img513/1427/sanstitrepl5.png
http://img513.imageshack.us/img513/1427/sanstitrepl5.bc76cf620e.jpg
 
http://img106.imageshack.us/img106/1919/sanstitreew2.png
 
Voilà, j'espère que cette 2ème partie vous a aidé à acquérir des automatismes.
 
 
C'est la fin de ce tuto.  :yipi: Maintenant à vos palettes graphiques !  :oui: :great:


Message édité par Fagoon le 24-06-2009 à 14:28:42
answer
mood
GoogleAds
profil
Posté le 19-11-2006 à 14:36:59  
 

answer
n°15711
MasterCloud
Code name : Old School.
Profil : God of Penguins
Avatar
profil
Posté le 19-11-2006 à 14:38:46  
 

Merci pour le tuto Fael :loveit:

answer
n°15712
Fael
Wacom Addict
Profil : Penguin Pro
Avatar
profil
Posté le 19-11-2006 à 14:42:15  
 

j'vais refaire ce cadre avec les rainures dans l'autre sens car la je n'aime pas trop

 

une V2 avec le bois différent:

 

http://img134.imageshack.us/img134/7995/tuto20exemplejr5.png

answer
n°15721
dimebag_hammett
Un type cynique et chiant
Profil : Big Penguin
Avatar
profil
Posté le 19-11-2006 à 15:22:04  
 

Tres bon tuto :great:

answer
n°15722
Kurios
Profil : Penguin
Avatar
profil
Posté le 19-11-2006 à 15:24:17  
 

Très joli ;-) j'aime bien :party:

answer
n°15723
chumaxa
Profil : Penguin
Avatar
profil
Posté le 19-11-2006 à 16:08:06  
 

sympa mais perso j aurais ajouter une pitite cristalisation :he:

answer
n°15725
Kurios
Profil : Penguin
Avatar
profil
Posté le 19-11-2006 à 16:26:06  
 

Non, je crois pas que ca irait avec l'ensemble... :ouch:

      

[HS]Déjà 100 messages? J'avais pas remarqué :mdr: [/HS]

answer
n°15728
Farore9301
Profil : Penguin
Avatar
profil
Posté le 19-11-2006 à 17:50:24  
 

En effet, super tuto :wink:à quand une MAJ de ta gallerie sur le fofo ogame ? :biggrin:

answer
n°15729
Fael
Wacom Addict
Profil : Penguin Pro
Avatar
profil
Posté le 19-11-2006 à 19:20:46  
 

bientôt, j'ai 2 signature de fini et une dernière où le cadre est en finition, mais c'est beaucoup plus élaboré que ces cadres là.

 
Citation :

sympa mais perso j aurais ajouter une pitite cristalisation he.gif

 

non une cristalisation n'irait pas du tout avec ce genre de cadre; la crystalisation, c'est partir d'une image simple pour en faire une élaboré, ici le cadre est déjà bien rempli, cela ferait trop, ce serait moche et pas approprié car la critalisation c'est pour donné un aspect technique et le bois n'est pas lié à la technologie comme les cadres gris (-> métal donc reflet, ext....)

 

une nouvelle possibilité:

 

http://img520.imageshack.us/img520/9256/tuto2520exemplenf1.png

 

[EDIT]: encore une autre possibilité, moins joli mais différente, plus ancienne

 

http://img115.imageshack.us/img115/6627/exempleqc9.png

 

le biseau est plus faible pour la pierre

 

[EDIT 2]: (j'ne m'arrête plus  :mdr: )

 

http://img520.imageshack.us/img520/8581/exemple2sl1.png

 

un cadre plus vaporeux

 

V2, bords arrondies, un effet rajouté

 

http://img126.imageshack.us/img126/5975/exemple2ss8.png

answer
n°15731
tidine
Profil : Top Penguin
Avatar
profil
Posté le 19-11-2006 à 23:37:21  
 

J'aime pas le cadre en bois, je préfère le vaporeux...

answer
n°15732
Fagoon
2518
Profil : God of Penguins
Avatar
profil
Posté le 19-11-2006 à 23:41:50  
 

Fael a écrit :

[EDIT 2]: (j'ne m'arrête plus  :mdr: )

 

http://img520.imageshack.us/img520/8581/exemple2sl1.png

 

un cadre plus vaporeux

 

V2, bords arrondies, un effet rajouté

 

http://img126.imageshack.us/img126/5975/exemple2ss8.png

 

Très joli... :love:

answer
n°15733
Blinkx_182
Profil : Big Penguin
Avatar
profil
Posté le 19-11-2006 à 23:52:11  
 

C'est vrais que c'est très joli !! :love:

answer
n°15734
oO XaM Oo
Profil : Penguin
Avatar
profil
Posté le 20-11-2006 à 08:03:05  
 

Bon tuto
+1

answer
n°15739
Fael
Wacom Addict
Profil : Penguin Pro
Avatar
profil
Posté le 20-11-2006 à 18:21:29  
 

merci pour les compliments, je vais faire un cadre avec les bords qui feront le tronc d'un arbre et des branches avec quelques feuilles et fleurs

answer
n°15740
Om 13
Profil : Penguin Pro
Avatar
profil
Posté le 20-11-2006 à 18:34:07  
 

Sympa le resultat :wink:

answer
n°15757
Fael
Wacom Addict
Profil : Penguin Pro
Avatar
profil
Posté le 21-11-2006 à 20:16:00  
 

voilà ce que j'avais annoncé:

 

http://img353.imageshack.us/img353/5140/regardvz7.png

 

une améliroation du tuto, je mettrai peu être comment faire demain après-midi, je sais les dimensions sont legerement trop grandes  :he:  mais vu le résultat  :happy2:  :loveit:

 

Attention je tiens à preciser que j'interdit de copier mes exemples, c'est à vous de faire le boulot  :biggrin:

answer
n°15758
chumaxa
Profil : Penguin
Avatar
profil
Posté le 21-11-2006 à 20:52:44  
 

tres sympa je trouve, et j ai essayer une cristallisation..pas genial..

answer
n°15759
Fael
Wacom Addict
Profil : Penguin Pro
Avatar
profil
Posté le 21-11-2006 à 20:57:48  
 

et oui on ne melange pas technologie et nature  :lol: je fais des trucs différents des créations crystal et toi tu veut en coller là-dessus  :neutral:

answer
n°15760
Tatice
Borsalino Gang
Profil : Penguin Pro
Avatar
profil
Posté le 21-11-2006 à 21:04:35  
 

Le résultat est très sympa, merci pour le tuto. :great:

answer
n°15761
pompiermike22
Profil : Penguin Pro
Avatar
profil
Posté le 21-11-2006 à 21:35:10  
 

Merci pour ce tuto.

answer
n°15762
buka
Profil : New Penguin
Avatar
profil
Posté le 21-11-2006 à 21:49:05  
 

trés joli le cadre et c'est un super tuto

answer
n°15763
Fael
Wacom Addict
Profil : Penguin Pro
Avatar
profil
Posté le 21-11-2006 à 21:55:18  
 

merci pour les compliments, j'en ferait un autre du même genre mais sur pierre ou métal

 

[EDIT]: une nouvelle version amélioré, un peu moins bien que l'autre et les dimensions ne sont vraiment pas reglo mais bon  :mdr:

 

http://img304.imageshack.us/img304/1649/cadreeclairod2.png

 

V2:

 

http://img329.imageshack.us/img329/8200/cadre20eclairwc3.png

answer
n°15979
Melvina
Profil : New Penguin
Avatar
profil
Posté le 04-01-2007 à 11:49:51  
 

trop beau les cadres !! j'èspère arriver à votre niveau un jour   :whistle:
Merci pour ce tuto qui est trés explicite est trés simple  :mdr:

 

http://img403.imageshack.us/img403/1306/cadreboishe0.png

answer
n°15997
Fael
Wacom Addict
Profil : Penguin Pro
Avatar
profil
Posté le 05-01-2007 à 19:05:09  
 

voilà une autre version avancé, le tutorial va venir dans peut de temps:

 

furry mania  :happy2: :

 

http://img58.imageshack.us/img58/3462/sign20peluchekd0.png

 

aucune importation  :biggrin:

 

V2:

 

http://img399.imageshack.us/img399/3566/sign20peluchexq2.png

 

pour les anglophobes "furry" veut dire fourrure  :lol:

answer
n°17307
kooky
Profil : New Penguin
Avatar
profil
Posté le 23-07-2007 à 13:11:51  
 

bonjour,

 

petits soucis pour moi ...  :boulay:
quelqu'un pourrait t'il me dire comment faire pour faire un cadre arrondit en sélection ..
j'arrive à arrondir la sélection intérieure..mais pas le pourtour extérieur.  :neutral:

 

merci de m'indiquer si j'étais censé faire un autre tuto avant..mais c'est déjà le 3ième que je fais , j'ai cherché partout et je désespère un petit chouilla....
merci pour votre aide
 :party:

answer
 Page :  1  2
Page Précédente 

Aller à :
Ajouter une réponse