[Intermédiaire] Créer une page de BD à la main (Photoshop CS2)

Bonjour!

Aujourd'hui je vais vous montrer comment faire une page de Bande Dessinée à l'ancienne (comprenez à la main).
J'utilise cette méthode car je ne savais pas à l'époque qu'il existait des logiciels automatiques pour faire des BD.
Je reste donc dans mon optique pour que ma BD soit homogène.

Je suis sympa, je vous donne quelques liens pour des logiciels automatiques si jamais ma technique vous parait archaïque. La plupart des payants possèdent une version d'essai gratuite.
Sachez quand même qu'avec l'habitude (et ma bonne mémoire visuelle!!), je ne met que 20mn par page sans compter le temps de jeu (fichus sims qui veulent pas se mettre où je veux)!
Et qu'en plus, avec ma méthode, vous pouvez utiliser Gimp qui, lui, est gratuit!

Logiciels de création de BD:
- Payant (30$):Comic Book Creator
- Gratuit:Caricatool
- Gratuit:Comic Life Windows beta 3
- Gratuit:Bd-maker 1.0
- Payant:Manga Studio EX 3.0
- Payant (40€):BD Gest'
- Payant (30€):BD créateur

Rattrappez-moi si jamais je me suis trompée quelque part!

Donc, je commence par ouvrir mon logiciel de retouche photo: CS2 (photoschop) et j'ouvre une nouvelle page. La taille de ma page est bien entendu en conséquence de mon site et ne dépasse donc pas 625 pixel (je travaille en pixel) de large.
La hauteur à été choisie toujours en fonction de mon site mais plus comme une page normale de BD (comme un format A4) pour rester agréable à l'oeil et faire comme une vraie (donc 950 pixels de haut)!



Votre nouvelle page de BD est ouverte, perso, je préfère travailler en taille réelle. Je vais donc dans l'onglet "Affichage/Taille réelle des pixels"
Vous aurez votre page en taille réelle avec des ascenseurs, faites bien attention avec eux (vous pourriez centrer votre image au milieu de la page alors que vous croyiez être en haut).
Pour le tuto, je l'ai nommé 01.psd (psd étant le format de sauvegarde de photoshop, celui qui permet des retouches en cas de boulette). Je sauvegarde toutes mes pages en psd ET en jpg pour le site, le jpg étant moins lourd à l'affichage sur le site.



Encore une technique perso (et utilisé par Fuyaya ), ouvrez votre dossier contenant vos photos stockées, vous n'aurez qu'à les glisser directement dans photoshop au lieu d'aller les chercher via "Fichier/ouvrir/et fouiller votre pc à chaque fois").



Prenez soin d'avoir bien nommé vos photos dans l'ordre ou vous voulez les utiliser (dans un dossier), ça simplifiera grandement votre tache et vous fera gagner du temps (ceci peut bien évidemment avoir été fait avant d'ouvrir photoshop).

Etape 01: Les images.

Faites ensuite glisser la première photo prête à être utilisée. La photo ouverte est de taille d'origine mais photoshop l'a met en entier (1024*768 pour moi) pour la voir en entier (logique). Comme nous allons la retravailler en plus petit, nous ne la mettons pas en taille réelle.



Mon calcul personnel et général me fait travailler les images en 300 de large (donc 225 de haut) maxi pour en caler 4 en hauteur dans la page en comptant les espaces entre les cases.
Je commence donc par réduire la photo à 300 pixels de large. Je selectionne mon image et "Image/Taille de l'image". Attention à la proportion de vos images, on s'occupera de rectifier la larguer ensuite.



Voilà donc votre image réduite en dehors de votre page blanche. Nous allons voir plusieurs petit détails avant d'aller la coller sur votre page blanche.

- Premièrement: Si vous voulez un cadre noir autour de votre case. Il vous faut en premier choisir la couleur du cadre (donc noir) et mettre cette couleur dans L'arrière plan puisque c'est la qu'il ira la chercher.
Votre image faisant 300 (de large) x 225 (de haut), je rajoute 4 pixels qui seront divisés en 2 pour les deux cotés (304 en large et 229 en hauteur).



Mon cadre est fait et en noir, si je ne suis pas satisfait de la grosseur, je recommence en n'oubliant pas que l'image à une nouvelle taille et donc, il faut rajouter par dessus le 404x304.
A savoir, si vous allez modifier la largeur comme je vais le faire plus tard, votre cadre noir va se déformer...



Je n'ai jamais fait de cadre pour ma BD (j'ai zappé total, c'est sur une remarque de mon mari, féru de BD, que j'ai percuté mais je n'allais pas refaire toutes mes planches! Je vais donc travailler sans cadre noir).
Ca m'évite de faire toutes les cases une par une pour refaire le cadre qui aurait été déformé en plus!

- Deuxièmement: Je travaille à l'oeil et je n'ai donc pas besoin de repère pour les "inter-cases" et les bordures.
Vous pouvez cependant mettre des repères. Il suffit simplement de cliquer sur les "réglettes" qui vous donne la taille et de glisser votre repère où vous le souhaitez.
(Si vous n'avez pas les réglettes, "Affichage/Règles". N'oubliez pas de les mettre en pixels). Vous obtenez donc un trait d'un pixel bleu turquoise.



Je sais moi, dans ma page, que mon bord blanc est de 10 pixels avant la première case en large et en hauteur. Je met donc mes 4 barres de repères a 10 pixels sur les 4 bords. (je fais ça pour vous, moi je ne les utilise pas.)
N'oubliez pas celle du bas qu'on ne voit pas si on n'utilise pas les ascenseurs!

Vous pouvez donc placer votre première image sur votre page blanche. Pour cela, il vous faut sélèctionner votre image avec [ctrl]+[A] simultanément. Cela va sélèctionner l'image en entier.



Ensuite [ctrl]+[C] pour copier l'image. Allez sur la page blanche et [ctrl]+[V] pour coller l'image sur la page blanche. Votre première case est prête à se mettre en place!



Vous allez donc la mettre dans le coin supérieur gauche, contre les repères. Attention a l'ascenseur! (Utilisez l'outil "déplacement", la flèche tout en haut dans le cadre de gauche, en surbrillance dans l'image ci-dessous)

Ensuite vous allez trouver la deuxième image, la réduire à 300 pixels de large, la sélèctionner et la mettre à coté de la première image/case.



Vous voyez qu'entre la première case et la deuxième, l'espace n'est pas assez large. Vous avez deux solutions:

- Soit vous coupez une des deux images en effaçant un morceau avec l'outil "rectangle de sélèction", vous faites un cadre autour du morceau à couper et ensuite vous supprimez (touche [suppr]).



- Soit vous déformez une des deux images en sélèctionnant la bonne image puis [ctrl]+[T] et vous jouez sur les "petits carrés" pour rétrécir ou agrandir l'image (attention, si vous étirez ou rétrécissez trop, votre image sera trop déformée et cela se verra). Il faudra valider sur la petite coche en haut sinon vous ne pourrez rien faire d'autre!
C'est aussi là que votre cadre noir se déformera.

Le plus important est d'avoir des "inter-cases" a peu près pareilles à l'oeil.

Vous faites donc ensuite pareil avec les autres images jusqu'en bas de la page. Vous pouvez jouer sur une grande image avec deux petites à cotés ou autre, à vous de voir. Je vais faire mon exemple avec 9 photos.



Nous voilà arrivé en bas de page. Vous avez pris soin de bien faire attention de ne pas trop déformer les images ni de faire de trop grands espaces entre les cases.

Je vais vous montrer aussi comment ranger cette première étape pour vous y retrouver plus facilement.

Sur le coté droit de votre "plan de travail" se trouve un cadre qui vous donne l'ordre de vos différentes images. Il y a une option qui nous intéresse, c'est celle du dossier.
Mettez-vous sur la dernière image stockée et cliquez sur dossier.



Un dossier nommé "groupe 1 va se mettre en tête de liste dans votre cadre. Vous pouvez renommer ce groupe en double-cliquant sur le mot "groupe" et le renommer images (par exemple, c'est mon cas dans mes pages).



Vous allez ensuite sélèctionner la dernière image placée et tout en maintenant la touche [shift], vous allez cliquer sur la première (qui devrait se nommer calque 1).



Une fois tout sélèctionné, vous prenez le bloc fait et le mettez dans le dossier images que vous venez de faire. Vous pouvez ouvrir ou fermer ce dossier en cliquant sur la petite flèche à gauche.

Etape 02: Les bulles.

Alors en espérant que vous avez bien pensé aux endroits (sur les photos en les prenants) pour mettre les bulles, allons chercher l'outil bulles! Ca tombe bien, il est sur le coté.
Vous cliquez ensuite sur la petite flèche a coté de la forme par défaut tout en haut. Un choix s'offre à vous.



Une fois la bulle choisie, vous allez en mettre partout où vous en avez besoin. Gardez cependant à l'esprit que si elles sont dans l'ordre des cases, c'est mieux si vous avez à les modifier.
Par exemple: Case 01, pas de bulles. Case 02, une bulle de discution. Case 03, une bulle de pensée. Changez à chaque fois qu'il le faut (c'est un peu fastidieux de changer l'outil a chaque case mais quand vous aurez à les rajuster à la taille du texte, vous saurez que la bulle 01 = la case 02...etc...)
Pour changer le sens de la bulle, [ctrl]+[T] et à vous de jouer!



Vous allez ensuite ranger vos bulles dans un dossier bulles comme vous avez fait pour le dossier images.



Maintenant, il ne vous manque plus que les textes!


Etape 03: Les textes.

Il vous faut donc faire un texte par bulles (là aussi, j'espère que vous avez bien préparé votre scénario!)
L'outil texte est au dessus de l'outil forme dans le cadre de gauche.



Vous pouvez choisir la police de caractère, la couleur, la taille. Choisissez quand même une police lisible, pas trop petit et dont les couleurs tranchent avec le blanc (pas de jaune par exemple).
Moi je donne une couleur différente suivant le personnage (rose pour les filles, bleu pour les garçons, noir pour les pnj homme et vert pour les pnj femme, ça évite de chercher à qui est la bulle!)
Une fois le texte tapé, en général il n'est pas centré. Validez votre texte avec la coche en haut et allez cliquer sur l'outil "déplacement" et centrer votre texte.
Si la bulle est trop grande, ouvrez le dossier bulles, chercher quelle est la bonne bulle (c'est là que nous sommes content d'avoir bien organisé nos bulles) donc calque 1. Faites dessus [ctrl]+[T] et ajustez-là à la bonne taille.



Faites pareil pour toutes vos bulles. Vous pouvez même ajouter un peu de texte sur les images du style "quelques jours plus tard" sur une image qui a un décalage dans le temps avec celle d'avant ou d'après.

Ensuite vous rangez vos textes dans un dossier (comme pour images et bulles). Voilà! C'est fini, il ne reste plus qu'à sauvegarder où bon vous semble sur votre machine!


Etape 04: Les sauvegardes.

N'oubliez pas de sauvegarder en psd en cas de rectifications et en jpg si vous voulez qu'on les voit (il n'y a que photoshop qui lit les psd) et que ce soit moins lourd.

Pour sauvegarder en jpg:

- "Fichier/Enregistrer sous/" Ouvrez le deuxième onglet (en face d'annuler) et choisissez JPEG.



Une fois que vous êtes sûr de votre page, vous pouvez virer les photos si vous n'en avez plus rien à faire mais pas avant d'avoir sauvegardé la page en psd et jpg!

Amusez-vous bien!

______________________________________________________
© Arrivée d'Air Sims.fr, reproduction totale ou partielle interdite.
Créé spécialement pour le forum Sims Artits. Idjya

Merci beaucoup ! Ce tutoriel me sera vraiment pratique !!

J'espère que je n'ai rien oublié surtout!

Super tuto grâce à toi j'ai découvert CTRL+T

La seule chose que j'adorerai savoir c'est comment tu as fais pour ta Simsette que l'on voit enceinte car les images sont coupées en suivant ses contours. C'est du plus jolie effet

Fu, moi, j'aurais mis un contour blanc autour de la femme... (je ne sais pas si c'est possible...)

Sinon, merci pour ce beau tuto Idjya!

Pour le contour blanc de la femme enceinte, j'ai utilisé l'effet lumière externe avec un changement de couleurs et des réglages à faire mais il est vrai que j'aurais pu utiliser l'effet contour, je me serais moins cassé le bol! Je cherchais un autre effet et j'ai aboutie à ça ce qui me convenait amplement!

Ah bein oui c'est malin!
j'ai cru que t'vais découpé les images qui étaient autour

Ca va pas non? Je me suis déjà assez cassé la tête pour le tuto, tu croyais quand même pas que j'allais fignoler la dentelle en prime?

Merci beaucoup Idjya.

Je demandais comment tu réalisais tes si belles présentations, merci d'avoir dévoiler le secret. Et puis, j'ai aussi appris quelques manipulation de photoshop ce qui me permet d'avancer un peu.

Bonne journée.

Bonjour,

C'est vraiment très très intéressant merci, ça donne envie d'essayer


ce tuto est extra

Super, merci pour le tuto !

Très bien fait et ça donne envie d'essayer ! Pour faire une surprise à mon copain fan de mangas

Merci pour le tuto !

Effectivement, l'effet sur la femme enceinte au centre de ton exemple est très jolie, j'aime beaucoup! J'hésite depuis un moment déjà à changer ma présentation d'histoire... Mais je crains que je suis trop bavarde pour faire une BD, dommage, ça rend vraiment bien!

Sa donne envie de faire une BD Sims.Super Tuto

Merci beaucoup pour ce super tuto, Idjiya !