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 simplesPour les avatars non-animés, seul le logiciel "Photofiltre" est nécessaire. [*]
Importer une imageImportez 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 imageSélectionnez
l'outil de sélection>rectangle, sélectionnez la zone à recadrer, puis
clic droit>recadrerhttps://2img.net/r/ihimizer/img515/6223/59574796kn9.th.jpg[*]
Ajouter un effetPour 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 texteOuvrez 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 textehttps://2img.net/r/ihimizer/img338/8387/60926053ip6.th.jpg[*]
Faire passer Le texte derrière un objetRouvrez 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'imageInfos-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'imageHormis 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.jpgNote: Je vous laisse découvrir par vous-mêmes les autres fonctions très pratiques de "Photofiltre"2. Avatars animésIl 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 imagesPour 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 framePour 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'animationVous 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.jpgB. 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 effecthttps://2img.net/r/ihimizer/img503/3213/16cf9.th.jpgC. Utiliser les deux logiciels en jouant sur les transitionsPour 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
Bhttps://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.jpgNote: 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