Créer son site Gratuitement : Service / Outils webmaster gratuit
Mon Site Gratuit
Contactez nous
Nos partenaires
Scripts
Tutoriaux
Nos services
Forums
Accueil
Bordure en reliefBordure en relief
 
Bordure en relief

The Gimp | Bordure en relief

Tutoriel crée par Zeepix le 25-02-2010.

SocialTwist Tell-a-Friend

Zeepix vous explique comment créer un effet de bordure en profondeur souvent présent dans les sites pixelart ou encore tout simplement pour créer vos logos ou icones de manière simple, sobre et professionnelle ! Un tutoriel réalisable par tout le mon

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

http://homenet.free.fr/louis/perso_imgs/tuto_bord/rendu.png
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 ? ;-D 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 :
http://homenet.free.fr/louis/perso_imgs/tuto_bord/op.jpg



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


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

@+
Zeepix


Poster un commentaire

Commentaire :

*Vous devez être connecté pour pouvoir poster un commentaire
Si vous n'êtes toujours pas inscrit, cliquez ici !

Commentaires

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

[code:39l8kfzf]
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/r ...

Zeepix

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 =(

Cclleemm

Mes félications !

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

Cclleemm

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

Cclleemm

Merci !

Zeepix

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

jeromecold

Soumettre un tutoriel The Gimp

*Vous devez être connecté pour pouvoir soumettre un tutoriel
Si vous n'êtes toujours pas inscrit, cliquez ici !