Bonjour! Je m'appelle Liz Staley et je suis un utilisateur de longue date de Clip Studio Paint (j'ai commencé à utiliser le programme à l'époque où il était connu sous le nom de Manga Studio 4!). J'ai été bêta-testeur sur le programme Manga Studio 5 et pour Clip Studio Paint, et j'ai écrit trois livres et plusieurs cours vidéo sur le programme. Beaucoup d'entre vous connaissent probablement mon nom d'après ces livres, en fait. J'écris des articles hebdomadaires sur Graphixly.com et sur CSP Tips, alors assurez-vous de revenir chaque semaine pour en savoir plus sur Clip Studio Trucs et astuces de moi!

 

Créer des gifs à utiliser sur les réseaux sociaux et dans les mailings peut être un excellent moyen de vous promouvoir. Surtout si vous marquez ces gifs et les mettez sur Giphy, la bibliothèque dont la plupart des utilisateurs de Facebook et Twitter obtiennent leurs gifs! Environ 13 milliards de gifs sont envoyés via Facebook chaque année. Mais que faire si vous n’êtes pas un animateur? C'est pas grave, vous pouvez aussi créer des gifs et les ajouter à Giphy afin qu'ils aient le potentiel de se répandre sur le net! Dans ce didacticiel, nous allons voir comment créer un simple gif à partir d'une illustration existante, même si vous n'êtes pas un animateur.

 

Dans cet article, nous aborderons les sujets suivants:

Quelques lignes directrices clés sur les GIF

Créer un simple GIF

Mettre votre travail sur Giphy

 

Allons-y!

 

Quelques lignes directrices clés sur les GIF

L'une des choses les plus importantes à retenir lorsque vous créez un GIF spécifiquement pour les médias sociaux est de connaître votre public. Recherchez quelques termes sur Giphy, Facebook Messenger ou Twitter qui sont liés à ce que vous souhaitez promouvoir et voyez ce qui est partagé. Les GIF de réaction et les GIF amusants sont très populaires, en particulier parmi les jeunes.

 

Voici quelques autres éléments à retenir lors de la création de GIF.

 

Ne surchargez pas votre GIF avec trop de texte. Celles-ci doivent être rapides et partageables, alors ne mettez pas de roman dessus. Il sera difficile à lire et peut passer trop vite pour que le spectateur puisse le lire. Si vous ajoutez du texte, assurez-vous que votre police est lisible, en particulier sur les petites tailles des écrans mobiles.

 

Les dégradés peuvent parfois mal se compresser dans les GIF, alors utilisez-les à votre propre discrétion.

 

Essayez de garder votre GIF à 30 secondes ou moins pour réduire la taille de votre fichier.

 

Ce sont, bien sûr, des suggestions plutôt que des règles (bien que si vous avez du texte dans un design, vous devez TOUJOURS vous assurer qu'il est lisible), mais ce sont de bonnes choses à garder à l'esprit si vous concevez un GIF pour le partager.

 

Maintenant que nous avons quelques consignes à prendre en compte, créons un simple GIF animé.

 

Créer un GIF simple

Avant d'entrer dans ce processus, laissez-moi d'abord dire que ce n'est probablement pas la «meilleure» façon de créer un simple GIF dans Clip Studio Paint, mais c'est le processus que j'ai suivi pour cet article. Toutes les fois où j'ai animé dans CSP avant de faire une animation «directe» dessinée à la main, donc créer le travail pour cette écriture était un peu différent de la normale pour moi et a nécessité quelques expérimentations, d'autant plus que je travaillais avec oeuvre d'art existante.

 

De plus, oui, je créerai un GIF Krampus dans cet article, bien qu'il ne soit que l'été au moment de la rédaction de cet article. Ce n’est pas la saison, mais je pense que Krampus est de toute façon pour toute l’année! :)

 

D'accord, avec cela à l'écart, passons à la création de ce GIF! Je vais créer un canevas sur lequel concevoir mon GIF, puis ajouter l'art à partir de fichiers séparés dans le fichier GIF. Je commence avec une toile relativement petite, 640x540 pixels et 72 dpi. Nous concevons pour les médias sociaux, il n'est donc pas nécessaire que ce soit de qualité d'impression.

 

