Tom's Guide > Forum > Graphisme > [Tuto]Créer son avatar!

[Tuto]Créer son avatar!

Forum Graphisme : [Tuto]Créer son avatar!

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

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.

http://img392.imageshack.us/img392/5866/48097296xw5.th.jpg

  • Recadrer une image

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

http://img515.imageshack.us/img515/6223/59574796kn9.th.jpg

  • Ajouter un effet

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

http://img357.imageshack.us/img357/8199/62113462cf9.th.jpg

  • 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

http://img338.imageshack.us/img338/8387/60926053ip6.th.jpg

  • 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.

http://img231.imageshack.us/img231/55/51js1.th.jpg http://img297.imageshack.us/img297/4657/52zw8.th.jpg http://img395.imageshack.us/img395/6439/53dp8.th.jpg

  • 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.

http://img253.imageshack.us/img253/2118/33284935qr5.th.jpg

  • 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.

http://img180.imageshack.us/img180/6169/93304522du2.th.jpg


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.

http://img180.imageshack.us/img180/5177/sanstitrehp9.th.jpg

  • 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.

http://img74.imageshack.us/img74/188/12tk5.th.jpg http://img387.imageshack.us/img387/1653/121gk0.th.jpg

  • Regarder l'animation

Vous pouvez à tout moment regarder votre animation depuis View>Animation.

http://img387.imageshack.us/img387/1713/13wt1.th.jpg

  • 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.

http://img395.imageshack.us/img395/6251/141ih3.th.jpg http://img294.imageshack.us/img294/9725/142iq0.th.jpg http://img395.imageshack.us/img395/8879/143oy0.th.jpg


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

http://img112.imageshack.us/img112/4356/15ny5.th.jpg

  • Les animations "Image"

C'est exactement la même chose, mais depuis Effects>Insert image effect

http://img503.imageshack.us/img503/3213/16cf9.th.jpg

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

http://img89.imageshack.us/img89/1824/171zm9.th.jpg http://img89.imageshack.us/img89/1749/172jm6.th.jpg http://img524.imageshack.us/img524/2624/173cy9.th.jpg

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




Voilà! C'est pas plus compliqué que ça ;)


Message édité par Didi-1920 le 10-06-2008 à 20:17:07
------------------------------ Lilou a écrit: "Merci Didi pour ce moment de pur folie avec toi :P"
T'es Suisse? Clique! || [Tuto]Créer son avatar!
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

:jap:
J'attends la suite.

------------------------------ Tu as entre 16 et 22 ans ? Prends 10s pour aider la science !
Vous me déprimez.
Répondre à Grandefolle

Je posterai probablement la suite demain soir. :)

Spoiler :

Avec le trailer de la partie 3 :whistle:


Message édité par Didi-1920 le 09-06-2008 à 21:53:57
------------------------------ Lilou a écrit: "Merci Didi pour ce moment de pur folie avec toi :P"
T'es Suisse? Clique! || [Tuto]Créer son avatar!
Répondre à Didi-1920

ou alors on fait comme moi: Google image et on laisse le serveur faire la mise en forme

------------------------------ Les Tuto IDN - Choisir sa RAM - Choisir sa Carte Graphique
Répondre à Dafen@IDN

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

------------------------------ Chef de la sécurité du FLCCF attention "nous vous surveillons"
Membre actif d'IF
MEMBRE DU GROUPUSCULE DES AVATARS EN COLERE[:fraye@idn:5]
Répondre à nounoursfred06

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

 

@nounours: tu les télécharge :o


Message édité par Franckiller le 10-06-2008 à 04:44:31
------------------------------ Contrebandier du FLCCF
---------------------------------------
Bob a dit: Enchanter de faire votre connaissance :)
Répondre à Franckiller

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

------------------------------ Chef de la sécurité du FLCCF attention "nous vous surveillons"
Membre actif d'IF
MEMBRE DU GROUPUSCULE DES AVATARS EN COLERE[:fraye@idn:5]
Répondre à nounoursfred06

Pour l'imagination je sais pas, d'habitude c'est en regardant d'autre affaire que ça arrive.

------------------------------ Contrebandier du FLCCF
---------------------------------------
Bob a dit: Enchanter de faire votre connaissance :)
Répondre à Franckiller

Didi-1920 a écrit :

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:

Répondre à Twick

