The PNG-tuber || The process for the PNG-tuber [ESP-ENG]

in Hive Diy2 days ago (edited)

Muy buen día amigos de Hive, siguiendo la línea de la personalización de mi canal de Twitch, hoy les cuento como hice mi PNG-tuber.

Good day Hive friends, following the line of the customization of my Twitch channel, today I want to tell you about how I made my PNG-tuber.


Banner_Hive_Intro.jpg


banner2 prueba.png

🇪🇸 🇺🇸


🇪🇸 El PNG-tuber es uno de los elementos mas importantes que renege casi hasta el final. El personaje es este mismo gato que use en la foto de comisiones y donaciones de los paneles de la BIO del cual ya hable aqui.

🇺🇸 The PNG-tuber is one of the most important elements that I reneged on almost to the end. The character is this same cat that I used in the commissions and donations photo of the BIO panels that I already talked about here.


image.png


Alli también hable un poco de su origen, que proviene de comics de catarsis que hacía hace algun tiempo. Ese personaje era muy recurrente por algun motivo, siempre hacia el mismo, así que pense traerlo de vuelta y hacerlo un avatar estilo png-tuber.

Algunos bosquejos originales pensados para el avatar.

in that post, I talked a bit about his origin, which comes from catharsis comics I used to make some time ago. That character was very recurrent for some reason, and it was always the same one. So I thought I would bring it back and make him a png-tuber style avatar.

Some original sketches of the character.


bosquejos.jpg


El mayor reto fue hacer que el personaje hablase cuando tu hablas, busque tutoriales de como se hace eso y así fue como implemente la idea del png-tuber.

The biggest challenge was to make the character talk when I talk, I looked up for tutorials on how to do that and that's how I implemented the png-tuber idea.



Andilippi's Youtube Channels


Para eso hice, tal y como indica el video, 2 imagenes. Una animada con este efecto de wobbly line para el personaje en reposo y otra con la boca medio abiertita. Cuando se activa la voz, switchea entre estas 2 imagenes y así da el efecto de que el personaje habla.

For achieve that result, I did as it was indicated in the video, I made 2 images. One animated with this wobbly line effect for the character at rest and another one with the mouth half open. When the voice is activated, it switches between these 2 images and thus gives the effect that the character speaks.

Cat_Avatar.gif

AVatar1test.gif


Efecto combinado:

Combined effect

Personaje.gif


No sabría describir muy bien en los detalles técnicos de la animacion puesto que no entiendo muy bien el tema animacion todavia. Pero es una imagen de unos escasos frames que convertí en un GIF para que el OBS pudiese leerlo conservando la transparencia.

I can't describe very well the technical details of the animation since I don't understand very well the animation subject yet. But it is an image of a few frames that I converted into a GIF so that the OBS could read it while preserving the transparency.


animation.jpg



Entiendo que hay personas que se especializan en hacer esto y te cobran por ello, no muy distinto lo que yo ya hago pero en otras areas. Pero yo quise hacer mi propia version para aprender a usar el Clip Studio Paint para animación.

I understand that there are people who specialize in doing this and charge you for it, not unlike what I already do but in other areas. But I wanted to make my own version to learn how to use Clip Studio Paint for animation.


Cómo dato extra, el png-tuber me gusta porque de esta manera puedo ocultar cuando me siento triste y los días que me da mucha ansiedad. Recientemente lo use cuando vine de una noche de pasarlo mal y tenía los ojos hinchados y muchas ojeras, o cuando simplemente estoy despeinada, jaja

As a bonus, I like the png-tuber because this way I can hide when I'm feeling sad and on days when I get really anxious. I recently used it when I came back from a bad night and I had puffy eyes and dark circles under my eyes, or when I'm just disheveled, haha.



¿Que opinan? Puedes hacerme saber tu opinion en los comentarios! 😸✨

What do you think? You can let me know your opinion in the comments! 😸


banner1.png


banner2360p.jpg


𝓓𝓮𝓿𝓲𝓪𝓷𝓽𝓐𝓻𝓽 ~ 𝓣𝔀𝓲𝓽𝓬𝓱 ~ 𝓘𝓷𝓼𝓽𝓪𝓰𝓻𝓪𝓶


Versión en español: Yo | English Translation: DeepL & me



| The drawings and artwork I post on HiveBlog created by me, are my work and you do not have permission to use, trace, repaint, or edit over my artwork without my permission or the direct consent of the client, if applicable. |

| Las obras de dibujos y arte que publico en HiveBlog creados por mi, son mi trabajo y no tiene el permiso de usarlas, trazar, repintar, o editar sobre mis obras sin mi permiso o el consentimiento directo del cliente si es el caso. |

Sort:  

" o cuando simplemente estoy despeinada, jaja"

Esto último me llamó la atención ¿en los Streams no andas naturalmente despeinada? creí que sí porque te había visto una vez con el cabello lizo y pues, te faltó que el pngtvuer es quien nos acompaña cuando la cámara ya no puede más. 😅

 yesterday  

Amo tus dibujos <3 los efectos que le hiciste son fantásticos, gracias por este excelente tutorial.

Magnífico trabajo, tu estilo es muy adorable y asombrosos, y tu nivel de dibujo es sorprendente, incluso para poder crear animaciones del mismo como en una caricatura, excelente trabajo!