Votre question

[Tuto]Créer son avatar!

Tags :
  • Avatar
  • Graphisme
Dernière réponse : dans Photo et vidéo
9 Juin 2008 19:43:06

Bonjour à tous!

Ayant de plus en plus de demande dans "avatar free-shop", je crée ce tutoriel pour que certains puissent confectionner leur propres avatars! Vous pourrez bien sûr toujours venir me demander de l'aide sur le topic, ça ne changera pas. ;) 

Je vais donc tenter de vous apprendre les "bases" de la création d'avatar (en tout cas.. celles que j'utilise^^) à l'aide de 2 logiciels très simples d'utilisation "Photofiltre" et "animation shop 3"!



1. Avatars simples

Pour les avatars non-animés, seul le logiciel "Photofiltre" est nécessaire.


  • Importer une image
    Importez vos images en les glissant simplement dans la fenêtre du logiciel ou depuis fichier>ouvrir.



  • Recadrer une image
    Sélectionnez l'outil de sélection>rectangle, sélectionnez la zone à recadrer, puis clic droit>recadrer



  • Ajouter un effet
    Pour ajouter un effet, sélectionnez-en un depuis le menu "filtre" ou "réglages"



  • Insérer du texte
    Ouvrez la fenêtre d'insertion de texte en faisant CTRL+T ou depuis le menu image>texte. Choisissez la police, la couleur (vous pouvez aussi sélectionner la couleur en cliquant sur l'image, l'outil pipette sera activé), la taille, l'ombre, le contour etc... Puis cliquez sur Ok. Vous pouvez déplacer votre texte et le placer ou vous le désirez sur l'image. Revenez au menu texte avec clic droit>option du texte, ou valider avec clic droit>valider le texte



  • Faire passer Le texte derrière un objet
    Rouvrez l'image, mais sans le texte, pour que vous ayez les deux images côtes à côtes. Sélectionnez l'outil de sélection>polygone. Sur l'image sans texte, à l'aide de l'outil polygone, sélectionnez le contour de l'objet qui devra passer devant. Une fois ceci fait, copiez la sélection(CTRL+C) puis collez-la(CTRL+V) exactement au même endroit sur l'image avec le texte --> clic droit>valider le collage.



  • Redimensionner l'image
    Infos-du-net autorise les avatar jusqu'à 85x85pix. Pour redimensionner l'image, faites clic droit> taille de l'image et inscrivez dans la case de la plus grande valeur (si l'image n'est pas carrée, sinon c'est égal) 85, puis cliquez sur Ok.



  • Enregistrer l'image
    Hormis la limite de dimensions, il y a aussi une limite de poids: 10ko maximum. Alors veillez à ce que cette limite de soit pas dépassée. Pour les fichiers.jpg, vous pouvez régler le taux de compression: après avoir fait clic droit>enregistrer sous, cliquez sur Aperçu pour voir la taille du fichier. Fixez le curseur le plus proche possible de 100, tant que le fichier de dépasse pas 10ko.




    Note: Je vous laisse découvrir par vous-mêmes les autres fonctions très pratiques de "Photofiltre"




    2. Avatars animés

    Il y a plusieurs façons de réaliser dans avatar animés. Vous pouvez créer toutes les images séparément avec Photofiltre, puis les assembler avec Animation shop(A); Travailler exclusivement avec les fonction d'Animation shop(B); ou un mélange des deux programmes(C).

    Pour ceux qui auraient de la peine avec l'anglais, il existe des patchs pour "animation shop 3" qui est par défaut en anglais.
    --> http://up.sur-la-toile.com/s57q (je ne l'ai pas essayé)
    Pour les explications, je vais quand même utiliser les termes anglais, au cas ou il y aurait des problèmes avec le patch.




    A. Créer un gif à partir de plusieurs images déjà travaillées

  • Ouvrir et déplacer vos images
    Pour ouvrir vos images, glissez-les dans la fenêtre, ou depuis File>Open. Les images seront ouvertes dans des fenêtres séparées, redimensionnez une de celles-ci (élargir sur la droite) pour voir des cases blanches dans lesquelles vous pourrez placer vos images dans l'ordre.



  • Régler le temps de chaque frame
    Pour paramétrer le temps des frames, faites clic droit sur une image, puis frame properties. Régler le temps, puis cliquez sur Ok. Vous pouvez également sélectionner plusieurs frames en même temps en faisant CTRL+clic.



  • Regarder l'animation
    Vous pouvez à tout moment regarder votre animation depuis View>Animation.



  • Enregistrer et régler la qualité
    Pour enregistrer votre travail, direction File>Save as. Après avoir entré le nom désiré et validé, une fenêtre s'ouvre. C'est alors là que vous pouvez régler la qualité du gif sur une échelle de 1 à 4. Encore une fois nous allons devoir chercher la meilleure qualité tout en respectant la limite de 20ko (en uploadant depuis ppc).
    Mais vous ne verrez le poids que juste le Terminé. Donc commencez par placer le curseur tout en haut (meilleure qualité), puis cliquez sur suivant jusqu'à Optimization Results. Vous pourrez voir voir la taille du fichier dans le tableau (1ère ligne, 2e colonne). Si la taille est bonne (<20ko), cliquez sur Terminé, sinon, cliquez sur précédent puis répéter les étapes en sélectionnant une qualité inférieure.




    B. Créer une animation depuis Animation shop 3

  • Les animations "Texte"
    Ouvrez une image, puis allez dans Effects>Insert text effect. Entrez le texte et définissez l'effet, la police, la taille du texte etc...
    Faites attention au temps de l'effet et au nombre de frame par seconde (en bas à gauche), en général pas plus de 15 frames selon l'image pour rester dans la limite de poids



  • Les animations "Image"
    C'est exactement la même chose, mais depuis Effects>Insert image effect



    C. Utiliser les deux logiciels en jouant sur les transitions

    Pour ce faire, prenez par exemple une image, ouvrer la dans Photofiltre, et enregistrer une copie de celle ci avec un texte que vous aurez ajouté. Ouvrez ces deux images dans Animation shop, et placez-les dans la même animation (voir. 2.A.1). Ensuite, cliquez sur la première image, et allez dans Effects>Insert image transition. Procédez ensuite comme pour le chapitre B



    Note: Vous pouvez à tous moment redimensionner votre gif en cours de construction depuis "Animation>resize Animation"




    Voilà! C'est pas plus compliqué que ça ;) 
  • Autres pages sur : tuto creer avatar

    Anonyme
    9 Juin 2008 21:46:44

    :jap: 
    J'attends la suite.
    9 Juin 2008 21:52:23

    Je posterai probablement la suite demain soir. :) 
    Spoiler
    Avec le trailer de la partie 3 :whistle: 
    Contenus similaires
    9 Juin 2008 23:22:54

    ou alors on fait comme moi: Google image et on laisse le serveur faire la mise en forme
    10 Juin 2008 02:27:01

    Et quand on as ni photophiltre ni l'autre on fait comment ?
    en plus j'ai pas d'imagination c'est quadn même mieu quand tu me les fait ;) 
    10 Juin 2008 04:43:56

    Je vais mis mettre , mais j'ai pas grand temps.

    @nounours: tu les télécharge :o 
    10 Juin 2008 05:29:20

    et pour l'imagination je la telecharge où ? :o 
    10 Juin 2008 16:11:47

    Pour l'imagination je sais pas, d'habitude c'est en regardant d'autre affaire que ça arrive.
    10 Juin 2008 16:51:42

    Citation :
    Merci de me le signaler si vous remarquez une erreur, ou quelque chose de pas clair!

    Je vais faire comme d'habitude...
    Mais là, j'ai dû chercher... :/ 

    Citation :
    ça ne changera pas. ;) 

    De rien... :) 

    Spoiler
    [:didi-1920:19]
    Spoiler
    :whistle: 
    10 Juin 2008 17:37:34

    nounoursfred06 a dit :
    et pour l'imagination je la telecharge où ? :o 

    Si les noms des logiciels apparaissent en bleu c'est que ce sont des liens hypertextes. :o 

    Twick, t'as volé mon mouton-drapal-GF :o 

    Et merci loni [:didi-1920:6]

    Bon, je me met à la suite! :) 
    10 Juin 2008 17:43:10

    C'est fait ..... ;) 
    10 Juin 2008 20:19:05

    Voilà ;)  Signalez le moi si vous repérez des erreurs!

    Spoiler
    Je sais que vous n'allez pas vous gêner de toute façon :whistle: 
    Anonyme
    10 Juin 2008 21:33:07

    19 Juin 2008 09:40:46

    Euh juste pour un petit conseil ... J'aimerais tenter de faire un avatar de DrHouse et le texte Everybody Lies qui apparait en animé (Everybody lettre par lettre). Du coup j'aimerais savoir si il vaut mieux que j'utilise la méthode A, B ou C. Comme ça sans expérience je dirais la A mais je prefére utiliser un jocker ... hum ... l'appel a un ami et je vais appeler Didi-1920 ^^
    19 Juin 2008 17:51:20

    Salut lazy (c'est du gâteau :whistle: ) !

    Effectivement, je te conseille d'opter pour la méthode A. Si le texte est sur un fond uni, écris ton texte puis supprimes les lettres une à une en enregistrant un copie à chaque opération; si le fond n'est pas uni, colle les lettres une à une :) 
    20 Juin 2008 09:05:41

    OK merci pour ta réponse je tenterais ça ce soir !!
    Byebye
    20 Juin 2008 11:03:27

    Didi, si ça te dis, je te prépare un TUTO pour GIMP et/ou PHOTOSHOP.
    20 Juin 2008 18:15:52

    Si t'as du temps à perdre... :whistle: 

    Sérieusement fais comme tu veux. C'est pour renchérir le topic?
    26 Juin 2008 21:32:44

    Merci pour ce tuto !
    26 Juin 2008 23:35:35

    Didi-1920 a dit :
    Sérieusement fais comme tu veux. C'est pour renchérir le topic?


    Nan, comme ça ... pour compléter un peu !
    8 Septembre 2008 19:54:28

    RedSux a dit :
    Nan, comme ça ... pour compléter un peu !

    Alors vas-y :D  J'ai photoshop et j'm'en suis jamais servi... donc si t'as un peu d'temps.. :) 
    8 Septembre 2008 20:00:23

    On dirait qu'il a laissé tombé l'idée... :D 
    8 Septembre 2008 20:03:46

    Bah tant pis pour moi alors. J'ai juste fais un p'tit truc bidon avec photofiltre (tu verra a mon image). Donc euuuh bah merci pour l'tuto ! :D 
    8 Septembre 2008 20:25:14

    Y'a pas de quoi, il est fait pour être lu! ;) 
    7 Novembre 2008 10:30:21

    Bonjour , je recheches une image pour crée un avart ?
    :hello: 
    2 Décembre 2008 23:18:55

    xD Tu veux quoi comme sryle d'avatar ?
    10 Décembre 2008 01:19:56

    Euh, j'ai pas vraiment laissé tombé l'idée ... Mais j'ai pas l'temps :D 

    Spoiler
    Permière connexion à IDN depuis 3 voire même 4 mois !!!
    10 Décembre 2008 19:18:15

    RedSux a dit :
    Euh, j'ai pas vraiment laissé tombé l'idée ... Mais j'ai pas l'temps :D 

    Spoiler
    Permière connexion à IDN depuis 3 voire même 4 mois !!!

    Salut , c'est vrai que ça fait un petit moment que tu n'es pas passé.
    9 Août 2009 18:01:19

    Je viens de me relire, et je ne comprends pas comment j'ai pu écrire tout ca! :D  XD
    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