27 de junio de 2013

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 !!

17 comentarios :

  1. para que sirve un splashscreen ? Es como una animacion gif de fondo de pantalla?

    ResponderBorrar
  2. Hola, el splashscreen es la imagen que aparece al encender el celular, es el de los puntitos

    ResponderBorrar
  3. Buen tutoo me funciono gracias...!!!!

    ResponderBorrar
  4. No me funciono el splashscreen, hasta puse otro que no cree yo y si sirve, se ve la pantalla negra en vez de la imagen podrias ayudarme?

    ResponderBorrar
  5. Que raro amigo, ese es el que yo uso de base para todos mis splashscreen y funciona muy bien, entonces utiliza otro splashscreen y a ese reemplazale las imágenes :)

    ResponderBorrar
  6. Debes tener el Joshlog Mod o el Power Patch instalados, una vez con uno de esos 2 reemplaza el archivo en E/Resource/Apps

    ResponderBorrar
  7. Hay q tener el celular hackeado o algo?

    ResponderBorrar
  8. oye jose y t quedan ocho imagen al final!? Y queda en formato mif??

    ResponderBorrar
    Respuestas
    1. Hola, si, te quedan 8 imágenes al final en formato .svg aun que pueden ser 4 imágenes y las repites para formar las 8, luego que reemplazas las imágenes y extraes el archivo con SisContent es que te queda en .mif Es decir, el mif es el que contiene las imágenes

      Borrar
  9. pon el link de para descargar el siscontent!!!

    ResponderBorrar
    Respuestas
    1. Aqui lo tienes amigo, descarga directa:

      Link: http://symstuff.com/downloads/siscontents1772.zip

      Borrar
  10. gracias jose...entnces n creams un splash solo lo editamos??

    ResponderBorrar
  11. Sube el video a youtube de como quedó.

    ResponderBorrar