Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Graphisme > Image Ready > Outils d'animation > Lecture du tutoriel

Outils d'animation

Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)
Auteur : TheMeche
Note : 17 / 20 (5 votes)
Visualisations : 18 809

Plus d'informations Plus d'informations
Image ready est un logiciel aux multiples facettes. Avec ce tutorial, vous allez pouvoir apprendre comment utiliser différentes options utiles.
Le résultat ne compte pas, la création ne compte pas non plus!
Alors pourquoi faire un tutorial qui ne sert à rien ?

Parce que vous pourrez en tirer un profit en dérivant le tutorial pour faire une bannière par exemple.

Sommaire du chapitre :
Icône du chapitre

Créer un nouveau document

Créez un nouveau document de 130x130 pixels avec un fond transparent.
Comme ceci:

Image utilisateur

Maintenant, dessinez un cercle que vous remplissez de noir ou utilisez l'outil élipse.
Vous pouvez très bien utiliser une autre couleur mais il faudra en prendre compte plus tard !

Dessinez ce cercle de façon à recouvrir toute la surface du document.
Normalement, vous serez aidé avec les bords magnétiques.
Vous devriez obtenir ceci :
Image utilisateur

Préparation

Choisissez "Angle" dans le menu déroulant "Style".
Editez votre dégradé (cliquez sur la barre de dégradé) pour obtenir ce type de dégradé.
Image utilisateur

Dans l'ordre blanc/gris/noir/blanc
Image utilisateur

Il ne vous reste plus qu'à l'appliquer.
Image utilisateur

Animation

Maintenant, que le dégradé est prêt nous allons l'animer. Tout ce que vous allez apprendre de l'animation sera efficace pour beaucoup d'autres.
Veillez à avoir la fenêtre animation.

Si elle n'y figure pas faites Fenêtre et cochez Animation


Reproduisez deux fois le style (bouton entouré en rouge)
Image utilisateur

Maintenant cliquez sur le deuxième (bouton style comme tout à l'heure) et changez la direction (-90°).
Image utilisateur

De retour dans la palette Animation sélectionnez vos 2 premières images (utilisez la touche Ctrl ou Maj)
Image utilisateur

Cliquez alors sur la petite flèche en haut à droite de la palette Animation, pour afficher ce menu :
Image utilisateur

Choisissez "Trajectoire" pour arriver dans une fenêtre.
Entrez ceci:
Image utilisateur
Cela vous a créé les 20 étapes d'animation.
Sélectionnez maintenant votre dernière et avant dernière image et refaites la même manipulation pour trajectoire
Cela vous a créé les 20 étapes d'animation supplémentaires.

Maintenant il vous suffit de faire Fichier >> Enregistrer une copie optimisée sous&
<br />
<img src="uploads/fr/files/5001_6000/5362.gif" alt="Image utilisateur"/>
<br />

<br />
Vous pouvez faire maintenant vos propres animations!
<br />

<br />
<div class="rmq attention">Ce tutorial a été fait entièrement de mes mains. Mais je l'avais appris ailleurs avant ça.</div>
Retour en haut Retour en haut


Créé : le 28/02/2006 à 20:09:42
Modifié : le 22/08/2008 à 16:09:51
Avancement : 100%
Licence : Copie non autorisée

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | Fil RSS | XHTML 1.0 | CSS 2.0
Édité par Simple IT SARL : Nous contacter | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 514 Zéros connectés | Requêtes SQL 9 requêtes | Temps de génération de la page : Total (SQL) 0.0666s (0.0563s)