Comme vous pouvez le voir dans l'image ci-dessous, je laisse également la case à cocher «Créer une illustration en mouvement» VIDE. C'est parce que je veux d'abord obtenir les éléments de ma conception sur le canevas, puis ajouter l'animation plus tard. J'ai trouvé que c'était juste plus facile que de commencer avec une chronologie. Cela aura du sens plus tard.

 

Cliquez sur OK pour créer le nouveau canevas. Votre largeur et votre hauteur peuvent varier, mais pour la mienne je veux une "orientation paysage" de taille de toile relativement petite.

 

Ensuite, je vais commencer à mettre mes illustrations dans le nouveau canevas. J'ai ma conception Krampus ouverte dans Clip Studio Paint à côté de la nouvelle toile. J'ai simplement sélectionné le dessin entier et je l'ai copié, puis je l'ai collé dans le canevas GIF. Ensuite, j'ai utilisé les outils de transformation pour redimensionner et repositionner l'art au milieu de la toile.

 

Ensuite, j'ai ajouté une couleur d'arrière-plan sur le calque sous mon illustration. J'ai fini par changer cela plus tard, mais pour l'instant, cela rend l'œuvre un peu plus facile à voir.

Mon intention pour ce GIF est qu'il soit partagé sur Krampusnacht, j'ai donc décidé d'ajouter du texte au-dessus et en dessous du caractère qui dit «Merry Krampusnacht». Cela devrait le rendre plus partageable le 5 décembre (date de Krampusnacht) et préciser qui est censé être le personnage.

N'oubliez pas de mettre également une image de marque sur votre GIF si vous l'utilisez à des fins promotionnelles. Pour cette image, j'ai décidé de mettre l'adresse de mon site Web en bas à droite dans une police simple et facile à lire.

 

Avec ces éléments en place, j'ai utilisé le même processus que celui que j'ai utilisé pour l'art Krampus pour ajouter mon art des cloches, du houx et des bouquets de roseaux de chaque côté du GIF. Ce sont les éléments que je vais réellement animer quand viendra le temps de faire ces étapes.

 

C’est aussi à ce moment que j’ai décidé que je n’aimais pas le fond vert. J'ai donc ajouté des glaçons sur les bords supérieur et inférieur (ceux-ci provenaient d'un élément Clip Studio de l'utilisateur Thimsy. Vous pouvez les télécharger ici: https://assets.clip-studio.com/en-us/detail?id= 1835902). Ensuite, j'ai changé l'arrière-plan en un dégradé noir à bleu et j'ai ajouté des étoiles. Puisque Krampusnacht se traduit par «Krampus Night», j'ai pensé qu'un ciel nocturne avec des étoiles correspondrait mieux au thème.

 

Vous pouvez voir mon design prêt à animer ci-dessous.

 

Maintenant que nos éléments GIF sont disposés, nous pouvons créer une animation simple. Pour commencer, nous devons dire au CSP que nous voulons créer une animation, nous avons donc besoin d'une chronologie. Cliquez sur Animation - Chronologie - Nouvelle chronologie, comme indiqué ci-dessous.

Les options de la nouvelle chronologie apparaîtront. Les options les plus importantes pour nos besoins sont la fréquence d'images et la durée de lecture. Les animations TV et cinéma ont normalement une fréquence d'images de 24 ou 30. Comme il s'agit d'une animation simple que nous créons uniquement pour les médias sociaux, nous n'avons pas besoin d'une fréquence d'images aussi élevée, je vais donc choisir 8. Cela signifie que toutes les 8 images d'animation correspondent à une seconde de temps. Si nous faisions une animation plus complexe, nous voudrions avoir une fréquence d'images plus élevée pour créer un mouvement plus fluide.

 

Ensuite, nous devons régler l'heure de lecture. C'est le nombre d'images que nous voulons créer pour la timeline. Je vais créer une simple animation de va-et-vient qui se répète toutes les 8 images (ou toutes les secondes), donc je vais choisir une durée de lecture qui est divisible par 8. Dans ce cas, j'ai choisi 32, donc mon GIF durera 4 secondes. (8 images pour chaque seconde, 32 images au total.32 / 8 = 4)

 

Cliquez sur OK pour créer la chronologie. Cela devrait ouvrir la fenêtre Chronologie de l'interface, qui se trouve par défaut en bas de l'écran. Si vous ne voyez pas la fenêtre Chronologie, cliquez sur Fenêtre dans la barre de menu supérieure, puis cliquez sur Chronologie pour l'ouvrir.

 

