#1 Avatar simple avec effet de relief

Cyrille
Novice
Lieu: Bierné
Date d'inscription: 25-08-2008
Messages: 109
Site web

Avatar simple avec effet de relief

Voici mon premier tuto, je vais essayer d'être clair.

Dans ce tuto je vais vous expliquer comment faire ça :
http://img378.imageshack.us/img378/3033/cyr1ok0.png

Pour faire cela on peut séparer la création en plusieurs étapes.
1- La création de la pièce principale
2- La création de la "poignée"
3- La création du texte
4- La finitions

Alors commençons !
Lancer d'abord photofiltre, et créer une nouvelle image, la taille importe peu. (moi j'ai pris 400*400px)

1- La pièce principale


Prends l'outil de sélection et l'ellipse :
http://img258.imageshack.us/img258/2276/52382569ug9.png

Ensuite appuis sur MAJ ou SHIFT et trace le cercle. Le mieux est de partir du coin en haut à gauche.

Comme tu peux le remarquer la touche MAJ sert à rendre le cercle bien régulier pour ne pas avoir d'ovale.

Après avoir tracé ce beau cercle, il faut le centrer ! Pour cela va dans 'Sélection>>Centrer la sélection>> Dans l'image'
Comme cela :
http://img167.imageshack.us/img167/7600/20088071bu0.png

Ensuite il faut colorer ce cercle, on va lui faire un jolie dégradé.
Vas dans 'Filtre >> Couleur >> Dégrader...'
http://img185.imageshack.us/img185/8452/38166353dy7.png

Puis dans la fenêtre dégrader, sélectionne : bichrome, couleur 1 = noir opacité 75%, couleur 2 = blanc opacité 100%, dégradé du bas vers le haut, puis Ok
http://img151.imageshack.us/img151/8658/21360795jk9.png

Bien sur ces réglages sont changeable, tu peux les mettre comme tu veux wink

Maintenant on va faire le contour de ce cercle.
Toujours en gardant la sélection du cercle qui à été faite au début, vas dans 'Filtre >> Esthétique >> Contour progressif'
http://img403.imageshack.us/img403/2504/33827350go0.png

Dans la fenêtre contour progressif, choisis : couleur = noir, opacité = 75%, épaisseur = 20, style = flou, et OK.
http://img170.imageshack.us/img170/7664/37642167ri1.png
Comme tout à l'heure ces réglages peuvent être changé en fonction de tes goûts !

Voila on obtient la pièce principale finie.

Attaquons la suivante !

2- la "poignée"

Prends l'outil de sélection et l'ellipse :
http://img258.imageshack.us/img258/2276/52382569ug9.png

Faire une ellipse là où tu veux avoir ton trou de poignée.

Puis aller dans 'Filtre >> Couleur >> Filtre coloré...'
http://img125.imageshack.us/img125/8628/47551930pj4.png

Réglages : opacité = 100%, couleur = blanc, puis OK
http://img264.imageshack.us/img264/954/62646101xp3.png

Ensuire vas dans 'Filtre >> Esthétique >> Contour progressif'
http://img403.imageshack.us/img403/2504/33827350go0.png

Dans la fenêtre contour progressif, choisis : couleur = noir, opacité = 75%, épaisseur = 20, style = flou, et coche 'Extérieur' puis OK
http://img168.imageshack.us/img168/8505/78313482zq4.png

La poignée est finie ^^, quel beau travail ! C'est plutôt simple, et une belle finition.

Maintenant le texte !

3- Le texte


Sélectionne l'outil 'Texte'
http://img204.imageshack.us/img204/2228/10ex5.png

Tape ton texte, choisi la police et la taille de ton texte, puis clique sur 'Transformer en sélection'
http://img144.imageshack.us/img144/8864/11pg6.png

Place ton texte ou tu veux, le mieux est de le centrer horizontalement : 'Sélection>>Centrer la sélection>> Horizontalement'

Ensuite vas dans 'Filtre >> Couleur >> Dégrader...'
http://img185.imageshack.us/img185/8452/38166353dy7.png

