24 utilisateurs inconnus

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

[Tuto TheGimp] Un cadre simple à réaliser

 
n°16630
dimebag_hammett
Un type cynique et chiant
Profil : Big Penguin
Avatar
profil
Posté le 09-04-2007 à 16:44:58  
 

Bonjour !!
 
Pour mon nouveau tuto, je vais vous apprendre a faire ca :
 
http://img151.imageshack.us/img151/2711/nouveaututohg1.png
 
Ce n'est pas tres dur :he:  
 
..allez, au travail :fouet:  
 
1/
Tout d'abord, ouvrez un nouveau document transparent :
Largeur : 400 px
Hauter : 110 px
 
2/Allez dans Images => Guides => Nouveau guide
Vertical : 200
Horizontal : 55

 
3/
Creer une selection rectangulaire. Selectionnez l'outil Selection Rectangulaire, puis faite Clique Gauche. Gardez enfoncé le clic gauche, puis appuyer sur la touche CTRL . Deplacez ensuite la souris de facon a avoir un rectangle a peu pres comme celui-ci :
 
http://img183.imageshack.us/img183/8955/tuto3nk7.png
 
Remplissez cette selection de blanc.
 
4/Creer un nouveau calque (nommez le comme vous voulez  :biggrin: ). Placez le au dessus du calque Arriere-plan, censé contenir la Selection Rectangulaire précédemment créée. Recuperer justement cette selection sur le calque Arriere plan (Clique droit sur le calque Arriere Plan, puis Alpha vers Selection).  
 
5/Une fois ceci fait, retournez sur le dernier calque crée. A ce stade là, vous devriez n'en avoir que deux. Un petit screenshot pour vous éclaircir, si necessaire :
 
http://img155.imageshack.us/img155/4969/tuto5of8.png
 
[Rappel : La selection du calque Arriere plan est active (cette selection etant le rectangle blanc).]
 
Vous etes donc sur le calque du dessus. Faites clique droit/Selection/Reduire 1px.
Remplissez le calque de noir :
 
http://img441.imageshack.us/img441/6716/tuto52vt3.png
 
6/Gardez la selection active. Creez un nouveau calque transparent, appelez le par exemple Dégradé.
Choisissez l'outil dégradé. Choisissez comme couleur de premier plan (PP) le noir (000000), et comme couleur d'arriere plan (AP) 646464.
Faites un dégradé de cette facon :
 
http://img441.imageshack.us/img441/6758/tuto6kt9.png
 
Vous devez commencer le dégradé là ou commence la fleche, et arreter le degradé là ou se trouve la pointe de la fleche
 
7/ Sur le calque Dégradé toujours, faites une nouvelle selection rectangulaire.
ATTENTION : Cette selection doit etre faite avec le mode "Soustraire de la selection courante."
 
http://img155.imageshack.us/img155/8389/tuto7sc0.png
 
Quand vous avez choisi ce mode faite une selection rectangulaire, de cette facon :
 -Positionnez vous en haut du calque, et au milieu (dans le sens de la largeur)
 -Faite clique-gauche (gardez enfoncé), puis CTRL.
Faite la selection de facon a ce qu'il ne vous reste plus que ca :
 
http://img248.imageshack.us/img248/9176/tuto8gy2.png
 
8/Faite CTRL+K . Cela va supprimer la selection courante :wink: .
 
[on se rapproche de la fin :he: )
 
9/Faites Alpha vers selection sur le calque Dégradé. Ensuite choisissez l'option Dégradé (L). Prenez comme couleur PP : le blanc (ffffff). On va faire un dégradé "PP vers transparent" de cette facon :
 
http://img249.imageshack.us/img249/2506/tuto9bt0.png
 
Vous devez avoir quelque chose ressemblant à ceci :
 
http://img405.imageshack.us/img405/623/tuto10so9.png
 
