Reemplazo de clip de película Kwik
En el último tutorial, creamos las tres imágenes png que usaremos para nuestra capa de reemplazo de clip de película.

Ahora estamos listos para agregar el clip de película a una capa en la página. Primero agregaremos una nueva capa a la página para nuestra animación de vuelo. Luego agregaremos una copia del fly_1.png fly a esta capa. Esta copia de la mosca actuará como marcador de posición para el clip de película. Cuando Kwik construya su aplicación, reemplazará la imagen de la mosca con el clip de película.

Abre tu proyecto en Photoshop.

  1. Seleccione la página 8 de la lista de páginas en el panel Kwik. En la sección Página / Componentes del panel Kwik, debería ver "@ page8" en la parte superior de la sección.

  2. Agregue una nueva capa sobre la capa inferior y asígnele el nombre fly_pg8.

    Esta capa no tiene un objeto compartido y no se exportará como una imagen jpg. Por lo tanto, no necesitamos establecer ninguna propiedad de capa.

  3. Desde el archivo de maqueta, copie la mosca (que es una copia de la imagen png fly_1).

  4. Pegue la mosca en la capa fly_pg8 para que sea el marcador de posición del clip de película.

  5. Selecciona el Icono de capas y reemplazos de la barra de categorías.

  6. Haga clic en el Herramienta de reemplazo de clip de película para abrir el cuadro de diálogo Reemplazo de clip de película.

  7. Use el botón Examinar para ubicar el primer clip de película pngs - fly_1.png.

  8. Kwik insertará automáticamente el ancho y la altura en píxeles para el png.

  9. Nr. Imágenes: Tenemos tres png en nuestra secuencia de clip de película. Agregue el número 3 en este cuadro.

    Queremos que esta animación se repita siempre que se vea la página.

  10. Bucle: seleccione el botón de opción para la configuración de Forever.

    Queremos que la animación comience tan pronto como se cargue la página. Por lo tanto, no detendremos la animación en el cuadro 1.

  11. Deje la pausa en el cuadro 1 sin marcar.

  12. Haz clic en Crear.

Haga clic en el Exporte el ícono de Solo página actual y el botón Publicar para probar su animación en la página 8.

En este punto, nuestra mosca permanece en el mismo lugar y mueve sus alas. A continuación, agregaremos una animación a la capa fly_pg8 que moverá nuestra mosca por la página.

Guarde los cambios que ha realizado en page8.psd.

Vaya a su carpeta LearnKwik y haga una copia de seguridad de la carpeta del proyecto Plantilla. Cambie el nombre de la carpeta de respaldo agregando la fecha actual al final. (Plantilla MM-DD-AA).

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.
El producto Kwik, el logotipo de Kwik y Kwiksher son propiedades de Kwiksher.com - Copyright 2011. Capturas de pantalla utilizadas con permiso.

Estos tutoriales son para la versión anterior de Kwik 2 y pueden no ser de mucha ayuda cuando se utiliza Kwik 3 y superior. Si tiene problemas, utilice el foro Kwik.


Instrucciones De Vídeo: The Replacements I will survive "HD" (Marzo 2024).