Ce tutoriel explique comment configurer les planches et les cases de bande dessinée à l'aide des outils de bordure de cadre dans Clip Studio Paint. Je ferai également un autre tutoriel supplémentaire sur les bulles de dialogue très bientôt !

 

Voici une version vidéo de ce tutoriel, mais si vous préférez le texte, vous le trouverez ci-dessous.

Pour information - C'est un vaste sujet, donc je ne couvrirai pas les webtoons, les options d'impression comme les fonds perdus et les marges de rognage, ou les options de plusieurs pages dans EX aujourd'hui. Faites-moi savoir si vous souhaitez voir l'une de ces options dans de futurs tutoriels, cependant !

Créer une toile de bande dessinée

Clip Studio Paint a commencé sous le nom de Manga Studio, il possède donc de nombreuses fonctionnalités liées à la bande dessinée.

En fait, lorsque vous créez une nouvelle toile en allant dans Fichier -> Nouveau, quatre des six types de projets sont liés à la bande dessinée.

 

Remarque : Vous ne verrez pas l'option Impression de fanzine ou les options de plusieurs pages si vous utilisez Clip Studio Paint Pro. Ce sont des fonctionnalités d'EX.

Le type de projet Bande dessinée est plutôt bon, mais présente certaines limitations, comme le fait que vous ne pouvez configurer un fichier qu'en unités millimétriques. Je préfère aller plutôt dans la catégorie "Afficher tous les paramètres de bande dessinée", qui, comme son nom l'indique, rend tous les paramètres disponibles en un seul endroit !

 

Pour cet exemple, je vais créer une bande dessinée numérique sur une toile de 3000 pixels de large sur 2000 pixels de haut.

Tout d'abord, je vais changer l'unité en pixels à l'aide du menu déroulant dans le coin supérieur droit.

Je n'utiliserai pas les options de rognage puisque ce projet sera uniquement numérique.

 

Bien qu'il soit possible de désactiver complètement la case à cocher Paramètres de bande dessinée, cela supprimerait également la Bordure intérieure, dont j'ai besoin. Je vous montrerai pourquoi dans un instant !

 

Pour supprimer la taille de rognage, définissez la Largeur du fond perdu sur 0, puis vous pouvez définir la Taille de rognage sur 3000 par 2000. Notez que la taille de la toile se mettra à jour pour correspondre à la taille de rognage, et que le rognage sera hors de vue.

 

Remarque : Je parlerai du paramètre Modèle plus tard dans le tutoriel. Quant à la Résolution, elle n'est pertinente que si vous avez l'intention d'imprimer la toile. Si vous êtes curieux de connaître la résolution d'image (souvent appelée DPI ou PPI), j'ai un tutoriel qui en parle ici :

La bordure intérieure est un guide pour l'emplacement de vos cadres de bande dessinée.

 

Je la réglerai à 2800 par 1800, me donnant cent pixels de chaque côté.

Cliquez sur OK, et voici la nouvelle toile ! Vous pouvez voir le contour de la bordure intérieure à 100px de chaque côté. Le rognage est techniquement là aussi, mais comme il correspond exactement à la taille de ma toile, vous ne pouvez pas vraiment le voir.

Ajuster la toile

Les bandes dessinées ont souvent une marge inférieure plus large que celle que j'ai configurée, c'est donc le bon moment pour apprendre à ajuster les paramètres.

Allez dans le menu Affichage, et sélectionnez Paramètres de traits de coupe/bordure intérieure.

