desarrollo de juegos! El frente artístico de las novelas visuales

6 887

i-BOOM

i-BOOM

Hola, somos i-BOOM.

 

Con el progreso de los tiempos, la producción de juegos personales se ha vuelto más fácil que antes.

La parte divertida del juego es la interacción. Para los juegos con tramas, cada elección puede afectar el desarrollo de la historia. Las novelas visuales son un muy buen ejemplo.

 

 

De esta manera, lo que i-BOOM quiere contar en forma de novela visual es la historia errante de un vampiro milenario que recoge fragmentos de alma para sí mismo.

  • Este CONSEJO contiene tres temas: compartir el proceso de producción, usar objetos de archivo para mejorar la eficiencia y habilidades de uso de fotografías;

Registra el proceso de preproducción de la producción de una novela visual por parte de i-BOOM, así como las técnicas utilizadas en ella. Habrá tres videos con explicaciones más detalladas para comparación y referencia.

【WIP】 Historia, redacción y planificación

¿Qué software puedo usar si quiero hacer una novela visual? Las siguientes son las opciones de i-BOOM:

 

El primero es Notion, que se utiliza para la recopilación de datos, la planificación de proyectos y el diseño de historias;

El segundo es Clip Studio Paint, que se utiliza para el arte conceptual, la pintura de personajes y el fondo CG;

El tercero es Unity, que reúne los elementos que componen el juego.

Notion es muy útil para la recopilación de datos, la planificación de proyectos, el diseño de historias e incluso el trabajo colaborativo.

 

Es como una tabla de contenido de un libro, y cada botón estará vinculado a su página separada.

Puede admitir la carga de todo tipo de archivos, como imágenes, documentos, videos, efectos de sonido, etc. Con la adición de diferentes módulos de clasificación de datos integrados, la información detallada relevante se puede unificar y clasificar en la misma página, lo que hace que este trabajo previo sea muy interesante.

Al mismo tiempo, dibujar bocetos y borradores escritos a mano con Clip Studio Paint también hace que la gente se sienta muy feliz.

Según el tamaño de la pantalla del juego que quieras, o abre un lienzo a voluntad, según los hábitos de dibujo. Pero si está acostumbrado a los bocetos finos, es mejor establecer el ppp por encima de 200 ppp.

Una vez que se envía la imagen, se puede cargar en Notion en forma de agregar imágenes para que los miembros del equipo las discutan.

La página de planificación temporal ahora se ve así:

[WIP, objetos de archivo] Dibuja un dibujo de pie de un personaje

"Li-e" es una imagen de un personaje de pie o sentado.

Según la demanda, además de las imágenes comunes de cuerpo completo, también hay imágenes verticales de media longitud o por encima del pecho.

Independientemente del tipo de dibujo vertical que desee, es muy importante completar un conjunto completo de dibujos de caracteres en el mismo formato de archivo.

 

Si la pantalla del juego es de 1080x1920px, la altura del dibujo vertical debe ser de al menos 1080px, con una resolución de 300 ppp o superior. El ancho se establece de acuerdo con las necesidades, generalmente será aproximadamente la mitad de la altura. Si la pintura vertical se utilizará para imprimir, es mejor tomar el tamaño del lienzo tres veces el tamaño requerido.

Litu debe imprimirse con un color de fondo transparente, así que elija PNG cuando imprima, y si contiene animación, ¡imprímalo como APNG!

APNG también emite con baja distorsión y color de fondo transparente, pero admite animación, y la salida no tendrá mucha distorsión como GIF.

 

Aquí, i-BOOM completó el dibujo del personaje principal.

Generalmente, Li-e tendrá un conjunto de acciones [s], pero debido a que es divertido, tiene cuatro conjuntos de acciones [/ s]. Al mismo tiempo, por curiosidad, ha agregado elementos de animación a Li-e, por lo que su boca se moverá cuando parpadee y hable. CSP puede admitir ilustraciones animadas, lo que hace que la producción de expresiones dinámicas sea más conveniente. Muy divertido y vale la pena intentarlo.

 

Litu estará equipado con diferentes expresiones. Separe el procesamiento de "capa corporal" y "capa de expresión", de modo que las partes de expresión se coloquen en la carpeta correspondiente, como "cejas", "ojos", "bocas" ...

A veces, un personaje tiene más de un conjunto de acciones y la posición de la cabeza también es diferente. Pero en diferentes acciones, la dirección de la cara es similar, puede usar el objeto de archivo para ahorrar el tiempo de dibujar la expresión nuevamente, y cuando necesite modificarlo, solo necesita modificarlo una vez.

 

Copie las partes que desea reutilizar, pueden ser capas simples / plurales o carpetas (aquí abreviadas como A), y luego seleccione "Pegar como objetos de archivo" en Capa> Objetos de archivo (aquí abreviado como B).

Posteriormente, cuando se actualice la capa A o la carpeta, también se actualizará el objeto B.

 

 

Los objetos de archivo también se pueden disponer de forma densa como objetos materiales, que se pueden utilizar más cuando se necesita hacer patrones para ropa o similares.

Sin embargo, debe tenerse en cuenta que el rango del borde del objeto de archivo es el tamaño del lienzo del archivo / capa original, es decir, cuando excede el rango del lienzo, la imagen no aparecerá en el objeto de archivo; o cuando el lienzo del archivo original es más grande de lo necesario, el tamaño del objeto del archivo es probable que supere las expectativas.

Cuando hay más de un personaje en la historia, es necesario hacer más de una imagen de pie. hikaku-sitatter.com Este sitio web puede proporcionar una referencia para la relación de altura. Si la computadora funciona con lentitud y no puede usar el modelo 3D integrado de CSP, puede probar este método y recuerde apagar la capa de referencia después de usarla.

Al realizar la segunda pintura vertical, lo que debe tenerse en cuenta es la diferencia entre los dos personajes:

Por ejemplo, los dos personajes son hombres adultos, pero de acuerdo con su personalidad y hábitos de comportamiento, ¿cómo se mantendrá? ¿Cuál es su profesión? ¿Se le da bien disfrazar?

Mientras considero estos y puntos aún más largos y cuidadosos, escribo el boceto del personaje y lo reviso rápidamente, trato de colorear el personaje de la manera que mejor exprese el personaje y la atmósfera de la historia, y continúo revisándolo hasta que Míralo. El personaje encaja con la imagen en mi mente. Pero recuerde no exagerar con todo.

 

¡Deja que los personajes se muevan alegremente!

[Uso de objetos de archivo y fotos] Según el fondo, se procesa para dibujo vertical (1)

Después de completar el dibujo del personaje, se procesará de acuerdo con el estado de la escena.

 

Abra un nuevo lienzo y lea la imagen que desea usar como imagen de fondo.

Esta vez utilicé una foto de la puesta de sol tomada en Hong Kong.

 

Se presentarán diferentes colores ambientales bajo diferentes luces situacionales, y el procesamiento puede hacer que el personaje se integre más en el tiempo y el entorno en el que se encuentra.

Archivo> Leer> Crear objeto de archivo

Coloque el dibujo vertical del personaje en la imagen en forma de objeto de archivo.

 

De esta forma, puede realizar cambios directamente en el archivo Lihua (archivo original). Después de actualizar el archivo original, el objeto original (archivo original) en el archivo de foto (archivo de aplicación) también se actualizará y el efecto se podrá ver de inmediato. Recuerde guardar cada vez que realice cambios en el archivo original.

Cuando el sol poniente está cerca del atardecer, la cantidad de luz solar y la dispersión de la luz hacen que el objeto se vea azul y naranja. Usar el azul en la foto como sombra se verá bien.

 

Pero si absorbe directamente el color de la foto, cuando regrese al archivo de imagen, el color seleccionado volverá a cambiar.

 

Hay tres soluciones a este problema:

Use muestras para grabar colores, escribir códigos de colores y absorber colores de fotos

Aquí hablaremos sobre los métodos de procesamiento de "absorber el color de las fotos" y "usar las fotos".

 

Primero copie la foto y luego mapee la capa, use la herramienta de selección de círculo para seleccionar el rango de color deseado y cópielo en el archivo de dibujo vertical

En este momento, puede utilizar la pajita para elegir el color que desee.

Abra una nueva capa en la carpeta de dibujo vertical, configúrela en "Recortar con la siguiente capa" y agregue colores, y busque la opción adecuada en el modo de fusión. Esta vez utilicé "luz suave".

 

La retroiluminación lateral hará que los personajes parezcan claros en los bordes, agrega una máscara a la capa, recuerda seleccionar la máscara y pintar, de lo contrario borrará la foto.

Utilice el pincel transparente para dibujar la luz del borde de acuerdo con el tridimensional y vuelva al color seleccionado cuando desee volver a pintarlo. Use una pistola rociadora para cepillar el halo.

[Uso de objetos de archivo y fotos] Según el fondo, se procesa para dibujo vertical (2)

