Ce didacticiel concerne la configuration des cadres et des panneaux de bandes dessinées à l'aide des outils Frame Border de Clip Studio Paint. Je ferai également très bientôt un autre tutoriel supplémentaire sur les bulles !

 

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

Pour information : Il s'agit d'un sujet énorme, je ne couvrirai donc pas les webtoons, les options d'impression telles que les coupes et les fonds perdus, ou les options de pages multiples dans EX aujourd'hui. Faites-moi savoir si vous souhaitez voir tout cela dans les prochains tutoriels !

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 aux bandes dessinées.

En fait, lorsque vous créez un nouveau canevas 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 ni aucune des options de plusieurs pages si vous utilisez Clip Studio Paint Pro. Ce sont des fonctionnalités d’EX.

Le type de projet Comic est plutôt bon, mais présente certaines limites, comme le fait que vous ne pouvez configurer un fichier qu'en unités millimétriques.

 

Je préfère plutôt aller dans la catégorie "Afficher tous les paramètres de bandes dessinées", qui, comme son nom l'indique, rend tous les paramètres disponibles au même endroit !

 

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

Tout d'abord, je vais changer l'unité en pixels en utilisant la liste déroulante dans le coin supérieur droit.

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

 

Bien qu'il soit possible de simplement désactiver complètement la coche des paramètres de bande dessinée, cela supprimerait également la bordure intérieure, dont j'ai besoin. Je vais vous montrer pourquoi dans un instant !

 

Pour supprimer la taille de découpage, définissez la largeur de fond perdu sur 0, puis définissez la taille de découpage sur 3 000 x 2 000. Notez que la taille de la toile sera mise à jour pour correspondre à la taille de découpage et que le découpage ne gênera pas. .

 

Remarque : Je parlerai du paramètre Modèle plus tard dans le didacticiel. 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 indiquant où iront vos cadres de bandes dessinées.

 

Je vais le régler sur 2800 x 1800, ce qui me donne une centaine de pixels de chaque côté.

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

Ajuster la toile

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

Accédez au menu Affichage et sélectionnez Marques de rognage/Paramètres de bordure intérieure.

Voici quelques-uns des paramètres que vous avez vus lors de la création du canevas.

 

