Bordure en relief

[Zeepix]

Bonjour, dans ce tuto, nous allons voir comment faire une sorte de bordure en relief.

Rendu
On voit bien le petit bord autour du carré

I. Créer la forme d'origine

Commencez par créer une nouvelle image dans Gimp. (Taille de mon image : 200x200 px). Ensuite, créez un nouveau calque appellé "Forme", séléctionnez-le puis faites Séléction » Tout, Séléction » Réduire et réduisez la séléction de 15px . Remplissez la séléction de la couleur de votre choix (Moi j'ai mis en dégradé vert).
Tout le monde a suivi ? Passons a l'étape suivante.

II. Créer la bordure

Nous voici a l'étape principale du tuto. (Eh oui, déjà ! Il n'est pas long ) Pour commencer, créez un nouveau calque appelé "Bordure" et séléctionnez-le. Ensuite, toujours avec la séléction de la taille du carré, remplissez de noir (#000000). C'est fait ? Maintenant, allez dans Séléction » Réduire... et réduisez la séléction de 1px. Remplissez la séléction de blanc (#ffffff). Réduisez encore la séléction de 1 pixel et tapez sr la touche "Suppr".
Pour finire l'étape, allez dans Séléction » Aucune, choisissez le calque "Bordure" et reduisez sont opacité à 20 %.

III. L'ombre (Pas obligé)

Si vous aimez bien les trucs réussis, vous pouvez faire cette dernière partie ! De toute façon c'est la plus simple des trois.
Séléctionnez le calque "Forme" puis allez dans Filtre » Ombres et lumières » Ombre portée et réglez les options comme ceci :

Voila, c'est fini ! Normalement, vous obtenez un truc comme ça :

Merci d'avoir lu mon tuto, j'éspere qu'il vous a plus !

@+
Zeepix

[jeromecold]

Très très bel effet, pour les avatars sa peut être très utile!

[Zeepix]

Merci !

[Cclleemm]

Superbe ! Toutes mes félicitations pour ce tutoriel !
Continues comme ça

[Cclleemm]

Mes félications !

Ca faisait bien longtemps que je n'en avais pas validé !

[Cclleemm]

Oups pourrais tu remettre les images j'ai fais une fausse manip !! Rolalala, je m'escuse vraiment ....
Il y a eu un bug dans le système de sauvegarde =(

[Zeepix]

Euh... Ça marche pas... voici le code avec les images d'origines :

Code: Tout sélectionner

Bonjour, dans ce tuto, nous allons voir comment faire une sorte de bordure en relief.

[center][img]http://homenet.free.fr/louis/perso_imgs/tuto_bord/rendu.png[/img]
Rendu
[size=85]On voit bien le petit bord autour du carré[/size][/center]

[sous-titre]I. Créer la forme d'origine[/sous-titre]
Commencez par créer une nouvelle image dans Gimp. (Taille de mon image : 200x200 px). Ensuite, créez un nouveau calque appellé "Forme", séléctionnez-le puis faites [b]Séléction » Tout[/b], [b]Séléction » Réduire[/b] et réduisez la séléction de 15px . Remplissez la séléction de la couleur de votre choix (Moi j'ai mis en dégradé vert).
Tout le monde a suivi ?  ;-D  Passons a l'étape suivante.

[sous-titre]II. Créer la bordure[/sous-titre]
Nous voici a l'étape principale du tuto. (Eh oui, déjà ! Il n'est pas long  ;-) ) Pour commencer, créez un nouveau calque appelé "Bordure" et séléctionnez-le. Ensuite, toujours avec la séléction de la taille du carré, remplissez de noir (#000000). C'est fait ? Maintenant, allez dans [b]Séléction » Réduire...[/b]  et réduisez la séléction de 1px. Remplissez la séléction de blanc (#ffffff). Réduisez encore la séléction de 1 pixel et tapez sr la touche "Suppr".
Pour finire l'étape, allez dans [b]Séléction » Aucune[/b], choisissez le calque "Bordure" et reduisez sont opacité à 20 %.   ==>

[sous-titre]III. L'ombre (Pas obligé)[/sous-titre]
Si vous aimez bien les trucs réussis, vous pouvez faire cette dernière partie !  ;-)  De toute façon c'est la plus simple des trois.
Séléctionnez le calque "Forme" puis allez dans [b]Filtre » Ombres et lumières » Ombre portée[/b] et réglez les options comme ceci :
[img]http://homenet.free.fr/louis/perso_imgs/tuto_bord/op.jpg[/img]


Voila, c'est fini ! Normalement, vous obtenez un truc comme ça :
[center][img]http://homenet.free.fr/louis/perso_imgs/tuto_bord/rendu.png[/img][/center]

Merci d'avoir lu mon tuto, j'éspere qu'il vous a plus !  ;-)

@+
Zeepix