Voici certains des mêmes paramètres que vous avez vus lors de la création de la toile. Je vais changer ma hauteur de 1800 à 1700px, et ajouter un décalage vertical (un décalage Y) de -50 pixels pour compenser la différence. (Assurez-vous d'ajouter MOINS 50 pixels, le "-" est important.)

 

Vous pouvez voir en arrière-plan comment ma toile a changé pour correspondre aux nouveaux paramètres. Bien mieux !

Il est également important de savoir que l'utilisation de certaines options comme Édition -> Modifier la résolution de l'image ou Édition -> Modifier la taille de la toile entraînera la suppression de vos traits de coupe et de vos bordures.

Si vous devez modifier la taille de votre toile entière et que vous souhaitez conserver les paramètres de taille de rognage et de bordure intérieure, allez plutôt dans Édition -> Propriétés de la toile.

Bordure de cadre de planche

Tout d'abord, je vais créer la bordure de cadre de la bande dessinée.

Il y a deux façons de faire cela, mais la plus simple est d'aller dans Calque -> Nouveau calque, et de sélectionner Dossier de bordure de cadre.

Vous pouvez le nommer si vous le souhaitez, et les autres options sont pour si vous voulez qu'une bordure apparaisse autour. Je vais opter pour une largeur de ligne de 15.

 

Si vous voulez des panneaux diagonaux, activez l'anti-crénelage. Si tous vos panneaux seront horizontaux et verticaux, vous pouvez le laisser désactivé. Je le laisserai désactivé pour l'instant afin de pouvoir vous montrer l'effet plus tard.

Lorsque vous cliquez sur OK, deux choses se produisent.

 

D'une part, vous avez maintenant ce cadre avec un contour noir de 15px, entouré de bleu.

 

Notez qu'il apparaît exactement là où j'ai configuré la bordure intérieure. Si j'avais essayé cela sans bordure intérieure, le cadre aurait simplement été jusqu'aux bords à la place.

Le cadre apparaît comme un type spécial de dossier sur le panneau Calque.

Méthode de division : Diviser le dossier de cadre

L'autre chose qui s'est produite est que CSP m'a automatiquement basculé vers l'outil Bordure de cadre, spécifiquement ce sous-outil Diviser le dossier de cadre.

Si je clique et fais glisser, mon cadre est divisé le long de cette ligne.

Et j'ai maintenant deux dossiers de cadres, un pour chaque partie qui a été divisée. J'aimerais cependant un espacement plus large entre eux, alors je vais annuler cela avec Ctrl-Z (Commande-Z sur Mac).

Dans la palette de propriétés de l'outil, je vais changer mes gouttières verticales et horizontales à 60 chacune.

Lorsque je clique et fais glisser maintenant, il y a un espace plus large entre eux.

Continuez à cliquer et à faire glisser, et vos cadres seront divisés encore et encore.

 

Astuce : Maintenez la touche Maj enfoncée pour verrouiller les divisions de cadre à la verticale, à l'horizontale ou à 45 degrés.

L'option Forme de la division est définie sur Ligne droite par défaut, mais les deux autres options vous permettent d'ajouter des divisions en zigzag ou courbées, comme ceci :

Espacement de la bordure de cadre dans les Préférences

Si vous constatez que vous utilisez constamment la même taille de bordure de cadre, allez dans Fichier -> Préférences.

Allez à la section intitulée Cadre de calque.

 

Ici, vous pouvez définir les gouttières verticales et horizontales par défaut. Appuyez sur OK lorsque vous avez terminé.

De retour dans la palette de propriétés de l'outil, cochez la case Espace de la bordure de cadre dans les préférences, et il utilisera simplement vos gouttières préférées par défaut.

Dessiner dans les cadres

Alors, maintenant nous avons un tas de cadres - qu'est-ce qu'on en fait ? Vous obtenez une icône nulle si vous essayez d'utiliser des outils de dessin sur l'un d'eux. L'indice est dans le nom, cependant - ce sont des dossiers !

Créez un nouveau calque à l'intérieur de l'un d'eux. Il peut s'agir de n'importe quel type de calque : raster, texte, bulle de dialogue, et même d'autres dossiers. Ici, j'ai juste utilisé le bouton Nouveau calque raster pour créer mon calque.

Maintenant, vous pouvez dessiner sur ce calque - et votre dessin est délimité dans le cadre !

 

Astuce : Si votre outil de dessin s'accroche au cadre, désactivez la règle attachée à ce cadre en cliquant avec le bouton droit sur l'icône de la règle et en désélectionnant « Afficher la règle ».

Vous pouvez mettre autant de calques à l'intérieur d'un cadre que vous le souhaitez, de sorte que vous pouvez en avoir un pour l'esquisse, le line art et les couleurs - ou toute autre structure qui vous convient.

Méthode de division : Utilisation d'un seul dossier de bordure de cadre

S'il vous semble qu'il y a beaucoup de calques à gérer, vous avez raison ! Il y a des raisons pour lesquelles vous voudriez garder chaque cadre comme un dossier séparé, mais ce n'est pas la seule façon de faire. Examinons une autre option : utiliser un seul dossier de bordure de cadre à la place.

Je recommence à partir de mon dossier de bordure de cadre original.

Cette fois-ci, à côté de Méthode de division, je vais sélectionner l'option Diviser non pas le dossier mais la bordure de cadre.

Cliquez et faites glisser pour créer la division. Avec cette option, cela ajoute toujours une division entre les cadres…

…mais les garde dans le même dossier.

La création d'un calque dans celui-ci et le dessin dedans montrent la différence. Vous ne voyez pas le dessin dans la gouttière, mais vous pouvez dessiner sur les deux panneaux.

Combiner les méthodes de division

Vous pouvez également combiner les deux méthodes. Rechangez la Méthode de division en Diviser le dossier de cadre et dupliquer le calque interne.

Faites une autre division.

Maintenant, vous avez deux cadres dans un seul dossier, et un cadre indépendant des deux. Vous pouvez séparer les cadres de cette façon si, par exemple, vous voulez que l'un d'eux chevauche les autres. Notez qu'il a également fait une copie du calque enfant du cadre original, y compris le dessin !

Si vous ne voulez pas ce comportement, choisissez la Méthode de division du milieu, Diviser le dossier de cadre et créer un dossier vide.

Cela fait exactement la même chose que la première option, sauf que cela vous permet de commencer avec un dossier de cadre complètement vierge au lieu de copier l'original.

Ajuster les cadres

Les bordures de cadre sont des objets, donc pour les ajuster, allez dans l'outil Opération et choisissez notre vieil ami, le sous-outil Objet.

Voici une petite bande dessinée que j'ai faite en guise d'exemple. (Ne vous inquiétez pas, ce ne sont que quelques dragonnets qui chahutent, ils ne se blessent pas !) Avec le sous-outil Objet, vous pouvez sélectionner un cadre individuel. Vous pouvez également sélectionner plusieurs cadres en maintenant la touche Maj enfoncée, tant qu'ils se trouvent dans le même dossier. Vous ne pouvez cependant pas sélectionner des cadres de dossiers différents en même temps.

Avec un cadre sélectionné, vous pouvez modifier des propriétés comme sa couleur de bordure en utilisant l'option Couleur principale, ou l'épaisseur en utilisant l'option Taille du pinceau. Astuce : Il existe de nombreuses autres options de pinceau, si vous voulez être créatif !

Garder les gouttières alignées

Vous pouvez également ajuster la taille du cadre.

Par défaut, le programme tente d'ajuster les autres cadres pour qu'ils correspondent, même s'ils sont dans des dossiers différents.

Si vous ne voulez pas ce comportement, mettez l'option Garder les gouttières alignées sur Aucun.

Maintenant, vous n'ajusterez que ce panneau, et aucun des autres n'essaiera de correspondre à l'ajustement.

Supprimer les gouttières

Remarquez ces petites flèches jaunes autour d'un cadre sélectionné.

Vous pouvez cliquer dessus pour supprimer les gouttières, à la fois entre les cadres, et entre un cadre et le bord de la toile. C'est excellent si vous voulez un cadre à fond perdu comme on en voit dans certaines bandes dessinées.

Déplacer les cadres

Vous pouvez déplacer un cadre sélectionné à l'aide du sous-outil Objet, mais notez que le calque (ou les calques) à l'intérieur du dossier restent statiques.

Si vous voulez déplacer le tout, allez dans l'outil Déplacer le calque, et assurez-vous que le sous-outil Déplacer le calque est sélectionné.

Sélectionnez l'intégralité du dossier de cadre (pas les sous-calques) et cliquez pour le faire glisser. Le cadre et son contenu se déplacent ensemble. Remarque : Si un sous-calque est sélectionné, seul ce calque se déplacera et le cadre ne le fera pas. C'est utile si vous souhaitez repositionner un dessin à l'intérieur du cadre ! Évidemment, cela fonctionne mieux lorsque tous vos cadres sont des dossiers séparés, et c'est l'une des raisons pour lesquelles vous pourriez vouloir les utiliser.

Anti-crénelage

Comme je l'ai mentionné précédemment, si vous voulez des cadres diagonaux, vous voudrez très probablement activer l'anti-crénelage.

Je l'ai désactivé pour la démonstration. Lorsque je zoome, vous pouvez voir que les bords de mes cadres sont des pixels dentelés.

Pour l'activer, ouvrez la palette Détail du sous-outil en cliquant sur l'icône de la clé à molette, puis allez dans Anti-crénelage.

Moyen est une bonne option. Notez que cela n'affecte que les panneaux que vous avez sélectionnés, donc si toutes vos bordures de cadre sont des dossiers séparés, vous devrez le faire pour chacun d'eux. (C'est pourquoi il est préférable d'activer l'anti-crénelage dès le début si vous pensez en avoir besoin !)

Formes de cadre personnalisées

C'est très bien pour les panneaux à bords droits, mais si vous voulez être créatif ?

Je suis reparti avec ma toile complètement vide configurée avec sa bordure intérieure.

Sous-outil Cadre rectangulaire

Sur l'outil Bordure de cadre, il y a deux onglets en haut : Créer un cadre, et Couper la bordure de cadre. Jusqu'à présent, nous avons utilisé le second, mais maintenant, cliquez sur Créer un cadre. Ensuite, sélectionnez le sous-outil Cadre rectangulaire.

Cliquez et faites glisser pour créer une bordure de cadre. Elle s'accroche toujours à votre bordure intérieure si vous en êtes suffisamment proche, mais vous pouvez la faire de la taille que vous voulez. C'est similaire à la façon dont nous avons créé notre bordure auparavant, mais ici vous avez plus de contrôle et n'avez pas à la faire de la même taille que la bordure intérieure.

Dans les propriétés de l'outil Cadre rectangulaire, à côté de Comment ajouter, vous avez deux options. Commençons par Créer un nouveau dossier.

L'ajout de nouveaux cadres avec cette option les place par défaut dans un nouveau dossier, ce qui vous permet également de chevaucher les cadres joliment.

La deuxième option est Ajouter au dossier sélectionné.

Cela ajoute simplement tout nouveau cadre au même dossier que le cadre initial.

Par défaut, la création de nouveaux cadres à l'aide du sous-outil Cadre rectangulaire (ou de l'un des sous-outils sous Créer un cadre) fournira également à votre cadre un calque raster vide et un fond blanc. Utilisez les interrupteurs affichés pour désactiver l'une ou les deux de ces options.

Cadres circulaires et polygonaux

L'outil Cadre rectangulaire possède une fonctionnalité similaire aux autres outils de type Figure dans Clip Studio Paint, où vous pouvez accéder à sa palette de détails du sous-outil en cliquant sur l'icône de la clé, puis en choisissant la section Figure.

Ici, vous pouvez changer l'outil pour vous permettre de créer des cadres circulaires ou polygonaux. Vous avez également accès aux autres fonctionnalités de Figure, comme le nombre de coins, les bords arrondis et le verrouillage à un rapport d'aspect particulier.

Cadre de polyligne

Le sous-outil suivant est le Cadre de polyligne.

Il a des options pour dessiner des bordures de cadre dentelées avec des lignes droites…

Et aussi des bordures avec trois types de lignes courbes (spline, bézier quadratique et bézier cubique).

Stylo bordure de cadre

Le dernier sous-outil par défaut s'appelle le Stylo bordure de cadre.

Celui-ci vous permet simplement de dessiner un cadre à main levée, de manière totalement libre !

Modèles de panneaux intégrés

Clip Studio Paint dispose également d'une variété de modèles de panneaux intégrés pour vous aider à démarrer.

Ouvrez le panneau Matériau en allant dans Fenêtre -> Matériau, et en choisissant l'une des options affichées.

Ouvrez Matériau Manga, et sélectionnez le dossier Modèle d'encadrement.

Ils sont affichés au format vertical, mais ce qui est vraiment bien, c'est que si vous en glissez un, il se conforme à la taille de votre toile. Il respecte également l'endroit où vous avez défini votre bordure intérieure !

J'ai mentionné que je reviendrais sur l'option Modèle plus tôt dans le tutoriel ! Lorsque vous créez une nouvelle toile, vous avez la possibilité d'inclure un modèle. Ce sont les mêmes modèles que vous venez de voir dans le panneau Matériau. Astuce : Vous pouvez également créer vos propres modèles, mais c'est un sujet pour un autre tutoriel ! Cochez la case Modèle, puis cliquez sur le bouton juste en dessous de la couleur du papier pour sélectionner un modèle.

Choisissez le modèle que vous souhaitez dans la liste, puis cliquez sur OK.

Lorsque vous créez la nouvelle toile, le modèle que vous avez choisi sera inclus dès le départ !

Diviser la bordure de cadre également

Une dernière chose ! Disons que vous voulez simplement une grille simple de cadres égaux.

Commencez par une bordure de cadre comme nous l'avons fait précédemment, et assurez-vous que le dossier de bordure de cadre est sélectionné.

Allez dans Calque -> Règle/Cadre -> Diviser la bordure de cadre également.

Choisissez le nombre de divisions verticales et horizontales que vous souhaitez. L'option Diviser le dossier est exactement la même que les méthodes de division que nous avons examinées précédemment.

Vous pouvez voir ce que fait Adapter à la direction latérale du cadre dans l'aperçu lorsque je le bascule. Cela ne fera aucune différence sur un cadre rectangulaire, mais cela en fera sur toute autre forme.

Cliquez sur OK, et voilà. Des divisions parfaites et égales ! Remarque : Il ne vous donne pas d'option pour la largeur des gouttières. La fonction Diviser la bordure de cadre également utilise ce que vous avez configuré dans les Préférences à la place.

Conclusion

Voilà, c'est tout pour ce tutoriel. Clip Studio Paint dispose de nombreux outils très utiles pour la mise en place des planches de bande dessinée, et j'espère vous avoir aidé à bien les utiliser. Je ferai très bientôt une autre vidéo sur ma chaîne YouTube sur l'ajout de bulles de dialogue à cette petite bande dessinée de dragon que j'ai faite. Clip Studio Paint propose également d'excellents outils pour les bulles de dialogue, alors restez à l'écoute ! N'oubliez pas de me suivre @MsRedNebula sur Twitter, Instagram, Bluesky, ou Mastodon pour savoir quand j'annonce de nouveaux tutoriels. Vous pouvez également me suivre ici sur Clip Studio Tips, ou vous abonner à ma chaîne YouTube. Amusez-vous bien à faire des bandes dessinées !