[Le dégradé blanc vers transparent sert a donner un peu plus de clarté a l'image]
 
A ce stade là, vous avez trois calque (organisés dans cette ordre) :
 
- Dégradé :  il contient une selection rectangulaire coupée, et deux dégradé (Etape 6 + Etape 9)
- Fond noir (je vous avait dit de l'appeler comme vous vouliez, beh je l'ai appelé fond noir :he: ) : il contient    
  une selection rectangulaire noire.
- Arriere plan : il contient la selection rectangulaire blanche.
 
10/Vous allez faire clique droit sur le calque "Dégradé et Fusionner vers le Bas. Les calques Dégradé et Fond Noir sont donc ensemble. Vous n'avez plus que deux calques. Nommez le calque du dessus "Fusion". Recuperez la selection du calque Fusion.
 
11/Faites Selection / Reduire 6 px.
 
12/Faites CTRL+K. Vous avez plus que ca :
 
http://img255.imageshack.us/img255/8651/tuto12fc8.png
 
13/Sans déselectionner la selection active, allez faire clique gauche sur le calque Arriere plan, car on va maintenant travailler sur ce dernier. Et ce qu'on va faire est tres simple : on va detruire de la selection :666: .
Faites CTRL + K . La selection courante s'en voit supprimée. Vous n'avez plus que ca :
 
http://img145.imageshack.us/img145/8918/tuto13hi3.png  
 
14/ Debarassez vous de la selection courante : CTRL + Shift + A
 
15/On a plus qu'une toute petite ombre a placer :he:  . Placez vous sur le calque Arriere-plan, faites Alpha vers Selection. Allez dans Script-fu / Ombre / Ombre portée :
 -Decalage X : 0
 -Decalage Y : 0
 -Rayon du Flou : 18
 -Couleur : Noir.
 -Opacité : 80.
 
Decochez l'option "Permettre le redimensionnement".
 
Voilaaaa, c'est fini :party:  :great:  .
 
Bon, c'est cadeaux, je vais vous mettre une petite image a l'interieur :
 
Enregistrez cette image (ou prenez en une autre si vous voulez) : http://www.armatronic.com/creations/walls/837.jpg  
 
Reprennez votre cadre tout frais. Faite Ouvrir comme un calque, et ouvrez cette image.
Placez le calque contenant l'image tout en bas. Selectionnez l'outil "Creer et modifier des chemins" (B).
Tracez les cadres du contour de cette facon :
 
http://img99.imageshack.us/img99/9097/tutoannug2.png
 
Dans les options de l'outil, cliquez sur le bouton "Creer une selection depuis un chemin".
Faites ensuite CTRL+I pour inverser la selection, puis CTRL + K.
 
http://img151.imageshack.us/img151/2711/nouveaututohg1.png
 
Voila !! C'est fini :biggrin:  J'espere que ca vous plait (beh ouais c'est vrai quoi j'y ai passé du temps :lol: ).
Toutes critiques sont bienvenues, biens évidemment :happy2:


Message édité par Fagoon le 24-06-2009 à 14:41:23
answer
mood
GoogleAds
profil
Posté le 09-04-2007 à 16:44:58  
 

answer
n°16631
B-TuX
Profil : Big Penguin
Avatar
profil
Posté le 09-04-2007 à 18:09:55  
 

Le rendu est très joli et c'est très simple à mettre en oeuvre. C'est différents des autres possibilité de cadre qui existe sur le fofo.  :great:

 

Moi personnellement je testerai avec des bords arrondies. Enfin  bon tuto  :wink:

 

http://image.netenviesdemariage.com/images/1/6000db4c19f0ab158c1b1bf5b06ce151.pnghttp://image.netenviesdemariage.com/images/1/6000db4c19f0ab158c1b1bf5b06ce151.pnghttp://image.netenviesdemariage.com/images/1/6000db4c19f0ab158c1b1bf5b06ce151.pnghttp://image.netenviesdemariage.com/images/1/6000db4c19f0ab158c1b1bf5b06ce151.png

answer
n°16632
dimebag_hammett
Un type cynique et chiant
Profil : Big Penguin
Avatar
profil
Posté le 09-04-2007 à 18:17:16  
 

Merci :oui:  . C'est vrai que les bords arrondis pourraient convenir aussi. J'y avait penser au debut, mais c'est apres j'avais pas envie de m'embeter avec le tracé du chemin, pour decouper l'arriere plan :boulay:   . Mais je vais essayer quand meme ! Merci encore !

answer
n°16633
B-TuX
Profil : Big Penguin
Avatar
profil
Posté le 09-04-2007 à 18:34:19  
 

Je te propose une alternative  :wink: . Ouvre ton image sur lequel il y a le fond.

 

Choisir l'outil sélection rectangulaire et choisie l'outils taille fixe. comme ceci :

 

http://image.netenviesdemariage.com/images/2/85faaa6cbdf6530166a70321acfa7b27.jpg

 

(ne t'occupe pas des donnée rentré, je l'ai utilisé pour un tuto)

 

Choisie la taille que veut copie la sélection dans un un nouveau document à la taille de ta sélection et sauve l'image.

 

Ensuite ouvre ton cadre et "ouvrir comme calque" le fond précédent. Place le en dessous du calque cadre et réduit le de quelque pixels (3-5 environ) et enregistre. Voilà c'est fini !

answer
n°16634
Om 13
Profil : Penguin Pro
Avatar
profil
Posté le 09-04-2007 à 18:44:19  
 

Super Tuto pour nos Gimpeurs ! :great:

 

Mais je trouve que dans le rendu final l'ombre "portée" est trop prononcé, mais sa n'empeche pas le resultat d'etre sympa :wink:

 

Bravo B-tux !

answer
n°16635
B-TuX
Profil : Big Penguin
Avatar
profil
Posté le 09-04-2007 à 19:10:57  
 

Beuh c'est pas moi qui ai fait le tuto  :mdr:  :mdr:

answer
n°16636
dimebag_hammett
Un type cynique et chiant
Profil : Big Penguin
Avatar
profil
Posté le 09-04-2007 à 20:45:28  
 

@B-Tux : Merci pour l'astuce :biggrin:  :biggrin:  :great:

 

@om13 : Pour ce qui est de l'ombre portée, il suffit de reduire le rayon et l'opacité. C'est vrai qu'elle se voit un peu trop, je reverrai les reglages ! :biggrin:

answer
n°16637
Quentinux
Profil : Big Penguin
Avatar
profil
Posté le 10-04-2007 à 08:51:54  
 

Sympa le tuto, surtout que j'aime bien faire des cadres  :he:   :great:

answer
n°16638
dimebag_hammett
Un type cynique et chiant
Profil : Big Penguin
Avatar
profil
Posté le 10-04-2007 à 19:08:53  
 

Lol merci. Perso les cadres c'est pas tasse de thé, mais ce resultat je l'ai trouvé completement au hasard, et j'aimais bien :lol:

answer
n°16640
B-TuX
Profil : Big Penguin
Avatar
profil
Posté le 11-04-2007 à 14:43:50  
 

Toi t'as de la chance. Purée !

 

Moi je trouve pas des truc aussi complexes d'un coup en claquant des doigts !   :oh:

 

Ou alors c'est que t'es un bon. C'est peu être ça remarque  :he: . On créer pas des nouveaux trucs sans chercher  :wink:

answer
n°16641
dimebag_hammett
Un type cynique et chiant
Profil : Big Penguin
Avatar
profil
Posté le 11-04-2007 à 18:33:27  
 

C'est parti de je ne sais quel tuto, que j'ai raté. Et j'ai continué en faisant ce qui me passait un peu par la tete. :he:

answer
n°16643
Leskimo
Profil : Penguin Pro
Avatar
profil
Posté le 11-04-2007 à 20:09:12  
 

Je trouve que le rendu est sympa :smile:

 

peut eter un peu trop d'ombre :wink: :smile:

answer
n°16644
dimebag_hammett
Un type cynique et chiant
Profil : Big Penguin
Avatar
profil
Posté le 11-04-2007 à 21:00:16  
 

Merci :jap:

 

Oui il y a trop d'ombre, je vais editer les reglages.

answer
n°16651
louix
Profil : Top Penguin
Avatar
profil
Posté le 13-04-2007 à 19:43:01  
 

j'ame bien le rendu:)
jste pour faire des bords arrondis tu selectionnes le tour en rectangle, tu vas dans les options de selesction tu fait rectangle arrondi tu inverse la selection et tu efface le tour et c'est bon :wink:

 

PS : mets un titre un peu plus explicite

answer
n°16656
B-TuX
Profil : Big Penguin
Avatar
profil
Posté le 14-04-2007 à 17:38:40  
 

Bon alors j'ai réaliser (enfin  :he: ) ton tuto. Il est très simple et je suis pleinement satisfait du résultat.

 

J'ai juste quelques petit détail a te faire remarqué.  :wink:

 

Ton idée de mettre des guides aux centres est un peu déroutante  :ouch: . J'ai préféré mettre des guides horizontaux à 20 et 90 / verticaux à 20 et 390.  :oui: Je préfère comme ça.

 

J'ai aussi utiliser le rectangle arrondi, pour obtenir ceci :

 

http://img151.imageshack.us/img151/4696/signatureverteym5.png

 

J'en profite pour rappeler la dimension légale des signature sur le fofo : 280x70 pixels  :wink:

answer
n°16662
dimebag_hammett
Un type cynique et chiant
Profil : Big Penguin
Avatar
profil
Posté le 14-04-2007 à 19:06:44  
 

Bravo !! :great:  :great:

 

Les guides au centre c'est une de mes habitudes un peu bizards :boulay:

 

Joli aussi le cadre pour l'avatar :great:  :great:

answer
n°16663
B-TuX
Profil : Big Penguin
Avatar
profil
Posté le 14-04-2007 à 19:43:50  
 

Merci du compliment  :smile:

 

J'ai pas changé grand chose  :he:  J'ai adopté en tout cas  :great:

answer
n°16664
WINCUSTOM18
Profil : Penguin Pro
Avatar
profil
Posté le 14-04-2007 à 19:47:19  
 

Simple comme tuto :smile:
Mais tres bien expliquer et clair :great:

answer
n°16667
Arto
Profil : New Penguin
Avatar
profil
Posté le 14-04-2007 à 20:38:44  
 

J'aime bien le rendu !!
Merci beaucoup

answer
n°16676
dimebag_hammett
Un type cynique et chiant
Profil : Big Penguin
Avatar
profil
Posté le 15-04-2007 à 11:13:26  
 

Merchiii :he:

 

J'ai changé les valeurs pour l'ombre portée. Apres, c'est a vous de voir quelle valeurs vous convient le mieux  :oui:

answer
n°16681
kaze2
Profil : Penguin
Avatar
profil
Posté le 15-04-2007 à 12:05:55  
 

je l'ai fait un peu beaucoup a ma façon alors sa m'a donné sa

 

http://img185.imageshack.us/img185/5770/sansgtitreak1.jpg

answer
n°16682
louix
Profil : Top Penguin
Avatar
profil
Posté le 15-04-2007 à 13:21:40  
 

sa part du tuto ca ??? :ouch:

answer
n°16684
kaze2
Profil : Penguin
Avatar
profil
Posté le 15-04-2007 à 13:25:17  
 

oui du debut apres comme sa rendé pas du tous pareil j'ai refait a ma façon

answer
n°16685
B-TuX
Profil : Big Penguin
Avatar
profil
Posté le 15-04-2007 à 14:18:01  
 

C'est un style  :ouch:

 

Personnellement j'aime pas mais chacun son point de vue  :wink:

answer
n°16687
dimebag_hammett
Un type cynique et chiant
Profil : Big Penguin
Avatar
profil
Posté le 15-04-2007 à 15:15:33  
 

A partir d'ou tu as eu des problemes horohoro ?

answer
 Page :  1  2
Page Précédente 

Aller à :
Ajouter une réponse