Votre question

[Tuto The Gimp] Réalisation d'un cadre ESL

Tags :
  • Contour
  • Graphisme
Dernière réponse : dans Photo et vidéo
19 Février 2010 23:09:30

Bonjour,

Voici mon premier tuto x ) soyez indulgent...
Nous allons réaliser un cadre ESL en deux étapes.

Etape 1 : Création du cadre aux coins arrondis.

Dans l’étape 1 nous allons vous expliquer comment créer un cadre avec des coins arrondis
Il suffit de cliquer sur Fichier, puis Nouvelle image.
Prenez comme taille 180 x 240
Créez alors un nouveau calque. Nommez le « contour » et masquer l’arrière plan.

Tracez un cadre comme ceci :


Ensuite allez dans Sélection, puis Rectangle arrondi … Puis Rayon, prenez la valeur 30.
Remplissez-le avec l’outil dégradé avec comme couleurs : #ffffff et #dcdcdc

Puis faite alpha vers sélection sur le calque « contour ».
Allez dans sélection, puis réduire.
Prenez une valeur de 3 pixels et pour finir appuyez sur la touche Suprr. Vous obtenez donc ceci :



Toute en gardant la sélection active créez un nouveau calque et nommez-le « contour 2 », remplissez-le avec le pot de peinture avec une couleur de votre choix ensuite masquez le.

Faite alpha vers sélection sur le calque contour, créez un nouveau calque, nommez-le
« Contour 3 », sélection> agrandir> 1, remplissez-le avec le pot de peinture en noir puis mettez l’opacité à 20. Vous obtenez normalement ceci :



Faite alpha vers sélection de nouveau sur le calque contour.
Créez un calque, nommez le « Lueur ».
Ensuite allez dans sélection, puis réduire. Mettez la valeur 2 puis remplissez-le avec le pot de peinture en noir et mettez l’opacité à 20. Voilà ce que ça donne :



N'oubliez pas de mettre le calque "contour 3" en dessous du calque "contour"
Voilà nous avons finis l’étape 1 !

Etape 2 : Réalisation du cadre

Faite alpha vers sélection sur le calque « contour 2 » et créez un nouveau calque, nommez le « bas ».
Tracez une ellipse comme ceci et faite bien attention de sélectionner le mode
« Soustraie de la sélection courante » et remplissez-le avec un dégradé.





Ensuite faite alpha vers sélection sur le calque « bas », créer un nouveau calque, nommez-le « bas 1 ».
Tracez une ellipse comme ceci en mode « Intersection avec la sélection courante »



Remplissez-la sélection avec le pot de peinture en blanc.



Tracez à nouveau une ellipse en mode « Intersection avec la sélection courante » comme sur cette image et remplissez-le avec les couleurs suivante : #cd0101 et #760b0b





/!\Attention étape délicate/!\
Gardez-la sélection active et créez de nouveau un calque, nommez le « lueur 2 », retracer une ellipse sur la sélection active avec le même mode puis cliquez sur le calque « haut ».
Appuyez sur Suppr et retournez sur le calque « lueur 2 ».
Puis remplissez en blanc et baissez l’opacité à 40.







Nous avons finis l’étape 2 !
Voilà le tuto est terminé j’espère qu’il vous a aidé ;) 
P.S : n’oubliez pas de l’enregistrer au format .png

Voici des exemples que j’ai faites :



Autres pages sur : tuto the gimp realisation cadre esl

19 Février 2010 23:18:59

Très bon TUTO ;) 
m
0
l
19 Février 2010 23:19:10

Beau tuto,
Mais dans les exemples à la fin comment à tu fais des contrastes? (une fois plus clair une fois plus sombre)
Sinon gg :) 
m
0
l
Contenus similaires
19 Février 2010 23:35:10

J'ai suivit ton tuto pour le FUN en changeant quelques petit trucs
Voici mon résultat ;D


EDIT : le contour du cadre a completement BUG :S lol
m
0
l
20 Février 2010 09:52:25

Beau tuto, tu me donnes la permission pour que je le transforme en tuto pour photoshop ?

Merci
m
0
l
20 Février 2010 10:15:05

tireuf628 a dit :
Beau tuto,
Mais dans les exemples à la fin comment à tu fais des contrastes? (une fois plus clair une fois plus sombre)
Sinon gg :) 


sur le cadre bleu et rose ? j'ai utilisé un masque de fusion et l'outil pinceau

pxl-css78 a dit :
J'ai suivit ton tuto pour le FUN en changeant quelques petit trucs
Voici mon résultat ;D
]http://nsa12.casimages.com/img/2010/02/19/10021911352444407.png

EDIT : le contour du cadre a completement BUG :S lol

Quel bug ?

Nrv59 a dit :
Beau tuto, tu me donnes la permission pour que je le transforme en tuto pour photoshop ?

Merci


Oui si tu veux mais j'y compte le faire dans pas longtemps ;) 
m
0
l
20 Février 2010 10:57:35

Tuto , mis dans la liste.
m
0
l
20 Février 2010 11:18:17

sam85 a dit :
Tuto , mis dans la liste.

Merci ;) 
m
0
l
20 Février 2010 12:54:15

Faite alpha vers sélection sur le calque contour, créez un nouveau calque, nommez-le
« Contour 3 », sélection> agrandir, remplissez-le avec le pot de peinture en noir puis mettez l’opacité à 20. Vous obtenez normalement ceci :

On agrandi de combien ?
m
0
l
20 Février 2010 13:08:39

Le bug que j'ai fais comme un c** autour de mon cadre j'ai zapé de découpé autour a certains endroit ^^
m
0
l
20 Février 2010 13:23:23