En couleur 1 tu prend la pipette, et tu sélectionne la couleur juste au dessus de ton texte, et opacité = 100%
En couleur 2 met blanc et opacité = 75%
Choisi la direction de haut en bas.
http://img81.imageshack.us/img81/7249/12gf3.png

Ensuite on va lui donner du relief. Vas dans : 'Filtre >> Relief >> Encore plus de relief'
http://img292.imageshack.us/img292/873/13uu6.png

On va donner un effet de ligne noir : 'Filtre >> Esthétique >> Lignes de balayages >> Lignes noires'
http://img291.imageshack.us/img291/3034/14gs3.png

Voila c'est fini pour le texte.

Passons à la finition, on vas rendre le fond transparent.

4- Finitions

Prendre l'outil 'baguette magique'
http://img403.imageshack.us/img403/4189/15vv9.png

Cliques sur le blanc autour du dessin, puis appuie sur Ctrl (touche contrôle) et clique sur le blanc à l'intérieur de la poignée.
http://img297.imageshack.us/img297/2849/16pv1.png

On va rendre l'intérieure de cette sélection transparent. 'Image >> Transparence automatique >> Région intérieure à la sélection'
http://img83.imageshack.us/img83/7396/17rr6.png

On obtient ça :
http://img205.imageshack.us/img205/347/18af2.png

On va recadrer l'image : 'Images >> Recadrage automatique'
http://img258.imageshack.us/img258/6233/19ai5.png

Voila c'est presque fini, il faut maintenant m'enregistrer en conservant la transparence.

Fais : 'Fichier >> Enregistrer sous'
Sélectionne PNG comme type de fichier :
http://img144.imageshack.us/img144/7769/20cu8.png

Puis enregistrer, puis OK :
http://img237.imageshack.us/img237/4083/21ie2.png
Et voila c'est fini !

http://img246.imageshack.us/img246/3740/avatarcm4.png

Dernière modification par Cyrille (25-08-2008 13:26:28)


http://img213.imageshack.us/img213/4047/logoendiveh200pxyc7.th.png

Hors ligne

Posté le 25-08-2008 13:20:13

 

#2 Avatar simple avec effet de relief

DrNaBl
Administrateur
Date d'inscription: 03-10-2007
Messages: 503

Re: Avatar simple avec effet de relief

Magnifique le résultat et ainsi que le tutoriel, un grand merci à toi .

Ca serait cool si tu pouvais le mettre sur le site ^^.(ca me rappelle que j'ai oublié d'ouvrir l'accès à la création de tuto sur le site à tous les membres).


Hors ligne

Posté le 25-08-2008 14:23:45

 

#3 Avatar simple avec effet de relief

Cyrille
Novice
Lieu: Bierné
Date d'inscription: 25-08-2008
Messages: 109
Site web

Re: Avatar simple avec effet de relief

j'ai commencer à le mettre sur le site, mais je vois pas comment on fait pour afficher des images dans le tuto ?


http://img213.imageshack.us/img213/4047/logoendiveh200pxyc7.th.png

Hors ligne

Posté le 25-08-2008 15:14:02

 

#4 Avatar simple avec effet de relief

Rock Lee
Modérateur
Date d'inscription: 03-05-2008
Messages: 89

Re: Avatar simple avec effet de relief

super
bravo wink


http://xeelkorcx.free.fr/xeelkload/upload/rockleesign.png

Hors ligne

Posté le 25-08-2008 20:23:59

 

#5 Avatar simple avec effet de relief

bikinos
Nouveau membre
Date d'inscription: 04-02-2008
Messages: 46

Re: Avatar simple avec effet de relief

Exelent, sauf que on (peut etre ?) ne peut pas le reproduir, car je crois que ici, si on a PF, on a pas PFS


Dommage, sinon, resultat exelent
EDIT: TOUT A FAIT FAISABLE ! Cool le rendu
http://img401.imageshack.us/img401/5761/avatar1ew0.th.png
Clique pour mieux voir, car ici, la qualité de l'image....

Hors ligne

Posté le 26-08-2008 09:46:50

 

#6 Avatar simple avec effet de relief

Cyrille
Novice
Lieu: Bierné
Date d'inscription: 25-08-2008
Messages: 109
Site web

Re: Avatar simple avec effet de relief

Je l'avait fait avec photofiltre avant d'avoir photofiltre studio ^^ Donc je savais que c'était faisable.


http://img213.imageshack.us/img213/4047/logoendiveh200pxyc7.th.png

Hors ligne

Posté le 26-08-2008 17:23:25

 

#7 Avatar simple avec effet de relief

haaa11
Modérateur
Date d'inscription: 13-04-2008
Messages: 347

Re: Avatar simple avec effet de relief

waoou j'y aurai jamais penser très styler. Peut-être avec un petit reflet pour améliorer^^

Hors ligne

Posté le 27-08-2008 21:42:13

 

#8 Avatar simple avec effet de relief

Cyrille
Novice
Lieu: Bierné
Date d'inscription: 25-08-2008
Messages: 109
Site web

Re: Avatar simple avec effet de relief

Ha oui un reflet pour faire moins mat, bonne idée ^^


http://img213.imageshack.us/img213/4047/logoendiveh200pxyc7.th.png

Hors ligne

Posté le 27-08-2008 22:20:33

 

#9 Avatar simple avec effet de relief

haaa11
Modérateur
Date d'inscription: 13-04-2008
Messages: 347

Re: Avatar simple avec effet de relief

oui c'est sa sa adoussiras le tout

Hors ligne

Posté le 28-08-2008 18:14:51

 

#10 Avatar simple avec effet de relief

haaa11
Modérateur
Date d'inscription: 13-04-2008
Messages: 347

Re: Avatar simple avec effet de relief

Voila je l'ai fait et voila le résultat big_smile (je pense que mon contour progressife n'est pas assez gros perso) :

http://www.monsterup.com/upload/1219944446.gif

Hors ligne

Posté le 28-08-2008 19:29:21

 

#11 Avatar simple avec effet de relief

Cyrille
Novice
Lieu: Bierné
Date d'inscription: 25-08-2008
Messages: 109
Site web

Re: Avatar simple avec effet de relief

Effectivement je trouve aussi que ton contour progressif n'est pas assez gros ^^


http://img213.imageshack.us/img213/4047/logoendiveh200pxyc7.th.png

Hors ligne

Posté le 28-08-2008 20:56:16

 

#12 Avatar simple avec effet de relief

haaa11
Modérateur
Date d'inscription: 13-04-2008
Messages: 347

Re: Avatar simple avec effet de relief

je pense que j'ai été trop rapide

Hors ligne

Posté le 28-08-2008 21:02:09

 

#13 Avatar simple avec effet de relief

DrNaBl
Administrateur
Date d'inscription: 03-10-2007
Messages: 503

Re: Avatar simple avec effet de relief

En ce qui concerne les balises pour les tutos sur le site ce sont les mêmes qu'avec le forum, je les mets au fur et à mesure wink.

PS:Sauf les smileys
PPS:C bon ton tuto est visible sur le site, un grand merci à toi big_smile


Hors ligne

Posté le 28-08-2008 21:21:03

 

#14 Avatar simple avec effet de relief

haaa11
Modérateur
Date d'inscription: 13-04-2008
Messages: 347

Re: Avatar simple avec effet de relief

lol ton PPS c'est un post post scriptum (l'écrit après après en latin) lol

Hors ligne

Posté le 28-08-2008 21:27:56

 

#15 Avatar simple avec effet de relief

Rock Lee
Modérateur
Date d'inscription: 03-05-2008
Messages: 89

Re: Avatar simple avec effet de relief

haaa11 a écrit:

lol ton PPS c'est un post post scriptum (l'écrit après après en latin) lol

non c'est une présentation powerpoint lol


http://xeelkorcx.free.fr/xeelkload/upload/rockleesign.png

Hors ligne

Posté le 28-08-2008 22:11:43

 

Pied de page des forums

Propulsé par FluxBB
Traduction par fluxbb.fr