Android / Creacion de iconos

Bienvenidos sean a este post, hoy hablaremos sobre como crear distintos tipos de iconos para nuestras aplicaciones. Para ello podremos usar distintos tipos de aplicaciones, entre ellas Android Studio, pero el metodo mas practico es utilizar la pagina Android Asset Studio porque este nos permitira no solamente crear los distintos tipos de iconos para nuestra aplicacion sino a su vez podremos ver como quedan antes de descargarlos, la pagina es la siguiente:

https://romannurik.github.io/AndroidAssetStudio/index.html

La pagina tiene las siguientes opciones

Como se ve en la imagen tenemos una gran variedad de creacion de iconos, para comprobar su uso haremos una simple prueba donde crearemos un nuevo icono para una aplicacion que hayamos generado, en este caso usare la primera app que generamos en este post en caso de no tenerlo, lo abrimos con Android Studio pero antes iremos a la pagina anterior y cliquearemos sobre el icono Launcher icon generator para pasar a la siguiente pagina

Este sera el inicio de la pagina, tenemos tres opciones: el utilizar la galeria (clipart) por defecto, un texto o una imagen, para nuestro ejemplo usaremos una imagen asi que pulsen la opcion image y pasaremos a la siguiente pantalla pero previamente nos pedira cargar un archivo

Despues de seleccionado el archivo tendremos una vista previa de nuestro icono, a la izquierda tendremos las siguientes opciones

Las opciones pueden ser basicas pero son las utilizadas a la hora de crear este tipo de imagenes, como el color de la imagen, el color de fondo (background color), donde lo queremos escalar, la forma del icono, el efecto y por ultimo el nombre, este ultimo campo recomiendo no modificarlo aunque puede hacerse y no afectara a la operatividad de la aplicacion pero nos traera como consecuencia a realizar algunas modificaciones extras, en general es mas recomendable dejarlo por defecto, veamos la otra parte de la pantalla

Este es el ejemplo que se genera por defecto, si pulsamos SEE ALL veremos lo siguiente

En este caso nos mostrara los distintos tipos de iconos que se generaran para nuestra aplicacion, hare una modificacion para poder mostrarles el resultado final

En este caso modifique el padding para que la imagen encaje lo maximo posible y modifique el fondo a color blanco, con todas las modificaciones realizadas podemos descargarlas mediante el siguiente boton

Con esto descargaremos un archivo ZIP donde tendremos todos los iconos que hemos generado con la pagina

Este es un ejemplo del archivo generado, en este caso tenemos los distintos iconos para cada tipo de resolucion, con esto estaria todo generado solo nos resta modificar nuestra aplicacion y para ello debemos ir a Android Studio, una vez dentro deberemos eliminar solamente las imagenes dentro del recurso res/mipmap, no eliminen el XML porque sino no podran cargar los iconos, una vez eliminados debemos extraer todos los recursos del archivo ZIP, una vez extraido debemos ingresar a cada una de las carpetas y veremos que hay una imagen

Para poder ingresar esta imagen debemos copiarla con Ctrl+C, volvemos a Android Studio y debemos ir al recurso res/mipmap y presionamos Ctrl+V, donde nos aparecera el siguiente cuadro

En este caso tendremos que seleccionar el tipo de resolucion relacionado a nuestra imagen, como yo seleccione hdpi debo seleccionar hdpi y pulsen Ok para crearlo, nos aparecera el siguiente cuadro

Esto deberan dejarlo como aparece en la imagen, lo mas recomendable, y pulsen Ok para cerrarlo

Esto que hicimos deberemos repetirlo con el resto de las imagenes, una vez finalizado obtendremos la siguiente pantalla

Este seria el resultado despues de haber pegado y asignado todos nuestros iconos.

Nota: Cuando peguen los nuevos iconos deben hacerlo sobre el directorio mipmap y no sobre ic_launcher porque de lo contrario no les mostrara los directorios para diferenciarlos.

Con todas estas modificaciones realizadas nuestro ultimo paso sera probar nuestra aplicacion en dispositivos con diferentes resoluciones, les muestro un ejemplo

En este caso tenemos a nuestra primera app con su nuevo icono.

En resumen, hoy hemos visto cual es la forma mas recomendable y practica para generar iconos, hemos creado uno, como modificarlo, descargarlo y por ultimo hemos visto todos los pasos necesarios para poder implementarlos en nuestra aplicacion, espero les haya sido util sigueme en Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.