AccueilBlogDernières imagesRechercherS'enregistrerConnexion
Le Deal du moment :
LEGO Icons 10331 – Le martin-pêcheur
Voir le deal
35 €

 

 [Photoshop CS 2-3] Animation

Aller en bas 
+2
Smirt
Naflin
6 participants
AuteurMessage
Naflin

Naflin


Masculin Nombre de messages : 24
Age : 34
Date d'inscription : 22/07/2008

[Photoshop CS 2-3] Animation Empty
MessageSujet: [Photoshop CS 2-3] Animation   [Photoshop CS 2-3] Animation Icon_minitimeJeu 7 Aoû - 9:31

Bon ... Eh bien voici un petit tutorial, non-pas pour apprendre à faire un joli machin. Mais pour apprendre à se servir de l'outil de photoshop qui permet d'animer vos (jolies si vous suivez mes tutoriaux) créations.

Alors, pour commencer, il faut ouvrir la fenêtre d'animation.
Comme çà :

[Photoshop CS 2-3] Animation Animzg8


Si vous tombez sur cette fenêtre, vous pouvez vous dire que oui, vous êtes talenteux.

[Photoshop CS 2-3] Animation Totalab1


Maintenant jusqu'à dire que c'est bien le cas ...

[Photoshop CS 2-3] Animation Toujoursyr1


Cette icône, sert à choisir le nombre de fois qu'aura lieu l'animation.
"Toujours" implique qu'elle tournera en boucle jusqu'au suicide de la personne qui la regarde.
"Une fois" ... Eh bien une fois l'animation terminée, c'est bel et bien finit.
Dans "Autres", vous pouvez entrer le nombre de fois que vous voulez que l'annimation se lance.

[Photoshop CS 2-3] Animation Navigationls9


Ces boutons, quant à eux, servent à naviguer dans l'annimation. Un peu comme une télécomande sur un magnétoscope.

[Photoshop CS 2-3] Animation Playqj6


Celui-ci ... C'est le bouton "play" ... Cà déclencher l'animation sous vos yeux ébahis.

[Photoshop CS 2-3] Animation Newff8


Cà, çà duplique l'image. Vous vous retrouverez alors avec une image en plus dans votre script, une copie de celle sélectionnée a moment où vous avez cliqué sur ce bouton.

Dans une image de script, vous pouvez modifier certains paramètres sans que çà ne se transmette aux autres.
Il n'y a que la première image qui sert de "base" et dont les modifications ont lieu pour toutes.
Si vous modifiez la seconde, vous verez que la première n'a pas changé.
Vous pouvez modifier ces paramètres :
+ Opacité
+ Position
+ Effets de fusion
Et pis c'est à peu près tout... mais çà suffit généralement pour faire des tas de machins.
Si vous déformez une image, la faites tourner, changez sa taille, tracez dessus, et autres machins, çà aura lieu sur toutes les images.

Une fois que vous obtenez deux images différentes vous pouvez les relier. C'est à dire mettre des images intermédiaires. Dans l'image un, il y a un lapin, dans la seconde il n'y a disparut... Si vous mettez une trajectoire, il y aura des images qui seront ajoutées, où on voit le lapin disparaitre progressivement.
C'est ce bouton là :

[Photoshop CS 2-3] Animation Animationle4


Au fait, çà duplique pas seulement une image, en effet, on peut en sélectionner plusieurs, et donc en décupler plusieurs.
Plus vous ajoutez d'images intermédiaires, plus elle semblera fluide. Mais plus elle semblera lente aussi. Et il ne faut pas oublier que çà alourdira votre image.

[Photoshop CS 2-3] Animation Delteea6


Le bouton est clair ... Surpression de l'image sélectionnée...
Puis il reste le bouton en forme de triangle dans un cercle ... Si vous cliquez dessus, vous tombez sur ce menu :

[Photoshop CS 2-3] Animation Menuze7


