Bonjour ! Je m'appelle Liz Staley et je suis une utilisatrice 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-testeuse pour 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 grâce à ces livres, en fait !

 

Dans cet article, je vais vous apprendre à créer vos propres effets sonores de bande dessinée (ou « onomatopées »). L'onomatopée est le processus de création d'un mot qui imite, ressemble ou suggère phonétiquement le son qu'il décrit. Ces mots sont eux-mêmes appelés onomatopées. Des exemples sont des mots comme « bang », « miaou », « meuh », « crash », « clang », « wham », et ainsi de suite.

 

Lorsque vous ajoutez des effets sonores à vos bandes dessinées, cela peut vraiment augmenter l'impact d'une action. Un effet sonore bien mis en œuvre et conçu peut donner du punch à une scène de combat, de la gravité à une scène de suspense et même rehausser une chute.

 

Pour apprendre à créer des onomatopées dynamiques et accrocheuses, nous aborderons les sujets suivants dans cet article :

Recherche et installation de polices sur votre ordinateur

Bases de l'outil Texte

Ajout de contours et de dégradés

Utilisation de l'outil Transformation de maillage

 

 

Allons-y et créons des effets sonores sympas !

Recherche et installation de polices sur votre ordinateur

Pour ce tutoriel, j'utiliserai des polices comme base pour les effets sonores que nous allons créer. Vous pouvez, bien sûr, dessiner à la main le texte de votre effet sonore si vous le souhaitez ! Mais beaucoup d'entre nous ne sont pas des dessinateurs professionnels avec les compétences nécessaires pour cela. Je vais donc utiliser des polices à la place.

 

Où pouvons-nous trouver de bonnes polices à utiliser pour nos bandes dessinées ? Il existe de nombreux sites web différents qui proposent des polices à télécharger, et certains sont même gratuits ! Voici quelques-uns de mes sites préférés pour les polices :

 

Avant de télécharger et d'installer une police, nous devons cependant prendre en compte l'accord de licence. Certaines polices vous permettront de les utiliser pour une application commerciale (c'est-à-dire une bande dessinée que vous avez l'intention de vendre), et d'autres ne sont gratuites que pour un usage personnel. Si vous avez l'intention d'utiliser la police pour un projet commercial, assurez-vous de vérifier l'accord de licence pour vous assurer que c'est autorisé. La plupart des polices vous permettront d'acheter des droits commerciaux pour une petite somme, alors soyez attentif à ces accords.

Pour cet article, je vais télécharger et installer une police d'effet sonore de Blambot. Avant de sélectionner et de télécharger une police, vous devrez réfléchir au type d'effet sonore que vous créez et au type de police qui serait approprié pour ce son. Si vous créez un effet sonore lourd, comme un crash ou un coup de poing, vous voudrez probablement utiliser une police avec des lignes épaisses et lourdes. Si vous créez un gémissement de machine aigu, vous voudrez peut-être une police avec des lignes plus fines et tremblantes. Gardez à l'esprit le « son » que vous voulez imiter et examinez les polices avec un œil critique. Avec de la pratique, vous saurez bientôt exactement quels types de lettrage produiront l'aspect approprié pour votre pièce.

 

Allons sur Blambot.com et cherchons une police ! Sur Blambot, nous trouverons un menu déroulant « Polices » dans la barre de navigation supérieure qui nous permet d'accéder directement à différentes catégories de polices. Comme nous recherchons une police d'effet sonore, j'ai choisi cette catégorie.

 

Blambot est spécifiquement destiné aux artistes de bande dessinée, c'est donc une excellente ressource pour votre projet de bande dessinée ou de manga. Chacune des images dans la catégorie des polices nous donne un aperçu de la police et nous donne une idée de la façon dont nous pouvons l'utiliser dans notre bande dessinée.

Une fois que nous trouvons un aperçu qui nous plaît, nous pouvons cliquer sur cette image et aller directement à la page de la police. Sur cette page, nous voyons plus d'aperçus du texte, y compris les variations (c'est-à-dire l'italique), et nous avons une option pour choisir une licence et ajouter la police à notre panier.

 

Comme j'utilise cette police à des fins non lucratives, je vais choisir cette licence et ajouter la police à mon panier. Si nous avions besoin de plus de polices, nous pourrions continuer à naviguer et ajouter toutes les polices au panier avant de « passer à la caisse » et de télécharger les polices.

 

