[Tuto] Animation d'une porte avec ImageReady

Dernière édition par le Sam 26 Jan 2008 - 11:59, édité 2 fois

1) Tout d'abord, ouvrez l'image de fond (ici une signature),
Puis ouvrez l'image que vous souhaitez transformer en porte (de préférence de la même taille que l'image de fond), et faites-la glisser sur votre image avec l'outil "Déplacement" en haut à gauche.
Renommez-la "Porte"

https://2img.net/r/ihimizer/img171/7240/tuto2tc4.png

2) Ensuite, sélectionnez le lasso polygonal (si vous ne l'avez pas, cliquez droit sur le lasso et sélectionnez-le)

https://2img.net/r/ihimizer/img204/8303/tuto3au9.png

3) Placez-vous sur le calque "Porte" et avec le lasso, découpez la partie droite (maintenez Shift enfoncé pour avoir une ligne droite parfaite)

https://2img.net/r/ihimizer/img266/3260/tuto4fq6.png

4) Ensuite, faites un clic droit sur l'image et sélectionnez "Calque par Couper"

https://2img.net/r/ihimizer/img258/7060/tuto5ef2.png

5) Nous allons rajouter de l'effet. Placez-vous sur le calque "Porte" et allez dans les options de fusion. On va ajouter un petit biseautage et une lueur externe. Mettez les options suivantes :

https://2img.net/r/ihimizer/img214/733/tuto6co3.png
https://2img.net/r/ihimizer/img214/2457/tuto7xd0.png

6) Faites un clic droit sur le calque "Porte" et sélectionnez "Copier le style de calque"

https://2img.net/r/ihimizer/img214/8950/tuto8aj1.png

7) Puis cliquez droit sur le calque du dessus et sélectionnez "Coller le style de calque"

https://2img.net/r/ihimizer/img228/5159/tuto9vr4.png

8) On va maintenant passer sur ImageReady

https://2img.net/r/ihimizer/img222/2672/tuto10nz4.png

9) Si la fenêtre "Animation" n'est pas ouverte, allez dans "Fenêtre" en haut puis "Animation"
Créez un nouveau calque avec le petit bouton entouré ci-dessous

https://2img.net/r/ihimizer/img228/8620/tuto11fd9.png

10) Placez-vous sur le calque "Porte" et en maintenant les touches "Ctrl+Shift", appuyez sur la flèche de gauche (du clavier au cas où xD) jusqu'à ce que la partie disparaisse

https://2img.net/r/ihimizer/img259/5656/tuto12ux2.png

11) Faites de même pour la deuxième partie, en vous plaçant cette fois sur l'autre calque et en appuyant sur la flèche de droite.
Cliquez sur le bouton entouré ci-dessous et entrez les valeurs suivantes

https://2img.net/r/ihimizer/img223/1503/tuto13ho7.png

12) Créez un nouveau calque comme à l'étape 9 (ça devrait vous en faire 23 dans "Animation") et refermez les portes de la même manière que vous les avez ouvertes.
Ceci fait, réappliquez les options de l'étape 11, ce qui devrait vous donner 43 images

13) Facultatif : Pour une meilleure animation, cliquez droit sur "0 sec" de l'image 1 et 43 et mettez-y 0,5 sec

https://2img.net/r/ihimizer/img477/2738/tuto14tz0.png

14) Facultatif : Toujours pour un meilleur rendu, comme précédemment, cliquez droit sur le "0 sec" de l'image 22 cette fois et choisissez "Autre..." et entrez "0,6 sec"

https://2img.net/r/ihimizer/img453/1544/tuto15lq8.png

15) Enfin, allez dans "Fichier", "Enregistrer une copie optimisée sous" afin d'avoir un format gif.

Et voilà ce que vous devriez obtenir : (la qualité est merdique parce que je l'ai fait avec ImageReady 7 et non CS2)

[Tuto] Animation d'une porte avec ImageReady Porteskx8

[Tuto] Animation d'une porte avec ImageReady Porteskx8

Si vous avez des questions, n'hésitez pas [Tuto] Animation d'une porte avec ImageReady Bzzz

Messages : 37835 Age : 33 Groupe : Admin / Troll Date d'inscription : 22/02/2006

Lol c'est toi qui l'a fait ? T'as du y passer du temps, bravo

perso je préfère passer du temps à écrire et à faire mes audios que de faire ça mais chacun son truc [Tuto] Animation d'une porte avec ImageReady Yeux07

Ancienne admin Messages : 6310 Age : 34 Date d'inscription : 25/02/2006

Oui c'est moi qui l'ai fait, avec mes signatures et mes screens [Tuto] Animation d'une porte avec ImageReady Yeux07

Et en effet ça m'a prit pas mal de temps xD

C'est mon premier, j'ai essayé de détailler et d'illustrer au bon moment, faut être patient quand même ^^

RBien d'élite Messages : 2837 Date d'inscription : 26/08/2006

Jolie travail . Ta du y passer du temps , bravo

Ancienne admin Messages : 6310 Age : 34 Date d'inscription : 25/02/2006

Merci ^^

**Administratrice** Messages : 16407 Date d'inscription : 15/10/2006

Merci

[Tuto] Animation d'une porte avec ImageReady Ok

et bien joué t'es formid' [Tuto] Animation d'une porte avec ImageReady 427901

Invité

bravo à toi, bon tuto

Maître RBien Messages : 3694 Age : 34 Date d'inscription : 12/05/2006

1) Tout d'abord, ouvrez l'image de fond (ici une signature),
Puis ouvrez l'image que vous souhaitez transformer en porte (de préférence de la même taille que l'image de fond), et faites-la glisser sur votre image avec l'outil "Déplacement" en haut à gauche.
Renommez-la "Porte"

