Cómo preparar las imágenes de tu Ruleta de Premios

La Ruleta de Premios de Cool Tabs permite añadir una imagen personalizada en cada sección para conseguir un diseño completamente a medida. Para que la ruleta se visualice correctamente, cada imagen debe prepararse con unas dimensiones y una orientación específicas.

En esta guía te explicamos cómo hacerlo paso a paso.

Paso 1 — Diseña la ruleta completa

Crea un documento de 736 × 736 px y dibuja la ruleta entera como un círculo dividido en tantas secciones como quieras. Añade colores, textos y decoración a cada sección o quesito.

El radio de la ruleta es 368 px (la mitad del documento). Este valor lo necesitarás más adelante para calcular la altura de cada sección.

Herramientas habituales: Photoshop, Illustrator, Canva o Figma. Puedes usar guías angulares para dividir el círculo con precisión.

Paso 2 — Corta cada sección y súbela por separado

1. Exporta cada sección como archivo independiente. Recorta cada quesito de la ruleta y guárdalo como un PNG separado con fondo transparente. Necesitarás tantos archivos como secciones tenga tu ruleta.
2. El vértice (la punta) debe quedar arriba. Al guardar cada sección, la punta del triángulo tiene que estar en la parte superior de la imagen y la base (el arco) en la parte inferior. La plataforma gira y encaja las piezas automáticamente.
3. Sube cada imagen a su sección correspondiente. En el configurador de la ruleta, asigna cada archivo PNG a la sección que le corresponda.

Orientación correcta del quesito

El vértice siempre debe apuntar hacia arriba. Esta es la regla más importante: si el quesito está girado, la ruleta no se montará correctamente.

Dimensiones según el número de secciones

La altura siempre es 368 px. La anchura varía según el número de secciones de la ruleta:

Secciones	Ángulo por sección	Anchura	Altura	Vista previa

Sección avanzada — Calcular la anchura para cualquier número de secciones

Si tu ruleta tiene un número de secciones diferente a los ejemplos anteriores, puedes calcular la anchura exacta con esta fórmula:

Donde n es el número de secciones. La altura siempre es 368 px.

Si tienes alguna duda durante el proceso, puedes contactarnos en help@cool-tabs.com.