Créer une animation dans Photoshop et ImageReady ou éléments d'un tutoriel par Janee

Ceci est un tutoriel que j'ai eu l'intention de mettre en place depuis longtemps. J'ai reçu de nombreuses demandes et donc. Nous voilà!







Animations fonctionnent de la même dans PS / ImageReady comme dans PS Elements 2, seulement ils sont en fait un peu plus facile à faire dans les éléments. Encore une fois, si vous avez des éléments, suivre ici pour voir comment ils fonctionnent. Je vais avoir une astuce pour vous sur la façon dont les éléments diffèrent.

animations graphiques sont comme des films courts. Nous faisons généralement ceux-ci soit en flash (swf) ou GIF animé. nous travaillerons ici dans Photoshop et ImageReady pour faire un GIF animé.

Comme pour les films, les animations sont faites de cadres, et vous ces images en tant que calques dans Photoshop. Bien sûr, tout peut être animé, mais je vais faire une animation de ce smiley, créant ainsi le caractère un peu impertinent dans ma tête.

1. Commencer en faisant l'image de base sur une couche séparée de l'arrière-plan.

2. Faites plusieurs copies.

Parce que nous allons baser chacun des cadres sur cette image, faire plusieurs copies de cette couche. (Je me suis retrouvé en fin de compte avec 10 cadres, tous basés sur cette couche.

3. Créez tous les différents cadres. en tant que couches.

Éteignez les yeux de visibilité pour tous, mais le côté de la couche inférieure. Ensuite, commencez à la couche inférieure et de travailler votre chemin vers le haut, ce qui rend chacun des cadres sur sa propre couche.







4. Étiquette chaque couche que vous avancez.

Cela rend plus facile de voir ce que chaque couche fait. Si vous voulez avoir le même cadre répéter, vous pouvez copier ce cadre en dupliquant sa couche, puis le déplacer où vous le souhaitez dans la palette des calques.

D'accord. La partie suivante est l'endroit où les utilisateurs des éléments ont une autre, beaucoup plus procédure simple.

5. Les utilisateurs de Photoshop. procéder.

Maintenant, nous allons Aller au ImageReady. Prêt. ensemble. Saut!

Cliquez sur le saut à la barre ImageReady au bas de votre boîte à outils.

Cela ouvre ImageReady!

6. Jetez un coup d'oeil.

Si ceci est votre premier regard sur ImageReady, calmer un peu. Il est pas exactement comme Photoshop. Certaines choses manquent, il y a des choses nouvelles, et certaines fonctions fonctionnent un peu différemment qu'ils ne le font dans PS. Mais ce sera ok. ;)

Les palettes dont vous aurez besoin sont la palette Calques (à droite), et la palette d'animation. Si vous manquez l'une de ces, allez à la fenêtre>. et cliquez sur celui qui vous manque. Même que Photoshop!

7. Cela amène le fond transparent d'animation.

Faisons notre animation pour que l'arrière-plan est trop transparent,. Pour ce faire, commencez par éteindre l'œil de la visibilité sur la couche de fond.

8. Afficher uniquement la couche pour la première image.

Ensuite, nous allons mettre chacun de nos cadres dans la palette d'animation. Notez que la première image a déjà une image en elle. Nous devons en faire l'image que nous voulons, cependant, alors allez-y et éteindre tous les yeux de visibilité à l'exception de la couche inférieure. Là. c'est la première image.

9. a. Faire le reste des cadres.

Il y a au moins deux façons d'aller à ce sujet. Si vous avez toutes vos couches soigneusement mis en place, comme je le fais ici, avec une couche pour chaque image, vous pouvez utiliser la petite icône déroulante à portée de main flèche dans la palette Animations et choisissez Créer Cadres de couches. (Voir l'image suivante image ci-dessous.)

Tada! Terminé! Tête vers le bas à l'étape 12.







Articles Liés