[Tuto] Animation d'une porte avec ImageReady Tuto2tc4

[Tuto] Animation d'une porte avec ImageReady Tuto2tc4

2) Ensuite, sélectionnez le lasso polygonal (si vous ne l'avez pas, cliquez droit sur le lasso et sélectionnez-le)

[Tuto] Animation d'une porte avec ImageReady Tuto3au9

[Tuto] Animation d'une porte avec ImageReady Tuto3au9

3) Placez-vous sur le calque "Porte" et avec le lasso, découpez la partie droite (maintenez Shift enfoncé pour avoir une ligne droite parfaite)

[Tuto] Animation d'une porte avec ImageReady Tuto4fq6

[Tuto] Animation d'une porte avec ImageReady Tuto4fq6

4) Ensuite, faites un clic droit sur l'image et sélectionnez "Calque par Couper"

[Tuto] Animation d'une porte avec ImageReady Tuto5ef2

5) Nous allons rajouter de l'effet. Placez-vous sur le calque "Porte" et allez dans les options de fusion. On va ajouter un petit biseautage et une lueur externe. Mettez les options suivantes :

[Tuto] Animation d'une porte avec ImageReady Tuto6co3

[Tuto] Animation d'une porte avec ImageReady Tuto6co3

[Tuto] Animation d'une porte avec ImageReady Tuto7xd0

6) Faites un clic droit sur le calque "Porte" et sélectionnez "Copier le style de calque"

[Tuto] Animation d'une porte avec ImageReady Tuto8aj1

7) Puis cliquez droit sur le calque du dessus et sélectionnez "Coller le style de calque"

[Tuto] Animation d'une porte avec ImageReady Tuto9vr4

8) On va maintenant passer sur ImageReady

[Tuto] Animation d'une porte avec ImageReady Tuto10nz4

9) Si la fenêtre "Animation" n'est pas ouverte, allez dans "Fenêtre" en haut puis "Animation"
Créez un nouveau calque avec le petit bouton entouré ci-dessous

[Tuto] Animation d'une porte avec ImageReady Tuto11fd9

[Tuto] Animation d'une porte avec ImageReady Tuto11fd9

10) Placez-vous sur le calque "Porte" et en maintenant les touches "Ctrl+Shift", appuyez sur la flèche de gauche (du clavier au cas où xD) jusqu'à ce que la partie disparaisse

[Tuto] Animation d'une porte avec ImageReady Tuto12ux2

[Tuto] Animation d'une porte avec ImageReady Tuto12ux2

11) Faites de même pour la deuxième partie, en vous plaçant cette fois sur l'autre calque et en appuyant sur la flèche de droite.
Cliquez sur le bouton entouré ci-dessous et entrez les valeurs suivantes

[Tuto] Animation d'une porte avec ImageReady Tuto13ho7

[Tuto] Animation d'une porte avec ImageReady Tuto13ho7

12) Créez un nouveau calque comme à l'étape 9 (ça devrait vous en faire 23 dans "Animation") et refermez les portes de la même manière que vous les avez ouvertes.
Ceci fait, réappliquez les options de l'étape 11, ce qui devrait vous donner 43 images

13) Facultatif : Pour une meilleure animation, cliquez droit sur "0 sec" de l'image 1 et 43 et mettez-y 0,5 sec
[Tuto] Animation d'une porte avec ImageReady Tuto14tz0

[Tuto] Animation d'une porte avec ImageReady Tuto14tz0

14) Facultatif : Toujours pour un meilleur rendu, comme précédemment, cliquez droit sur le "0 sec" de l'image 22 cette fois et choisissez "Autre..." et entrez "0,6 sec"

[Tuto] Animation d'une porte avec ImageReady Tuto15lq8

[Tuto] Animation d'une porte avec ImageReady Tuto15lq8

15) Enfin, allez dans "Fichier", "Enregistrer une copie optimisée sous" afin d'avoir un format gif.

Et voilà ce que vous devriez obtenir : (la qualité est merdique parce que je l'ai fait avec ImageReady 7 et non CS2)

[Tuto] Animation d'une porte avec ImageReady Porteskx8

Si vous avez des questions, n'hésitez pas [Tuto] Animation d'une porte avec ImageReady Bzzz

Maître RBien Messages : 3694 Age : 34 Date d'inscription : 12/05/2006

J'ai rajouter les "img" parce que sa faisait trop de fenetre ;-)

Sinon classe le tuto
j'vais essayer tout de suite

RBien d'élite Messages : 2478 Age : 35 Date d'inscription : 06/08/2006

Merci pour le tuto

RBien confirmé Messages : 104 Age : 32 Date d'inscription : 05/09/2007

J'ai essayé et voilà le résultat. Merci

[Tuto] Animation d'une porte avec ImageReady 0709270920501301033

» [Tuto] Animation avec ImageReady
» animation pour Neoklash et des confrère liegois qui feat avec NOUVEAU SON
» Instrumental 451 (style épique avec tuto)
» Jodorowsky’s Dune
» commencement dune instru

[Tuto] Animation d'une porte avec ImageReady

[Tuto] Animation d'une porte avec ImageReady

Sujets similaires

Sujets similaires