Bonjour, nous sommes i-BOOM.

 

Avec les progrès de l'époque, la création de jeux individuels est devenue plus facile qu'auparavant.

L'intérêt des jeux réside dans l'interaction. Pour les jeux scénarisés, chaque choix peut affecter le développement de l'histoire, et les romans visuels en sont un très bon exemple.

 

 

À cette fin, cette fois, i-BOOM veut raconter sous forme de roman visuel l'histoire d'un vampire millénaire errant pour ramasser des fragments de son âme.

• Ce TIPS contient trois thèmes : partager le processus de production, utiliser les objets fichier pour améliorer l'efficacité, et des techniques d'utilisation des photos ;

Il documente le processus de pré-production d'i-BOOM lors de la création d'un roman visuel, ainsi que les techniques utilisées. Il inclura trois vidéos pour une explication et une référence plus détaillées.

【WIP】Histoire, rédaction et planification

Quels logiciels peuvent être utilisés pour créer un roman visuel ? Voici les choix d'i-BOOM :

 

Le premier est Notion, utilisé pour la collecte de données, la planification de projets, la conception d'histoires ;

Le second est Clip Studio Paint, utilisé pour l'art conceptuel, les illustrations de personnages, les arrière-plans CG ;

Le troisième est Unity, pour assembler les éléments qui composent le jeu.

Notion est très utile pour la collecte de données, la planification de projets, la conception d'histoires et même la collaboration.

 

Il fonctionne comme une table des matières d'un livre, où chaque bouton mène à sa page indépendante.

Il prend en charge le téléchargement de divers fichiers tels que des images, des documents, des vidéos, des sons, etc. De plus, avec ses modules intégrés d'organisation de données, les informations détaillées pertinentes peuvent être organisées de manière unifiée sur une même page, rendant ce travail de pré-production très intéressant.

En même temps, dessiner des croquis et des brouillons à la main avec Clip Studio Paint est également très agréable.

Selon la taille d'écran de jeu souhaitée, ou simplement en ouvrant une toile au hasard, travaillez librement selon vos habitudes de dessin. Cependant, si vous êtes plus habitué aux croquis détaillés, il est préférable de régler le DPI à 200 dpi ou plus.

Après avoir exporté le dessin, vous pouvez le télécharger sur Notion sous forme d'image pour que les membres de l'équipe collaborative puissent en discuter.

La page de planification actuelle est la suivante :

【WIP, Objet fichier】Dessiner les illustrations de personnages

Une « illustration de personnage » est une image de personnage debout ou assis.

Selon les besoins, en plus des illustrations complètes courantes, il peut y avoir des illustrations à mi-corps ou au-dessus de la poitrine.

Quelle que soit l'illustration de personnage souhaitée, il est très important de réaliser un ensemble complet d'illustrations de personnages dans un fichier de même spécification.

 

Si l'écran de jeu est de 1080x1920px, la hauteur de l'illustration doit être d'au moins 1080px, avec une résolution de 300dpi ou plus. La largeur est définie selon les besoins, généralement environ la moitié de la hauteur. Si l'illustration doit être imprimée, il est préférable que la taille de la toile soit trois fois la taille requise.

Les illustrations de personnages doivent être exportées avec un fond transparent, il faut donc choisir PNG lors de l'exportation, et si elles incluent des animations, exportez-les en APNG !

APNG exporte également avec une faible perte et un fond transparent, mais il prend en charge l'animation et ne subira pas de perte significative comme le GIF lors de l'exportation.

 

Ici, i-BOOM a terminé les illustrations des personnages principaux.

Généralement, une illustration de personnage a un ensemble d'actions [s]mais pour le plaisir, il en a quatre[/s]. De plus, par curiosité, des éléments d'animation ont été ajoutés à l'illustration, de sorte qu'il clignote et sa bouche bouge lorsqu'il parle. CSP prend en charge les illustrations animées, ce qui rend la création d'expressions dynamiques encore plus pratique. C'est très amusant et cela vaut la peine d'être essayé.

 

Les illustrations de personnages seront accompagnées de différentes expressions, qui doivent être traitées séparément en « calque du corps » et « calques d'expression », en plaçant les composants d'expression dans les dossiers appropriés, tels que « sourcils », « yeux », « bouche »…

Parfois, un personnage n'a pas qu'un seul ensemble d'actions, et la position de sa tête peut varier. Cependant, dans différentes actions, l'orientation du visage est similaire, on peut alors utiliser des objets fichier pour gagner du temps en évitant de dessiner les expressions à nouveau, et une seule modification sera nécessaire en cas de besoin.

 