La plupart des options sont très claires, certaines sont la même chose que les boutons pré-existants.
Ancrer au conteneur de palettes ... çà permet de mettre la fenêtre en haut à droite dans un menu fixe.
Inverser les images permet de "retourner" l'animation. C'est utile pour une animation qui se défait pour se refaire.
Créer des images d'après les calques permet de dissocier vos calques en en mettant un par images.
Aplatir les images dans des calques, c'est à peu près l'inverse, c'est à dire que chaque image devient un calque.
Faire correspondre le calques aux images.Cà fait correspondre le calque sélectionné à ce qu'il est dan l'mage : sa position, son opacité, et son style qu'il a dans cette image sera alors le même partout.
Créer un calque pour chaque nouvelle image... c'est clair : à chaque fois que vous faites une nouvelle image, un calque aussi est créé.
Option de palette permet de modifier la taille des images dans la palette ...

Voilà ... C'est à peu près tout.
Au fait, si vous voulez que çà soit visible, enregistrez votre image en .gif ... Parceque sinon, tout ce que vous aurez fait n'aura servit à rien...

En revanche, les GIF gèrent mal les dégradés ... Souvenez-vous en ...
Revenir en haut Aller en bas
Smirt
Chromatique
Chromatique
Smirt


Masculin Nombre de messages : 7821
Age : 35
Localisation : Dans ton dos avec un hamburger et un fusil.
Date d'inscription : 01/03/2008

Personnages RP
Pseudo: Vapor
Pseudo : Smirtnoff/Gregovi
Pseudo : George Abitbol

[Photoshop CS 2-3] Animation Empty
MessageSujet: Re: [Photoshop CS 2-3] Animation   [Photoshop CS 2-3] Animation Icon_minitimeMer 13 Aoû - 22:45

Tu es sûr que cela vaut pour le CS3? Sur ma fenêtre d'animation je n'ai pas le "toujours" qui me permettre de faire tourner mon animation en boucle. Après avoir cherché un peu ailleurs, je ne la trouve pas. Tu aurais une idée de l'endroit où elle peut se trouver?

Voilà la tronche de ma fenêtre:
Spoiler:
Revenir en haut Aller en bas
http://www.smirtouille.com
Naflin

Naflin


Masculin Nombre de messages : 24
Age : 34
Date d'inscription : 22/07/2008

[Photoshop CS 2-3] Animation Empty
MessageSujet: Re: [Photoshop CS 2-3] Animation   [Photoshop CS 2-3] Animation Icon_minitimeJeu 14 Aoû - 2:26

Ta solution passe en ce moment-même dans le coin ...

[Photoshop CS 2-3] Animation Sanstitre2hg1

L'interface que tu as actuellement n'est qu'un autre manière de voir la même chose. Celle que je montre est la plus simple, et la plus facile à apréhender, c'est "l'image par image" la seconde, c'est pour ceux qui se sentent plus à l'aise et qui veulent faire des annimations plus complexes !
Revenir en haut Aller en bas
G3n3sis




Masculin Nombre de messages : 1102
Age : 104
Date d'inscription : 03/01/2008

[Photoshop CS 2-3] Animation Empty
MessageSujet: Re: [Photoshop CS 2-3] Animation   [Photoshop CS 2-3] Animation Icon_minitimeJeu 14 Aoû - 3:45

Et tu es sur que ça marche pour le CS2 ?

http://img367.imageshack.us/my.php?image=tutorj6.png

Suite à un magnifique beug de imageshak, vous êtes invité à cliqué sur mon lien pour voir ma magnifique image à la Naflin's tuto ...
Revenir en haut Aller en bas
Skame

Skame


Masculin Nombre de messages : 340
Age : 32
Date d'inscription : 09/02/2008

[Photoshop CS 2-3] Animation Empty
MessageSujet: Re: [Photoshop CS 2-3] Animation   [Photoshop CS 2-3] Animation Icon_minitimeJeu 14 Aoû - 6:12

G3n' sur CS2 y a un log' à part nommer ImageReady.
Sur la CS3 il a disparu et a était si on peut dire incorporé.

Edit : D'ailleurs Naflin faudrait le préciser non ?


