Tuto Cadre - TheGIMP - By TyboXP

Voici un tuto basé sur celui d'Imacos (pour Photoshop). J'ai décidé de bien le détailler puisque je pense que ceux qui désirent suivre ce tuto pour faire un cadre ne sont pas tous des experts!
Alors, à vos pinceaux!

1) Créez un nouveau document de 128x128 (280x70 pour une signature) avec fond transparent (Dimension CrystalXP).

2) Placez 1 guides (Image-Guides-Nouveau guide) horizontal à 118 et un vertical à 118 (270 et 60 pour une signature).
Selectionnez la zone rectangulaire / carré définie en partant d'en haut à gauche et en allant jusqu'aux guides (Ces derniers faciliteront votre selection).

2.PNG 2bis.PNG

(La zone à droite en en bas est laissée libre pour y mettre l'ombre plus tard).

3) Prenez l'option Selection-Rectangle arrondi avec un rayon de 10.

4) Remplissez la selection d'un gris assez foncé (Notation HTML : 505050).

5) Reduisez la selection d'un pixel (Selection-Reduire).

6) Remplissez cette nouvelle selection de blanc (#FFFFFF).

5.PNG

Ceci nous a permis d'obtenir la bordure exterieure. Tout ce qu'il y a comme fonction à connaitre pour obtenir votre cadre se trouve ici!

Pour la suite :

7) Réduisez la selection précédente (que vous avez remplie de blanc) de 2 pixel.

8 ) Créez un nouveau calque "fond" et remplissez la selection de gris (#ABABAB).

9) Réduisez la sélection de 1 pixel.

10) Après avoir sélectionné le mode "Intersection avec la sélection courante", faites une selection elliptique qui selectionne à peu près la moitié du cadre.

11) Appliquez un dégradé de blanc vers transparent du haut jusqu'en bas du cadre (maintenez la touche Ctrl appuyée pour obtenir un dégradé bien vertical).

7.PNG

12) Cliquez droit sur le calque fond  puis Alpha vers sélection (afin de sélectionner les contours de ce calque).

13) Réduisez la selection de 5 pixel puis faite Selection-Rectangle arrondi avec un rayon de 0 (on souhaite retouver un vrai rectangle).

14) Effacer la sélection (Edition-Effacer ou Ctrl+K) puis remplissez-la du gris #ABABAB.

15) Réduisez à nouveau la selection de 1 pixel et supprimez (Ctrl+K).

9.PNG

16) En gardant la selection active, placez vous sur votre premier calque (normalement "Arrière plan" puis Supprimez à nouveau (si vous voulez un fond transparent pour pouvoir mettre votre image à l'intérieur).
Vous pouvez fusionner les calques "Fond" et "Arrière-plan"

Note : Vous pouvez également ne pas supprimer cette dérnière sélection et vous insérerez votre image entre les calques "Arrière-Plan" et "Fond".

Et voila votre cadre!

Pour ajouter une ombre, selectionner votre premier calque, executez script-fu-ombre-ombre portée avec les valeurs suivantes.

Vous n'avez plus qu'à insérer votre image entre les calque "Arrière-plan" et "Drop-Shadow".

Voici un exemple de réalisation:

CadreBF2.png

PS : N'hésitez pas à me montrer vos créations et à me faire part de vos commentaires ou remarques! (Personne n'est à l'abri d'une erreur! )

Merci

TyboXP

 bon tuto pour TheGimp

Les utilisateurs de TheGIMP seront comblés.  
Superbe tuto, bien détaillé.  

Juste un petit conseil : Héberges tes images sur un site comme Mezimages.com (inscris-toi et c'est illimité) ou imageshack.us.
Parce que là si tu décides de faire le ménage dans tes fichiers joints, on se retrouve avec un tuto sans images.  

Merci à toi.  

Très bon tuto simple à réaliser car trèsbien expliqué.
C'est la première fois que j'utilise Gimp et voila ce que ça m'a donné (mon avatar)

Comment ça? Elles sont pas uploadées sur le site?

Content que ça serve!
Par conter j'ai l'impression que ton image déborde un peu dans les coins (arrondis), on voit les coins noir il me semble.
Pour accentuer l'effet de crystalisation, lors de l'étape 11, il faut descendre jusqu'en bas du cadre (et pas seulement de la selection) même si le dégradé ne s'affichera que dans la selection. Ca donne quelque chose de plus clair. (Enfin je pense! )

J'ai fait quelques petites modifications et normalement ça devrait être bon maintenant.

Très joli résultat...
Très bon tuto, peut-être juste un peu trop sombre...

Il me semble que oui , mais après c'est toi qui vois si tu veux lui donner une touche perso ou non!

Ton tuto est super et facile à réaliser
Voici ce que j'ai fait

Je trouve aussi que c'est un très bon tuto! Merci mon avatar sera plus joli encadré!

Je ne comprend pas, Dans Mes Documents, il n'a pas cette tête! Je réessaie!

merci pour la transcription Tibo XP  

Joli christou et cachou0107  

Bon tuto pour The Gimp , mais on dirait que l'ombre est coupé

Oui je me demander aussi que ce cadre me disais quelque chose

Content que ça serve!

Où ça?

Ben autour

Moi ji arrive pas a la 10ieme
Comment et ou tu trouve ce qu'il faut faire?

Super tuto
Chui un débutant sur The Gimp, et les détails m'ont bien aidés

Juste une question : A la fin, je fais comment pour insérer une image entre les calques ?

Désolé pour le retard, je ne suis pas souvent chez moi en ce moment...

Odd --> Pour l'étape 10, tu selectionnes "Selection elliptique" à coté de "Sélection rectangulaire" et ensuite tu prend "Intersection avec la selection courrante" dans les options de la selection (Ca depend comment tu a configuré ton GIMP) et tu selectionnes comme j'ai fais!
 

GlOuP's^^' --> Tu ouvres ton fichier contenant le cadre puis tu fais "fichier/ouvrir comme un calque" le fichier qui contient ton dessin (interieur). Tu positionne ce fichier entre le calque et l'ombre (dans l'arborescence des calques)(Et tu le redimensionne / recoupe s'il y a besoin pour qu'il ne deborde pas du cadre).
 

Redites moi si vous n'avez pas compris mais je ne suis pas sûr de pouvoir répondre rapidement...

Super tuto TyboXP ! C'est un des plus facile que j'ai eu à faire tellement que c'est bien détaillé !
Voilà ce que j'ai fais :

Par contre je viens de remarquer un petit coin blanc en bas à droite mais je recommencerais plus tard pour voir si ça me fais la même chose.
EDIT :
Je viens de recommencer et ça me le fais toujours :

Quelqu'un aurait une idée ?

Je pense que c'est que ton calque (avec les côtés blancs) a un fond blanc

Je viens de recommencer sans mettre l'ombre et je n'ai pas ce petit coin blanc donc je pense que mon problème vient lorsque j'applique l'ombre.
Avatar sans ombre :

Hum....

Essais de séléctionner le calque final, clic droit puis "alpha vers selection" afin de selectionner le contour exterieur du calque et voir si le petit carré blanc est dedans ou non.
Si le carré est dedans, tu "recréé" un rectangle arrondi à partir de cette selection (en prenant les valeurs du début), tu inverse la selection et tu effaces la sélection. Normalement il devrait partir...

Ce petit carré provient surement d'un ancien calque qui débordait un peu ou alors c'est un bug de ta version de GIMP...
 

Je ne vois pas bien pour l'instant mais tu peux m'envoyer ton .xcf en PM si tu veux que je regarde cet après midi.

Sinon ton avatar rend bien!

C'est bon !
J'ai réglé mon problème, en fait j'avais fais la selection rectangulaire, pour mettre l'ombre, mais sans faire "selection-rectangle arrondi" et c'est pour ça que ça me faisait un petit coin blanc. Maintenant je l'ai fais et sa marche.
Merci à Azertqsdfh et à TyboXP de m'avoir proposé leur aide.

Bon ben voila !

De rien !

-> Icefox : pas besoin de me dire merci, je n'ai pas apporté la soluce à ton problème

-> TYBOXP !!! : Il y a un problème à ton avatar et à ta sign ! Il ont tous les deux un fond blanc !    
Heuresement que t'es pas modo ...   . Sinon je fais comme TPDK   (me cherchez pas : )

Bon vous allez me dire que je ne suis pas dans coconut ilsand .... mais ce que j'ai dit c'est une remarque constructive ..... un peu argumentée  

++  

Je sais !

Mais si j'enregistre normalement, l'image fait plus que la taille demandé de 20ko! Et je n'ai pas trouvé d'autre moyen!
Si tu as une solution, je suis preneur!!!

EDIT : C'est réglé... (J'ai fusionné les calques de l'avatar avant d'enregistrer)...