Agregar el color de la puesta de sol debería ser mejor, pero elegir el color de la luz de acuerdo con la memoria puede no ser necesariamente bueno.

Es un buen momento para enviar las fotos.

 

Seleccione la parte apropiada de la foto y péguela en el archivo de dibujo vertical. Esta vez, usaremos directamente el procesamiento de fotografías en lugar de la absorción de color.

Utilice la herramienta de transformación para ampliar la foto para cubrir la pintura vertical, reduzca la transparencia para ajustar la posición.

Establezca la capa de la foto en "Recortar con la siguiente capa" y cambie el modo de fusión.

 

La textura de la foto de la capa procesada es demasiado clara y el filtro de desenfoque suaviza la textura.

Cambie el tamaño y la posición de nuevo a la posición en la que se sienta "bien".

[Aplicación de fotos, objetos de archivo] Convierta las fotos en un fondo CG

Lo que quiero hacer esta vez es como una línea, simple y se siente como el trasfondo de regresar a la memoria desde ahora.

Las líneas, el desvanecimiento y la convivencia del presente y el pasado son relativamente los sentimientos más deseados.

 

A veces, no siempre es posible saber qué tipo de sentimiento puede utilizar con qué combinación de filtros. Quizás sea como dibujar un mapa cerebral, simplemente expresar una atmósfera única con nuevas capas de compensación tonal una a una, y procesarlas y combinarlas sin afectar las fotos originales y, a veces, descubrir nuevas escenas.

 

Para unificar el estilo, primero use la correspondencia de degradado para pavimentar la foto con tonos marrones para crear una sensación antigua, y luego use un borrador de bordes suaves en la máscara para borrar la puesta de sol y devolver la foto a la realidad.

Esta capa se utilizará para estabilizar el color del estilo.

Las fotos en blanco y negro de hoy siempre transmiten un sentimiento "antiguo". Preste atención a la proporción de blanco y negro y la forma resultante, preste atención a la relación entre la foto y la persona y binarice la foto.

Apile las nuevas capas de compensación de tono anteriores en diferentes modos de fusión e intente recombinar su orden hasta obtener el resultado deseado. Después de eso, después de la prueba anterior, probablemente sepa qué tipo de capa puede producir el efecto deseado y puede hacer el efecto que desea más fácilmente.

 

Después de una ronda de pruebas, finalmente completé el fondo deseado. Si desea aplicar el estilo directamente a otras fotos, si la foto se crea con un objeto de archivo, solo necesita actualizar la foto (archivo original).

 

Cree una nueva carpeta y coloque las fotos originales en la carpeta. Compruebe la carpeta y haga clic en "Copiar", "Pegar como objeto de archivo", y obtendrá una foto del objeto de archivo.

Utilice esta foto de objeto de archivo para reemplazar todas las fotos utilizadas anteriormente para copiar y pegar. Solo necesita verificar el objeto de archivo y la foto que ha creado para copiar y pegar. No es necesario "pegar como objeto de archivo" cada vez.

Una vez que se complete el reemplazo, vuelva a la carpeta utilizada para colocar las fotos, lea y coloque las nuevas fotos, ajuste el tamaño y la posición de las nuevas fotos y actualice todos los objetos del archivo ...

 

¡La nueva foto se procesa de acuerdo con el método de procesamiento de la primera foto!

[WIP] Notas de creación y desarrollo de I-BOOM

En el proceso de creación, a veces se vuelve muy importante registrar su propio proceso creativo, ideas y habilidades.

Especialmente en el período de meseta y marea baja, mirando hacia atrás y viendo mis esfuerzos pasados y mis intenciones originales, mi fuerza parece regresar poco a poco y puedo seguir avanzando.

 

También está muy feliz de compartir tu creación con las personas que te rodean. Y cuando miras las creaciones de otras personas en las redes sociales, a menudo obtendrás algo.

 

Cuando se trata de compartir el proceso de producción, ¿en qué forma piensas primero? Los métodos no son más que los siguientes:

 

(1) Toma fotos y capturas de pantalla

(2) Grabación de pantalla, fotografía a intervalos

(3) Transmisión en vivo

 

Mirando estos tipos de métodos para compartir desde la perspectiva del "Propósito para compartir", puede haber otro punto de vista.

 

① En el proceso, simplemente comparta su producción con otros y mantenga la tasa de interacción:

Para compartir con este fin, lo más importante es la rapidez. Incluso si el trabajo no se completa, se puede compartir en grandes cantidades, por lo que "tomar fotos y capturas de pantalla" será el método más conveniente.

Tomar fotos y capturas de pantalla es la forma más tradicional y fácil de compartir. Las capturas de pantalla también se pueden combinar en un GIF animado o APNG de un solo cuadro para enriquecer los cambios.

 

② Después de completar el trabajo, simplemente comparta su producción con otros:

Para compartir con este propósito, la velocidad puede ser uno de los puntos importantes, pero para quienes trabajan lentamente y producen bienes finos, el mayor enfoque es "todo el proceso de producción". Por lo tanto, "grabación de pantalla, fotografía a intervalos" sería una opción relativamente ventajosa.

La grabación de pantalla y la fotografía a intervalos parecen ser cosas similares, pero los resultados de la grabación en dos formas son muy diferentes:

Los resultados obtenidos por la "fotografía time-lapse" son muy nítidos, ya que no incluyen áreas de trabajo y pausas que pueden ocurrir por pausas;

El resultado de "Grabación de pantalla" incluye el área de trabajo. Puede ver cómo el usuario del software usa el software, pero requiere herramientas de software adicionales y el tamaño del archivo es muy grande debido a la grabación en tiempo real.

Cada uno tiene sus ventajas y desventajas. Por ejemplo, al hacer estos CONSEJOS, habrá más tiempo para usar la pantalla para grabar videos; pero al mismo tiempo, la fotografía de lapso de tiempo se puede utilizar para compensar la posición en la que desea mostrar rápidamente los resultados. Al mismo tiempo, si hay un límite en la duración del video subido en SNS, la fotografía de lapso de tiempo tendrá una ventaja.

 

③ Con el propósito de compartir el proceso completo de producción, con docencia o interacción a gran escala:

Para compartir con este propósito, la "explicación" será más importante. Generalmente, los videos realizados con este fin serán videos grabados en pantalla que hayan sido editados y acompañados de una gran cantidad de fotos y capturas de pantalla, o en forma de transmisión en vivo. Por lo tanto, compartir para este propósito se dividirá en dos categorías: producción de video y transmisión en vivo en tiempo real.

La producción de video enfatiza la preparación previa. La relación con subtítulos es más cómoda para las personas que tienen miedo de hablar. El formulario interactivo suele ser "mensaje> mensaje" o "mensaje> siguiente video";

La transmisión en vivo en tiempo real tiene una interacción relativamente grande con amigos y fanáticos, y requiere una respuesta inmediata. La mayoría de ellos cooperarán con la entrada de voz, por lo que aquellos a quienes les gusta hablar pueden hablar libremente.

En el proceso de creación y desarrollo de registros, i-BOOM eligió su propio sitio web como base, complementado con otras plataformas para la promoción secundaria, y también abrió una ranura para monedas patrocinada para sí mismo.

¿Alguna vez ha intentado correr en las redes sociales y ha visto un trabajo muy bueno, ya sea de escritura a mano, pintura, música u otras formas de creación, pero no puede encontrar la ranura para monedas patrocinada por el autor del trabajo? Este incidente es muy doloroso, así que para evitar el dolor de los demás, ¡abramos una ranura para monedas!

 

Si eres un creador más casual, puedes elegir una pequeña cantidad de patrocinio para suscribirte a soporte como Ko-Fi en Europa y Estados Unidos, Likecoin en Hong Kong, etc .;

Los creadores que estén seguros de que pueden producir obras de forma regular pueden optar por suscribirse a soporte como Patreon en Europa y Estados Unidos, FanBox en Japón, etc .;

Si eres un creador que quiere desarrollar un proyecto, puedes optar por recaudar fondos como Kickstarter en EE. UU. O Tsk en Taiwán ...

Independientemente del propósito y el método de compartir, lo más importante es tu corazón y tu felicidad.

Aunque desea llamar la atención de los lectores rápidamente cuando comparte, no olvide que "compartir con otros" solo ocupa una pequeña parte del proceso creativo. Empecé a crear mi intención original.

 

Encuentra una plataforma que te guste y sube tus propias creaciones, ¡y comparte tu trabajo!

 

Incluso si se trata de una producción relativamente grande, como la producción de juegos, continuará publicando su propio trabajo y experiencia creativa en una plataforma fija, y obtendrá no solo nuevas buenas ideas y socios de comunicación, sino también patrocinando a otros y siendo Posibilidad de patrocinio.

Comentario

Nuevo

Últimas publicaciones en Oficial