Dernière édition par Skame le Jeu 14 Aoû - 6:35, édité 1 fois
Revenir en haut Aller en bas
G3n3sis




Masculin Nombre de messages : 1102
Age : 104
Date d'inscription : 03/01/2008

[Photoshop CS 2-3] Animation Empty
MessageSujet: Re: [Photoshop CS 2-3] Animation   [Photoshop CS 2-3] Animation Icon_minitimeJeu 14 Aoû - 6:32

Géné /me cache devant mon noobisme >.>

J'ai jamais été voir Image Ready, puisque pas besoin, mais tout y est :study:
Revenir en haut Aller en bas
Smirt
Chromatique
Chromatique
Smirt


Masculin Nombre de messages : 7821
Age : 35
Localisation : Dans ton dos avec un hamburger et un fusil.
Date d'inscription : 01/03/2008

Personnages RP
Pseudo: Vapor
Pseudo : Smirtnoff/Gregovi
Pseudo : George Abitbol

[Photoshop CS 2-3] Animation Empty
MessageSujet: Re: [Photoshop CS 2-3] Animation   [Photoshop CS 2-3] Animation Icon_minitimeJeu 28 Aoû - 23:12

Ok, merci pour l'info.
Voilà mon rendu:
[Photoshop CS 2-3] Animation Battleabstract2bq2

x)
mé abstracts ils parlent...
Revenir en haut Aller en bas
http://www.smirtouille.com
Nakumi

Nakumi


Masculin Nombre de messages : 86
Age : 33
Date d'inscription : 27/06/2008

[Photoshop CS 2-3] Animation Empty
MessageSujet: Re: [Photoshop CS 2-3] Animation   [Photoshop CS 2-3] Animation Icon_minitimeVen 29 Aoû - 12:23

Enorme Smirt ^^ Sa peut-être utile pour décomposer ces calques pour montrer un peu le nombre de calques et de modif pour une ban Heureux
Revenir en haut Aller en bas
Smirt
Chromatique
Chromatique
Smirt


Masculin Nombre de messages : 7821
Age : 35
Localisation : Dans ton dos avec un hamburger et un fusil.
Date d'inscription : 01/03/2008

Personnages RP
Pseudo: Vapor
Pseudo : Smirtnoff/Gregovi
Pseudo : George Abitbol

[Photoshop CS 2-3] Animation Empty
MessageSujet: Re: [Photoshop CS 2-3] Animation   [Photoshop CS 2-3] Animation Icon_minitimeVen 29 Aoû - 18:00

Effectivement c'est un truc qui se fait, pour montrer la progression de la bannière.
Kaporal Replay en avait fait dans sa galerie, c'était sympa. (Sur UA, je sais pas si ils sont sur le board aussi)
Revenir en haut Aller en bas
http://www.smirtouille.com
AlexFaction




Masculin Nombre de messages : 31
Age : 32
Date d'inscription : 16/08/2008

[Photoshop CS 2-3] Animation Empty
MessageSujet: Re: [Photoshop CS 2-3] Animation   [Photoshop CS 2-3] Animation Icon_minitimeVen 29 Aoû - 19:55

J'ai fait une animation sans avoir regardé ton tuto, mais vu que tu explique la fenêtre de l'animation, je me permet de mettre le gif de "nouveau msg" de mon fofo dont je suis tout particulièrement fière (dommage que les gens le regarderont sans y faire attention T.T)

[Photoshop CS 2-3] Animation 596b7b97a61343d53b2fb957467d4
Revenir en haut Aller en bas
Contenu sponsorisé





[Photoshop CS 2-3] Animation Empty
MessageSujet: Re: [Photoshop CS 2-3] Animation   [Photoshop CS 2-3] Animation Icon_minitime

Revenir en haut Aller en bas
 
[Photoshop CS 2-3] Animation
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Abstract style [Photoshop] (1)
» Guide Photoshop
» Signature Grunge [Photoshop CS3]
» [Photoshop] Un Smiley !
» [Photoshop] Signature grunge (1)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Ter Aelis - Le Forum :: Atalanté, Centre Graphique :: Collège-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser