Voila deux tuto sympa , qui vous apprendrons à maitriser imageready (créateur de gif animé).
Ces tutos , ce n'est pas moi qui les ais fais !
Ben oui ! Pour sa il faudrait que je soit un fondateur de ces logiciels !
Etant donné que l'un deux explique le fonctionnement du logiciel ..
Pour le deuxième il créé une super bannière !
C'est hyper facile mais sa donne un effet de pro ! (surtout pour ceux qui savent pas comment c'est fait ..)
Tuto N°1
Bonjour a tous ! Aujourd'hui, je vais vous apprendre quelques conseils pour animer un smiley, pour l'instant un tuto peu imagé, car beaucoup d'étapes sont répétitives
.
I. Le smiley dans PhotoshopBon, pour commencer on ouvre Photoshop, et on prend un ptit smiley (mon smiley a moi sautillera partout et explosera sur une mine :666: )
Faites un joliii smiley (vous pouvez aussi utiliser le tuto de Symon, mais le smiley prendre plus de temps a réaliser que l'animation :mdr: ).
Nouveau calque, et dupliquez votre smiley en le bougeant !
Et ainsi de suite pour toutes vos étapes d'animation !
Toutes vos images doivent etre superposées, et la derniere étape sur le dessus, la premiere tout en dessous
Voila a quoi on arrive ^^
Quand tout vos calques sont finis, permuttez dans ImageReady.
(Merci a MasterCloud pour l'image
)
II. L'animationNe rendez visible QUE la premiere image, a l'aide de la case visible/invisible (l'oeil).
Ensuite, dupliquez votre image, et rendez visible votre 2e image (n'oubliez pas de rendre invisible la premiere).
Et ainsi de suite !
Truc : rendez la derniere image plus longue que les autres
III. Le renduEt après tant d'efforts, vous avez votre petit smiley ! Je suis pas très fier du mien mais bon a vous de faire mieux
Bidibidou, toute reproduction partielle ou totale est strictement interdite sans l'autorisation [s]de moi ^^[/s] du créateur.Tuto N°2
Alors voila je vais vous apprendre a réaliser l'effet de ma sign actuelle
Ce tuto appartient au site :
http://www.babylon-design.comMais je vais y apporter quelques modifications
Bien commençons !^^
----------
1----------
Pour commencer allez dans Fichier > Nouveau document (assurez vous bien que votre document est en mode RVB !!!)
Mettez la taille qui vous convient pour votre document (ne pas abuser car sinon la taille de la sign/bouton sera très lourde)
https://2img.net/r/ihimizer/img467/4338/screen9po.jpg----------
2----------
Ensuite double cliquez sur le calque Arrière plan (le seul calque) pour le déverouiller
Puis avec l'outil Pot de peinture, remplissez le de noir
https://2img.net/r/ihimizer/img467/9673/screen28bk.jpg----------
3----------
Maintenant creez un nouveau calque et prenez l'outil Rectangle aux bord arondis
https://2img.net/r/ihimizer/img389/2057/screen37ww.jpgEt tracez un rectangle de couleur foncé (moi j'utilise la couleur ayant pour code : 002F47 )
Verifiez bien que la valeur du Radius (en anglais dsl) est entre 30 et 50 pour avoir des bords bien rond et que le mode de tracé est "plein" (Voir screen)
https://2img.net/r/ihimizer/img359/1456/screen45gl.jpg----------
4----------
Maintenant pour avoir la texture "plasmique" tant désirée , on va jouer avec les options de fusion !ero
Cliquez donc sur cette icone :
et suivez les screens
Vous devriez obtenir ceci :
https://2img.net/r/ihimizer/img502/4936/screen56tk.jpg----------
5----------
Maintenant ajoutons du texte (a)
Appuyez sur la touche D pour remettre les couleurs pas default
Prenez l'outil texte !paf
Ecrivez ce que vous voulez et ensuite aller dans les options de fusion du calque texte (le même icone que en 4) et mettez ces reglages :
Voici où nous en sommes :
https://2img.net/r/ihimizer/img472/2120/screen61pw.jpg----------
6----------
On va ajouter un contour a notre bouton / bannière
Creez un nouveau calque au dessus de tout les autres
Maintenez la touche CTRL enfoncée et cliquez sur le calque de votre rectangle (ça aura pour effet de selectionner que le rectangle)
Aller ensuite dans EDITION > CONTOUR et mettez ces reglages :
Vous pouvez maintenant supprimer le calque "Arrière plan"
----------
7----------
On passe maintenant à l'animation !!!! !ero
transférez votre bouton/sign sur imageready en appuyant sur le bouton fait pour ça !paf (voir screen)
https://2img.net/r/ihimizer/img434/6030/screen86lj.jpg----------
8----------
Maintenant que vous êtes sur ImageReady verifiez bien que la fenêtre d'animation est visible sinon aller dans Fenêtre > Animation
https://2img.net/r/ihimizer/img434/9371/scree12vn.jpg----------
9----------
Maintenant pour animer cliquez sur le bouton "dupliquer la frame" (voir screen)
https://2img.net/r/ihimizer/img370/4043/scree24vn.jpgEnsuite aller dans les options de fusion de votre rectangle et changez l'angle du Satin de -10° (dans le screen de -40° à -50° donc)
https://2img.net/r/ihimizer/img370/4479/scree33cj.jpgRecommencez ensuite l'étape 9 en changeant encore de -10°
Faites la manip jusqu'a arriver à 18 frames. (à la fin j'arrive à 150°)
----------
10----------
Maintenant SI vous voulez ralentir un peu le rythme de votre animation ,selectionnez la premiere frame puis maintenez la touche SHIFT enfoncée (la touche majuscule quoi) et cliquez sur la dernière frame
Toutes les frames sont ainsi selectionnées
Ensuite cliquez sur 0 sec (le délai en dessous de chaque frame) et mettez 0,1 secondes
https://2img.net/r/ihimizer/img370/4959/scree42hz.jpgVoila c'est fini maintenant il ne vous reste plus qu'a enregistrer votre animation en faisant : Fichier > Enregistrer l'optimisé sous....
----------
Résultat----------
A vous maintenant ! !clas
---BONUS--- : Si la couleur ne vous plait pas, à la fin de l'étape 5, reselectionnez votre calque rectangle et faites CTLR + U, et ainsi en bougeant les curseurs la couleur changera .
Voila normalement les images devraient fonctionnées
(Trouvés sur
Crystal XP