[Tuto] creer son avatar by photofiltre

Bonjour à tous!

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.

https://2img.net/r/ihimizer/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

https://2img.net/r/ihimizer/img515/6223/59574796kn9.th.jpg

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

https://2img.net/r/ihimizer/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

https://2img.net/r/ihimizer/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.

https://2img.net/r/ihimizer/img231/55/51js1.th.jpg https://2img.net/r/ihimizer/img297/4657/52zw8.th.jpg https://2img.net/r/ihimizer/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.

https://2img.net/r/ihimizer/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.

https://2img.net/r/ihimizer/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).

[#ff7f00]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.[/#ff7f00]



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.

https://2img.net/r/ihimizer/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.

https://2img.net/r/ihimizer/img74/188/12tk5.th.jpg https://2img.net/r/ihimizer/img387/1653/121gk0.th.jpg

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

https://2img.net/r/ihimizer/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.

https://2img.net/r/ihimizer/img395/6251/141ih3.th.jpg https://2img.net/r/ihimizer/img294/9725/142iq0.th.jpg https://2img.net/r/ihimizer/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...
[#ff0000]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[/#ff0000]

https://2img.net/r/ihimizer/img112/4356/15ny5.th.jpg

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

https://2img.net/r/ihimizer/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

https://2img.net/r/ihimizer/img89/1824/171zm9.th.jpg https://2img.net/r/ihimizer/img89/1749/172jm6.th.jpg https://2img.net/r/ihimizer/img524/2624/173cy9.th.jpg

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




[size=2]Voilà! C'est pas plus compliqué que ça [/size