delca a dit :
Faite alpha vers sélection sur le calque contour, créez un nouveau calque, nommez-le
« Contour 3 », sélection> agrandir, remplissez-le avec le pot de peinture en noir puis mettez l’opacité à 20. Vous obtenez normalement ceci :

On agrandi de combien ?


De 1... je corrige ça toute suite
m
0
l
20 Février 2010 13:24:25

Citation :
Oui si tu veux mais j'y compte le faire dans pas longtemps ;) 


J'te laisse faire alors ^^
m
0
l
20 Février 2010 13:25:45

Nrv59 a dit :
Citation :
Oui si tu veux mais j'y compte le faire dans pas longtemps ;) 


J'te laisse faire alors ^^


ça dépends parce que moi je vais le faire pendant les vac ça prendre du temps mais si tu veux le faire il y a pas de souci ;) 
m
0
l
Anonyme
20 Février 2010 14:26:53

J'ai déjà adapter des tutos GIMP de Mpat5 donc je peux adapter celui ci aujourd'hui pour toshop ;) 

Bonne journée =)
m
0
l
20 Février 2010 14:34:17

Anonyme a dit :
J'ai déjà adapter des tutos GIMP de Mpat5 donc je peux adapter celui ci aujourd'hui pour toshop ;) 

Bonne journée =)


oui je veux bien ;) 
m
0
l
20 Février 2010 20:21:22

merci, c'est très bien fait
m
0
l
21 Février 2010 14:29:11

bonjour, je débute =)
pourrais-tu me dire quelle police as-tu utilisé ?^^
et quel effet utilise tu pour faire la fumée "fluorescente" sur le deuxième exemple?

edit : voici ma première création qu'est-ce que vous en pensez ?
m
0
l
26 Février 2010 19:11:14

Voila plusieur avec des petite effet et grace a ce superbe tuto :) 




Les coins noir vienne de l'hebergeur :) 
m
0
l
26 Février 2010 19:20:00

Aufaite si quelqu'un veut que je lui en fasse un j'aime telement les faire que je vous l'offre ^^
m
0
l
26 Février 2010 19:21:08

moi j'aimerais juste savoir quelle police tu as utilisé pour faire le explicit sur la 2eme foto :) 
m
0
l
26 Février 2010 19:22:31

c'est la police "Birdman"
m
0
l
26 Février 2010 19:25:04

pour les police la premiere pour ecrire le blaz et Aerial et la Deuxieme et Perfect Dark :) 
m
0
l
26 Février 2010 22:08:08

Yéh j'ai du new avec des petit contour :)  assez dure a faire

m
0
l
28 Février 2010 16:02:49

salut a tous deja un grand bravo a toi pour se tuto moi qui est photoshop je suis allé télécharger gimp juste pour sa.

voici mon rendu juste une question c'est quoi tes effets merci.






PS: mauvais rendu sur le forum mais il n'y a pas d'aliasing normalement.
m
0
l
Anonyme
28 Février 2010 17:24:38

J'ai fait une adaptation de ce tutoriel(avec l'accord de l'auteur) pour photoshop ;) 

10 réponses au dessus de la tienne ;) 

Sinon bien pour un début =)
m
0
l
28 Février 2010 18:43:01

oui j'avais vu mais je trouve que pour les forme arrondi sur gimp sont plus rapide dans les retouches que photoshop, et les effets je préférais les faire au filing.

m
0
l
Anonyme
28 Février 2010 20:28:20

Oh y'a plus rapide dans photoshop aussi :p  . Mais c'est vrai que j'ai pas toujours montré le plus rapide.
m
0
l
1 Mars 2010 14:27:51

Un tutoriel utile ! merci ;-)
Par contre un a l'impression que c'est pixélisé sur les bordures de l'arrondi, non?
m
0
l
1 Mars 2010 14:32:40

ouais ca me le fait aussi,
il y aurait pas un moyen d'avoir un jolie arrondi bien rond? :/ 
m
0
l
1 Mars 2010 14:33:43

sur photoshop ou the gimp ?
m
0
l
13 Mars 2010 16:33:25

jouez sur la position des calques
m
0
l
31 Août 2010 20:00:53

Voici ce que j'ai fait seulement je ne sais pas enlever les bords blancs à côté des coins arrondis :S


:p 
m
0
l
5 Janvier 2011 22:03:04

Bonjour j'ai un petit probleme j'ai tous fait comme il faut mit mon image et je n'arrive pas a mettre les bord rond quand je met mon image regardez:





On voie les bord de ma photo comment faire?
m
0
l
6 Janvier 2011 17:08:42

@roubaud13

arrondi les angles de ta photo également
m
0
l
6 Janvier 2011 17:22:55

Je vais test ce tuto, merci !

tu es sous quel version?
m
0
l
6 Janvier 2011 20:17:57

Quand j'arrondi avec photofiltre sa me l'arrondi trop il y a pas une option pouir le mettre egalement a 30?
m
0
l
6 Janvier 2011 21:00:40

merci car j ai pas ce que tu dis merci pour linfo
m
0
l
6 Janvier 2011 21:50:41

quand je fait suppr il supprime rien. je suis bloquer ici t aurai pas une vidéo avec ton tuto ^^
m
0
l
6 Janvier 2011 21:54:37

@ redline68
utilise le bouton éditer si tu as oublié de mentionner quelque chose dans ton post precedant.
m
0
l
7 Janvier 2011 00:09:16

Désolé.

Skateurd13 Serrait il posseible que tu face une vidéo en live pour bien reussir nos cadres perso j arrive pas je suis pas a fond en graphiste ou me montrer via logiciel comme teamviewer et me montrer en live sur mon pc.


Comment fait ton pour inserer sa photo une fois le le cadre fini?
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS