Como crear un APK con Adobe Animate

Cómo crear un APK con Adobe Animate

¡Comparte nuestro contenido!

¡Haz clic para puntuar esta entrada!
(Votos: 1 Promedio: 5)

A pesar de lo que muchos piensan, Adobe Animate todavía tiene mucho que ofrecer, una de esas características es la opción que permite crear un archivo .apk listo para ser subido a Google Play Store ¿Quieres saber cómo hacerlo? ¡Manos a la obra!

Hagamos una aplicación AIR primero

Teniendo Adobe Animate abierto, elegimos AIR for Android en la sección Crear Nuevo.

Como crear un archivo APK con Adobe Animate - CableNaranja

Hagamos una animación sencilla para convertirla en una aplicación Android.

Necesitamos un icono para nuestra aplicación

Necesitamos un icono para nuestra aplicación. Afortunadamente, podemos hacerlo directo en Adobe Animate. En el menú Archivo, seleccionamos Nuevo o presionamos Ctrl + N.

Como crear un archivo APK con Adobe Animate - CableNaranja

En la ventana de diálogo, seleccionamos ActionScript 3.0 y establecemos la Anchura y la Altura en 192, finalmente presionamos Aceptar.

Como crear un archivo APK con Adobe Animate - CableNaranja

Dibujemos un círculo y le establecemos las propiedades que se muestran en la imagen.

Como crear un archivo APK con Adobe Animate - CableNaranja

En el menú Archivo, seleccionamos Configuración de publicación.

Como crear un archivo APK con Adobe Animate - CableNaranja

En la ventana de diálogo, desmarcamos las opciones que vienen seleccionadas por default y marcamos Imagen PNG, luego en Nombre de salida, establecemos el nombre que llevará nuestro ícono y presionamos Aceptar.

Como crear un archivo APK con Adobe Animate - CableNaranja

Guardemos nuestro archivo primero con Ctrl + S

Como crear un archivo APK con Adobe Animate - CableNaranja

En el menú Archivo, seleccionamos Publicar para crear el archivo .PNG

Como crear un archivo APK con Adobe Animate - CableNaranja

Configuración general de nuestra aplicación

De regreso a nuestra aplicación, guardemos primero nuestra animación.

Como crear un archivo APK con Adobe Animate - CableNaranja

En el menú Archivo, seleccionamos ahora Configuración de AIR 26.0 for Android.

Como crear un archivo APK con Adobe Animate - CableNaranja

Los datos a cambiar son los siguientes:

  • En Nombre de la aplicación establecemos el nombre que tendrá nuestra aplicación en nuestros dispositivos.
  • En Id de la aplicación se debe colocar el nombre en formato com.subdominio.appName.
  • En Versión, debe ir el número de versión que tengamos.
  • En Relación de aspecto, hay que elegir si nuestra aplicación será Vertical, Horizontal o Automático si dejaremos que nuestro dispositivo elija.
  • Para aplicaciones como juegos, marcar la opción Pantalla completa.
  • Marcar Orientación automática si elegimos la opción Automático en las opciones anteriores.
  • Finalmente en Archivos incluidos, hay que agregar todos los archivos que estén incluidos en nuestra aplicación.

Las demás opciones no es necesario cambiarlas a menos que realmente necesitamos hacer algún ajuste extra. En nuestro caso, así es como queda.

Como crear un archivo APK con Adobe Animate - CableNaranja

Implementación y creación del certificado de la aplicación

En la misma ventana, nos movemos a la sección Implementación.

Como crear un archivo APK con Adobe Animate - CableNaranja

En la sección Certificado, presionamos el botón Crear y llenamos los datos como se ve en la imagen:

Como crear un archivo APK con Adobe Animate - CableNaranja
  • Nombre del editor: Nombre de desarrollador con el que estés dado de alta en Google Play o en su defecto el nombre que quieres.
  • Unidad de organización: Abreviación del nombre de editor.
  • Nombre de la organización: Nombre de tu empresa, organización o persona.
  • País: Código del país de procedencia.
  • Contraseña: La que decidas.
  • Tipo: No se puede cambiar
  • Periodo de validez: El valor mínimo es 25 años
  • Guardar como: La ruta física donde quedará guardado el certificado.

Al presionar el botón Aceptar, debemos obtener el siguiente mensaje:

Como crear un archivo APK con Adobe Animate - CableNaranja

De regreso a nuestra ventana anterior, establecemos la Contraseña para nuestra aplicación y marcamos Recordar contraseña para esta sesión.

Como crear un archivo APK con Adobe Animate - CableNaranja

Establezcamos el icono de nuestra aplicación

Nos cambiamos a la sección Iconos y elegimos la medida que usamos hace rato (192×192), carguemos nuestro archivo tal y como se ve en la imagen.

Como crear un archivo APK con Adobe Animate - CableNaranja

Establecer los permisos de nuestra aplicación

En la sección Permisos, podemos ver los permisos clásicos de Android, nuestra aplicación no necesita ninguno, pero en caso de ser necesario, sólo hay que marcar el que necesitemos.

Como crear un archivo APK con Adobe Animate - CableNaranja

Soporte de idiomas para nuestra aplicación

Para agregar soporte a diferentes idiomas, sólo tenemos que movernos a la sección Idiomas y seleccionar los idiomas a los que queremos dar soporte.

Como crear un archivo APK con Adobe Animate - CableNaranja

Crear el archivo APK de nuestra aplicación

Una vez que hemos terminado toda la configuración. Presionemos el botón Publicar y esperemos a que termine. Si todo salió bien, debemos obtener un mensaje como este:

Como crear un archivo APK con Adobe Animate - CableNaranja

Podemos ver el archivo .APK junto a todos los archivos que hemos creado.

Como crear un archivo APK con Adobe Animate - CableNaranja

Probando nuestro archivo APK

En nuestro ejemplo, usaremos el emulador Nox para probarlo, pero se puede copiar el archivo a nuestro dispositivo para probarlo.

¿Te ha resultado? Déjanos saber en los comentarios aquí abajo, en nuestra cuenta de twitter @cablenaranja7 o en nuestra página de facebook.

¡Comparte nuestro contenido!

Entradas relacionadas

2 comentarios en "Cómo crear un APK con Adobe Animate"

  1. como hacer para que la app se adapte a la pantalla de cada móvil? uno crea para una cierta pantalla y al instalar en una pantalla mayor o menor no se ajusta automático

    1. Saludos.

      Se puede colocar en pantalla completa, así se acomodará a cualquier pantalla. Dado que es Animate y trabaja con vectores no debería ser un problema.

      Para ello, en el primer frame de todo tu proyecto puedes colocar esto en la ventana de acciones.

      stage.displayState = StageDisplayState.FULL_SCREEN;

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *