Red de conocimiento informático - Conocimiento sistemático - ¿Cómo crear un efecto de cambio de página de póster? Pasos para crear efecto de libro animado en diseño gráfico

¿Cómo crear un efecto de cambio de página de póster? Pasos para crear efecto de libro animado en diseño gráfico

Veo muchos carteles creativos en mi círculo de amigos e incluso puedo pasar las páginas. ¿Cómo se hace un cartel tan creativo? ¿Hay algún tutorial? En primer lugar, este enlace que puede pasar páginas y combinar imágenes es H5. Por supuesto, lo que ve también puede ser una imagen con un código QR, que son esencialmente algunas páginas web. Algunas interacciones funcionales del cartel sintetizado se completan a través de códigos.

El H5 común es un H5 producido por NetEase. Puede buscar en WeChat Moments, como "Concurso de postura para dormir NetEase" H5, "Create My Strawberry Music Festival" H5, "Tu temperamento filosófico" H5, etc. Estos son comunes y bien comprendidos.

Este tipo de H5 se denomina colectivamente "póster sintético" H5.

En segundo lugar, debido a que H5 es página por página, puede convertirse en una página deslizante.

En tercer lugar, finalmente, con respecto a cómo hacer este tipo de H5, lo que sé aquí es que Epub360 puede hacerlo y es gratis por el momento.

Si necesita tutorial_directamente del componente search_screenshot detallado en Baidu.

El tutorial es el siguiente:

Utilizando el componente "Captura de pantalla", puedes combinar el contenido de la página H5 en imágenes para:

Hacer invitaciones personalizadas

Póster de una página

Certificado de premio del juego

Rompecabezas...

Compartir imagen de "captura de pantalla" que miniatura combinada La forma de redacción Es más intuitivo y rico.

1. Método de configuración

1. Al colocar imágenes, párrafos y componentes en la página, deben colocarse en imágenes compuestas.

2. Haga clic para agregar el componente de captura de pantalla.

3. Agrega el componente de imagen/párrafo en la página al componente de captura de pantalla:

4._Si vives en el lugar equivocado, es posible que salgas con una persona seca.

5. En este caso, se agrega un activador de clic al botón "Listo" para activar la "Captura de pantalla", componiendo así la imagen.

6. Muestra la captura de pantalla directamente en la página actual.

Puntos clave: componente de captura de pantalla/imagen que se reemplazará (marque Ocultar inicial en el panel derecho de la imagen)

Se recomienda que el tamaño sea consistente con el área de captura de pantalla de ​​el componente de captura de pantalla. Si no se selecciona ningún área de captura de pantalla, el área de captura de pantalla predeterminada es el marco interior del tamaño del lienzo.

Generalmente, la configuración es como se muestra en la figura.

La captura de pantalla está asociada con la imagen que se va a reemplazar. Una vez realizada correctamente la captura de pantalla, se activa la visualización de la imagen.

7. ¿Cómo guardar la imagen sintetizada?

Para el componente de imagen que finalmente se utilizará para la visualización (es decir, la imagen utilizada para reemplazo), asegúrese de marcar "Reconocimiento de código QR" para que el menú de guardar o reenviar pueda aparecer después de presionarlo prolongadamente.

8. Especificaciones de tamaño de la imagen compuesta

Debe existir un mapa base. El tamaño de diseño recomendado para este mapa base es: 740x1136px.

La imagen sintetizada final toma el tamaño del marco interior del lienzo: 640x960px.

Utiliza el diseño gráfico para crear representaciones de libros animados. Paso 1. Primero, mete las cuatro fotos del material en un mismo archivo, en este caso cuatro fotos de cachorros.

2. Duplica la primera capa y arrástrala hacia el fondo.

3. Configure un grupo para las primeras cuatro capas.

4. Duplica la primera capa nuevamente. Primero procese la primera capa copiada, haga clic en Editar-Transformar-Transformar y arrastre el mouse para pasar la primera página.

5. Vuelva a procesar la segunda capa duplicada o utilice la herramienta de transformación para crear un segundo efecto de paso de página.

6. De esta forma, las capas de las otras tres fotos también se procesan de esta forma.

Haga clic en Ventana-Línea de tiempo para abrir el editor de fotogramas.

7. En el primer cuadro, elimina todas las capas usando la herramienta Transformar para que sean invisibles.

Ilumina la primera capa de deformación en el segundo cuadro.

8. Ilumina la segunda capa de deformación en el tercer cuadro y descarta la primera capa de deformación.

Haz clic en el primer grupo de capas del cuarto fotograma.

Esto crea el efecto de pasar la página a la siguiente foto.

9. Después de hojear todas las fotos, selecciona todos los fotogramas y establece el tiempo de retardo de reproducción en 0,1 segundos.

10. Establezca el tiempo de retardo de reproducción de la capa mostrada sin deformación en 2 segundos, para que la gente tenga tiempo de mirar la foto.

11.Establezca el modo de bucle de reproducción en "Permanente".

12. Finalmente, salvado. Haga clic en Archivo-Guardar en formato WEB.

13. Este es mi propio render, ¿qué opinas? El cachorro es muy lindo.

Cómo hacer una animación de paso de página se puede hacer de la siguiente manera: primero abra PPT, luego use la herramienta rectángulo para dibujar un rectángulo en el lado izquierdo, seleccione copiar y pegar en el lado derecho del rectángulo. 2. Seleccione el rectángulo de la derecha, haga clic para seleccionar una animación personalizada y luego seleccione Agregar efecto → Salir → Otros efectos → Cascada. 3. Luego configure el efecto en cascada y cambie la "Dirección" a "Izquierda". 4. Seleccione nuevamente el rectángulo de la izquierda, luego haga clic en Agregar efecto → Entrar → Otros efectos → Estirar. 5. Luego configure el efecto de estiramiento, configure "Inicio" en "Después" y cambie "Dirección" a "Desde la derecha".