En este tutorial te explicamos como diseñar tus propios Stickers y Marcos para las aplicaciones de Photofun y Escenarios (aplicaciones incluidas en los planes Premium, Marca Blanca y Corporate).

Consideraciones generales

Todas las imágenes para stickers y marcos deben tener formato PNG (opción recomendada, pues permite transparencia) o JPG (en caso de usar fondos enteros – en cuyo caso el usuario no deberá poder subir su propia imagen, pues quedará por debajo del marco y será invisible – o stickers cuadrangulares sin transparencia).

Es importante trabajar las imágenes en modo RGB en un espacio de color estándar (sRGB, preferiblemente, o AdobeRGB). Cualquier otra configuración modifica la visualización de los colores en pantalla, al aplicar automáticamente el espacio de color por defecto del monitor (que es sRGB). Así, una imagen en un esquema distinto al por defecto, se verá con los colores modificados.

La resolución debe ser, indistintamente, 72 ppi.

¿Cómo se suben los marcos y stickers?

Des del editor del PhotoFun verás, en la esquina superior derecha del listado de marcos y stickers unos enlaces verdes para añadir tus propios elementos.

Al dar click en ese enlace, se abrirá una ventana emergente para subir los ficheros.

Truco: Puedes añadir varias imágenes a la vez arrastrando los ficheros en bloque o la carpeta entera (si están ellas solas) en la zona para subir imágenes.

1. Stickers

En cuanto a las medidas de los archivos, para evitar que queden pixelados, deben crearse un 20% mayores al tamaño máximo al que quieras que los usuarios puedan ponerlas en su composición.

Una medida de sticker que hemos visto que funciona bastante bien en todos los casos permitidos de composición es la de 450 x 450 px como máximo. Si quieres, puedes hacer stickers verticales u horizontales sin problema; por ejemplo, de 200 x 400 px o 400 x 300 px. Los puedes generar también más grandes, como por ejemplo 500 x 500 px, pero al final los usuarios los acaban reduciendo para adaptarlos a su idea y únicamente añadiría peso de descarga.

Es una buena práctica (aunque depende de cada campaña) añadirle un pequeño borde blanco (o negro) alrededor del perfil del sticker, para destacarlo sobre el fondo de un modo más claro, simulando una pegatina o un cromo. Este tipo de efecto funciona mejor en stickers de ilustración que en stickers de imagen real.

También es recomendable dejar un poco de aire transparente alrededor de toda la imagen, de modo que los límites de la misma no lleguen al límite del fichero. De este modo se evitan cortes indeseados en los márgenes y ayuda a separar un poco mejor los tiradores de escalado y rotación en la interficie, mostrando sin interferencias el sticker al completo.

Truco: La aplicación detecta el nombre del fichero para obtener el nombre del sticker (aunque se puede modificar una vez importado des del propio editor). Así, recomendamos nombrar los ficheros de forma coherente. Por ese motivo, recomendamos no nombrar los ficheros con nombres como “IMG_1234.png” o “sticker_001.png”. Un fichero que se llame “mascara-rosa.png” se importará como “MASCARA ROSA”.

2. Marcos

El formato del marco será siempre cuadrado y recomendamos subir marcos diseñados a un tamaño de 800 x 800 px.

En caso de que quieras que el marco únicamente ocupe una zona concreta de la composición, deberás generar igualmente el archivo con la medida total y dejar las zonas que no tengan imagen en modo transparente.

Truco: La aplicación detecta el nombre del fichero para obtener el nombre del sticker (aunque se puede modificar una vez importado des del propio editor). Así, recomendamos nombrar los ficheros de forma coherente. Por ese motivo, recomendamos no nombrar los ficheros con nombres como “IMG_1234.png” o “frame_001.png”. Un fichero que se llame “fiesta.png” se importará como “FIESTA”.