Comment créer un logo tournant dans Photoshop
Prudemment réalisés, les logos animés attirent l'attention des visiteurs de votre site Web et les incitent à voir le reste de la page. Le panneau Calques, l'outil Transformation et le panneau Montage de Photoshop fonctionnent ensemble pour créer des images GIF animées que vous pouvez ajouter à n'importe quelle page Web. Vous pouvez faire tourner votre logo dans le sens des aiguilles d'une montre ou dans le sens inverse.
Étape 1
Ouvrez le fichier image du logo. Utilisez n'importe quel format de fichier, mais si le fichier est un PSD multicouche, fusionnez les calques.
Étape 2
Créez un canevas suffisamment grand pour contenir complètement le logo que vous souhaitez faire pivoter. Par exemple, si votre logo mesure 300 pixels de large et 200 pixels de haut, cliquez sur "Fichier", "Nouveau", puis faites en sorte que la hauteur et la largeur de l'image soient supérieures à 300 pixels. Sélectionnez un arrière-plan uni qui fonctionne avec votre logo et votre site Web. Par exemple, si le logo est sur un fond blanc, choisissez "Blanc" pour le "Contenu de l'arrière-plan".
Étape 3
Tapez un nom pour le nouveau fichier et cliquez sur "OK" pour ajouter un canevas d'image vierge.
Étape 4
Cliquez sur le menu "Fenêtre" puis sélectionnez la fenêtre contenant le logo.
Étape 5
Appuyez sur "Ctrl-A" pour sélectionner l'image entière, puis sur "Ctrl-C" pour la copier dans le presse-papiers.
Étape 6
Cliquez sur le menu "Fenêtre", puis sélectionnez la fenêtre contenant la toile vierge que vous avez créée pour contenir le logo.
Étape 7
Appuyez sur "Ctrl-V" pour coller le logo dans la toile vierge.
Étape 8
Appuyez sur "Ctrl-E" pour fusionner l'image collée dans l'image d'arrière-plan en ne laissant qu'un seul calque au lieu de deux.
Étape 9
Créez trois doublons du calque actuel. Cliquez sur le menu "Calques", "Dupliquer le calque", puis sur "OK" pour créer chaque nouveau calque contenant une copie de l'image originale fusionnée. Photoshop nomme les calques pour vous.
Étape 10
Sélectionnez le premier calque dans la liste en commençant en haut du panneau Calques, cliquez sur le menu "Edition", "Transformer" puis "Rotation de 90º dans le sens des aiguilles d'une montre".
Étape 11
Sélectionnez le deuxième calque dans la liste, cliquez sur le menu "Edition", "Transformer" puis "Rotation de 180º".
Étape 12
Sélectionnez le troisième calque dans la liste, cliquez sur le menu "Edition", "Transformer" puis "Rotation de 90º dans le sens inverse des aiguilles d'une montre". Enregistrez votre travail.
Étape 13
Cliquez sur le menu "Fenêtre", "Chronologie" puis sur le bouton "Créer une chronologie vidéo" pour ajouter le panneau Chronologie à votre projet. Le panneau Chronologie contient les quatre couches du logo. Si vous ne voyez que trois calques, déverrouillez le calque d'origine.
Étape 14
Réduisez le temps d'affichage de chaque calque en définissant sa durée sur cinq images. Cliquez et maintenez votre souris sur le bord droit de chaque calque dans la chronologie et faites glisser le bord vers la gauche jusqu'à ce que le paramètre "Durée" soit "00.05". Moins il y a d'images, plus l'animation semble tourner rapidement.
Étape 15
Laissez le calque inférieur sur la timeline où il se trouve. Cliquez et maintenez la souris au centre du calque juste au-dessus du calque inférieur sur la timeline et faites glisser le calque entier vers la droite jusqu'à ce que son côté gauche s'aligne avec le bord droit du calque inférieur. Si le calque se redimensionne au lieu de se déplacer, appuyez sur "Ctrl-Z" et réessayez.
Étape 16
Cliquez et maintenez la souris sur le deuxième calque au-dessus du calque inférieur sur la timeline et déplacez le calque vers la droite jusqu'à ce que le côté gauche du calque s'aligne avec le bord droit du calque en dessous.
Étape 17
Cliquez et maintenez la souris sur le calque supérieur de la chronologie et faites glisser le calque vers la droite jusqu'à ce que le côté gauche du calque s'aligne avec le bord droit du calque en dessous.
Étape 18
Appuyez sur le bouton "Jouer" pour prévisualiser l'animation.
Étape 19
Cliquez sur "Fichier", puis sur "Enregistrer pour le Web".
Étape 20
Cliquez sur la liste déroulante intitulée "Options de bouclage" et sélectionnez "Pour toujours" pour générer un logo animé qui ne s'arrête jamais de tourner.
Étape 21
Cliquez sur "Enregistrer" puis sur "Enregistrer" dans la boîte de dialogue "Enregistrer la version optimisée sous". Pour voir l'animation, ouvrez le fichier GIF que vous avez créé avec votre navigateur Web.
Astuce
Faites en sorte que le logo semble tourner en douceur en ajoutant des calques supplémentaires avec des changements incrémentiels plus petits entre les images.
Avertissement
Les informations contenues dans cet article s'appliquent à Photoshop CC 14.2.1. Il peut varier légèrement ou considérablement avec d'autres versions de Photoshop.