Exercice Photoshop Boule métallique animée 1
Exercice Photoshop Boule métallique animée 2 1. Préparation de la boule 1 Créer un nouveau document de 300x300 pixels avec un fond blanc. 2 Créer un nouveau calque et le remplir de noir avec l'outil Pot de peinture. 3 Aller dans le menu Filtre / Rendu / Halo et entrer les paramètres suivants :
Exercice Photoshop Boule métallique animée 3 4 Cliquer sur OK. 5 Aller dans le menu Filtre / Déformation / Coordonnées polaires avec les paramètres suivants :
Exercice Photoshop Boule métallique animée 4 6 Créer deux repères centrés et deux repères à 250 pixels. 7 Sélectionner l'outil Ellipse de sélection avec un contour progressif de "1px". 8 Tracer une sélection cylindrique (en maintenant les touches MAJ et ALT) en partant du centre et jusqu'aux repères placés à 250 px.
Exercice Photoshop Boule métallique animée 5 9 Faire ensuite Ctrl + j, ce qui a pour effet de dupliquer le contenu de la sélection sur un nouveau calque. 10 Masquer le calque d'origine. 11 Masquer les repères.
Exercice Photoshop Boule métallique animée 6 12 Un petit réglage pour donner un peu plus de contraste. Aller dans le menu Images / Réglages / Luminosité / contraste. et modifier les paramètres environ comme ceci : Voilà la boule métallique est terminée, maintenant nous allons voir comment animer cette boule.
Exercice Photoshop Boule métallique animée 7 2. Animation de la boule Pour simuler une rotation de la boule, nous allons insérer une image sur la boule et faire tourner cette image pendant le déplacement linéaire de la boule de façon de créer une illusion de rotation. 1 Ouvrir une image (ici un dragon). Double cliquer sur le calque pour le débloquer. 2 Détourer l'image avec la Baguette magique et delete au clavier pour effacer le pourtour de l'image. 3 Avec l'outil Déplacement glisser l'image du dragon sur la boule. On peut afficher les repères pour mieux centrer l'image.
Exercice Photoshop Boule métallique animée 8 4 Fermer le fichier de l'image. 5 Ouvrir la fenêtre d'animation. 6 Faire une copie de la première image. 7 Sur cette copie, nous allons déplacer la boule à droite de l'image, pour cela nous allons sélectionner les trois calques, puis avec l'outil Déplacement déplacer la boule.
Exercice Photoshop Boule métallique animée 9 8 Maintenant, il faut définir le nombre d'images qui vont intervenir entre le début et la fin de l'animation. Pour cela, sélectionner les deux images, puis cliquer sur l'icône Trajectoire. Régler les paramètres comme ci-dessous : A présent la fenêtre d'animation doit ressembler à l'image ci-dessous, 8 images, représentant chacune une position de la boule, ont été ajoutées. Si on appuie sur la flèche Lecture la boule se déplace de la gauche vers la droite. Nous avons fini le déplacement, reste à donner l'impression que la boule roule sur elle-même. Pour cet effet, nous allons utiliser l'image du dragon et luis donner une rotation image par image. Pour l'étape suivante enlever le dragon sur les images de 2 à 9 en rendant invisible le calque dragon.
Exercice Photoshop Boule métallique animée 10 9 Dupliquer 8 fois le calque dragon. 10 Sélectionner l'image 2 de la fenêtre d'animation et démasquer le calque dragon 2.
Exercice Photoshop Boule métallique animée 11 11 Aller dans le menu Edition / Transformation / Rotation, puis faire une rotation de 45 du dragon et avec les flèches du clavier recentrer le dragon. 12 Aller dans le menu Edition / Transformation / Rotation, puis faire une rotation de 90 du dragon et avec les flèches du clavier recentrer le dragon. 13 Répéter cette manipulation pour les images restantes. Pour l'image 4, entrer 135, pour la 5 180, pour la 6-135, pour la 7-90 et pour la 8-45. L'image n 9 n'étant pas nécessaire, on peut la mettre à la corbeille.
Exercice Photoshop Boule métallique animée 12 14 Sélectionner toutes les images et cliquer sur la petite flèche à droite d'une image d'animation et changer le temps d'affiche par image (par exemple 0.5). Voilà, l'animation est terminée, il ne reste plus qu'enregistrer le fichier sous le format GIF pour que cette animation puisse être insérée sur une page WEB, sur un forum de discussion, etc.