Je vais changer ma hauteur de 1 800 à 1 700 px et ajouter un décalage vertical (un décalage Y) de -50 pixels pour compenser la différence. (Assurez-vous d'ajouter NÉGATIF 50 pixels, le « - » est important.)

 

Vous pouvez voir en arrière-plan comment mon canevas a changé pour correspondre aux nouveaux paramètres. Beaucoup mieux !

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

Si vous devez modifier la taille de l'ensemble de votre canevas et souhaitez conserver les paramètres Taille de coupe et Bordure intérieure, accédez plutôt à Modifier -> Propriétés du canevas.

Bordure du cadre du panneau

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

Il existe deux façons de procéder, mais la plus simple consiste à accéder à Calque -> Nouveau calque et à sélectionner Dossier de bordure de cadre.

Vous pouvez le nommer si vous le souhaitez, et les autres options sont destinées si vous souhaitez qu'une bordure apparaisse autour de lui. J'opterai pour une largeur de trait de 15.

 

Si vous souhaitez des panneaux diagonaux, activez l'anticrénelage. Si tous vos panneaux sont horizontaux et verticaux, vous pouvez le laisser. Je vais laisser cela de côté pour le moment 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.

 

Remarquez qu'il apparaît exactement à l'endroit où j'ai défini la bordure intérieure. Si j'essayais ceci sans bordure intérieure, le cadre irait simplement jusqu'aux bords.

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

Méthode de division : diviser le dossier du cadre

L'autre chose qui s'est produite est que CSP m'a automatiquement basculé vers l'outil Frame Border, en particulier 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 divisée.

 

J'aimerais cependant une gouttière plus large entre eux, donc je vais annuler cela avec Ctrl-Z (Commande-Z sur Mac).

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

Lorsque je clique et fais glisser maintenant, il y a un écart plus grand entre eux.

Continuez à cliquer et à faire glisser, et vos images seront divisées encore et encore.

 

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

L'option Forme de division est définie par défaut sur Ligne droite, mais les deux autres options vous permettent d'ajouter des divisions irrégulières ou courbes, comme ceci :

Espace de bordure du cadre dans les préférences

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

Accédez à 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 Propriétés de l'outil, cochez la case Espace de bordure du 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'en faisons-nous ? Vous obtenez une icône nulle si vous essayez d'utiliser des outils de dessin sur un. L'indice est cependant dans le nom : ce sont des dossiers !

Créez un nouveau calque à l’intérieur d’un autre. Il peut s'agir de n'importe quel type de calque : raster, texte, bulle et même d'autres dossiers. Ici, je viens d'utiliser le bouton Nouveau calque raster pour créer mon calque.

Vous pouvez désormais dessiner sur ce calque - et votre dessin est délimité dans le cadre !

 

Astuce : Si votre outil de dessin s'aligne sur le 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 placer autant de calques que vous le souhaitez dans un cadre, afin d'en avoir un pour les croquis, les dessins au trait et les couleurs - ou toute autre structure qui vous convient.

Méthode de division : utilisation d'un dossier de bordure à cadre unique

S’il vous semble qu’il y a beaucoup de couches à suivre, vous avez raison ! Il existe des raisons pour lesquelles vous souhaiterez peut-être conserver chaque image dans un dossier distinct, mais ce n’est pas la seule façon de le faire. Examinons une autre option : utiliser à la place un seul dossier de bordure de cadre.

Je recommence à partir de mon dossier de bordure de cadre d'origine.

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

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

…mais les conserve dans le même dossier.

Créer un calque dans celui-ci et y dessiner montre 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. Redéfinissez la méthode de division sur Diviser le dossier du cadre et dupliquer le calque intérieur .

Faites une autre division.

Vous avez maintenant deux images sur un dossier et une image indépendante des deux. Vous pouvez séparer les images de cette manière si, par exemple, vous souhaitez que l'une d'elles chevauche les autres.

 

Notez qu'il a également fait une copie du calque enfant du cadre d'origine, y compris le dessin !

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

Cela fait exactement la même chose que la première option, sauf qu'elle vous permet de démarrer avec un dossier de cadres complètement vide au lieu de copier l'original.

Ajustement des cadres

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

Voici une petite bande dessinée que j’ai réalisée à titre d’exemple. (Ne vous inquiétez pas, ce ne sont que quelques dragons qui se battent, ils ne se font pas de mal !)

 

Avec le sous-outil Objet, vous pouvez sélectionner un cadre individuel. Vous pouvez également sélectionner plusieurs images en maintenant Maj enfoncé, à condition qu'elles se trouvent dans le même dossier.

 

Toutefois, vous ne pouvez pas sélectionner simultanément des images provenant de différents dossiers.

Une fois un cadre sélectionné, vous pouvez modifier des propriétés telles que la couleur de sa bordure à l'aide de l'option Couleur principale ou l'épaisseur à l'aide de l'option Taille du pinceau.

 

Astuce : Il existe également de nombreuses autres options de pinceaux, si vous souhaitez faire preuve de créativité !

Gardez les gouttières alignées

Vous pouvez également ajuster la taille du cadre.

Par défaut, le programme tente d'ajuster les autres images pour qu'elles correspondent, même si elles se trouvent dans des dossiers différents.

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

Désormais, vous n’ajusterez qu’un seul panneau et aucun des autres ne tentera de faire 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, aussi bien entre les cadres qu'entre un cadre et le bord de la toile.

 

C'est génial si vous voulez un cadre à fond perdu comme vous le voyez dans certaines bandes dessinées.

Déplacement des images

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

Si vous souhaitez déplacer le tout, accédez à l'outil Déplacer le calque et assurez-vous que le sous-outil Déplacer le calque est sélectionné.

Sélectionnez tout le dossier du cadre (pas aucun des 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. Ceci est utile si vous souhaitez repositionner un dessin dans le 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 souhaiterez peut-être les utiliser.

Anti crénelage

Comme je l'ai mentionné précédemment, si vous souhaitez des images diagonales, vous souhaiterez probablement que l'anticrénelage soit activé.

Je l'ai laissé comme démonstration. Lorsque je zoome, vous pouvez voir que les bords de mes cadres sont des pixels irréguliers.

Pour l'activer, ouvrez la palette Détails du sous-outil en cliquant sur l'icône en forme de clé, puis accédez à Anti-aliasing.

Moyen est une bonne option.

 

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

Formes de cadre personnalisées

Tout cela est parfait pour les panneaux à bords droits, mais que se passe-t-il si vous voulez faire preuve de créativité ?

J'ai recommencé avec ma toile complètement vide avec sa bordure intérieure.

Sous-outil Cadre rectangulaire

Sur l'outil Bordure du cadre, il y a deux onglets en haut : Créer un cadre et Couper la bordure du cadre. Jusqu'à présent, nous utilisions le deuxième, mais maintenant, cliquez sur Créer un cadre.

 

Ensuite, sélectionnez le sous-outil Cadre rectangulaire.

Cliquez et faites glisser une bordure de cadre.

 

Il s'accroche toujours à votre bordure intérieure si vous en êtes suffisamment proche, mais vous pouvez lui donner la taille de votre choix. Ceci est similaire à la façon dont nous avons créé notre bordure auparavant, mais ici, vous avez plus de contrôle et vous n'êtes pas obligé de lui donner 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 disposez de 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 bien superposer les cadres.

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

Cela ajoute simplement de nouvelles images au même dossier que l'image initiale.

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 remplissage d'arrière-plan blanc.

 

Utilisez les boutons affichés pour désactiver l’une ou les deux options.

Cadres de cercle et de polygone

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

Ici, vous pouvez modifier l'outil pour vous permettre de créer des cadres circulaires ou polygonaux.

 

Vous avez également accès aux autres fonctionnalités de Figure, telles que le nombre de coins, les bords arrondis et leur verrouillage selon un rapport hauteur/largeur particulier.

Cadre polyligne

Le sous-outil suivant est le Cadre polyligne.

Il propose des options pour dessiner des bordures de cadre irrégulières avec des lignes droites…

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

Stylo de bordure de cadre

Le dernier sous-outil par défaut s'appelle Frame Border Pen.

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

Modèles de panneaux intégrés

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

Ouvrez le panneau Matériau en accédant à Fenêtre -> Matériau et en choisissant l'une des options affichées.

Ouvrez Manga Material et sélectionnez le dossier Framing Template.

Ils sont affichés au format vertical, mais ce qui est vraiment bien, c'est que si vous cliquez et faites glisser un, il s'adapte à 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 à cette option de modèle plus tôt dans le didacticiel !

 

Lorsque vous créez un nouveau canevas, 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 le sujet d'un autre tutoriel !

 

Cochez la case Modèle, puis cliquez sur le bouton situé juste en dessous de la couleur du papier pour sélectionner un modèle.

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

Lorsque vous créez le nouveau canevas, le modèle que vous avez choisi sera inclus dès le départ !

Diviser la bordure du cadre de manière égale

Une dernière chose! Disons que vous voulez juste une simple grille d’images égales.

Commencez par une bordure de cadre comme nous l'avons fait auparavant et assurez-vous que le dossier Frame Border est sélectionné.

Accédez à Couche -> Règle/Cadre -> Diviser la bordure du cadre de manière égale.

Choisissez le nombre de divisions verticales et horizontales souhaitées.

 

L'option Divide Folder est identique aux méthodes de division que nous avons examinées précédemment.

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

Cliquez sur OK, et voilà. Divisions parfaites et égales !

 

Remarque : Cela ne vous donne pas d'option pour les largeurs de gouttières. La fonctionnalité Diviser la bordure du cadre de manière égale utilise à la place ce que vous avez configuré dans les Préférences.

Conclusion

D'accord, c'est tout pour celui-ci. Clip Studio Paint dispose de nombreux outils très utiles pour configurer des panneaux de bandes dessinées, et j'espère vous avoir aidé à apprendre à bien les utiliser.

 

Je ferai très bientôt une autre vidéo sur ma chaîne YouTube sur l'ajout de bulles à cette petite bande dessinée de dragon que j'ai réalisée. Clip Studio Paint propose également d'excellents outils pour les bulles vocales, alors restez à l'écoute !

 

Assurez-vous de me suivre @MsRedNebula sur Twitter, Instagram, Bluesky, ou Mastodon pour voir 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 à créer des bandes dessinées !