player2tahiti
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

player2tahiti


 
AccueilPortailGalerieRechercherDernières imagesS'enregistrerConnexion
Le Deal du moment :
Réassort du coffret Pokémon 151 ...
Voir le deal

 

 [tuto] Faire un avatar simple.

Aller en bas 
3 participants
AuteurMessage
Silveric
administrator
administrator
Silveric


Masculin
Nombre de messages : 746
Age : 32
Localisation : Jamais loin de ma guitare :P
Loisirs : Basket et jeux PC
Date d'inscription : 08/04/2006

[tuto] Faire un avatar simple. Empty
MessageSujet: [tuto] Faire un avatar simple.   [tuto] Faire un avatar simple. Icon_minitimeJeu 2 Nov - 19:19

Bon pour commencer, je vais vous apprendre une des choses les plus simple.

Comment faire un avatar pour forum

Tout d'abord, ouvrez FireWorks .
Une petite fenetre s'ouvrira :

[tuto] Faire un avatar simple. 01debutdebutax2

Cliquez sur le bouton entouré pour créer un nouveau document .PNG

Ensuite, une seconde fenetre apparaitra, c'est les details pour le futur document que vous ferez :
[tuto] Faire un avatar simple. 03documentdimensionslx8

Pour l'exemple, prenez les valeurs entourées puis cliquez sur "ok"

Voila a quoi doit ressembler votre document :
[tuto] Faire un avatar simple. 03documentviergerk4

Ensuite, on va créer le cadre de l'avatar:

1/ Cliquez sur l'outil "rectangle" (remarque, cet outil n'est pas que pour les rectangles, maintenez le clic pour voir un menu de toutes les formes possibles de créer : triangle, spirale etc... )

