Création d'effets sonores de bandes dessinées

637 vue(s)

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'étais 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 dans ces livres, en fait!

Dans cet article, je vais vous apprendre à créer vos propres effets sonores de bandes dessinées (ou «onomatopées»). 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 aussi 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 implémenté 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
Notions de base sur les outils de texte
Ajout de traits et de dégradés
Utilisation de l'outil de transformation de maillage


Commençons et faisons des effets sonores sympas!

Recherche et installation de polices sur votre ordinateur

Pour ce didacticiel, je vais utiliser des polices comme base pour les effets sonores que nous allons créer. Vous pouvez bien sûr dessiner à la main votre texte d'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. Donc, je vais plutôt utiliser des polices.

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 certains de mes sites préférés pour les polices:

http://www.1001fonts.com
http://www.blambot.com
http://www.dafont.com

Avant de télécharger et d'installer une police, cependant, nous devons considérer 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 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 permettent 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'effets sonores 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 qui conviendrait à 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 épaisses. Si vous créez un sifflement machine aigu, vous souhaiterez peut-être une police avec des lignes plus fines et tremblantes. Gardez à l'esprit le «son» que vous souhaitez émuler et regardez les polices avec un œil critique. Avec de la pratique, vous saurez bientôt exactement quels types de lettrage produiront le bon look pour votre pièce.

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

Blambot est spécialement conçu pour les 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 accéder 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 les italiques), 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 «retirer» 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 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. La chose la plus importante lorsque vous obtenez des polices est de les enregistrer dans un endroit où vous vous souviendrez de leur emplacement 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 cliquer avec le bouton droit sur le fichier compressé 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 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, sélectionné les deux en maintenant la touche Maj de mon clavier enfoncée tout en cliquant sur chaque fichier, puis cliqué avec le bouton droit pour faire apparaître 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 de système d'exploitation Windows, ce processus d'installation sera différent pour vous. Vous devrez peut-être 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!

Notions de base sur les outils 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 un canevas vierge à des fins de démonstration.

Jetons d'abord un œil à la fenêtre 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 de propriétés de l'outil 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 certaines!

Police: c'est ici que vous choisissez la police à utiliser dans la 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 même du 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 modifie 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 la zone 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 la liste déroulante.

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

Maintenant que nous avons maîtrisé les bases de l'outil texte, faisons preuve de créativité! 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 incroyable, cela semble déjà très bien et nous pourrions l'utiliser telle quelle. 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 sortir 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 et en sélectionnant "Dupliquer le calque" dans le menu contextuel. Ensuite, je masque le calque de texte d'origine 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 s'il y a un hoquet plus tard dans le processus ou si je veux essayer quelque chose différent avec mon effet sonore.

Création d'un texte dégradé
La première modification que je souhaite apporter à ce texte consiste à 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, ce qui implique d'abord de pixelliser le texte.

Lorsque nous pixellisons le calque de texte, nous le transformons d'un calque que nous pouvons modifier en texte en un calque 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), faites un clic droit sur le calque et sélectionnez «Pixelliser 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 puissions dessiner!

Je veux ajouter un dégradé au texte. Pour ce faire, nous devons verrouiller les pixels transparents du calque afin que le dégradé s’applique uniquement 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 indiqué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 tramé. 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 tracer le dégradé sur le texte. Parce que nous avons défini le calque sur Verrouiller les pixels transparents, le dégradé n'apparaîtra que sur les lettres de nos onomatopées. 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 pour que l'effet sonore ressorte vraiment de l'illustration. Ajouter un trait au texte était auparavant une corvée dans Clip Studio Paint, jusqu'à ce que les propriétés du calque d'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é de calque avec l'effet de bordure actif.

Jetons un œ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 élevé 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 de couleur de bord, nous pouvons changer la couleur en ce que nous voulons qu'elle soit.

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

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

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

Ajout de punch supplémentaire avec l'outil de transformation de maillage

Le texte qui traverse directement 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 aussi la rotation, l'inclinaison, la distorsion et la perspective, mais celles-ci ne peuvent pas nous aider à obtenir l'apparence d'une courbe.

Pour l'effet sonore que nous créons dans ce didacticiel, je veux obtenir un effet "ballon" au centre, et ce 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 du maillage». Une fois que nous avons fait cela, notre calque sélectionné devrait ressembler à la capture d'écran suivante.

Les lignes horizontales et verticales sont 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 «Nombre de points de réseau horizontaux» et «Nombre de points de réseau verticaux» nous intéressent le plus. La modification de 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 seuls ou même les réduire. Pour des effets plus complexes, vous devrez peut-être créer plus de points de réseau.

REMARQUE: VOUS DEVEZ MODIFIER LE NOMBRE DE POINTS DE LATTICE AVANT DE COMMENCER À DÉPLACER DES POINTS SUR VOTRE OBJET. Si vous commencez à effectuer votre transformation et 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 réseau horizontaux à 6 afin de pouvoir obtenir un effet de courbe plus fluide en haut et en bas du "WHAM!" effet sonore. J'ai utilisé les flèches vers le haut à droite de l'option de points de réseau horizontaux pour augmenter le nombre de points. Maintenant, notre maillage ressemble à ceci:

Pour modifier l'apparence 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 soit plus grand au centre et plus petit aux bords gauche et droit, j'ai rapproché les points des bords gauche et droit et j'ai tiré les points au 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 nous engager dans 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

Les onomatopées ou «effets sonores» sont une partie importante de la narration visuelle. Ils peuvent mettre davantage l'accent sur les actions et donner vie à votre art. Avec seulement quelques outils simples, leur création dans Clip Studio Paint peut être une partie facile et agréable de votre processus!

Commentaire

Articles similaires

Nouveautés

Nouveautés de la catégorie Officiel