Spanish (Español) translation by Gustavo Ramirez (you can also view the original English article)
Los paneles para Twitch pueden dar más personalidad a tu transmisión en vivo. En este tutorial Twitch, crearemos bonitos paneles, explorando algunas opciones para el arte de los paneles de Twitch. Trabajaremos con algunas de las impresionantes obras de Studio Ghibli para crear estupendos paneles para Twitch personalizados para aquellos que busquen algo bonito, divertido o de estilo anime. También puedes adaptar este proceso para cualquier otra obra de arte que te guste.
Capturas de pantalla de "Ponyo" de Studio Ghibli
Utilizaremos Adobe Photoshop para crear nuestros bonitos paneles Twitch anime, pero también echaremos un vistazo a un creador de paneles para Twitch más adelante en el tutorial. Esta es una gran opción si no tienes Photoshop. Un creador de paneles para Twitch también es una gran opción si quieres crear tus paneles desde la comodidad de tu navegador.
Lo que necesitarás:
- ilustraciones para tus paneles (en este caso serán capturas de pantalla para paneles anime). Utilizaremos imágenes de "Ponyo" de Studio Ghibli, que puedes encontrar aquí
- Fuente Calose
- Fuente Hey Sweetie
Al buscar cómo hacer paneles para Twitch, las capturas de pantalla de anime y de juegos pueden ser un complemento divertido para tu canal. También puedes utilizar tus propias ilustraciones. Elige el arte del panel de Twitch apropiado para el enfoque de tu canal.
1. Cómo Hacer Paneles para Twitch Personalizados en Adobe Photoshop
Paso 1
En primer lugar, hablemos de las dimensiones de los paneles para Twitch personalizados. Los paneles de Twitch tienen un ancho fijo de 320 píxeles, así que tendrás que tener en cuenta ese número. La altura, sin embargo, puede variar. Verás que algunas fuentes recomiendan anchos mayores y menores, como 320x160 (una proporción de 2:1) o incluso un mayor 320x320 (un cuadrado, que podría ser bueno para enlaces o información más grandes y llamativos).
Tienes la libertad y la flexibilidad de elegir cuál es el mejor para tu canal. El máximo permitido por Twitch es de 320px de ancho por 600px de alto. El tamaño de los archivos debe ser inferior a 1 MB.
Para esta demostración, empezaremos con un lienzo de 320 píxeles de ancho por 160 de alto.
Para empezar, crea un Nuevo documento en Adobe Photoshop de este tamaño.
Paso 2
Empecemos por insertar una captura de pantalla en nuestro documento.
Abre la captura de pantalla que hayas elegido en Adobe Photoshop. Yo voy a utilizar esta de Ponyo, de Studio Ghibli.
A continuación, ve a Seleccionar > Todo en la parte superior de la pantalla para seleccionar toda la captura de pantalla. Sabrás que tu trabajo está seleccionado si ves esta línea discontinua alrededor de tu selección, como se muestra a continuación.
Paso 3
Ve a Edición > Copiar para copiar toda la captura de pantalla. A continuación, vuelve a tu documento original y ve a Edición > Pegar.
Esto pegará la captura de pantalla en nuestro documento de 320x160. Ten en cuenta que nuestro panel de Capas la captura de pantalla se pegó en una nueva capa llamada "Capa 1". En este momento se ve azul, porque la captura de pantalla es muy grande. Esto lo arreglaremos en el siguiente paso.
Paso 4
En este momento, la captura de pantalla es demasiado grande para nuestra área de trabajo, así que tendremos que cambiar su tamaño.
Ve a Edición > Transformación libre para empezar. Verás que al hacerlo se colocan tiradores de cambio de tamaño alrededor de la imagen. Haz clic y arrástralos para cambiar el tamaño de la imagen hasta que encaje mejor en este espacio.
Consejo: Puedes cambiar el nombre de tus capas haciendo clic en el nombre de la capa en el panel de capas. Esto es para fines de organización.
Paso 5
A continuación, vamos a añadir algo de texto. Selecciona la Herramienta Texto en el panel de Herramientas.
Con la Herramienta Texto seleccionada, podemos seleccionar nuestra Fuente, arriba en el panel de Opciones, en la parte superior del software.
Paso 6
A continuación, con la Herramienta texto activa, haz clic en tu espacio de trabajo para empezar a escribir, como lo harías en la mayoría de los programas de procesamiento de textos. Voy a empezar con la palabra "Hola". Utilizaremos este panel para Twitch como introducción y saludo para nuestros espectadores.
Sugerencia: Si quieres cambiar el texto, también podemos recurrir al panel Carácter. Lo encontrarás en Ventana > Carácter, en la parte superior del software. Aquí podemos cambiar cosas como la fuente, el tamaño de la fuente y el color de la misma.
Paso 7
Vamos a añadir un trazo ligero a nuestro panel para Twitch, solo para darle un acabado.
En tu panel de Capas, crea una Nueva Capa haciendo clic en el signo más en la parte inferior del panel. Utiliza la Herramienta Cubo de pintura para rellenar esta capa con el color blanco. A continuación, establece el modo de fusión de la capa en Multiplicar. Esto hará que aparezca invisible por ahora.
Paso 8
Dirígete a tus Efectos de capa, en la parte inferior del panel Capas, y selecciona Trazo.
Para este ejemplo, utilizaremos estos valores:
- Tamaño: 2 px
- Posición: Dentro de
- Modo de fusión: Normal
- Opacidad: 100%
- Color: Azul oscuro (#1e6279)
Puedes utilizar cualquier otro valor que prefieras. Previsualiza tu trabajo manteniendo activada la vista previa. Cuando estés satisfecho con los resultados, haz clic en Aceptar.
Esto nos deja con un contorno alrededor del perímetro de nuestro panel de anime Twitch.
2. Cómo Personalizar Paneles para Twitch Bonitos en Adobe Photoshop
Paso 1
En nuestro tutorial Twitch ya creamos el inicio de unos sencillos paneles de anime Twitch. Puedes seguir con lo que hemos hecho y cambiar el texto de cada panel, si estás contento con el resultado. Si es así, pasa a la sección 3 para obtener más información sobre cómo guardar tu trabajo.
Sin embargo, también podemos hacer más cosas con esto. Tomemos lo que hemos hecho y llevémoslo más lejos.
Cuando diseño paneles para Twitch personalizados, ya sean paneles de anime Twitch, paneles de Twitch de juegos o de cualquier otro género, me gusta verlos todos juntos en un solo documento. Esto me ayuda a crear algo cohesivo y también a tener una idea de cómo podrían verse juntos en la página del canal.
Comienza creando un Nuevo Documento. A mí me gusta trabajar a 1920 píxeles de ancho por 1080 píxeles de alto. Podrías trabajar a cualquier tamaño que prefieras, ya que este documento es solo para ver y trabajar con más de un panel a la vez.
Paso 2
A continuación, dirígete al panel anime Twitch que creamos anteriormente. Ve a tu panel de Capas, y selecciona todas tus capas. Puedes hacer esto manteniendo pulsada la tecla Mayúsculas, haciendo clic en la primera capa y luego haciendo clic en la última capa de la lista.
Paso 3
Arrastra estas capas a tu nuevo documento y aparecerán en el panel de capas por aquí.
Paso 4
Puede que notes que las cosas se ven un poco diferentes. Nuestra captura de pantalla ya no se ajusta al tamaño correcto.
¡No te preocupes!. Podemos simplemente hacer clic derecho en la PC o Control-clic en Mac y seleccionar Máscara de recorte en nuestra capa de captura de pantalla. Ahora, se ajustará al tamaño que pensamos originalmente.
Paso 5
Vamos a hacer otro ajuste aquí. Haz clic en el efecto de capa Trazo que hemos creado y arrástralo a la capa base de nuestro panel personalizado de anime Twitch. Esto moverá este efecto a esa capa.
A continuación, podemos borrar nuestra capa original. Para borrar una capa, haz clic en la papelera de la parte inferior del panel Capas.
Paso 6
Recomiendo colocar este contenido en su propio Grupo de Capas o carpeta. Podemos hacer esto seleccionando las capas que componen nuestros paneles Twitch anime personalizados, y luego haciendo clic en el icono de la carpeta, en la parte inferior del panel de capas.
Sugerencia: También puedes nombrar tus capas y tus carpetas/grupos. De esta forma, podrás saber fácilmente qué es cada cosa. También puedes codificar por colores tus capas/grupos haciendo clic con el botón derecho del ratón en PC o Control-clic en Mac y eligiendo un color. Estos son pasos opcionales con fines de organización.
Paso 7
Con nuestro trabajo en un grupo, podemos duplicarlo fácilmente. Solo tienes que hacer clic derecho en la PC o Control-clic en el Mac y seleccionar Duplicar grupo. Duplica tu contenido tantas veces como quieras, para tantos paneles de anime de Twitch como quieras crear.
A continuación, selecciona la Herramienta Mover en tu panel de Herramientas. Selecciona una de tus carpetas de grupo duplicadas. Haz clic y arrastra, con la Herramienta Mover activa para mover los paneles personalizados de Twitch a una nueva posición.
Paso 8
Podemos cambiar fácilmente el texto de los distintos paneles con la Herramienta Texto.
Selecciona la Herramienta Texto en tu panel de Herramientas y luego haz clic en el tipo que quieras cambiar. Edita como lo harías en la mayoría de los procesadores de texto.
Paso 9
Si quisiéramos, podríamos dejar todos nuestros paneles para Twitch anime idénticos con un texto diferente. Sin embargo, es fácil cambiar las capturas de pantalla, con la forma en que configuramos esto.
Abre una nueva captura de pantalla en Adobe Photoshop y sigue las instrucciones de la Sección 1, Paso 2, si necesitas un recordatorio de cómo copiar y pegar esto en tu documento. Utilizaremos otra captura de pantalla de Ponyo.
La captura de pantalla debe estar sobre la base del panel de anime Twitch. A continuación, haz clic derecho en la PC o Control-clic en Mac y selecciona Máscara de recorte, tal y como lo hicimos anteriormente. Esta es una forma fácil de probar todas las capturas de pantalla que quieras.
Consejo: En el ejemplo de abajo, cambié el color del texto a blanco para adaptarlo a esta nueva captura de pantalla. Recuerda que puedes hacer esto desde tu panel de personajes.
Paso 10
Como sabemos que cada panel aquí ya es de 320x160 píxeles, podemos experimentar con la altura y la transparencia también. Vamos a hacer algo un poco diferente para nuestro panel de Twitch acerca de mí.
Selecciona la capa que está debajo de tu captura de pantalla, la capa del panel base. A continuación, ve a Edición > Transformación libre.
Mantén pulsada la tecla Mayúsculas y luego haz clic y arrastra la herramienta superior para redimensionar y así proporcionar menos altura a nuestro panel de Twitch anime. Es esencial que de esta manera sólo estemos cambiando la altura y no el ancho.
Paso 11
Ya que podemos utilizar PNGs transparentes en nuestros paneles para Twitch anime, vamos a experimentar también con la transparencia.
Primero, cambiemos la Fuente para este panel a Calrose regular. Haz que el texto diga "Acerca mí". Elige un color que contraste, por ejemplo, yo elegí un azul oscuro como el borde del panel.
A continuación, utiliza la Herramienta Mover para situarla en la parte superior del panel con parte de ella sobresaliendo del límite.
Paso 12
Twitch puede tener un fondo claro u oscuro, por lo que es importante diseñar para ambas posibilidades. Vamos a añadir un trazo al texto aquí para acomodar eso.
Dirígete a nuestra capa del panel de fondo, haz clic derecho en la PC o Comando-clic en la Mac y selecciona Copiar Estilo de Capa.
A continuación, podemos hacer clic derecho en la PC o Control-clic en Mac, en nuestra capa de texto y seleccionar Pegar estilo de capa. Ahora, nuestro texto tiene un trazo que coincide.
Paso 13
Puedes utilizar estas técnicas para crear tantos paneles para Twitch personalizados como quieras. ¡Prueba diferentes capturas de pantalla! Es una buena idea probar tu trabajo en un fondo oscuro también (utiliza la herramienta Cubo de pintura en la capa de fondo inferior para hacerlo).
Asegúrate de guardar tu trabajo, especialmente como un archivo PSD con capas. De esta manera, puedes volver y hacer más bonitos paneles Twitch anime de la plantilla que has hecho aquí cuando quieras. Aquí está una muestra de estos mismos diseños de plantillas para paneles de Twitch con diferentes capturas de pantalla.
3. Cómo Guardar y Exportar tus Paneles Anime para Twitch Personalizados
Paso 1
Ahora, vamos a guardar tus paneles anime para poder subirlos a Twitch. Ten en cuenta que tendremos que exportar y guardar cada panel por separado, de uno en uno.
Cuando estés listo para exportar, haz clic derecho en PC o Control-clic en Mac en el grupo que contiene tu panel para Twitch. Selecciona Fusionar Grupo. Esto aplanará tu grupo en una sola capa, como se ve a continuación.
Ve a Seleccionar > Todo, en la parte superior del programa. A continuación, Editar > Copiar.
Paso 2
Crea un Nuevo documento. Las dimensiones de tu contenido copiado ya deberían estar pegadas en la ventana de Nuevo Documento. Debe tener 320 píxeles de ancho.
Haz clic en Crear para crear este documento.
Paso 3
A continuación, ve a Edición > Pegar. Tu panel para Twitch aplanado debería estar pegado en este espacio en una nueva capa. Tal y como se muestra a continuación.
Paso 4
En este tutorial Twitch utilizamos nuestro panel para el Acerca de Mí y debe tener la transparencia en la parte superior. Así que vamos a eliminar la capa de fondo aquí. Selecciona la capa de fondo y luego haz clic en el icono de la papelera, en la parte inferior del panel de capas.
Ahora, deberíamos ver un patrón de cuadros en la parte superior de nuestro panel de Twitch acerca de mí. Esto indica que es transparente, tal y como queremos.
Paso 5
A continuación, vamos a Archivo > Guardar como para guardar nuestro trabajo. Elige PNG entre los tipos de archivo disponibles y ponle un nombre a tu archivo. PNG es una gran opción para la transparencia, como tenemos aquí. También puedes subir archivos JPG como paneles Twitch anime, pero ten en cuenta que no admiten transparencias.
Repite este paso para guardar todos los paneles anime que quieras.
¡Listo!
Creamos unos bonitos paneles para Twitch que puedes adaptar como quieras. ¿Qué capturas de pantalla o ilustraciones podrías probar? Diviértete y experimenta con todo tipo de ideas diferentes.
Si no tienes Adobe Photoshop o estás buscando una solución más rápida, puede que quieras probar un creador de paneles para Twitch. Echemos también un vistazo a un creador de paneles para Twitch en línea.
Cómo Hacer Paneles para Twitch con un Creador de Paneles en Línea
Paso 1
Para este tutorial Twitch, vamos a echar un vistazo a un creador de paneles de Twitch en línea llamado Placeit. Es una herramienta basada en el navegador, lo que significa que puedes diseñar y crear tus paneles para Twitch sin necesidad de ningún software.
Las plantillas para paneles de Twitch que utilizaremos en este tutorial es gratuita, es decir, puedes crearla, diseñarla y descargarla sin costo.
Para revisar Placeit, dirígete a la página web. Hay muchas plantillas para paneles de Twitch para elegir. Siéntete libre de elegir una. Nosotros usaremos esta en esta demostración.
Placeit es una herramienta en línea que puedes utilizar para personalizar tus paneles para Twitch en línea.
Paso 2
Una vez que seleccionado nuestro diseño, podemos entrar de lleno en la personalización. Por ejemplo, puedes hacer clic en los elementos de diseño existentes para seleccionarlos y luego hacer clic y arrastrar para reorganizarlos en la composición.
Paso 3
En el lado izquierdo podemos modificar nuestro texto. Cambia lo que dice el texto escribiendo un nuevo contenido. Debajo del texto, podemos cambiar la fuente y el color de la misma. Pruébalo.
Paso 4
También podemos cambiar fácilmente los colores y las imágenes. Echa un vistazo a las opciones de la derecha.
Cambia el color de fondo, los colores de los elementos de diseño y mucho más. Aquí también podemos cambiar y añadir imágenes, incluyendo las imágenes ya proporcionadas dentro de Placeit.
Ahora parece un diseño completamente nuevo, ¿no?
Paso 5
También podemos cargar imágenes personalizadas. Vamos a probarlo con algunas de las imágenes de Studio Ghibli que hemos utilizado anteriormente en este tutorial Twitch.
Lo único que tenemos que hacer es pulsar en Cargar imagen y seleccionar la imagen de nuestra computadora. A continuación, Placeit nos permite recortar y ajustar la imagen en nuestro diseño de la forma que queramos.
Paso 6
Una vez que hayas creado un bonito panel para Twitch que te guste, es tan sencillo como hacer clic en Descargar para descargar tu trabajo. En este caso, esta plantilla para paneles de Twitch personalizada es gratuita, siempre y cuando no utilices ninguna de las imágenes de pago.
Con los contenidos premium, solo tienes que pagar si decides continuar y descargar. Además, el precio es una gran oportunidad. Paga a medida que avanzas u obtén una suscripción para descargar un número ilimitado de diseños.
Echa un vistazo a estos paneles personalizados gratuitos de Twitch
¿Buscas más inspiración o paneles de Twitch gratuitos que puedas personalizar ahora mismo? Echa un vistazo a estos otros diseños de Placeit que puedes probar hoy mismo.
1. Plantillas para Paneles de Twitch para Gaming
Esta bonita plantilla de panel para Twitch utiliza un fondo degradado, pero puedes cambiarlo por cualquier color o fondo que prefieras. Es gratuita, así que ¿por qué no probarla hoy?
2. Plantillas para Paneles de Twitch en Línea
Aquí tienes otra plantilla de panel de Twitch gratuita que puedes probar ahora mismo. Si quieres, puedes cambiar el tipo de letra, intercambiar las imágenes y modificar completamente el diseño.
3. Doodle Artwork - Bonitas Plantillas para Paneles de Twitch
¿No es bonito este garabato? Si estás buscando paneles para Twitch, esta puede ser una divertida plantilla para probar. Mezcla los colores o coloca tu información y utilízala como debe ser.
4. Pride - Creador de Bonitas Plantillas para Paneles de Twitch
En Placeit hay una serie de paneles de Twitch con temática de orgullo que puedes probar. Este tiene un bonito globo de arco iris y es gratuito.
5. Creador de Plantillas para Paneles de Twitch para Gaming
Este panel de Twitch utiliza algunas imágenes conocidas de juegos, pero puedes elegir de la galería de Placeit o subir tus propias imágenes. Ponte manos a la obra y empieza a experimentar con este diseño en tu navegador.
¿Qué Paneles Personalizados para Twitch vas a Crear?
Gracias por acompañarnos hoy y aprender cómo hacer paneles para Twitch. Espero que crees maravillosos paneles para tu transmisión en vivo y que tu contenido tenga mucha participación y éxito. ¡Buena suerte!
¿Quieres aprender más sobre la creación de contenido para Twitch? Consulta estos tutoriales y artículos gratuitos de Envato Tuts+.
