Galletas! Nos obligan a informar que utilizamos cookies (como casi todas las webs). Al continuar navegando aceptas su uso.


No verás más estos anuncios al registrarte. Anímate, es gratis, rápido y sin spam!

Crear bootanimation desde un gif o jpg

Tema en 'Lenovo A789 MT6577' iniciado por vejamur, 9 Abr 2013.

Tags:
  1. vejamur

    vejamur Simdualero de Platino

      12 Ago 2012
      Villar del Arzobispo
      Calificaciones:
      +185
      Vamos a crear un bootanimation para nuestro Lenovo A789 (aunque es extensible para otros terminales) desde un archivo gif o un conjunto de imágenes. Para ello y en primer lugar haremos un backup del que viene de fábrica y que se encuentra en system/media (hay que ser root).


      CREAR BOOTANIMATION DESDE UN ARCHIVO GIF:

      Vamos a necesitar:
      - un archivo gif
      - photoshop, u otro programa que nos permita gestionar la animación gif.
      - el programa Boot Animation Factory, para visualizar y crear nuestro bootanimation


      1. Archivo gif: Necesitamos un gif para nuestra animación. Hay que tener en cuenta la resolución de nuestra pantalla 480x800. Es preferible que sea igual, o incluso inferior. Lo digo porque en el caso de colocar imágenes un poco pesadas no se verá la animación, pues dará prioridad a la carga de android antes que a ella. No pasará nada, simplemente se verá pantalla en negro antes de salir la pantalla principal del SO.


      2. Photoshop: Abriremos nuestro gif y pulsaremos en "Animación" de la pestaña "Ventana":
      bootanimationa.

      De esta manera veríamos en la parte inferior todas las imágenes que conforman el gif. También nos permitiría modificar o añadir elementos según gustos. Allá cada uno con su imaginación.

      Ahora necesitaremos extraer todas las imágenes por separado a una carpeta. Pulsamos en "Archivo/Exportar/Interpretar vídeo":
      bootanimation1.

      Aparecerá una nueva ventana en la que configuraremos como y donde se guardarán las imágenes:
      bootanimation2.

      - Ubicación:
      + Colocaremos la raíz del nombre que van a tener todas las imágenes. (ej: "anim", "b", "0" .... o cualquier otra)
      + Seleccionamos la carpeta donde se guardarán (es importante que esta carpeta se llame bootanimation, ya que la tendremos que utilizar después con ese nombre).
      + Dejaremos marcada la pestaña "Crear nueva subcarpeta" y le pondremos de nombre "part0". Esto se hace porque si la animación se compone de diferentes partes, tendremos que introducirlas en cada una de las diferentes subcarpetas. (luego lo entendemos mejor en el Boot Animation Factory).

      - Opciones de archivo:
      + Marcaremos secuencia de imágenes "jpeg" (también podríamos marcar png). En Ajustes seleccionaremos la calidad del jpg. Como hemos dicho es conveniente no ponerla muy alta, porque podría no verse durante el arranque del móvil. Con un 5 sería suficiente, aunque si se ve muy pobre podéis subirla e ir probando.
      + Número de inicio: nomalmente se empieza desde el cero, salvo cuando hay más de una subcarpeta que pondremos el siguiente número desde el que se quedó en la subcarpeta anterior (ej: si en la subcarpeta "part0" la última imagen es anim45.jpg el número de inicio enla subcarpeta "part1" empezaría desde el 46).
      + En dígitos será el formato de los números que siguen a la raíz. Si hay menos de 100 con dos dígitos es suficientes, en caso contrario colocar 3.
      + Tamaño del documento. Marcaríamos como máximo la resolución de nuestra pantalla. En el ejemplo hemos dejado la original. Aquí podríamos variar la resolución de nuestras imágenes.

      - Rango:
      + Dejamos marcado Todos los cuadros.
      Doogee Mix Ofertas
      Al registrarte dejarás de ver este anuncio. Anímate, es gratis, rápido y sin PUBLICIDAD!

      - Opciones de interpretación:
      + Aquí marcaremos los frames que se podrán ver por segundo. Lo normal es de 17 a 30. Esta opción la modificaremos en el Boot Animation Factory.


      Tras pulsar "Interpretar" nos introducirá dentro de la subcarpeta creada en la carpeta bootanimation todas las imágenes de la animación.

      Es importante comprobar que las imágenes no sean muy pesadas. Como orientación la animación de Lenovo tiene imágenes de hasta casi 90 kb.


      3. Boot Animation Factory

      Tras instalarlo y abrirlo, pulsaremos en "Preview a new animation" , después en "Folder" y "OK".
      bootanimation3.

      Se nos abrirá una nueva ventana donde pulsaremos "Choose folder" para indicarle donde está la carpeta bootanimation donde guardamos las imágenes. Veremos que se coloca una marca en verde que nos indica que la ha encontrado de forma correcta. (por ello en el paso anterior dijimos de ponerle el citado nombre).

      Vemos en el cuadro de la derecha que nos marca la resolución y los frames por segundo de la animación. En el ejemplo tenemos que bajar los fps pues, si no, parece que a la chinita le ha entrado el baile San Bito. Aquí no es conveniente cambiar la resolución, no sé bien por qué, pero a veces me ha dado fallos en la animación. Mejor desde el photoshop.

      Pulsamos sobre la resolución para marcarla en azul y después en "Edit" ( en el ejemplo lo colocamos a 10) y pulsamos "Set":
      bootanimation4.

      Ahora vamos a incluir la subcarpeta o subcarpetas en la animación. Pulsamos en "Add a loop"
      bootanimation5.

      En el listado elegiremos la subcarpeta; en este caso "part0".
      "Set number of loop" pondremos las veces que se repetirá la animación de esta subcarpeta. Si queremos que se reproduzca de forma contínua pondremos cero "0".
      El "delay" es el retraso entre subcarpetas medido en milisegundos. En principio lo dejamos como está.
      Tras esto pulsamos "Add".

      Podemos añadir más subcarpetas, ej: "part1". Ej: "...quiero una barra de carga (imágenes en part0) y tras tres repeticiones que quede fija una imagen (part1) hasta que finalice la carga del sistema..."
      No tiene sentido añadir muchas pues no se verían ya que cargaría antes el SO, no dando tiempo a ver animaciones excesivamente largas.

      Si pulsamos en "preview boot animation" podremos ver como se verá la animación en nuestro móvil. Si no nos gusta la velocidad, podemos editar de nuevo los fps y cambiarlos hasta conseguir lo que buscamos.

      Si pulsamos "Save boot animation" nos dirá donde queremos guardar el archivo zip con la animation y configuración escogidas.


      4. Instalación del bootanimation:

      Siendo root, este archivo hay que colocarlo en la ruta: system/media dándole los permisos correspondientes:
      permisosk.

      Reiniciad y ya podremos ver nuestro nuevo bootanimation!!

      Nota:
      En caso de no poder verlo (pantalla en negro) observaremos el tamaño de nuestras imágenes, podrían ser excesivamente pesadas.
      Si vemos que sólo se ve una parte de las imágenes, puede ser que hayamos introducido una resolución superior a la de nuestro dispositivo, sólo se verá la parte de la imagen hasta los 480x800 px.
      Se puede introducir sonidos, aunque yo personalmente no lo he probado.



      CREAR BOOTANIMATION DESDE ARCHIVOS JPG:


      Si disponemos de un grupo de imágenes que queremos que formen nuestra animación, las nombraremos ej. Raíz+número (ej: "anim001","anim002",...) siguiendo el orden de aparición que escojamos.

      A tener en cuenta como siempre la resolución, que podremos cambiar con un editor de imágenes, y su tamaño (inferior a 90 kb, preferiblemente)

      Crearemos una carpeta llamada "animation" y una subcarpeta en su interior llamada "part0". En ésta última introduciremos las imágenes.

      Se podría crear otra subcarpeta "part1" con otro grupo de imágenes o una sola que realice otro patrón de repetición.

      Cuando tengamos la imágenes seguiremos con el Boot Animation Factory del apartado anterior y su posterior instalación (paso 3 y 4).



      Añado un pequeño videotuto:



      PD: AQUÍ podéis descargaros el bootanimation del ejemplo.

      Un saludo, au!
       
      Última edición por un moderador: 21 Sep 2013
      • Me Gusta Me Gusta x 1
      • jimymoto

        jimymoto Simdualero de Diamante

        • Veteran@
        7 Nov 2012
        navarra
        Calificaciones:
        +48

        Muy buen tuto!!! pero cuidado que no se si le gustara a @pauetepauete que vayas por ahi con su chinita :XD:
         
        Última edición por un moderador: 28 Sep 2013
      • pauete

        pauete Simdualero de Diamante

        • Miembro de Honor
        • Veteran@
        12 May 2010
        Calificaciones:
        +1.315
        jajja genial el tuto @vejamurvejamur, gracias! :wink:
         
        Última edición por un moderador: 28 Sep 2013
      • vejamur

        vejamur Simdualero de Platino

          12 Ago 2012
          Villar del Arzobispo
          Calificaciones:
          +185
          Que tendrá la chinita de @pauete,:grin:

          Ya le dije que a más de uno le gustaría tenerla en el bolsillo.

          Un saludo, au!
           
          Última edición por un moderador: 28 Sep 2013
        • pauete

          pauete Simdualero de Diamante

          • Miembro de Honor
          • Veteran@
          12 May 2010
          Calificaciones:
          +1.315
          Yo utilizé un programita llamado "GifSplitter" para descompilar el gif en las distintas imágenes de las q está compuesto.
          Convertí todas de .bmp a .jpg y las renombre numéricamente con el mismo literal que había visto en otro bootanimation.
          2013-04-09_1647.

          Todas esas imágenes van en la carpeta "part0" y lo que permite el Boot Animation Factory es crear el txt que las mueve.
          Es cierto q según cómo, si modificas el tamaño de las imágenes en el txt (p.e. a 480x800) el bootanimation no se reproduce y la pantalla se muestra en negro.
           
        • vejamur

          vejamur Simdualero de Platino

            12 Ago 2012
            Villar del Arzobispo
            Calificaciones:
            +185
            Añadido en el primer post un videotutorial y link del ejemplo de animación (móvilesdualsim)

            Un saludo, au!
             
          • pauete

            pauete Simdualero de Diamante

            • Miembro de Honor
            • Veteran@
            12 May 2010
            Calificaciones:
            +1.315
            Que currado, gracias @vejamurvejamur :wink:

            Enviado desde mi GT-I9100 usando Tapatalk 2
             
            Última edición por un moderador: 28 Sep 2013
          • pauete

            pauete Simdualero de Diamante

            • Miembro de Honor
            • Veteran@
            12 May 2010
            Calificaciones:
            +1.315
            @vejamur, ayer hice un zip que instala tus bootanimation.
            https://mega.co.nz/#!RVwnnQ7R!Y2i39y40mJQrlXjk2a5UznDxnDcr-4UcV8SEGKC21wI

            El del logo del foro como bootanimation, y el de la chinita como shutanimation.

            img542.imageshack.us_img542_1724_0055ln.

            img5.imageshack.us_img5_2087_comp10009.

            Y como boot_logo y logo.bin esta imagen que improvisé.

            img687.imageshack.us_img687_9936_bootcopia.


            Ha quedado chulo, a ver quién se anima a probarlo. Es un arranque "corporativo" jejej
            Sirve para cualquier MTK6575, 6577 con resolución 480x800

            updater-script (abrir)

            ui_print("#########################################");
            ui_print(" Boot dualsim MTK 480x800 ");
            ui_print(" by Pauete & Vejamur ");
            ui_print("#########################################");
            ui_print(" Montando System");
            run_program("/sbin/busybox", "mount", "/system");
            ui_print(" Extrayendo system");
            package_extract_dir("system", "/system");
            ui_print(" Borrando bootaudio y shutaudio");
            delete("/system/media/bootaudio.mp3");
            delete("/system/media/shutaudio.mp3");
            ui_print(" Copiando archivos");
            package_extract_file("logo.bin", "/dev/logo");
            package_extract_dir("system/media/images/", "/system/media/images/");
            ui_print(" Desmontando System...");
            run_program("/sbin/busybox", "umount", "/system");
            ui_print(" Instalacion completa!!");
            ui_print(" Reinicia el telefono");
             
            Última edición por un moderador: 24 Mar 2017
          • vejamur

            vejamur Simdualero de Platino

              12 Ago 2012
              Villar del Arzobispo
              Calificaciones:
              +185
              Eres una máquina, @pauete.:up:

              Lo probaré.

              Un saludo, au!
               
              Última edición por un moderador: 28 Sep 2013
            • pauete

              pauete Simdualero de Diamante

              • Miembro de Honor
              • Veteran@
              12 May 2010
              Calificaciones:
              +1.315
              @chaskamanchaskaman, este hilo debería tener chincheta en Taller Android
              Qué te parece?
               
              Última edición por un moderador: 28 Sep 2013
            • chaskaman

              chaskaman Merodeador Simdualero de Diamante

              • Veteran@
              11 Ene 2012
              Guarida oculta
              Calificaciones:
              +322
              ¿Lo muevo alli mejor?
               
              Última edición por un moderador: 30 Dic 2013
            • jimymoto

              jimymoto Simdualero de Diamante

              • Veteran@
              7 Nov 2012
              navarra
              Calificaciones:
              +48
              Pues me parece que es el sitio correcto si...

              Enviado desde mi x310e
               
            Verificación:
            Borrador guardado Borrador eliminado