Sur Blambot, nous complèterons le processus de commande et recevrons un lien de téléchargement sur la page de commande ou dans notre boîte de réception e-mail. D'autres sites de téléchargement de polices peuvent avoir un processus différent pour enregistrer les polices sur le disque dur de votre ordinateur. Le plus important lorsque vous obtenez des polices est de les enregistrer dans un endroit où vous vous souviendrez où elles se trouvent afin de pouvoir les installer plus tard.

 

Maintenant que j'ai enregistré la police sur mon ordinateur, il est temps de l'installer. La plupart des polices téléchargées sur Internet se présentent sous forme de fichier .zip que vous devrez « décompresser » afin de pouvoir installer le style de police. Pour ce faire sur PC, vous pouvez généralement simplement ouvrir l'emplacement où le fichier est enregistré, puis faire un clic droit sur le fichier compressé et cliquer sur « Extraire tout » dans le menu. Cela extraira les fichiers du fichier zip dans leur propre dossier. Nous devons maintenant double-cliquer sur le dossier et y aller pour trouver les fichiers de police « OpenType » que nous utiliserons pour installer la police.

 

Dans la capture d'écran ci-dessous, j'ai localisé les fichiers OpenType pour la police Palooka, je les ai tous les deux sélectionnés en maintenant la touche Shift de mon clavier tout en cliquant sur chaque fichier, puis j'ai fait un clic droit pour afficher le menu. En cliquant sur INSTALLER, Windows installera les fichiers de police sélectionnés dans le système d'exploitation.

 

Une fois ces fichiers installés, ils sont prêts à être utilisés dans Clip Studio Paint et d'autres programmes Windows qui utilisent des polices.

 

Si vous n'utilisez pas un système d'exploitation Windows, ce processus d'installation sera différent pour vous. Vous devrez peut-être rechercher sur Google « [votre système d'exploitation] installer des polices » pour trouver des instructions, ou vérifier le site de polices que vous utilisez pour des instructions d'installation détaillées.

 

Maintenant que notre police est prête, il est temps d'aller dans Clip Studio Paint et de créer un effet sonore !

 

Bases de l'outil Texte

Maintenant que notre police est installée sur notre ordinateur, nous pouvons nous rendre dans Clip Studio Paint. Pour ce tutoriel, j'utiliserai une toile vierge à des fins de démonstration.

 

Tout d'abord, examinons la fenêtre des propriétés de l'outil Texte. Vous pouvez afficher l'outil Texte en cliquant sur l'icône « A » dans la barre d'outils de Clip Studio Paint. La fenêtre des propriétés de l'outil Texte est affichée dans la capture d'écran ci-dessous.

 

Passons brièvement en revue les options de cette fenêtre. Vous avez probablement déjà vu certaines de ces options dans un logiciel de traitement de texte, vous devriez donc déjà être familier avec certaines d'entre elles !

 

Police : C'est ici que vous choisissez la police à utiliser parmi une liste de celles disponibles sur votre ordinateur. (REMARQUE - Si vous avez installé des polices dans la section précédente et que Clip Studio Paint était ouvert, vous devrez redémarrer le logiciel pour que la ou les nouvelles polices installées apparaissent dans la liste des polices.)

 

Taille : Définit la taille de la police. Plus le nombre est grand, plus la police est grande.

 

Style : Définit le style du texte sélectionné. Les icônes de gauche à droite sont Gras, Italique, Souligné et Barré. La capture d'écran ci-dessous montre les différents styles.

 

Justifier : Définit la justification du texte sélectionné. Les options sont justifié à gauche (toutes les lignes de texte commencent au même point à gauche), centré (toutes les lignes de texte sont centrées) et à droite (toutes les lignes de texte sont alignées à droite).

 

Direction du texte : Bascule entre le texte horizontal et vertical. La capture d'écran ci-dessous montre le texte horizontal à gauche et le texte vertical à droite.

 

Couleur du texte : Définit la couleur du texte. La première icône de cette option utilise la couleur principale, la deuxième icône définit la couleur du texte comme couleur secondaire (par défaut, blanc) et la troisième option utilise une couleur définie par l'utilisateur pour le texte. Je laisse généralement cette option telle quelle et change simplement ma sélection de couleur principale pour la couleur que je souhaite donner à mon texte.

 

Mode : Ce menu déroulant modifie la façon dont nous pouvons modifier le texte en utilisant le cadre de sélection. Par défaut, il est généralement réglé sur « Échelle/Rotation », ce qui signifie que nous pouvons utiliser la boîte bleue autour du texte saisi pour redimensionner et faire pivoter le texte. Le mode de transformation peut être modifié en sélectionnant le mode souhaité dans le menu déroulant.

 

Conserver les proportions : Lorsque cette case est cochée, le texte conservera les mêmes proportions lorsqu'il sera mis à l'échelle avec le cadre de sélection.

 

Maintenant que nous avons les bases de l'outil texte, soyons créatifs ! Dans la capture d'écran ci-dessous, j'ai utilisé la police Palooka que nous avons installée plus tôt dans cette leçon et j'ai tapé « WHAM ! » comme base de notre effet sonore.

 

Comme nous avons téléchargé une police d'effet sonore incroyable, cela a déjà l'air plutôt bien et nous pourrions l'utiliser telle quelle. Ou nous pouvons l'améliorer de quelques crans pour un impact accru !

Ajout de contours et de dégradés

Dans cette section, je vais vous montrer comment créer un dégradé sur votre texte et lui ajouter un contour pour le faire ressortir de la page. Avant de commencer à jouer avec le texte, j'aime faire une copie du calque de texte en cliquant dessus avec le bouton droit de la souris et en sélectionnant « Dupliquer le calque » dans le menu contextuel. Ensuite, je cache le calque de texte original et travaille avec la copie. Cela me permet de revenir au calque original si j'en ai besoin sans avoir à retaper le texte et constitue juste une petite mesure de sécurité supplémentaire pour gagner du temps en cas de problème plus tard dans le processus ou si je veux essayer quelque chose de différent avec mon effet sonore.

 

Création de texte en dégradé

Le premier changement que je veux apporter à ce texte est d'ajouter un dégradé au mot. Il existe plusieurs façons de le faire dans CSP, mais je vais utiliser la méthode que j'utilise le plus souvent, qui consiste à pixelliser le texte d'abord.

 

Lorsque nous pixellisons le calque de texte, nous le transformons d'un calque que nous pouvons éditer en tant que texte en un calque qui est le même qu'un calque de dessin. En pixellisant le texte, nous pouvons ensuite utiliser des pinceaux, des dégradés, des stylos, des gommes et d'autres outils sur le calque de texte pour éditer les pixels qui s'y trouvent.

 

Il est facile de pixelliser un calque ! Sélectionnez simplement le calque à pixelliser (dans ce cas, le calque de texte), cliquez avec le bouton droit de la souris sur le calque et sélectionnez « Pixelliser le calque » dans le menu. Cette option est affichée dans la capture d'écran suivante.

 

Maintenant que le calque est pixellisé, nous pouvons le modifier comme n'importe quel autre calque sur lequel nous dessinerions !

 

Je veux ajouter un dégradé au texte. Pour ce faire, nous devrons verrouiller les pixels transparents dans le calque afin que le dégradé ne s'applique qu'au texte et ne remplisse pas tout le calque. Pour ce faire, assurez-vous que le bon calque est sélectionné, puis cliquez sur l'icône « Verrouiller les pixels transparents » dans la palette Calque. Cette icône est indiquée dans la capture d'écran ci-dessous.

 

Maintenant, nous pouvons peindre ou utiliser un dégradé sur le calque et cela n'apparaîtra que sur les zones où il y a déjà des pixels - dans ce cas, là où se trouve notre texte pixellisé. Nous pouvons soit peindre les couleurs à la main, soit utiliser l'outil de dégradé pour appliquer un dégradé lisse. Sélectionnez l'outil Dégradé dans la barre d'outils. Je vais utiliser l'un des préréglages de dégradé, appelé « Coucher de soleil » pour cet exemple.

 

Après avoir sélectionné le dégradé, utilisez simplement l'outil pour dessiner le dégradé sur le texte. Comme nous avons configuré le calque pour verrouiller les pixels transparents, le dégradé n'apparaîtra que sur les lettres de notre onomatopée. Vous pouvez voir le résultat ci-dessous.

 

Les couleurs sont superbes, mais je veux ajouter un contour autour de l'extérieur des lettres afin que l'effet sonore ressorte vraiment de l'illustration. L'ajout d'un contour au texte était autrefois une corvée dans Clip Studio Paint, jusqu'à ce que les propriétés de calque d'effet de bordure soient ajoutées au programme !

 

Pour ajouter un contour à l'extérieur du texte, il suffit de localiser la fenêtre des propriétés du calque et de cliquer sur l'icône d'effet de bordure. Ci-dessous se trouve la fenêtre des propriétés du calque avec l'effet de bordure actif.

 

Jetons un coup d'œil aux options de cette fenêtre et à ce que chacune fait.

Épaisseur des bords - Contrôle l'épaisseur de l'effet de contour. Un nombre plus grand signifie une bordure plus épaisse autour des pixels du calque.

 

Couleur du bord - Contrôle la couleur de la bordure. La valeur par défaut est blanc, mais en cliquant sur le triangle à droite de l'option Couleur du bord, nous pouvons changer la couleur à notre guise.

 

Anticrénelage sur l'effet de bordure - Active ou désactive l'anticrénelage.

 

L'image ci-dessous est notre effet sonore avec une bordure noire d'une épaisseur de 10,0.

 

L'épaisseur que vous utiliserez pour votre contour dépendra de la taille de vos lettres et de l'aspect que vous souhaitez donner à votre projet.

Ajouter plus d'impact avec l'outil de transformation de maillage

Un texte qui s'étend tout droit est très bien, mais parfois vous avez besoin de quelque chose avec un peu plus de courbe et de forme pour qu'il corresponde au son que vous essayez de transmettre. Vous connaissez peut-être aussi les outils de rotation, d'inclinaison, de distorsion et de perspective, mais ceux-ci ne peuvent pas nous aider à obtenir l'aspect d'une courbe.

 

Pour l'effet sonore que nous créons dans ce tutoriel, je veux obtenir un effet de « ballon » au centre, et ce n'est pas possible avec la plupart des outils de transformation. Nous devrons utiliser l'outil de transformation de maillage pour obtenir des formes et des effets plus fous.

 

Pour accéder à l'outil de transformation de maillage, cliquez d'abord sur l'option Édition dans le menu supérieur de CSP. Descendez ensuite à Transformation, et enfin cliquez sur « Transformation de maillage ». Une fois cela fait, notre calque sélectionné devrait ressembler à la capture d'écran suivante.

 

Les lignes horizontales et verticales constituent notre maillage, et les cases à chaque intersection sont les points de contrôle que nous utiliserons pour modifier le contenu du maillage.

 

La fenêtre de la palette des propriétés de l'outil nous montre quelques options utiles pour notre transformation, comme indiqué ci-dessous.

 

Les options qui nous intéressent le plus sont « Nombre de points de grille horizontaux » et « Nombre de points de grille verticaux ». Modifier ces options augmentera ou diminuera le nombre de points de contrôle d'intersection avec lesquels nous devons travailler. Pour les transformations simples, vous pouvez laisser ces nombres tels quels ou même les réduire. Pour des effets plus complexes, vous devrez peut-être créer plus de points de grille.

 

REMARQUE : VOUS DEVEZ CHANGER LE NOMBRE DE POINTS DE GRILLE AVANT DE COMMENCER À DÉPLACER DES POINTS SUR VOTRE OBJET. Si vous commencez votre transformation et réalisez ensuite que vous avez besoin de plus ou moins de points, vous ne pouvez pas changer le nombre de points. Vous devez annuler la transformation et recommencer. Planifiez attentivement avant de commencer à déplacer les points !

 

Pour l'exemple de cet article, je vais changer le nombre de points de grille horizontaux à 6 afin d'obtenir un effet de courbe plus lisse sur le haut et le bas de l'effet sonore « WHAM ! ». J'ai utilisé les flèches vers le haut à droite de l'option de points de grille horizontaux pour augmenter le nombre de points. Maintenant, notre maillage ressemble à ceci :

 

Pour modifier l'aspect de l'effet sonore, cliquez sur l'une des cases à l'intersection d'une ligne et faites-la glisser vers une nouvelle position. Parce que je veux que le texte devienne plus grand au centre et plus petit sur les bords gauche et droit, j'ai rapproché les points des bords gauche et droit et j'ai tiré les points du centre plus loin, ce qui a donné un maillage qui ressemble à l'image suivante.

Une fois que nous sommes satisfaits de notre transformation, nous pouvons appuyer sur « Entrée » sur le clavier ou cliquer sur le bouton « OK » sous notre maillage pour valider nos changements.

 

Tous les effets sonores ci-dessous ont été créés en utilisant les techniques de cet article.

 

Avec un peu de pratique et d'expérimentation, vous créerez des effets sonores incroyables en un rien de temps !

Conclusion

Les onomatopées, ou « effets sonores », sont une partie importante de la narration visuelle. Elles peuvent apporter un accent supplémentaire aux actions et vraiment donner vie à votre art. Avec juste quelques outils simples, les créer dans Clip Studio Paint peut être une partie facile et agréable de votre processus !

 

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