Maintenant que nous avons un scénario, nous devons créer un dossier Animation pour y placer nos images animées. Cliquez sur Animation - Nouveau calque d'animation - Dossier Animation.

 

Un nouveau dossier sera créé dans la fenêtre des calques pour votre animation. C'est ici que vous allez créer vos images d'animation - ou, dans le cas de ce didacticiel, où vous placerez les calques contenant les éléments du dessin que vous souhaitez animer.

 

En raison de la façon dont Clip Studio fait l'animation, j'ai également trouvé à ce stade (après quelques essais et erreurs) qu'il est plus facile d'avoir les deux éléments à animer sur le même calque ou de créer deux dossiers d'animation. J'ai décidé de créer deux dossiers d'animation, un pour la cloche de gauche et un pour la droite. Une fois ces dossiers d'animation créés, j'ai ensuite fait glisser l'une des couches Bell dans un dossier et l'autre dans le deuxième dossier.

 

Lorsque vous placez ces calques dans les dossiers d'animation, ils peuvent soudainement disparaître de votre conception. Pas de panique! Ils ne sont pas partis, il suffit de lier les calques aux images de l’animation pour indiquer au CSP quand il doit afficher ces calques.

 

Pour ce faire, assurez-vous que la ligne verticale rouge du scénario se trouve sur la première image de votre animation et que votre calque est également sélectionné dans la palette des calques. Cliquez ensuite sur l'icône «Spécifier les cellules» dans la chronologie, qui est indiquée dans la capture d'écran ci-dessous.

 

Choisissez le calque à afficher dans la première image de la liste des calques. Cette liste ne contiendra que les calques qui se trouvent dans le dossier d'animation actuel, c'est pourquoi nous nous sommes assurés de sélectionner d'abord le calque dans notre fenêtre Calque. Cela a garanti que notre liste de couches était correcte.

 

Ensuite, je vais faire une copie du calque de ma cloche de droite, puis le retourner horizontalement afin que les anches soient tournées vers l'extérieur du GIF plutôt que vers l'intérieur. Si vous ne pouvez pas transformer votre calque copié, vous devrez peut-être supprimer la copie de calque, puis pixelliser le calque d'origine (cliquez avec le bouton droit sur le calque et sélectionnez Rastériser dans le menu). Ensuite, copiez à nouveau le calque et voyez si vous pouvez terminer votre transformation. Si cela ne fonctionne pas, faites glisser le calque hors du dossier Animation, terminez la transformation, puis déposez-le à nouveau dans le dossier Animation. J'ai dû jouer un peu avec ça pour comprendre pourquoi CSP ne voulait pas me laisser faire une transformation, mais j'ai finalement réussi.

 

Dans la capture d'écran ci-dessous, vous pouvez voir que j'ai deux couches dans le dossier Animation actuellement sélectionné. L'un contient une cloche qui fait face vers la droite et l'autre contient une cloche qui fait face à la gauche. Ce sont mes deux images d'animation, et j'ai besoin des deux mêmes images pour la cloche de l'autre côté du GIF.

 

Une fois que j'ai créé tous les calques, il est temps d'indiquer au CSP comment les afficher dans la chronologie. Je veux que la position des cloches et des anches change à chaque seconde. Rappelez-vous quand nous définissons notre fréquence d'images? Nous le définissons sur 8, nous devons donc faire en sorte que le changement se produise toutes les 8 images. Déplacez la ligne verticale rouge (qui montre où nous nous trouvons actuellement dans la lecture de la timeline) sur l'image 9. Assurez-vous que le dossier Animation souhaité est sélectionné, puis cliquez à nouveau sur l'icône Spécifier Cels.

 

Sélectionnez la deuxième image d'animation dans la liste des calques et cliquez sur OK, comme illustré ci-dessous.

 

Je vais continuer ce processus pour les deux dossiers d'animation et pour l'intégralité de ma chronologie. Vous pouvez voir dans la capture d'écran ci-dessous que j'ai défini un changement de calque toutes les 8 images (sur les images 9, 17 et 25) pour les deux dossiers d'animation. Vous pouvez voir dans la capture d'écran ci-dessous comment mes couches sont disposées sur la timeline.

Vous pouvez vérifier votre animation à tout moment en cliquant sur le bouton Lecture en haut de la fenêtre Chronologie. Si vous avez cliqué sur l'icône de lecture en boucle, la lecture se déroulera en boucle jusqu'à ce que vous appuyiez sur stop. C'est un excellent moyen de vérifier le mouvement et d'obtenir un aperçu de votre GIF.

 

Mon simple GIF est exactement ce que je veux maintenant! Vous pouvez le voir ci-dessous. Dans la section suivante, nous allons exporter notre GIF, puis le télécharger sur Giphy afin qu'il puisse être partagé.

 

Mettre votre travail sur Giphy

Afin de partager notre petite animation sur Internet, nous devons d'abord l'exporter dans un format de fichier compréhensible par un navigateur Internet.

 

Parce que nous nous concentrons sur la création d'un GIF, c'est ce que nous voulons exporter. Pour ce faire, Fichier - Exporter l'animation - GIF animé, comme indiqué dans l'image ci-dessous.

 

Cela fera apparaître les paramètres d'exportation GIF animés. Dans cette fenêtre, nous pouvons modifier la largeur et la hauteur du GIF exporté, exporter tout ou partie de nos images, changer la fréquence d'images et définir le nombre de fois que le GIF sera en boucle.

 

Dans la capture d'écran ci-dessous, j'ai rendu mon GIF légèrement plus petit que la taille de la toile d'origine. Je souhaite exporter toutes mes images, je laisse donc la plage d’exportation entre 1 et 32. Je garde la même fréquence d'images et je garde également le nombre de boucles sur Unlimited. De cette façon, le GIF continuera à jouer en boucle un nombre illimité de fois au lieu de s'arrêter après un certain nombre de lectures dans un navigateur ou un message Facebook.

 

Cliquez sur OK et choisissez un emplacement et un nom de fichier pour votre GIF exporté. Après avoir terminé cette étape, je suis allé à l'emplacement de mon dossier et j'ai ouvert le fichier juste pour m'assurer que l'exportation ne rencontrait aucun problème.

 

Soumettons maintenant notre GIF à Giphy, la bibliothèque à partir de laquelle de nombreux sites de médias sociaux tirent leurs GIF. Cela inclut Facebook, Facebook Messenger et Twitter. Mettre votre image sur Giphy et ajouter des balises peut aider à la diffuser sur Internet et à promouvoir votre travail, à condition que vous ayez créé une image «partageable», bien sûr!

 

Vous devez d'abord vous rendre sur Giphy et créer un compte. Une fois que vous vous êtes inscrit à un compte et que vous vous êtes connecté, vous verrez l'écran dans l'image suivante.

 

Comme vous pouvez le constater, je n’ai encore rien mis en ligne. Alors réglons ça! Cliquez sur Télécharger en haut à droite de l'écran ou au milieu de l'écran sous "Vous n'avez rien téléchargé!" texte.

 

Ensuite, nous devons choisir ce que nous importons. Nos options sont GIF ou Sticker (qui est un GIF avec transparence). L'option de téléchargement GIF est également utilisée pour les fichiers MP4 ou MOV. Étant donné que nous importons un GIF animé sans transparence, je clique sur l'option GIF.

 

Choisissez le fichier que vous souhaitez télécharger.

 

Sur l'écran suivant, illustré ci-dessous, nous pouvons définir la visibilité. Rendre l'image publique permettra à quiconque de la voir. Le définir sur Privé conservera l'image afin que vous seul puissiez la voir.

 

Ajoutez des balises pour que le GIF puisse être trouvé. J'ai ajouté un tas de balises liées à Krampus et à Noël pour rendre mon GIF facile à trouver par quelqu'un qui pourrait rechercher quelque chose comme celui-ci. Mettez une virgule entre chaque balise lors de l'ajout de plusieurs balises.

 

Je mets mon site Web en tant qu'URL source, car l'illustration de cette image est la mienne.

 

Cliquez sur Télécharger vers GIPHY pour terminer le processus de téléchargement. Désormais, votre GIF pourra être recherché et aura une chance de se propager à un large public!

Conclusion

Les GIF sont très partageables et peuvent vraiment vous aider à promouvoir votre art, entreprise, bande dessinée ou autre projet. Avec un peu de recherche et un peu de travail, vous pouvez potentiellement créer un GIF qui se propage à un large public et met votre travail devant beaucoup de yeux! En utilisant des éléments d'illustration existants et des transformations simples, même ceux qui n'ont aucune expérience de l'animation peuvent créer un GIF.

 

Pour plus d'informations sur CLIP Studio Paint, veuillez visiter https://www.clipstudio.net/en ou https://graphixly.com