Copiez les éléments que vous souhaitez réutiliser – il peut s'agir d'un ou plusieurs calques, ou de dossiers (ici abrégé en A) – puis dans Calque > Objet fichier, choisissez « Coller en tant qu'objet fichier » (ici abrégé en B).

Ensuite, lorsque le calque A ou le dossier est mis à jour, l'objet B sera également mis à jour.

 

 

Les objets fichier peuvent également être carrelés comme des objets de matériel, ce qui peut être largement utilisé lors de la création de motifs de vêtements, etc.

Cependant, il convient de noter que la zone de bordure de l'objet fichier est la taille de la toile du fichier/calque d'origine, c'est-à-dire que lorsque l'image dépasse la zone de la toile, elle n'apparaîtra pas dans l'objet fichier ; ou lorsque la toile du fichier d'origine est plus grande que nécessaire, la taille de la bordure de l'objet fichier peut dépasser les attentes.

Quand l'histoire a plus d'un personnage, il faut créer plus d'une illustration. Le site hikaku-sitatter.com peut fournir une référence de proportion de taille. Si votre ordinateur est lent et que vous ne pouvez pas utiliser les modèles 3D intégrés de CSP, vous pouvez essayer cette méthode, mais n'oubliez pas de désactiver le calque de référence après utilisation.

Lors de la création de la deuxième illustration, il faut prendre en compte les différences entre les deux personnages :

Par exemple, si les deux personnages sont des hommes adultes, mais en fonction de leur personnalité, de leurs habitudes comportementales, etc., comment se tiendraient-ils ? Quelle est leur profession, et sont-ils doués pour le déguisement ?

En considérant ces points, et même des détails plus approfondis, esquissez rapidement les personnages et corrigez-les, puis essayez de colorer les personnages de la manière qui exprime le mieux le personnage et l'atmosphère de l'histoire, en continuant à corriger jusqu'à ce que le personnage devant vous corresponde à l'image dans votre esprit. Mais n'oubliez pas de ne pas en faire trop.

 

Amusez-vous à animer les personnages !

【Objets fichier, Utilisation de photos】Traitement des illustrations de personnages en fonction de l'arrière-plan (Partie 1)

Après avoir terminé l'illustration du personnage, traitez-la en fonction de l'état de la scène.

 

Ouvrez une nouvelle toile et chargez l'image que vous souhaitez utiliser comme arrière-plan.

Cette fois, nous utilisons une photo de coucher de soleil prise à Hong Kong.

 

Sous différentes lumières de scène, différentes couleurs ambiantes apparaîtront, le traitement peut aider le personnage à mieux s'intégrer dans le temps et l'environnement où il se trouve.

Fichier > Lire > Créer un objet fichier

Placez l'illustration du personnage sur l'image sous forme d'objet fichier.

 

De cette façon, vous pouvez apporter des modifications directement dans le fichier d'illustration (fichier d'origine). Après la mise à jour du fichier d'origine, l'objet d'origine (fichier d'origine) dans le fichier photo (fichier d'application) sera également mis à jour, et vous pourrez voir l'effet immédiatement. N'oubliez pas de sauvegarder chaque fois que vous apportez des modifications au fichier d'origine.

Quand le soleil se couche et approche du crépuscule, la quantité de lumière solaire et la diffusion de la lumière donnent aux objets une apparence bleutée et orangée. Utiliser le bleu de la photo comme couleur d'ombre donnera un très bon effet.

 

Cependant, si vous prélevez directement une couleur sur la photo, la couleur sélectionnée reviendra à son état précédent lorsque vous reviendrez au fichier d'illustration.

 

Il existe trois solutions à ce problème :

Utiliser une palette de couleurs pour enregistrer les couleurs, noter le code couleur, prélever une couleur de la photo.

Nous parlerons ici des méthodes de traitement « prélever une couleur d'une photo » et « utiliser des photos ».

 

Copiez d'abord la photo, puis convertissez-la en calque raster. Utilisez l'outil de sélection pour sélectionner la plage de couleurs souhaitée et copiez-la dans le fichier d'illustration.

À ce stade, vous pouvez utiliser la pipette pour choisir la couleur souhaitée.

Ouvrez un nouveau calque au-dessus du dossier de l'illustration, définissez-le sur « Écrêter sur le calque inférieur » et versez la couleur, puis trouvez l'option appropriée dans les modes de fusion. Cette fois, nous utilisons « Lumière douce ».

 

Le contre-jour latéral fera apparaître un éclairage de bord sur le personnage. Ajoutez un masque au calque, n'oubliez pas de sélectionner le masque avant de peindre, sinon la photo sera effacée.

Avec la transparence, utilisez un pinceau pour dessiner l'éclairage de bord en fonction du volume, et si vous voulez revenir en arrière, changez de couleur de sélection. Utilisez l'aérographe pour créer un halo.

【Objets fichier, Utilisation de photos】Traitement des illustrations de personnages en fonction de l'arrière-plan (Partie 2)

Ajouter la couleur du coucher de soleil serait probablement mieux, mais choisir la couleur de la lumière en se basant sur la mémoire ne donnera pas forcément un bon résultat.

C'est le bon moment pour sortir les photos.

 

Sélectionnez la partie appropriée de la photo et collez-la dans le fichier d'illustration. Cette fois, nous utiliserons directement la photo pour le traitement plutôt que de prélever la couleur.

Utilisez l'outil de transformation pour agrandir la photo afin qu'elle puisse couvrir l'illustration, réduisez l'opacité pour ajuster la position.

Définissez le calque de la photo sur « Écrêter sur le calque inférieur » et modifiez le mode de fusion.

 

La texture de la photo du calque de traitement est un peu trop nette, ajoutez un filtre de flou pour adoucir la texture.

Modifiez à nouveau la taille et la position jusqu'à ce que vous trouviez la bonne position.

【Utilisation de photos, Objets fichier】Transformer une photo en arrière-plan CG

Cette fois, nous voulons créer un arrière-plan simple, avec un sens du trait, qui donne l'impression de revenir du présent à un souvenir.

Le sens du trait, le sentiment d'estompement, la coexistence du présent et du passé sont les sensations relativement principales que nous voulons obtenir.

 

Parfois, on ne sait pas tout de suite quels filtres combiner pour obtenir telle ou telle sensation. Peut-être qu'en agissant comme pour une carte mentale, en exprimant simplement chaque idée avec un nouveau calque de correction de teinte pour créer une ambiance unique, en traitant et en combinant sans affecter la photo originale, on peut parfois découvrir de nouvelles perspectives.

 

Pour unifier le style, nous allons d'abord appliquer une teinte marron à la photo avec une carte de dégradé pour créer une sensation de vieillesse, puis utiliser une gomme à bords doux sur un masque pour faire apparaître le coucher de soleil et ramener la photo à la réalité.

Ce calque sera utilisé pour stabiliser les couleurs du style.

Les photos en noir et blanc d'aujourd'hui transmettent toujours un sentiment d'« ancienneté ». En prêtant attention au rapport noir et blanc et aux formes obtenues, et à la relation entre la photo et les personnages, binarisez la photo.

Empilez les nouveaux calques de correction de teinte ci-dessus avec différents modes de fusion, essayez de réorganiser leur ordre jusqu'à obtenir le résultat idéal. Ensuite, après les tests précédents, vous saurez probablement quels types de calques peuvent produire les effets souhaités, ce qui vous permettra de créer plus facilement les effets que vous souhaitez.

 

Après une série de tests, l'arrière-plan souhaité est enfin terminé. Si vous souhaitez appliquer directement le style à d'autres photos, si la photo a été créée à l'aide d'un objet fichier, il vous suffit de mettre à jour la photo (fichier d'origine).

 

Créez un nouveau dossier et placez la photo originale dans le dossier. Cochez le dossier et appuyez sur « Copier », puis « Coller en tant qu'objet fichier », et vous obtiendrez une photo d'objet fichier.

Utilisez cette photo d'objet fichier pour remplacer toutes les photos précédemment copiées et collées normalement. Il suffit de sélectionner la photo d'objet fichier déjà créée, de la copier et de la coller, il n'est pas nécessaire de « Coller en tant qu'objet fichier » à chaque fois.

Une fois le remplacement terminé, revenez au dossier contenant les photos, chargez et insérez la nouvelle photo, ajustez sa taille et sa position, puis mettez à jour tous les objets fichier...

 

La nouvelle photo est traitée selon la méthode de traitement de la première photo !

【WIP】Carnet de développement créatif d'I-BOOM

Au cours du processus de création, il devient parfois très important de documenter son processus, ses idées et ses techniques.

Surtout pendant les phases de plateau ou de creux, en regardant ses efforts passés et son intention initiale, la force semble revenir petit à petit, permettant de continuer à avancer.

 

Partager ses créations avec son entourage est aussi une grande joie. Et en regardant les créations des autres sur les réseaux sociaux, on en tire souvent des leçons.

 

En parlant de partager le processus de production, quelles méthodes viennent d'abord à l'esprit ? Les méthodes se résument généralement aux suivantes :

 

(1) Prendre des photos, des captures d'écran

(2) Enregistrement d'écran, time-lapse

(3) Diffusion en direct

 

En abordant ces méthodes de partage sous l'angle de l'« objectif de partage », une autre perspective peut émerger.

 

① Pendant le processus, partager simplement sa production avec d'autres, maintenir le taux d'interaction :

Pour cet objectif de partage, la vitesse est la plus importante ; même si l'œuvre n'est pas terminée, elle peut être largement partagée, donc « prendre des photos, des captures d'écran » est la méthode la plus pratique.

Prendre des photos et des captures d'écran est le moyen le plus traditionnel et le plus simple de partager. Des captures d'écran individuelles peuvent également être combinées pour former des GIF ou des APNG animés à une seule image, ce qui enrichit les variations.

 

② Après avoir terminé l'œuvre, partager simplement sa production avec d'autres :

Pour cet objectif de partage, la vitesse peut être un point clé, mais pour ceux qui travaillent lentement et avec soin, le point le plus important est le « processus de production complet ». Ainsi, « enregistrement d'écran, time-lapse » serait un choix relativement avantageux.

L'enregistrement d'écran et le time-lapse peuvent sembler similaires, mais les résultats obtenus avec les deux formes d'enregistrement sont très différents :

Les résultats du « time-lapse » sont très nets, car ils n'incluent pas la zone de travail ni les pauses pouvant survenir pendant les temps de repos ;

Les résultats de l'« enregistrement d'écran » incluent la zone de travail, ce qui permet de voir comment l'utilisateur utilise le logiciel, mais cela nécessite des outils logiciels supplémentaires et les fichiers sont très volumineux en raison de l'enregistrement en temps réel.

Chacun a ses avantages et ses inconvénients. Par exemple, lors de la création de ce TIPS, les vidéos d'enregistrement d'écran sont plus utilisées ; mais en même temps, le time-lapse peut être utilisé pour compléter les endroits où l'on veut montrer rapidement les résultats. De plus, si les réseaux sociaux ont des limites de durée de téléchargement de vidéos, le time-lapse aura un avantage.

 

③ Partager le processus de production complet à des fins didactiques ou avec une interaction significative :

Pour cet objectif de partage, l'« explication » devient plus importante. Les vidéos réalisées à cette fin sont généralement des enregistrements d'écran édités, accompagnés de nombreuses photos et captures d'écran, ou sont réalisées sous forme de diffusion en direct. Le partage à cette fin est donc divisé en deux catégories : la production vidéo et le direct instantané.

La production vidéo exige une préparation préalable ; la présence de sous-titres est plus confortable pour ceux qui hésitent à parler, et les formes d'interaction sont généralement « commentaire > commentaire » ou « commentaire > prochaine vidéo » ;

Le direct instantané a une plus grande interaction entre amis et fans, exige des réactions immédiates, et est souvent accompagné d'une saisie vocale, de sorte que ceux qui aiment parler peuvent s'exprimer librement !

Pour documenter le processus de développement créatif, i-BOOM a choisi son propre site web comme base, complété par d'autres plateformes pour la promotion secondaire, et a également ouvert un canal de pourboires pour les parrainages.

Avez-vous déjà parcouru les réseaux sociaux et vu des œuvres incroyables – qu'il s'agisse de texte, de peinture, de musique ou d'autres formes de création – mais avez-vous eu du mal à trouver le canal de pourboires ou de soutien de l'auteur de cette œuvre ? C'est très frustrant, alors pour éviter cette souffrance aux autres, ouvrez-vous un canal de pourboires !

 

Si vous êtes un créateur plus occasionnel, vous pouvez choisir des micro-soutiens ou des abonnements comme Ko-Fi en Europe et en Amérique, Likecoin à Hong Kong, etc. ;

Si vous êtes un créateur confiant de pouvoir produire des œuvres régulièrement, vous pouvez choisir des abonnements comme Patreon en Europe et en Amérique, FanBox au Japon, etc. ;

Si vous êtes un créateur avec un projet à développer, vous pouvez choisir le financement participatif comme Kickstarter aux États-Unis, Zeczec à Taiwan, etc.

Quel que soit l'objectif et la méthode de partage, le plus important reste votre cœur et votre bonheur.

Bien qu'en partageant, vous souhaitiez rapidement attirer l'attention des lecteurs, n'oubliez pas que « partager avec les autres » ne représente qu'une petite partie du processus de création. Ne vous laissez pas emporter par l'excitation d'obtenir de l'attention ou de l'argent, et n'oubliez pas votre intention initiale de créer.

 

Trouvez une plateforme que vous aimez, conviviale pour le type de création que vous téléchargez, et partagez vos œuvres !

 

Même pour des productions plus importantes, comme le développement de jeux, en publiant régulièrement vos œuvres et vos expériences de création sur une plateforme fixe, les interactions ne vous apporteront pas seulement de nouvelles bonnes idées et des partenaires d'échange, mais aussi la possibilité de parrainer et d'être parrainé.