2/Dessinez un rectangle a peu pres grand comme le document (ne vous inquiétez pas si ce n'est pas bien cadré on verra ca plus tard.)

3/ Configurez votre rectangle :
-Remplissage : Vide
-Contours : Noirs taille 4

[tuto] Faire un avatar simple. 04fairelerectanglexr3

Maintenant, pour que votre rectangle face un bon cadre, il faut le recadrer xD:
Selectionnez votre rectangle puis clic droit dessus :

[tuto] Faire un avatar simple. 05recadrerledocumentxr0
Le document se recadrera automatiquement sur l'image selectionnée (ici , un rectangle)

[tuto] Faire un avatar simple. 06resultatrecadrerledocxx0

Il est temps de donner un font a votre avatar.
Vous pouvez mettre un font tout bete en couleur uni mais c'est plus beau avec un effet degradé Wink :
Reperez la palette de remplissage (en ayant selectionner le rectangle)

[tuto] Faire un avatar simple. 07palettederemplissagewe6

Cliquez sur le carré de couleur a coté du pot de peinture puis ; selectionnez : degradé, lineaire.

[tuto] Faire un avatar simple. 08stylesdedegradrm8
Votre pot de peinture ressemblera a ca:
[tuto] Faire un avatar simple. 09remplissagefw4

Pour continuer, on va changer les 2 couleurs du degradé ( 1 )
Choisissez les couleurs que vous voulez

[tuto] Faire un avatar simple. 10pallettedegradpourlefax7

Votre document ressemble a ca :

[tuto] Faire un avatar simple. 11documentfontpf8
(Remarque: vous voyez la ligne horizontale au millieu de votre document: et bien c'est la ligne de degradé, vous pouvez la deplacer ou la pivoter pour donner un autre effet de degradé , essayez pour voir)

On va maintenant donner une image a notre avatar:
Fichier>Importer
[tuto] Faire un avatar simple. 12importerimagevl1

Ensuite positionnez votre image sur le document :

[tuto] Faire un avatar simple. 13imageimporteni5

Votre image est trop grande? pas de panique: on va le redimensionner:
Modification>Transformer>Mise a l'echelle

[tuto] Faire un avatar simple. Echellesn8

Cette option permet de reduire aussi bien la longueur que la largeur du dessin sans le deformer:
[tuto] Faire un avatar simple. Echellebt3

Maintenant, on va supprimer le fond d'origine du personnage:
Prenez la baguette magique!
[tuto] Faire un avatar simple. 16baguettemagiquesq9

Avec cette baguette, vous pouvez selectionner une zone ayant la meme couleur.
(C'est pour ca que pour vos graphismes je vous demande une image avec fond uni Wink )
Ensuite, selectionez toutes les parties a enlever avec la baguette en maintenant "Shift" enfoncé. (en bas a gauche de votre clavier pour les n00b)

[tuto] Faire un avatar simple. 17baguettemagiquesuravaiq6

Avec la Baguette magique, vous pous ajuster la "tolerance" ; cela determine avec quelle tolerance il va selectionner les couleurs : plus la tolerance est grande, plus il choisi les couleurs proches de la couleur que vous avez selectioner (par ex ; jaune et orange) mais si elle est faible, il ne selectionnera que les parties identiques a la couleure choisie (jaune clair uniquement par ex)

[tuto] Faire un avatar simple. 18tolerancebaguettemagifi6

Apres avoir supprimer les zone indesirable (avec le bouton "suppr") , clic droit > désélectionner.
Voila ce que ca donne :

[tuto] Faire un avatar simple. 19avataravecfontkk5


Il est temps de rajouter du texte a votre document:

Selectionnez l'outil "texte" :
[tuto] Faire un avatar simple. 20textees3

Notez la palette de texte en bas:
[tuto] Faire un avatar simple. 21paettetextekh2

1/ C'est la liste des polices disponibles. (police = style de texte)
2/ La taille des lettres
3/ La couleur du texte
4/ Le contournage des lettres
5/ L'option dis "alpha", une de mes préférées, cet option permet de rendre plus ou moins transparent une image ou un texte.

Et voila le travail:
[tuto] Faire un avatar simple. 22avatarfinalkl8

Maintenant que c'est finis, il faut sauvegarder:
Fichier>Enregistrer sous

Et la , je vous conseille de l'enregistrer sous 2 formats:
[tuto] Faire un avatar simple. 23enregistrersousne1

1/Le format .png qui est le format de Macromedia FireWorks et permet de re toucher les graphismes realisés car il enregistre tout les calques du document :
[tuto] Faire un avatar simple. 24calquesenai1

2/Le format .jpeg qui est le format de beaucoup d'images et peut etre diffusé facilement (mais tres dur a retoucher car il n'y a plus qu'un seul calque:
[tuto] Faire un avatar simple. 25calqueenyi1


Ainsi s'acheve ce premier tutorial.
Vous avez apris a :

-Créer un document
-Mettre un cadre
-Recadrer un objet
-Donner un font au document (une des possibilités)
-Importer une image
-Redimenionner un objet
-Utiliser la baguette magique
-Rajouter du texte
-Enregistrer xD

J'espere que ce tuto vous aura servi pour debuter avec le graphisme Beuji !


Lien utile :
http://www.dafont.com/

=> ce site regroupe plein de police telechargeable (croyez bien que mes polices personnelles ne viennent pas de Windows xD)


Dernière édition par le Ven 3 Nov - 1:10, édité 1 fois
Revenir en haut Aller en bas
https://player2tahiti.forum2jeux.com
BADAY
[P2T] Spammer
[P2T] Spammer
BADAY


Masculin
Nombre de messages : 1615
Age : 30
Localisation : no u
Loisirs : uh
Date d'inscription : 19/09/2006

[tuto] Faire un avatar simple. Empty
MessageSujet: Re: [tuto] Faire un avatar simple.   [tuto] Faire un avatar simple. Icon_minitimeJeu 2 Nov - 23:22

Thanks avec ton "Tuto" j'ai pu faire un Avatar avec une nouvelle police qui me vas bien...^^

[tuto] Faire un avatar simple. Sanstitre3oa0


P.S:Je sais pas pourquoi je suis le seul ici à m'interesser?! >.<
Revenir en haut Aller en bas
http://www.mega64.com/
jorek
[P2T] Posteur
[P2T] Posteur
jorek


Masculin
Nombre de messages : 207
Age : 31
Localisation : Metz T.T
Loisirs : BASSE!!!!
Date d'inscription : 22/06/2006

[tuto] Faire un avatar simple. Empty
MessageSujet: Re: [tuto] Faire un avatar simple.   [tuto] Faire un avatar simple. Icon_minitimeVen 3 Nov - 1:05

CONGRATULATIONS!!!Tu pourrait nous le faire au format adobe reader et ca passerait pour un travail de pro!!!
Revenir en haut Aller en bas
BADAY
[P2T] Spammer
[P2T] Spammer
BADAY


Masculin
Nombre de messages : 1615
Age : 30
Localisation : no u
Loisirs : uh
Date d'inscription : 19/09/2006

[tuto] Faire un avatar simple. Empty
MessageSujet: Re: [tuto] Faire un avatar simple.   [tuto] Faire un avatar simple. Icon_minitimeVen 3 Nov - 2:11

Si c'est pour venir dire des conneries Jorek Sors de cette rubrique!

P.S: Désolé d'être aussi direct mais si c'est pour venir pourrir la rubrique avec des conneries non!...
Revenir en haut Aller en bas
http://www.mega64.com/
Contenu sponsorisé





[tuto] Faire un avatar simple. Empty
MessageSujet: Re: [tuto] Faire un avatar simple.   [tuto] Faire un avatar simple. Icon_minitime

Revenir en haut Aller en bas
 
[tuto] Faire un avatar simple.
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» I 'M BACK et ça va faire mal !

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
player2tahiti :: Général :: Graphismes :: Tutos FireWorks-
Sauter vers: