Eskejesais Bar / Espace détente : nicky L et 39 utilisateurs inconnus

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

[Tuto TheGimp] Un effet "glass"

 
n°13657
Narco
Voodoo child
Profil : Modo
Avatar
profil
Posté le 05-02-2006 à 17:06:13  
 

Chose promise, chose dû, je refais ce tuto dans son intégralité :wink:
 
Pour commencer, ouvrez un document de 256*256 en fond transparent. Ecrivez-y le texte de votre choix avec l’outil texte (T)
 
http://img138.imageshack.us/img138/7531/image14fe.th.png
 
Ensuite, créez deux calques blancs au dessus du calque texte. Leur nom n’a pas trop d’importance, puisqu’ils disparaitront peu de temps après.
 
http://img138.imageshack.us/img138/1513/image211mu.th.png
http://img83.imageshack.us/img83/9317/image28yu.th.png
 
 
Passez le calque blanc le plus en haut en mode « différence ». Il sera alors devenu noir (en apparence !). Il est intéressant de remarquer que la lumière se reflète différemment  selon la forme de l’objet en verre. Ainsi, les contours du texte n’auront pas la même allure au final, que l’intérieur du texte. Nous allons maintenant créer ces bordures.
 
Pour cela, faite un « alpha vers sélection » sur le calque texte. Activez le premier calque blanc en cliquant dessus, puis cliquez sur l’outil « déplacer » (M). Passez l’outil en mode « transformer la sélection » en cliquant sur le bouton comme sur l’image ci-dessous :
 
http://img138.imageshack.us/img138/7834/image33ml.th.png
 
En prenant soin de laisser le premier calque blanc activé, revenez sur votre image, et déplacez la sélection de quelques pixels vers le haut, et d’autant vers la gauche, grâce à l’outil « déplacer ».  
 
http://img138.imageshack.us/img138/7421/image41zn.th.png
 
Remplissez la sélection de noir, la sélection se remplit alors de blanc sur l’image (toujours en apparence). Refaites un « alpha vers sélection » sur le calque texte, et activez le deuxième calque blanc. Toujours à l’aide de l’outil « déplacer », déplacez la sélection de quelques pixels vers le bas, et d’autant vers la droite. (pour un meilleur rendu, ce doit être le même nombre de pixels que lorsque vous avez déplacé la sélection sur le premier calque). Remplissez une nouvelle foi de noir.
 
Voici ce que vous devez obtenir :
 
http://img138.imageshack.us/img138/6180/image55wt.th.png
 
Faites un clic droit sur le deuxième calque blanc (le plus en haut), et cliquez sur « fusionner vers le bas ». En vérifiant si le nouveau calque formé est bien activé, faites « calque – couleur – inverser »
 
http://img83.imageshack.us/img83/449/image64ua.th.png
 
Faites « filtre – flou – flou gaussien » Mettez 6 pixels de valeur.
 
Créez un nouveau calque transparent, dans lequel vous appliquerez un dégradé linéaire allant du noir vers le blanc, allant d’un coin de l’image, a son opposé.  
 
http://img138.imageshack.us/img138/3687/image78pc.th.png
 
Passez ce nouveau calque à 50% d’opacité, puis fusionnez-le avec le calque du dessous. (clic droit – fusionner vers le bas)
 
Vous ne devez avoir plus que deux calques présents :  
 
http://img84.imageshack.us/img84/1248/image88rx.th.png
 
Activez le calque nouvellement formé, puis faites « calque – couleurs – courbes ». Donnez a la courbe cette apparence-ci :
http://img84.imageshack.us/img84/3070/image95mv.th.png
 
Voici ce que j’obtiens :
 
http://img84.imageshack.us/img84/8185/image104sp.th.png
 
Maintenant ça ce corse, nous allons utiliser les masques de calques. Sur le calque que vous venez de modifier à l’aide des courbes, faites « clic droit – ajouter un masque de calque », dans la fenêtre qui apparait, cochez la couleur noire. Faites un « alpha vers sélection » du calque texte, puis cliquez sur le masque de calque que vous avez crée. Pour cela, dans la fenêtre des calques, cliquez sur la case noire qui est apparue à droite du calque sur lequel le masque est appliqué. Cette case, qui est le masque de calque, doit est encadrée de blanc si elle est bien activée.
 
http://img138.imageshack.us/img138/8770/image118mw.th.pnghttp://img138.imageshack.us/img138/6559/image121bn.th.png
 
