Outils de bordure de cadre

1. L'icône de l'outil ressemble à des panneaux de bandes dessinées.

2. Il existe trois outils par défaut, chacun étant livré avec des options de configuration similaires mais différentes dans leur application :

• [Cadre rectangulaire] > cliquez et faites glisser,

• [Cadre polyligne] > à chaque clic, vous ajoutez un nouveau point de contrôle qui déterminera la forme du cadre,

• [Frame border pen] > dessinez comme vous le feriez avec un pinceau.

3. [Dessiner la bordure] rend visible la bordure du cadre. Lorsqu'il est désactivé, vous obtiendrez un cadre sans bordure. La règle sera visible par défaut pour vous indiquer où se trouvent les bords du panneau.

4. [Comment ajouter] fait référence à ce qui se passera si vous ajoutez un nouveau cadre alors qu'il existe un dossier de cadres existant. Il existe deux options :

• [Créer un nouveau dossier] signifie que la nouvelle bordure du cadre aura son propre dossier.

• [Ajouter au dossier sélectionné] signifie que si vous sélectionnez le dossier de panneaux existant, la nouvelle bordure du cadre sera ajoutée au dossier. Si vous ne sélectionnez aucun dossier de cadres, un nouveau dossier de cadres sera créé à la place.

 

Nous parlerons davantage de [Dossier de bordure de cadre] dans une section ultérieure.

5. [Couche raster] crée une couche raster vide dans le dossier du cadre.

 

