Salut a tous nos chers lecteurs ^^ Voici comment créer simplement une signature animée (sur Photoshop/ImageReady) pour forums, message boards, etc… ENJOY IT !

Pour cette signature, je vais utiliser l’image d’une Porsche, bien entendu vous pouvez utiliser ce que vous voulez!

Ouvrez un nouveau document sur Photoshop. Ajustez la taille du document à la taille desirée pour la signature. Ici, nous allons prendre 400*120 pixels.

Choisissez maintenant une image pour faire un fond pour la signature (ici la Porsche) et copiez-la sur le document.

Il faut maintenant ajuster l’image choisie au document et bien la positionner.

Pour ce faire, sélectionnez l’image, cliquez droit sur la souris, puis Transformation Manuelle (‘Free Transform’). Pressez la touche Shift en ajustant la taille de l’image. L’image peut alors être deplacée en appuyant sur le bouton gauche de la souris.

Si l’image est trop petite, il vous faudra créer un nouveau calque qui sera derrière le premier afin de remplir tout l’espace. Remplissez ce second calque d’une couleur issue de l’image choisie pour le fond. Votre écran devrait ressembler à ceci:

L’image dont j’ai besoin maintenant est le logo Porsche.

Dans Photoshop, sélectionnez le logo (sans son fond) et copiez-le dans votre signature de la même manière dont vous avez placé l’image précédente de la voiture.

Créez un autre calque et remplissez-le de noir (ou une autre couleur de votre choix), en utilisant la fonction encerclée de rouge dans l’illustration ci-dessous. Et choisissez le noir comme couleur de devant.

Dupliquez le logo et placez-le sur ce dernier document.

Sélectionnez la fonction Texte et choisissez une police de caractère et sa taille. Cliquez ensuite sur le document et écrivez le texte désiré.

Cliquez sur le petit oeil pour faire disparaître le texte. Puis écrivez un autre texte au même endroit.

La signature doit maintenant être transferée sur ImageReady. Pour ce faire, cliquez sur le symbole en bas de la section outils. Photoshop va ouvrir ImageReady et votre signature.

Créez alors la première image de l’animation. Cachez tous les calques en utilisant l’oeil. Pour le moment n’utilisez que le fond (ici en noir), l’image pour le fond (ici la voiture) et le logo.

Créez ensuite un nouveau calque pour l’animation (avec le symbole entouré de rouge). Pour ce calque, vous avez besoin du calque en noir et du calque avec le logo.

Maintenant continuez avec un autre calque d’animation qui montrera le fond noir, le logo et le premier texte.

Le calque suivant d’animation sera noir et montrera le logo encore une fois.

L’animation est maintenant terminée, il faut donc sélectionner un timing pour l’animation. Vous pouvez cliquer sur le petit bouton 0.S en bas de chaque couche dans la fenêtre d’animation. Vous pouvez ensuite, si l’animation vous convient, la sauvegarder ou bien faire encore quelques modifications..

Sauvegarder votre animation en GIF ce qui vous permettra de la télécharger facilement (voir encadré rouge ci-dessous).

Sauvegardez aussi l’animation sur Photoshop en tant que document PSD.

Si par la suite, vous désirez faire des changements à l’animation, utilisez le PSD document car il vous donnera accès à toutes les différents calques de l’animation.

Et Voila vous avez fini ^^

Popularity: 12%