Ce sujet a été déplacé de la catégorie Coin-des-IDNautes vers la catégorie Graphisme par SiM07

------------------------------ 20minutes.fr, l'information en continu.
Répondre à SiM07

nounoursfred06 a écrit :

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! :)


Message édité par Didi-1920 le 10-06-2008 à 17:38:20
------------------------------ Lilou a écrit: "Merci Didi pour ce moment de pur folie avec toi :P"
T'es Suisse? Clique! || [Tuto]Créer son avatar!
Répondre à Didi-1920

C'est fait ..... ;)

------------------------------ Merci d'éditer vos titres (pas de titre en majuscule).
Le langage SMS sera automatiquement effacé.
Aucune aide ne sera donnée par MP.
Répondre à sam85

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:


Message édité par Didi-1920 le 10-06-2008 à 20:19:17
------------------------------ Lilou a écrit: "Merci Didi pour ce moment de pur folie avec toi :P"
T'es Suisse? Clique! || [Tuto]Créer son avatar!
Répondre à Didi-1920

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 ^^


Message édité par lazy87 le 19-06-2008 à 09:41:35
Répondre à lazy87

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

------------------------------ Lilou a écrit: "Merci Didi pour ce moment de pur folie avec toi :P"
T'es Suisse? Clique! || [Tuto]Créer son avatar!
Répondre à Didi-1920

OK merci pour ta réponse je tenterais ça ce soir !!
Byebye

Répondre à lazy87

Didi, si ça te dis, je te prépare un TUTO pour GIMP et/ou PHOTOSHOP.

------------------------------ N'oubliez pas le [Résolu] dans le titre si vous êtes satisfait.
Les règles du Forum - À lire absolument
Répondre à RedTux

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

Sérieusement fais comme tu veux. C'est pour renchérir le topic?

------------------------------ Lilou a écrit: "Merci Didi pour ce moment de pur folie avec toi :P"
T'es Suisse? Clique! || [Tuto]Créer son avatar!
Répondre à Didi-1920

Didi-1920 a écrit :

Sérieusement fais comme tu veux. C'est pour renchérir le topic?



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

------------------------------ N'oubliez pas le [Résolu] dans le titre si vous êtes satisfait.
Les règles du Forum - À lire absolument
Répondre à RedTux

RedTux a écrit :

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.. :)

------------------------------ Membre de rien.
Répondre à shady-rapp

On dirait qu'il a laissé tombé l'idée... :D

------------------------------ Lilou a écrit: "Merci Didi pour ce moment de pur folie avec toi :P"
T'es Suisse? Clique! || [Tuto]Créer son avatar!
Répondre à Didi-1920

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

------------------------------ Membre de rien.
Répondre à shady-rapp

Y'a pas de quoi, il est fait pour être lu! ;)

------------------------------ Lilou a écrit: "Merci Didi pour ce moment de pur folie avec toi :P"
T'es Suisse? Clique! || [Tuto]Créer son avatar!
Répondre à Didi-1920

Bonjour , je recheches une image pour crée un avart ?
:hello:

Répondre à Gin-chang

xD Tu veux quoi comme sryle d'avatar ?

------------------------------ <Musique >< SaveGaming > < Musique2 ><Reggae>
Répondre à lebossm

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 !!!

------------------------------ N'oubliez pas le [Résolu] dans le titre si vous êtes satisfait.
Les règles du Forum - À lire absolument
Répondre à RedTux

RedTux a écrit :

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é.

------------------------------ Merci d'éditer vos titres (pas de titre en majuscule).
Le langage SMS sera automatiquement effacé.
Aucune aide ne sera donnée par MP.
Répondre à sam85

Merci :)

------------------------------ Lilou a écrit: "Merci Didi pour ce moment de pur folie avec toi :P"
T'es Suisse? Clique! || [Tuto]Créer son avatar!
Répondre à Didi-1920

Je viens de me relire, et je ne comprends pas comment j'ai pu écrire tout ca! :D XD

------------------------------ Lilou a écrit: "Merci Didi pour ce moment de pur folie avec toi :P"
T'es Suisse? Clique! || [Tuto]Créer son avatar!
Répondre à Didi-1920
Tom's Guide > Forum > Graphisme > [Tuto]Créer son avatar!
Aller à :

Il y a 1177 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Liens