salut! 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!

 

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

 

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 ajouter du punch à une scène de combat, de la gravité à une scène pleine de suspense et même améliorer une punchline.

 

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

Principes de base de l'outil de texte

Ajout de traits et de dégradés

Utilisation de l'outil de transformation de maillage

 

 

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

 

Recherche et installation de polices sur votre ordinateur

Pour ce didacticiel, j'utiliserai les polices comme base des 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 lettreurs professionnels ayant les compétences nécessaires pour le faire. Je vais donc utiliser des polices à la place.

 

Où pouvons-nous trouver de bonnes polices à utiliser pour nos bandes dessinées? De nombreux sites Web 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:

 

Cependant, avant de télécharger et d'installer une police, nous devons tenir compte du contrat 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 certaines 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 le contrat de licence pour vous assurer qu'il est autorisé. La plupart des polices vous permettront d'acheter des droits commerciaux pour une somme modique, alors gardez un œil sur 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 devez réfléchir au type d’effet sonore que vous créez et au type de police approprié pour ce son. Si vous créez un effet sonore lourd, comme un crash ou un coup de poing, vous souhaiterez probablement utiliser une police aux lignes épaisses et lourdes. Si vous créez un gémissement mécanique aigu, vous voudrez peut-être une police avec des lignes plus fines qui tremblent. Gardez à l'esprit le «son» que vous souhaitez émuler et regardez les polices d'un œil critique. Avec de la pratique, vous saurez bientôt exactement quels types de lettrage donneront le bon look à votre pièce.

 

Allons sur Blambot.com et cherchons une police! Sur Blambot, nous trouverons un menu déroulant "Polices" dans le menu de navigation supérieur qui nous permet d'accéder directement aux différentes catégories de polices. Parce que nous recherchons une police Sound Effect, j'ai choisi cette catégorie.

 

Blambot est spécifiquement destiné aux artistes de bandes dessinées, ils sont donc une excellente ressource pour votre projet de bande dessinée ou de manga. Chacune des images de la catégorie de police 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 avons trouvé un aperçu que nous aimons, 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 toutes les variations (c'est-à-dire en italique), et nous avons la possibilité de choisir une licence et d'ajouter la police à notre panier.

 

Étant donné que j'utilise cette police à des fins non lucratives, je vais choisir cette licence, puis 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 «vérifier» et de télécharger les polices.

 

Sur Blambot, nous terminerons le processus de paiement et recevrons un lien de téléchargement sur la page de paiement ou dans notre boîte de réception électronique. 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. La chose la plus importante 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 sont fournies dans un fichier .zip que vous devrez «décompresser» pour 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 zippé et cliquer sur «Extraire tout» dans le menu. Cela extraira les fichiers du fichier zip dans leur propre dossier. Maintenant, nous devons double-cliquer sur le dossier et aller à l'intérieur pour trouver les fichiers de polices «OpenType» que nous utiliserons pour installer la police.

 

Dans la capture d'écran ci-dessous, j'ai localisé les fichiers OpenType de la police Palooka, je les ai sélectionnés tous les deux en maintenant la touche Maj de mon clavier enfoncée tout en cliquant sur chaque fichier, puis en faisant un clic droit pour afficher le menu. En cliquant sur INSTALLER, Windows installera les fichiers de polices 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 dans d’autres programmes Windows utilisant des polices.

 

Si vous n’utilisez pas de système d’exploitation Windows, ce processus d’installation sera différent pour vous. Vous devrez peut-être chercher sur Google «[votre système d'exploitation] installer les polices» pour trouver des instructions ou consulter le site de polices que vous utilisez pour obtenir 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!

 

Principes de base de l'outil de texte

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

 

Examinons d'abord la fenêtre Propriétés de l'outil de texte. Vous pouvez faire apparaître l'Outil Texte en cliquant sur l'icône «A» dans la barre d'outils de Clip Studio Paint. La fenêtre de propriétés de l'outil de texte est illustré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 mêmes options dans un logiciel de traitement de texte, vous devriez donc déjà en connaître quelques-unes!

 

Police: c'est ici que vous choisissez la police à utiliser dans 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 polices nouvellement installées apparaissent dans la liste des polices.)

 

Taille: définissez la taille de la police. Plus le nombre est élevé, 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ées à gauche (toutes les lignes de texte commencent au même point à gauche), au centre (toutes les lignes de texte sont centrées) et à droite (toutes les lignes de texte sont égales sur le côté droit).

 

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 (le blanc par défaut) et la troisième option utilise une couleur définie par l'utilisateur pour le texte. Je laisse généralement cette option seule et change simplement ma sélection de couleurs principale pour la couleur que je veux que mon texte soit.

 

Mode: ce menu déroulant change la façon dont nous pouvons modifier le texte en utilisant le cadre de sélection. Par défaut, il est généralement défini sur "Echelle / Rotation", ce qui signifie que nous pouvons utiliser le cadre bleu 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 la liste déroulante.

 

Conserver le rapport hauteur / largeur: lorsque cette case est cochée, le texte reste dans le même rapport hauteur / largeur lorsqu'il est mis à l'échelle avec le cadre de sélection.

 

Maintenant que nous avons les bases de l'outil de 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.

 

Parce que nous avons téléchargé une police Sound Effect étonnante, cela semble déjà assez bon et nous pourrions l'utiliser tel quel. Ou nous pouvons prendre quelques crans pour plus de punch!

Ajout de traits et de dégradés

Dans cette section, je vais vous montrer comment créer un dégradé sur votre texte et y ajouter un contour pour le faire ressortir de la page. Avant de commencer à jouer avec du 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 d'origine si j'en ai besoin sans avoir à retaper le texte et c'est juste une petite mesure de sécurité supplémentaire pour gagner du temps en cas de hoquet plus tard dans le processus ou si je veux essayer quelque chose différent avec mon effet sonore.

 

Création de texte dégradé

La première modification que je souhaite apporter à ce texte est d'ajouter un dégradé au mot. Il y a plusieurs façons de faire cela dans CSP, mais je vais utiliser la méthode que j'utilise le plus souvent, qui consiste à pixelliser d'abord le texte.

 

Lorsque nous pixellisons le calque de texte, nous le transformons d'un calque que nous pouvons modifier en tant que texte en un calque qui est identique à un calque de dessin. En pixellisant le texte, nous pouvons ensuite utiliser des pinceaux, des dégradés, des stylos, des gommes à effacer et d'autres outils sur le calque de texte pour modifier 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 sur le calque et sélectionnez «Rastériser le calque» dans le menu. Cette option est illustré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 souhaite ajouter un dégradé au texte. Pour ce faire, nous devons 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 des calques. Cette icône est marquée dans la capture d'écran ci-dessous.

 

Maintenant, nous pouvons peindre ou utiliser un dégradé sur le calque et il ne s'affichera que sur les zones où il y a déjà des pixels - dans ce cas, où se trouve notre texte pixellisé. Nous pouvons peindre les couleurs à la main ou 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é «Sunset» pour cet exemple.

 

Après avoir sélectionné le dégradé, utilisez simplement l'outil pour dessiner le dégradé sur le texte. Parce que nous définissons le calque sur 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 ont l'air géniales, mais je souhaite ajouter un contour à l'extérieur des lettres afin que l'effet sonore ressorte vraiment de l'illustration. L'ajout d'un trait au texte était une corvée dans Clip Studio Paint, jusqu'à ce que les propriétés du calque de l'effet de bordure soient ajoutées au programme!

 

Pour ajouter un trait à l'extérieur du texte, il suffit de localiser la fenêtre Propriétés du calque et de cliquer sur l'icône Effet de bordure. Ci-dessous se trouve la fenêtre 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 trait. 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 le blanc, mais en cliquant sur le triangle à droite de l'option Couleur de bord nous permet de changer la couleur en ce que nous voulons qu'elle soit.

 

Anti-aliasing on border effect - Active et désactive l'anti-aliasing.

 

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

 

L'épaisseur que vous utilisez pour votre trait dépendra de la taille de vos lettres et du look que vous souhaitez pour votre projet.

Ajout de poinçon supplémentaire avec l'outil de transformation de maillage

Le texte qui traverse tout droit est bien beau, 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 la rotation, l’inclinaison, la distorsion et la perspective, mais cela ne peut pas nous aider à obtenir l’aspect d’une courbe.

 

Pour l'effet sonore que nous créons dans ce didacticiel, je souhaite obtenir un effet «bulle» au centre, ce qui n'est pas possible avec la plupart des outils de transformation. Nous devrons utiliser l'outil 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 Modifier dans le menu supérieur de CSP. Ensuite, descendez jusqu'à Transformer, et enfin cliquez sur «Transformation de maillage». Une fois que nous avons fait cela, le calque sélectionné devrait ressembler à la capture d'écran suivante.

 

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

 

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

 

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

 

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

 

Pour l'exemple de cet article, je vais changer le nombre de points de treillis horizontaux à 6 afin que je puisse obtenir un effet de courbe plus lisse en haut et en bas de "WHAM!" effet sonore. J'ai utilisé les flèches vers le haut à droite de l'option de points de treillis 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 donne 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 modifications.

 

Tous les effets sonores ci-dessous ont été créés à l'aide des techniques décrites dans cet article.

 

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

Conclusion

L'onomatopée, ou «effets sonores», est une partie importante de la narration visuelle. Ils peuvent mettre davantage l'accent sur les actions et vraiment donner vie à votre art. Avec seulement 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/