6. [Remplir à l'intérieur du cadre] crée un calque de remplissage à l'intérieur du dossier du cadre. Le remplissage est blanc par défaut : double-cliquez sur l'icône du calque pour changer la couleur.

Idéal lorsque vous travaillez avec des panneaux qui se chevauchent, car le remplissage bloque les calques situés sous le dossier.

7. [Type d'aspect] vous aide à créer un panneau d'un certain rapport ou de certaines tailles. [Rapport spécifié] vous aide à créer des cadres de n'importe quelle taille dans un certain rapport et [Spécifier la longueur] vous aide à créer des cadres d'une certaine taille. Cliquez sur [+] pour spécifier le rapport ou la longueur en fonction de vos besoins.

8. [Taille du pinceau] fait référence à l'épaisseur de la bordure. [Anti-aliasing] adoucit l'apparence de la bordure. J'avais l'habitude de désactiver l'[Anti-aliasing], en particulier lorsque je dessinais des bandes dessinées en couleur, car cela pouvait rendre le remplissage des couleurs de base pénible.

9. [Forme du pinceau] vous permet de modifier la forme du pinceau, des bordures floues aux bordures à motifs en bordures texturées.

Il existe une autre façon de créer une bordure de cadre. Cliquez avec le bouton droit sur [Fenêtre de calque] ou accédez à [Couche] > [Dossier Frame Border]. Un menu simple apparaîtra. Lorsque vous cliquez sur OK, la bordure du cadre sera créée sur la toile.

La bordure du cadre remplira votre toile à moins que vous n'ayez [Marque de recadrage/Bordure par défaut] activé, la bordure chevauchera la [Bordure intérieure] à la place. [Marque de recadrage/Bordure par défaut] est un ensemble de marges d'impression que vous obtenez lorsque vous créez un nouveau projet de bande dessinée/fanzine. Cela sera abordé dans le didacticiel Comic Paneling.

Bordure de cadre personnalisée

Ajoutez un motif ou une texture aux pinceaux existants en cliquant sur l'icône en bas à droite de la propriété de l'outil du pinceau > Forme du pinceau > [Ajouter au préréglage].

 

Le pinceau ajouté apparaîtra dans la liste > revenez à Outil de bordure de cadre > cliquez sur le menu déroulant de Forme du pinceau > choisissez la forme nouvellement ajoutée > dessinez le panneau.

Pour créer des panneaux de formes différentes, cliquez sur l'icône dans le coin inférieur droit de [Cadre rectangulaire] outil. Cliquez sur [Figure], puis rendez visibles les paramètres [Figure] et [Arrondissement du coin].

Vous avez désormais la possibilité de créer des panneaux de différentes formes comme un cercle, une ellipse et un hexagone, ainsi que d'arrondir les angles vifs des panneaux.

Dossier de bordure de cadre

Lorsque vous utilisez l'outil, il créera automatiquement un [Dossier de bordure de cadre]. Si vous sélectionnez le dossier, la zone environnante sera en violet : la zone est masquée. Si vous dessinez à l'intérieur du dossier, seule la partie à l'intérieur du dossier sera visible.

Le [Dossier de bordure de cadre] contient :

1. Icône de bordure de cadre

2. La zone masquée, comportant le(s) panneau(s).

3. Une règle.

 

Votre toile peut être différente selon le calque que vous sélectionnez.

1. Sélection d'un calque en dehors du dossier = canevas normal,

2. En sélectionnant le [Dossier de bordure de cadre] = violet,

3. Sélection d'un calque à l'intérieur du [Dossier de bordure du cadre] = violet plus clair.

 

Vous pouvez déplacer une bordure de cadre vers et depuis un autre [Dossier de bordure de cadre] en sélectionnant le panneau à l'aide de l'outil [Objet] > couper > soit en sélectionnant un [Dossier de bordure de cadre] pour ajouter le panneau au dossier. ou sélectionnez n'importe quel calque autre que [Dossier de bordure de cadre] pour créer un nouveau dossier > coller.

Division des panneaux avec l'outil Couper la bordure du cadre

[Couper la bordure du cadre] est utile lorsque vous souhaitez diviser les bordures du cadre existantes. Il vous permet de diviser les panneaux avec des espaces verticaux et horizontaux cohérents, de sorte que vous n'ayez pas à mesurer et aligner manuellement les panneaux.

 

Il existe deux outils. [Diviser le dossier du cadre] place la bordure du cadre divisée dans différents dossiers de cadres. [Divide frame border] divise uniquement la bordure du cadre et tout reste dans ce même dossier.

Jetons un coup d'œil aux paramètres.

1. [Forme de division] détermine la façon dont nous pouvons diviser les panneaux. Certes, je n'ai utilisé que [Divide by Straight Line] pour mes projets de bandes dessinées.

2. [Espace de bordure de cadre dans Préférences] fait référence aux paramètres de bordure de cadre que vous pouvez trouver dans Fichier (ou logo CSP sur la version tablette) > Préférences > Calque/Cadre > Bordure de cadre. Je ne l'ai jamais utilisé car je préfère m'ajuster en fonction des besoins du projet.

 

3. [Gouttières verticales et horizontales] sont les espaces entre les bordures divisées du cadre. Dans l'image ci-dessous, la partie verte est la gouttière verticale et la rouge la gouttière horizontale. Généralement, la gouttière verticale est plus étroite que la gouttière horizontale.

Il y a plus de paramètres pour l'outil. Accédez-y en cliquant sur l'icône dans le coin inférieur droit de la zone [Propriété de l'outil].

[Angle d'accrochage] est un paramètre que j'utilise souvent. Il permet à la division de s'enclencher sous certains angles, ce qui facilite la création de gouttières droites lorsque vous en avez besoin. Le mien est réglé à 45 degrés et je ne le désactive que lorsque je veux que les bordures du panneau soient sous d'autres angles.

Un autre paramètre que j'utilise parfois est [Dividing method]. Voici comment l'outil gère les bordures divisées du cadre :

• [Diviser le dossier du cadre et dupliquer à l'intérieur du calque] créera un nouveau dossier du ou des cadres nouvellement divisés et copiera chaque calque dans le dossier du cadre d'origine. Il s'agit du paramètre par défaut pour [Diviser le dossier du cadre],

• [Diviser le dossier de cadres et créer un dossier vide] crée un nouveau dossier pour le(s) cadre(s) divisé(s) mais ne copie pas les calques du dossier de cadres d'origine. Ce n'est le paramètre par défaut d'aucun des outils, mais je l'ai défini comme paramètre par défaut pour mon [Diviser le dossier du cadre],

• [Diviser pas le dossier mais la bordure du cadre] conservera les bordures du cadre divisé dans le même dossier de cadre et constitue le paramètre par défaut pour [Diviser la bordure du cadre].

 

Ci-dessous, le dossier de bordure du cadre d'origine contient un calque raster et un calque de tons à l'intérieur. Vous pouvez voir les différences entre les trois options après la division du cadre.

Panneaux d'édition

Vous pouvez utiliser l'outil [Object] pour modifier un panneau existant. Si vous cliquez sur un panneau, le panneau ressemblera à ceci.

1. Tourner.

2. Redimensionner.

3. Point de contrôle. Vous pouvez modifier la forme du panneau avec ceux-ci. Cela fonctionne comme un vecteur.

4. Étendre le panneau. Ces triangles jaunes étendent le panneau d'une certaine manière. S’il n’y a aucun autre panneau dans la toile, cela étendra le panneau au-delà du bord de la toile.

 

Mais s’il y a d’autres panneaux autour du panneau, il s’accrochera aux bords des panneaux qui l’entourent jusqu’à ce qu’il n’y ait plus d’autre panneau, c’est alors qu’il dépassera le bord de la toile.

Si le panneau est étendu jusqu’à l’endroit où se trouve un autre panneau, le bord étendu s’accrochera également aux bords de l’autre panneau.

Jetons un coup d'œil à la propriété de l'outil. Ici, comme dans les paramètres de l'outil, vous pouvez rendre la bordure invisible ou visible à l'aide de [Dessiner une bordure], modifier la couleur, la taille et la forme du pinceau de la bordure. Il existe également un paramètre nommé [Garder les gouttières alignées].

• [Aucun] signifie que si vous modifiez la forme d'un panneau, les autres panneaux de votre toile ne seront pas affectés.

• [Horizontal & adjacent] signifie que la modification de la forme d'un panneau affectera les panneaux situés au-dessus et en dessous, ainsi que les panneaux situés directement à côté. Mais si vous modifiez la forme du panneau verticalement, cela n’affectera pas les autres panneaux qui ne sont pas directement à côté. J'utilise ce paramètre tout le temps.

• [Tous] signifie que changer la forme d'un panneau affectera également les autres panneaux verticalement au-dessus de ce que fait [Horizontal & adjacent].

Puisque le cadre est vectoriel, l'outil [Corriger la ligne] fonctionne également. Ici, j'ai utilisé [Corriger la largeur de la ligne] et [Redessiner la largeur de la ligne] pour modifier l'épaisseur des panneaux.

[Transformation gratuite] fonctionne également.

Bases des panneaux

Types de panneau

Il existe de nombreux types de planches de bandes dessinées. En voici quelques-uns qui s’appliquent à la fois aux bandes dessinées et aux webtoons.

 

1. Régulier

Rectangulaire ou carré et ne chevauche pas les autres panneaux. C’est le type le plus polyvalent : vous pouvez l’utiliser pour n’importe quoi.

2. Irrégulier

Un ou plusieurs côtés sont inclinés. La forme diagonale donne une impression d’instabilité, ce qui la rend idéale pour les scènes dynamiques.

3. Chevauchement

Une partie du panneau chevauchait un autre panneau. En raison de la proximité des panneaux, il pourrait être utilisé pour montrer des actions qui se succèdent.

Il est également utilisé pour sauter du temps.

4. Encart

Panneau dans un panneau plus grand. Le panneau intérieur peut être utilisé pour zoomer sur une partie importante de la scène ou, comme dans l'exemple ci-dessous, pour montrer un personnage ou un objet à l'intérieur de la scène tandis que le panneau plus grand se concentre davantage sur le paysage.

5. Cassé

Une partie de l'image d'un panneau dépasse la bordure du panneau.

Il faut un peu de gestion des couches pour créer ce type, mais ce n’est pas difficile.

 

1. Placez la partie qui dépassera le panneau au-dessus du [Dossier de bordure du cadre]. Le reste de la scène peut rester dans le [Dossier de bordure de cadre] ou n'importe où sous le dossier.

2. Utilisez [Effet de bordure] dans [Propriété du calque] pour créer une bordure autour de l'image, de sorte qu'il y ait un espace entre l'image et la [Bordure du cadre] pour améliorer la visibilité.

3. Utilisez le masque de calque pour masquer la partie qui chevauche la bordure.

Taille du panneau

La taille du panneau détermine le temps dont les lecteurs ont besoin pour accéder au panneau suivant. Plus le panel est grand, plus il faut de temps et plus le panel attire l'attention. Nous pouvons l'utiliser à notre avantage.

 

1. Pause/arrêt

Étant donné que plus grand signifie plus de temps passé à l’intérieur du panneau, vous pouvez prolonger la pause dans des panneaux plus grands.

Dans la scène de silence gênant ci-dessus, l'illustration est la même, mais le panneau plus large donne l'impression que le silence a duré un peu plus longtemps.

 

Vous pouvez également agrandir le panneau, ce qui peut mieux fonctionner pour les webtoons.

2. Impact

Quelque chose peut être perçu comme plus grand qu’il ne l’est à l’origine lorsqu’on le compare à quelque chose de plus petit.

 

Jetez un œil à ces panneaux.

Parce que les deux premiers panneaux sont grands, le dernier panneau semble petit en comparaison et donc insignifiant.

 

Si les deux premiers panneaux étaient plus petits, le dernier panneau ressortirait davantage.

Idéalement, nous utilisons un grand panneau pour une scène importante ou percutante. Ainsi, lorsqu’il y a un grand panneau devant vous, essayez de glisser au moins un ou deux petits panneaux pour l’accumulation.

Lambris de bandes dessinées

Marges

Lorsque vous créez une nouvelle page/fanzine, vous obtiendrez par défaut une « marque de recadrage » sur votre page. Ceci est important si vous avez l’intention d’imprimer votre travail.

Voici à quoi ressemblerait le repère de coupe dans une configuration de page unique.

1. Taille de la page/toile

 

2. Bordure intérieure

Également connue sous le nom de « zone de sécurité ». Le contenu important (texte, objectif principal du panneau) doit se trouver à l’intérieur de cette bordure. Les bordures du cadre s'enclenchent automatiquement sur la bordure intérieure, ce qui facilite le maintien droit.

 

3. Couper la bordure (repères de coupe)

Une fois imprimé, c'est censé être le bord de la page imprimée.

 

4. Bordure à fond perdu

C'est la zone qui sera coupée. Personnellement, 5 mm est le meilleur. L’impression et la découpe ne sont pas toujours parfaites : il est courant que les machines ne coupent pas parfaitement sur la ligne de coupe. La bordure de fond perdu (également connue sous le nom de « marge de sécurité ») permet d'éviter les espaces entre le bord de la zone imprimée et la ligne de coupe.

 

Voici à quoi ressemblerait le repère de coupe sur une double page. Il n’y a pas de bordure de fond perdu entre les pages.

Différents éditeurs et imprimeurs ont leurs propres normes, alors assurez-vous de vous renseigner avant d'envoyer votre(vos) fichier(s). Pour modifier le repère de rognage, cliquez sur Affichage > « Paramètres de repère de rognage/bordure par défaut… » 

Disposition des panneaux

Selon d'où vous venez, vous lisez soit de gauche à droite, soit de droite à gauche. Il est important de déterminer le sens de lecture avant de commencer à concevoir la disposition des panneaux.

 

Comme vous pouvez le voir ci-dessous, la même disposition exacte des panneaux a un ordre de lecture totalement différent en fonction du sens de lecture.

Par souci de cohérence, je vais m'en tenir à De gauche à droite.

 

Une fois que vous savez quel sens de lecture vous préférez, il est temps de concevoir la mise en page. Vous devez considérer quelques éléments.

Lisibilité

Une bonne mise en page est quelque chose que la majorité des lecteurs peuvent facilement comprendre dans quelle direction aller. Notre objectif principal est de ne pas confondre le lecteur. Peu importe la qualité de votre histoire et la qualité de votre art, cela ne signifie rien si les lecteurs sont confus. Vous ne voulez pas que les lecteurs soient occupés à déterminer quel panneau apparaît en premier au lieu d’être pleinement engagés dans l’histoire.

 

Consultez la page ci-dessous et voyez si vous pouvez comprendre l’ordre de lecture du panneau.

Avez-vous réussi ? Il est plus facile de voir si la mise en page fonctionne en regroupant les panneaux.

En tant que créateur, je peux vous dire que le sens de lecture doit être 1-4, A-B, jaune, bleu et cyan. Mais je suis sûr qu’il y aura des gens qui penseront que 1-4, jaune, bleu, cyan et A-B ont plus de sens. À moins que vous n’ayez l’intention de confondre vos lecteurs, une mise en page ambiguë comme celle-ci doit être évitée.

 

En ajustant uniquement les panneaux cyan et B, nous obtenons une meilleure disposition qui ressemble à ceci :

Si vous n'êtes pas sûr que la disposition des panneaux fonctionne, essayez de regrouper les panneaux. Voici un autre exemple :

Gérer la gouttière

La clé de la lisibilité est de gérer la [gouttière]. Il existe plusieurs manières de séparer les panneaux :

 

               + 1\.**Grille**=la gouttière au milieu de quatre panneaux ressemble à (plus). Le plus souvent utilisé dans les bandes dessinées à 4 panneaux.

Personnellement, je ne recommande pas de l’utiliser, sauf pour les bandes dessinées à 4 cases, car cela pourrait être déroutant à lire. Cela fonctionne bien si vous l'aimez, mais je préfère quelque chose de plus clair.

2. Stagger = la gouttière entre 4 panneaux est en forme de Z. C'est ce que je préfère utiliser à la place de la grille. En déplaçant simplement un peu la bordure, vous pouvez vous assurer que les gens lisent les panneaux dans l'ordre souhaité.

3. Blocage = la gouttière entre 3 panneaux est en forme de T.

4. Séparation = il y a un grand écart entre les panneaux. Ceci est souvent utilisé pour sauter du temps.

Panneau Tachikiri/Cutoff

Il est courant que les dessinateurs de bandes dessinées étendent les panneaux au-delà de la frontière intérieure. Ce type de panneau est connu sous le nom de [Tachikiri] ou [cutoff panel].

Notez qu’il n’y a pas de panneau étendu jusqu’à la partie centrale de la planche car la partie centrale serait difficile à voir lorsque la bande dessinée est reliée.

Assurez-vous également que le [tachikiri] s'étend au-delà de la [Bleed border] pour éviter les espaces vides gênants causés par une erreur d'impression/de découpage.

Ne placez pas de partie importante du panneau (point focal ou texte) dans la [Zone de découpage]. Comme je l'ai déjà dit, conservez les contenus importants à l'intérieur de la [Bordure intérieure].

Panneau Double Pages

Dans la section précédente, la partie médiane entre deux pages est restée intacte, mais vous ne pouvez pas éviter de la dessiner lorsque votre panneau remplit les deux pages.

 

Il s’agit toujours d’une zone de découpe et serait difficile à voir une fois relié, alors évitez de mettre du texte ou des points vocaux de votre art au milieu. Par exemple, voir ci-dessous.

Les points vocaux sont le visage de la baleine et la petite maison qui se trouve dessus, donc les deux sont à l'intérieur de la [Bordure intérieure].

 

Si vous disposez de Clip Studio EX, vous pouvez voir à quoi cela ressemblerait une fois imprimé et relié pour déterminer si le placement est correct. Cliquez avec le bouton droit sur n'importe quelle zone de la fenêtre du projet de bande dessinée (où plusieurs pages du projet sont affichées), puis choisissez [Aperçu 3D pour la reliure...].

Voilà à quoi cela ressemblerait une fois lié. Les points vocaux sont clairement visibles.

Voilà à quoi cela ressemblerait si les points vocaux étaient au milieu.

Panneaux Webtoons

Le format de bandes longues est très indulgent et offre une tonne de marge de manœuvre. Vous n’avez pas à vous soucier des marges, des gouttières et du tachikiri.

 

Je déplore le fait qu’il ne soit pas possible d’afficher la gloire d’une double page et que les panneaux horizontaux ne fonctionnent pas très bien, mais c’est tout.

Stimuler les lacunes

L’un des avantages du format longue bande est que nous pouvons rythmer l’histoire à travers l’espace entre les panneaux.

 

Plus les panneaux étaient rapprochés, plus les gens défilaient vite, plus le rythme était rapide. Plus les écarts sont grands, plus lent est lent. Ici, je prépare trois versions d'une scène avec différentes tailles d'espace.

 

Pour les scènes rapides et intenses comme les scènes d’action et les débats houleux, il est préférable de garder les panneaux plus rapprochés : le chevauchement des panneaux rend le tout encore plus intense. En effet, lorsque le lecteur fait défiler ne serait-ce qu'un petit peu, il y a un autre panneau, puis un autre, et un autre - au lieu de faire défiler un peu, un panneau, faire défiler à nouveau, puis le panneau suivant. Pour les scènes détendues, donnez des espaces plus grands.

 

Ici, je prépare trois versions d'une scène avec différentes tailles d'espace.

Avez-vous ressenti les différences ?

Des bandes dessinées aux Webtoons

Si vous envisagez de publier à la fois au format webtoons et au format livre, je vous recommande de commencer par le format livre, puis d'ajuster les panneaux en longues bandes. L’inverse prend juste… du temps, c’est le moins qu’on puisse dire. Et je sais que je ne suis pas le seul à penser de cette façon.

 

Lorsque vous planifiez la mise en page au format bande dessinée, n'oubliez pas que les webtoons fonctionnent mieux avec des panneaux verticaux. Bien que cela ne fasse pas beaucoup de différence (en termes d’impact) dans le format du livre, cela pourrait faire toute la différence dans le format des webtoons.

 

Comparez ceci :

Pour ça:

Au format bande dessinée, le premier exemple avait de grands panneaux et donc très percutant. Mais, une fois adapté au format webtoons, il est tombé à plat car la taille du panneau ne se traduit pas aussi bien en raison de la limitation de largeur.

Et c'est tout! J'espère que vous avez apprécié le tutoriel et appris quelque chose de nouveau :)