Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Exportar dese Inkscape PNG's con fondo transparente para novela visual - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 7 de enero de 2024 por Fernando B.

207 visualizaciones

Vamos a aprender a volcar cada una de las instancias expresivas (cada una de las poses con diferentes gestos de cada uno de nuestros personajes) a imágenes de fondo transparente para nuestra novela visual

Más información Transcripción

Descargar la transcripción

Vamos a usar Inkscape para exportar imágenes de fondo transparente, concretamente como 00:00:00
estáis viendo aquí tengo ya muchas instancias del personaje principal de la novela, para 00:00:08
cada una de estas voy a generar una imagen con el nombre del personaje, en este caso 00:00:17
Rosana, seguido del estado anímico. 00:00:22
Como podéis ver lo que he hecho es que he seleccionado todas las instancias, incluido 00:00:25
el personaje masculino, y lo he estado escalando de manera proporcional, de tal manera que 00:00:30
haya al menos una que me encaje dentro del canvas, en este caso el lienzo, y de tal manera 00:00:37
que exceda justamente por la parte de aquí debajo, lo que me interesa es obtener una 00:00:44
pose de cintura para arriba, es decir que aquí no me va a molestar, no me va a importar 00:00:50
en absoluto que sobresalgan aquí un poco los brazos, y la idea es que me genere exactamente 00:00:55
esta imagen, todo esto va a ser transparente. 00:01:01
Para cerciorarnos de que el fondo va a ser transparente, lo que vamos a hacer es ir a 00:01:04
archivo, propiedades del documento, y en color de fondo, aquí, vamos a darle de tal manera 00:01:09
que independientemente del color que tengamos, nos va a dar exactamente igual, lo que vamos 00:01:18
a necesitar es que este canal esté a cero, y una vez que tengamos claro eso, entonces 00:01:22
ya sí vamos a poder ir a archivo, exportar imagen png, cerciorarnos de que tenemos seleccionado 00:01:29
página, no dibujo, ni selección, ni personalizado, sino página, que va a ser exactamente lo 00:01:35
que haya dentro de este lienzo, vamos a comprobar efectivamente que tenemos la carpeta oportuna, 00:01:39
en este caso lo voy a ir exportando directamente dentro de la carpeta de Images, dentro de 00:01:47
Game, dentro del nombre de la carpeta del proyecto que estamos trabajando en Ren'Py, 00:01:52
en cualquier caso también lo podéis guardar en cualquier otra carpeta y luego esas imágenes 00:02:00
ya volcarlas a la carpeta de imágenes del juego en cuestión, vamos a darle a guardar 00:02:05
como no pues de otra manera, y lo reemplazamos, ahora, para generar el resto, pues lo único 00:02:10
que tengo que hacer es seleccionar todas mis instancias, de hecho lo que voy a hacer 00:02:15
es que las voy a agrupar con el botón derecho, y voy a ir pasando cada una de las imágenes 00:02:20
lo más centraditas posibles, vamos a ponerlo aquí, ahí está, nueva página, y ahora en 00:02:28
vez de Rosana Angry va a ser Rosana Neutral, vamos a escribirlo bien, neutral, siempre 00:02:35
seguido por favor de png, punto png, lo mismo con Rosana Smile página, Rosana Smiling, 00:02:45
y básicamente así con el resto de cada una de las instancias, vamos a comprobar que 00:03:00
efectivamente se han generado todas las imágenes que quiero, ahí está, veis, están todas 00:03:26
terminadas en png, voy a comprobar que todas tienen su fondo transparente, perfecto, ya 00:03:35
de esta manera vamos a poder trabajar directamente con nuestros personajes, vamos a hacer lo 00:03:43
mismo también con los fondos que hemos generado a través de inteligencia artificial en PigFinder, 00:03:49
vamos a ver, ver prueba, donde lo tengo, aquí en novela visual, y voy a pasar todas estas 00:04:04
imágenes que van a ser fondos, las tengo que pasar necesariamente a png, hay muchas 00:04:11
maneras de hacer esto, la más inmediata se me antoja que es directamente con GIMP, 00:04:16
si no se os habría directamente, como es el caso, tenemos que buscarlo, GIMP, aquí 00:04:21
está, abrimos, voy a abrir el resto también, abrir, este otro también lo voy a abrir, 00:04:27
y este otro también, son los tres fondos que voy a usar, bien, la idea es primero tengo 00:04:48
que reducir la imagen al tamaño que vayamos a emplear para la novela visual, en este caso 00:04:56
voy a trabajar con 1920x1080, en cualquier caso la relación de proporción va a ser 00:05:04
siempre la misma, voy a escalar la imagen, hemos dicho 1920x1080, aquí tengo que desactivar 00:05:12
1080, habrá un pelín de desproporción, no me importa, aquí lo mismo, imagen, escalar 00:05:21
la imagen, vamos a desactivar la correlación entre ambos, 1920x1080, voy a escalar, y lo 00:05:35
mismo con esta otra, escalar la imagen, tenemos que abrir el candadito, ahí está, y ahora 00:05:48
vamos a exportar como png, exportar como, cada una de las imágenes, ahí está, novelavisual.png, 00:06:00
luego le cambiaremos el nombre porque evidentemente son nombres demasiado largos y demasiado complicados 00:06:14
para trabajar luego con el código, png, vale, voy a seleccionar por tanto los 3 pngs 00:06:21
para comprobar que es cada cosa, vamos a ver, le voy a dar a ctrl1, ctrl2, ctrl2 me permite 00:06:38
precisamente visualizar en max las imágenes de esta manera, le voy a dar a ctrlX, me voy 00:06:48
a la carpeta de mi proyecto, fer prueba game images, aquí es donde vamos a pegar, le vamos 00:06:59
a dar a pegar, ahí estamos, y eso sí, vamos a cambiar el nombre, como, vamos a renombrar, 00:07:08
y este simplemente lo voy a llamar cine.png, muy mucho más sencillo, enter, aquí lo vamos 00:07:18
a llamar escritorio.png, y aquí lo vamos a llamar fiesta, y básicamente de esta manera 00:07:29
ya tendría los elementos que voy a necesitar para mi novela visual de prueba. 00:07:46
Idioma/s:
es
Autor/es:
Fernando Briones
Subido por:
Fernando B.
Licencia:
Dominio público
Visualizaciones:
207
Fecha:
7 de enero de 2024 - 19:13
Visibilidad:
Público
Centro:
IES ALFREDO KRAUS
Duración:
07′ 53″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
112.37 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid