InfoProGraphie Simple > Tutoriels > Graphisme > Retouche Photo > Photofiltre > Avatar simple avec effet de relief

PhotoFiltre - Avatar simple avec effet de relief

Information du tutoriel

http://infoprographiesimple.free.fr/forums/img/avatars/58.png Auteur: Cyrille


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;)

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

Les cours sont la propriété de leurs auteurs respectifs.
Toute reproduction totale ou partielle sans l'accord des auteurs est interdite.