Remplissez alors la sélection de blanc. Cela a pour effet de découper le calque « masqué » selon la sélection, et donc, selon le texte d’origine.  
 
http://img84.imageshack.us/img84/3784/image138ph.th.png
 
Il n’existe pas de « transparence » à proprement parler, l’effet est dû à une astuce, que vous devriez comprendre par la suite. Il faut donc ouvrir un fond, sur lequel le texte va reposer. Il est important que ce fond ne soit ni noir, ni blanc, sinon le texte deviendra carrément invisible. J’ouvre donc un fond Vista, en faisant « fichier – ouvrir comme un calque ». Prenez soin de placer ce nouveau calque le plus en bas dans la fenêtre des calques. Déplacez-le, redimensionnez-le a votre guise.
 
Dupliquez ce fond, et ajoutez un masque de calque de couleur noire au deuxième fond qui viens de se créer (impérativement situé au dessus du fond d’origine). Faites un « alpha vers sélection » du calque texte, activez le masque de calque du fond dupliqué, puis remplissez de blanc.
 
http://img138.imageshack.us/img138/5026/image140uo.th.png
 
Maintenant, l’effet va commencer à prendre forme. Passez le calque le plus en haut en mode « superposer », et cliquez sur l’½il a gauche du calque texte d’origine. On commence à distinguer une transparence. Activez le calque du fond ayant le masque de calque (faites attention a bien cliquer sur le calque, et non le masque), puis faites « calque – couleur – luminosité/contraste ». Ici, les valeurs dépendent beaucoup du fond choisi, du texte de départ, de la police utilisée, etc. En faisant jouer le contraste et la luminosité (plusieurs fois si c’est nécessaire), essayez d’obtenir ce résultat :
 
http://img84.imageshack.us/img84/5027/image151hk.th.png
 
L’étape finale, l’ombre. Cliquez sur le calque du fond situé le plus en bas, puis créez un nouveau calque transparent nommé « ombre ». Faites un « alpha vers sélection » du calque texte, activez le calque « ombre », et remplissez la sélection de noir. Faites « shift+ctrl+a » pour enlever la sélection, puis faites « filtre – flou – flou gaussien », et mettez 20 pixels de valeur. Vous devrez normalement obtenir ce résultat :
 
http://img84.imageshack.us/img84/1674/image162zz.th.png


Message édité par Narco le 23-02-2010 à 22:18:34
answer
mood
GoogleAds
profil
Posté le 05-02-2006 à 17:06:13  
 

answer
n°13658
Hora
Profil : Penguin Pro
Avatar
profil
Posté le 05-02-2006 à 17:08:39  
 

Pas mal mais c' est normal l' aliasing au milieu? Sa guache de rendu

answer
n°13659
bob
Profil : Penguin
Avatar
profil
Posté le 05-02-2006 à 17:09:50  
 

Bon et bien je mis met tout de suite je t'en dirait des nouvelles  mais sa a l'aire cool comme tuto

answer
n°13660
oxygen
Profil : Top Penguin
Avatar
profil
Posté le 05-02-2006 à 17:11:29  
 

J'aime bien  :oui:
Sympa comme tuto.

answer
n°13661
Djtux
gribouilleur
Profil : Penguin Pro
Avatar
profil
Posté le 06-02-2006 à 12:24:17  
 

Sympa merci :smile: :wink:

answer
n°13663
Vahiny
Profil : Big Penguin
Avatar
profil
Posté le 06-02-2006 à 23:03:02  
 

J'avais déjà vu un tuto pour ce type d'effet mais j'adore ton interprétation. Ça me donne même envie de l'essayer. :cool:
C'est superbe. J'aime déjà le rendu après le menu Courbes.

 

Hora, je ne pense pas que ça soit de l'aliasing. D'après ce que je peux en voir, il s'agit de l'épaisseur de la "matière" qu'on voit en transparence.

answer
n°13664
XlyS
Profil : Top Penguin
Avatar
profil
Posté le 06-02-2006 à 23:04:46  
 

Sa a l'air bien je vais testé :smile:

answer
n°13665
Frana
Profil : Penguin Pro
Avatar
profil
Posté le 06-02-2006 à 23:05:35  
 

+1 XlyS , mais je trouve sa chouete  :loveit:  :cool:

answer
n°13666
leprogr
Profil : Penguin
Avatar
profil
Posté le 07-02-2006 à 13:09:18  
 

