Como crear un Splashscreen

Buen día, en esta ocasión les elabore un fácil tutorial para crear un Splashscreen, es un tanto diferente a otros tutoriales pero es igual de efectivo y mas fácil y entendible, bueno, pues bien, comencemos

Para comenzar tenemos que abrir la imagen que queramos que aparezca con algún editor de fotos, puede ser hasta con Paint !!! Aun que yo prefiero Photoshop en esta ocasión se los explicare con Paint :D

• Abrimos la foto, ojo, debe ser resolución 360 x 640

(Click para ver la imagen mas grande)

• Despues le agregamos algunos detalles que queramos como por ejemplo el texto

(Click para ver la imagen mas grande)

• Hasta ahora a podríamos pasar a convertir las imágenes pero lo que se busca en un Splashscreen es ver como si se estuviera cargando, para eso debemos de poner los puntos, figuras, rayas, etc. que queramos para que logremos esa ilusión, para eso creamos un circulo o lo que queramos, como en este ejemplo:

(Click para ver la imagen mas grande)

• Lo que sigue es que al hacer el primer punto guardemos esa imagen, para eso vamos a Opciones y luego a Guardar como, les sugiero guardar en formato .png y asi, con cada punto que agreguemos vamos haciendo lo mismo hasta llegar a la imagen numero 4, de ahi la numero 5 seria la 4, la 6 seria la 3, la 7 seria la 2, y la 8 seria la 1, esto es para dar el efecto de que carga y regresa, después otra vez lo mismo, aun que lo pueden dejar a como ustedes quieran

(Click para ver la imagen mas grande)

• Después de que tenemos la 8 imágenes, así como en la captura de abajo procedemos a convertir esas imágenes a formato .svg, esto lo podemos hacer con Inkscape o Adobe Ilustrator, yo utilizo el Inkscape por que el otro programa esta bien pesado y con mi Internet tardaría siglos en descargarlo jajaja

(Click para ver la imagen mas grande)

• Por si no tienen ni la mas minima idea de como pasar las imagenes a .svg como me paso a mi es sencillo, abren el Inkscape y desde ahí abren las imágenes ( 1 x 1 ) y no les hagan nada, solo abran y vayan a Archivo/ Guardar como y luego a Guardar, el programa tiene como predeterminado guardar en .svg

(Click para ver la imagen mas grande)

• Después que ya tienen las 8 imágenes en formato .svg se viene lo bueno, primero abren SisContent y le dan en la hojita y después en Aceptar

(Click para ver la imagen mas grande)

• Después le dan en los cuadrados que están encerrados en un circulo en la captura de abajo y luego en añadir archivos, y aqui es donde vamos a utilizar un splashscreen cualquiera que agarraremos para sustituirle las imagenes, aqui les dejo uno: Descargar

(Click para ver la imagen mas grande)

• Después de eso le damos aceptar cuando seleccionemos el splashscreen que le vamos a cambiar las imágenes y le damos doble click al archivo y seleccionamos las ultimas 8 fotos y le damos en reemplazar, nos saldrá una ventana y seleccionamos las 8 imágenes que tenemos y le ponemos en Aceptar, luego dan en Cerrar y dan click izquierdo a el archivo y seleccionen en Extraer y listo, lo extraen en la carpeta que ustedes quieran y ya tienen su propio Splashscreen !!!

(Click para ver la imagen mas grande)

Bueno amigos pues esto a sido todo, si en alguna parte no le entendieron comentenla y tratare de ver como explicarlo mejor :D perdón si esta muy pesada la entrada pero para no perder detalles así tuve que hacerlo jaja espero les sea útil y así puedan hacer su propio Splashscreen !!