Pour réaliser cette effet (enfin a pau prés) j'ai trouver un autre moyen plus simple avec the gimp 2.2.
Si ca interesse quelqun, il suffi d'écrir son texte de faire clique droit>Script-fu>ombre>effet Xach puis apres avoir apliqué cet effet enlever le calque d'écriture. Sinon il est cool ton topic on peu faire plein d'autre truc avec mercie
++

answer
n°13680
tidine
Profil : Top Penguin
Avatar
profil
Posté le 08-02-2006 à 23:06:38  
 

L'effet est bien :cool: A essayer :he:

answer
n°13699
Narco
Voodoo child
Profil : Modo
Avatar
profil
Posté le 11-02-2006 à 12:50:41  
 

Vahiny a écrit :

J'avais déjà vu un tuto pour ce type d'effet mais j'adore ton interprétation. Ça me donne même envie de l'essayer. :cool:
C'est superbe. J'aime déjà le rendu après le menu Courbes.

 

Hora, je ne pense pas que ça soit de l'aliasing. D'après ce que je peux en voir, il s'agit de l'épaisseur de la "matière" qu'on voit en transparence.

 

Tu as vu juste, j'ai également vu ce tuto ailleurs, mais je l'ai interprété a ma manière ici, car je n'ai pas réussi a le retrouver :ouch:

 
Citation :

Pour réaliser cette effet (enfin a pau prés) j'ai trouver un autre moyen plus simple avec the gimp 2.2.
Si ca interesse quelqun, il suffi d'écrir son texte de faire clique droit>Script-fu>ombre>effet Xach puis apres avoir apliqué cet effet enlever le calque d'écriture. Sinon il est cool ton topic on peu faire plein d'autre truc avec mercie
++

 

Cet effet la ne fait qu'ajouter une ombre et une lueur au texte. L'effet de transparence n'y est pas :wink:

answer
n°13705
Narco
Voodoo child
Profil : Modo
Avatar
profil
Posté le 11-02-2006 à 19:41:23  
 

Voila, j'ai modifié mon avatar et ma signature grâce a cet effet :smile:

 

N'hésitez pas a mettre vos créations, je suis curieux de voir votre résultat :lol:

answer
n°13706
leprogr
Profil : Penguin
Avatar
profil
Posté le 11-02-2006 à 20:06:18  
 

Bon voila ce que ça donne a ma maniére car j'arrive pas la tienne au moment ou l'on doi placer le fon en mode superposer soi il se met pas dessu soit il disparait.

 

http://www.image-dream.com/membre/up/mini_anonym/402ccc1d4f54165d1c02d6773614e54f.png

answer
n°14071
Kn8d
Profil : Penguin
Avatar
profil
Posté le 19-04-2006 à 10:56:27  
 

Moi aussi j'ai essayé :smile: mais il m'a fallut deux jours pour comprendre et faire le tuto :he:  :fouet:
http://www.mezimages.com/image/adn/gimp/effet%20glass.png
J'ai du louper queque par mais où ? enfin bon ...

 


Merci pour ton super tuto :great:  :loveit:

answer
n°14072
EazY
Profil : New Penguin
Avatar
profil
Posté le 19-04-2006 à 11:36:46  
 

Sympa le tuto, en plus je viens juste de dl the gimp
Jvais m'y mettre tout de suite pour ma signature, merci  :great:

answer
n°14073
Narco
Voodoo child
Profil : Modo
Avatar
profil
Posté le 19-04-2006 à 11:50:03  
 

Citation :

Moi aussi j'ai essayé :smile: mais il m'a fallut deux jours pour comprendre et faire le tuto :he:  :fouet:
http://www.mezimages.com/image/adn/gimp/effet%20glass.png
J'ai du louper queque par mais où ? enfin bon ...
Merci pour ton super tuto :great:  :loveit:

 

Déjà, tu as oublié l'ombre, ça peut paraître superflu, mais ça améliore beaucoup le rendu :smile:

 

Et puis je pense également que tu as mal déssiné les contours de ton texte: c'est létape du début sur lesquels on modifie la séléction sur deux calques blancs :great:

answer
n°14074
Kn8d
Profil : Penguin
Avatar
profil
Posté le 19-04-2006 à 12:03:21  
 

Narco a écrit :

Déjà, tu as oublié l'ombre, ça peut paraître superflu, mais ça améliore beaucoup le rendu :smile:

 

Et puis je pense également que tu as mal déssiné les contours de ton texte: c'est létape du début sur lesquels on modifie la séléction sur deux calques blancs :great:

 

Nan, elle y est, mais j'ai oublié de la mettre en bas à gauche :he:

 

Oui, c'était à cause du "888" de "AdN 888", si je dessinais "bien" mes contours, le 888 devenait illisible  :neutral:

answer
n°14075
Narco
Voodoo child
Profil : Modo
Avatar
profil
Posté le 19-04-2006 à 12:23:42  
 

Ce n'est pas un problême! Gard les contours, même si cela rend l'écriture "illisible": lorsque tu ajouteras le masque de calque sur le calque du texte, tu feras un "alpha vers sélection" du texte original avant de remplir le masque en blanc. Donc automatiquement, le texte où tu as déssiné les contours sera coupé selon le texte original. Bon, c'est pas très clair, mais regarde ces deux images:

 

http://img472.imageshack.us/img472/9832/image74hl.th.png
http://img132.imageshack.us/img132/1740/image81nr.th.png

 

sur celle du haut, le bord du texte est éxagéré, et le rends un peu moins lisible, sur la deuxième, le masque de calque coupe les bords superflus selon le contour du texte du départ, donc on peut lire facilement :wink:

answer
n°14076
Kn8d
Profil : Penguin
Avatar
profil
Posté le 19-04-2006 à 12:36:56  
 

D'accord !

 

Mais faudrait peut-être rajouter ça au début du tuto ? Non ?

 


Merci !

answer
n°14079
Vahiny
Profil : Big Penguin
Avatar
profil
Posté le 19-04-2006 à 15:24:41  
 

Honte à moi, j'avais dit que je ferai un essai et j'ai oublié !

 

Du coup, je viens de m'y mettre mais je n'avais pas de belle image de fond sous la main.
http://img19.imageshack.us/img19/9268/maincristal4hp.png
Ça a été assez laborieux mais j'ai commencé à piger ce que je devais faire.
Ma première image de fond était catastrophique (alors que celle-ci est juste moche :mdr: ), j'ai refait le tuto une première fois.

 

Tu dis dans le début du tuto qu'on peut essayer avec une image à la place du texte mais en laissant l'image de ma main verticalement, ça ne rendait pas du tout l'effet de transparence.
J'ai donc re-refait le tuto, avec la main horizontale et je l'ai remise verticale sur la fin.

 

Je ne sais pas encore tout faire sans tuto mais ça va venir, je dois réessayer avec du texte  :happy2:

answer
n°14080
Kn8d
Profil : Penguin
Avatar
profil
Posté le 19-04-2006 à 15:48:49  
 

Vahiny -> Tu n'as pas mis les deux calques blancs au début ? Nan ?

 

Narc0 -> 1°)Encore merci pour ton tuto :smile: ,  je voulais te remercier, alors j'ai clické sur ton yoshi !
Que tous ceuxqui aiment bien son tuto lèvent la main, oups ! , clickent là :tongue: : http://www.project-yoshi.net/Images/media/mini_click.gif

 

             2°)Deux questions  :boulay: :
1>Quelle police as-tu utilisé ? Moi la plus proche que j'ai trouvé c'est under attack
2 >Où tu as trouvé ton image vista :tongue: ?!

 


Merci d'avance !

 


Voilà ++ :wink:

answer
n°14084
Narco
Voodoo child
Profil : Modo
Avatar
profil
Posté le 19-04-2006 à 20:51:24  
 

Lol, merci pour mon pti yoshi :he:

 

La police est Whimsy

 

Le fond vista: http://img502.imageshack.us/img502/2350/winvista39pm.th.jpg

 

:wink:

answer
n°14085
Kn8d
Profil : Penguin
Avatar
profil
Posté le 19-04-2006 à 21:16:43  
 

Merci, merci, et merci :tongue:

 

Encore une question :boulay: :fouet: , où tu l'as trouvée cette image ?
Je sais je suis curieux XD

answer
n°14086
Narco
Voodoo child
Profil : Modo
Avatar
profil
Posté le 20-04-2006 à 08:30:54  
 

Bah google :he:

answer
n°14087
Dvorak66
Profil : Penguin Pro
Avatar
profil
Posté le 20-04-2006 à 12:55:56  
 

passez le calque avec le masque en mode "superposer"

 

Je ne comprend pas comment on fait ça :cry:  :cry: ? Quelqu'un peut m'aider?

answer
 Page :  1  2  3
Page Précédente 

Aller à :
Ajouter une réponse