eslogan flash

Artículo 1: Visualización Flash

Visualización de productos Flash

Resumen: Con el desarrollo de redes informáticas, realidad virtual, simulación por computadora y visualización tridimensional de productos Sustantivos Entra gradualmente en el campo de visión de las personas. El desarrollo de la visualización tridimensional de productos se basa en el método 3D basado en modelado y renderizado. Sin embargo, debido a limitaciones del programa, existen deficiencias en restauración, conveniencia, precisión y funcionalidad. Por esta razón, es más ventajoso utilizar la visualización de productos tridimensionales Flash basada en imágenes. Este artículo toma como ejemplo la visualización tridimensional de una silla para analizar el método y la estructura de la plataforma para utilizar Flash para realizar la visualización tridimensional del producto. Palabras clave: compras en línea, aplicación informática, visualización tridimensional, visualización de productos Flash, número de clasificación de imágenes chinas: TP391.41 Código de identificación del documento: A

1. Pregunta planteada

Con el Con la creciente popularidad de Internet, el método de consumo de compras en línea se está volviendo cada vez más popular entre las personas, y la pregunta que surge es cómo mostrar mejor los productos que desea vender a los consumidores en Internet. Existen dos métodos tradicionales: visualización de imágenes y visualización 3D basada en modelado y renderizado. La visualización de imágenes significa que el fotógrafo selecciona el mejor ángulo de visión para tomar fotografías de los productos producidos, utiliza un software de edición de imágenes (como

Photoshop) para el posprocesamiento y luego las carga en la página web. La visualización de imágenes permite a los consumidores observar el producto desde el mejor ángulo, pero su desventaja es que no se puede observar desde múltiples ángulos y no se puede mostrar en tres dimensiones, lo que no les da a los consumidores una sensación de realidad. La visualización 3D basada en modelado y renderizado utiliza primero software 3D para modelar, asignar materiales, agregar interacciones y finalmente renderizar animaciones 3D. Puede observar varias partes del objeto desde una perspectiva 3D.

El realismo. es suficiente, pero su desventaja es que necesita descargar un complemento de reproducción por separado para reproducir en la página web, lo que genera inconvenientes para la navegación. Debido a las limitaciones del programa, solo admite una ampliación de 1 a 2 veces y aparecerán imágenes. al hacer zoom. Problemas como desenfoque y mosaico. Por lo tanto, es necesario proponer un método que tenga sentido de la realidad, sea fácil de navegar, no cause problemas como desenfoque y mosaico al hacer zoom y sea relativamente simple de producir. El método de visualización tridimensional Flash basado en imágenes puede cumplir estos requisitos. Este método consiste en: basándose en el objeto real, girar el objeto 360 grados, tomar de 12 a 36 fotografías según la precisión y luego procesar digitalmente las imágenes y agregar funciones interactivas para completar la visualización y producción de productos tridimensionales.

De hecho, cada vez existen más aplicaciones de tecnología de visualización de productos tridimensionales para promocionar y vender productos en Internet, como comercio electrónico, ventas de bienes raíces, ropa, protección de reliquias culturales, turismo, etc. Ha sido ampliamente utilizado. Cómo elegir una plataforma de visualización más económica, eficiente y adecuada se convertirá en la clave del éxito o fracaso de las estrategias de venta de los comerciantes. Este artículo tiene como objetivo investigar y discutir cómo realizar mejor la exhibición de productos.

Varias plataformas de visualización tridimensional tienen su propia singularidad. Las plataformas de visualización tridimensional Flash basadas en imágenes generalmente se pueden dividir en adquisición de imágenes, procesamiento de imágenes, costura posterior y procesamiento posterior.

Agregue algunas partes interactivas. Por lo tanto, este artículo toma la visualización tridimensional de una silla como ejemplo para analizar la estructura general y las ideas de diseño y desarrollo de esta plataforma de visualización.

2. Diseño general de la plataforma

1 Estructura de la plataforma

La visualización tridimensional de productos Flash basada en imágenes generalmente se puede dividir en tres pasos: recopilación de imágenes , Colección de imágenes Procesar, post-coser y agregar interacciones. El paso de adquisición de imágenes utiliza una cámara para obtener fotografías de objetos que giran 360 grados. El paso de procesamiento de imágenes es responsable de recortar la imagen, ajustar el color, la luz y otras ediciones básicas de la imagen. Los pasos posteriores a unir y agregar interacción son responsables de unir imágenes en la plataforma Flash, agregar scripts, completar funciones interactivas y diseñar razonablemente la plataforma de visualización y, finalmente, publicar los resultados finales. El paso de adquisición consta de cámaras y otros equipos de imágenes, los pasos de procesamiento se completan en una PC mediante un software de edición de imágenes, y los pasos de interacción posteriores a la unión y la adición se completan en una PC con una aplicación Flash instalada. La estructura de la plataforma se puede ver de la siguiente manera:

2 ideas básicas del diseño de la plataforma

La idea básica del diseño de la plataforma es: antes de la producción, primero recopile los materiales de imagen necesarios para producción y, al mismo tiempo, se editan los Materiales. Una vez que comience la producción, use el software Flash para importar los materiales de imagen previamente preparados, cree los componentes necesarios, arrástrelos y suéltelos en la escena, diseñe la escena de manera razonable, agregue lenguaje de script Flash para hacerlo interactivo y todo el trabajo estará editado. y producido. Pruebe el video y finalmente expórtelo y publíquelo en la plataforma de visualización.

3. Implementación de la plataforma

1 Paso de adquisición de imágenes

El paso de adquisición de imágenes utiliza una cámara para obtener fotografías de objetos que giran 360 grados. Para la recopilación de imágenes, es necesario utilizar cámaras profesionales para disparar desde diferentes ángulos y con diferentes precisiones. Para tomar imágenes de 12,36 desde múltiples ángulos, el equipo utilizado puede ser una cámara panorámica SONY de 360 ​​grados, como el modelo RPU-C352/251, y las imágenes recopiladas se transfieren a la computadora a través de la interfaz USB.

2 pasos de procesamiento de imágenes

El paso de procesamiento de imágenes es responsable de recortar la imagen, ajustar el color, la luz y otras ediciones básicas de la imagen. Primero, la computadora recibe el material de imagen transmitido desde la cámara y luego usa el software de edición de imágenes en la computadora (como Photoshop) para realizar una serie de operaciones de recorte, ajuste de color, iluminación y otras en el material, y luego genera una imagen que cumple con los requisitos Al mismo tiempo, se utiliza el software de edición de imágenes. Cree algunos botones, fondos, etc. hermosos como materiales de imagen necesarios para la edición de componentes en la plataforma Flash en el futuro.

　3 Post-costura y adición de pasos de interacción

Post-costura y adición de pasos de interacción son responsables de unir imágenes bajo la plataforma Flash, agregar scripts, completar funciones interactivas y diseñar razonablemente plataforma de visualización. Finalmente publicar los resultados finales. Para esta etapa, las tareas principales son crear componentes bajo la plataforma Flash, diseñar la plataforma de visualización de manera razonable, agregar scripts a cuadros o botones, establecer si la animación debe reproducirse y bajo qué circunstancias, hacer clic con el mouse para cambiar el ángulo de visión. y acercar Funciones interactivas con zoom, calidad de imagen, etc. También se puede agregar música de fondo, sonidos de botones, efectos especiales y otras funciones. La captura de pantalla transversal de la plataforma es la siguiente:

Conclusión

A través de la imagen. Plataforma de exhibición de productos tridimensional Flash, algunas "las necesidades de los compradores sin salir de casa". Dado que las imágenes se toman en base a objetos reales, los detalles, la textura y el color de los objetos se pueden restaurar al 100%. El uso de la tecnología Flash como plataforma de reproducción se puede integrar fácilmente en páginas web para facilitar la navegación y visualización. Tiene una gran escalabilidad de funciones y puede personalizar muchas funciones según las diferentes necesidades de visualización, como comentarios de audio, conexión de punto de acceso, personalización de interfaz, etc. Las plataformas analizadas en este artículo brindarán a los consumidores un requisito de navegación cómodo.

Parte 2: Operación Flash Pregunta 1

1. Utilice Flash para abrir "Traffic Promotion.fla" en la carpeta "3282", realice las siguientes operaciones y guárdelo.

===Todos los materiales y muestras para esta pregunta se almacenan en la carpeta "3282"===

(1) Cree los nombres "Lema 1" y "Lema 2". " Componentes gráficos, ingrese el texto "Conducción segura" y "Viaje feliz" respectivamente;

(2) Cree las capas "Texto 1, Texto 2" y coloque " Coloque el componente "Eslogan 2" en el primer fotograma de las capas "Eslogan 1" y "Texto 2", e inserte fotogramas clave en los fotogramas 25 y 50 de ambas capas

(3) Cree una animación de interpolación, deje que el texto se mueva primero a la capa; medio y luego muévase en la dirección opuesta. El efecto de animación completo se muestra en el ejemplo "sample.swf"

(4) Después de guardar el archivo, asígnele el nombre "Traffic Safety" .swf"; animación a la carpeta "carpeta de candidatos 3282".

2. Utilice Flash para abrir el archivo de animación denominado "Text Transformation.fla" en "3281".

====Todos los materiales y muestras para esta pregunta se almacenan en la carpeta "3281"===

(1) Cambie el nombre de "Capa 1" a "Texto" <; /p>

(2) Cree tres componentes gráficos denominados "Texto 1, Texto 2, Texto 3". El contenido de los componentes es el texto "Ocho, Nueve, Diez" respectivamente. La fuente es cursiva_GB2312 y el tamaño es. es 96;

(3) Coloque los tres componentes en orden en los fotogramas 1, 15 y 30 de la capa "Texto" y colóquelos en el medio del escenario

<. p> (3) Cree una animación de degradado de forma en la que el texto cambie gradualmente. Todo el efecto de la animación se muestra en "sample.swf"

(4) Después de guardar el archivo, asígnele el nombre ". texto" "Transformed.swf" y publique la animación en la carpeta "carpeta candidata 3281"

3. Utilice Flash para abrir "Snow Mountain.fla" en la carpeta "3286", realice las siguientes operaciones ¡y guárdalo! ===Todos los materiales y muestras para esta pregunta se almacenan en la carpeta "3286" ===

Requisitos de animación:

(1) Cambie el nombre de "Capa 1" a "Nieve" "Viento"; importe el componente "Viento de nieve" de la biblioteca en el primer cuadro de la capa "Esquí", colóquelo en el centro del escenario, ajuste el tamaño para que sea el mismo que el etapa e inserte un fotograma en el fotograma 40

(2) Nombra la nueva capa "man", importa el componente "man" en el fotograma 1 al 40 de la capa "man", usa cualquier herramienta de transformación para ajustar el tamaño de la imagen; y colocarla en la posición correspondiente (ver el ejemplo)

(5) Agregue la "capa de guía de movimiento", establezca la capa "pista" como capa de guía, establezca el capa "hombre" como capa guiada y configúrela en " Dibuje líneas guía en la capa "Pista" para crear una animación de personas esquiando a lo largo de las líneas guía. El efecto de animación completo se muestra en "Sample.swf";

(6) Después de guardar el archivo, asígnele el nombre "Ski.swf" y publica la animación en la carpeta "carpeta candidata 3286".

4. Utilice Flash para abrir "subtitles.fla" en la carpeta "3288", realice las siguientes operaciones y guárdelo. ===Todos los materiales y muestras para esta pregunta se almacenan en la carpeta "carpeta de candidatos 3288" ===

(1) Establezca el color de fondo del documento en "#000000" y cambie la capa "Capa 1 " "Rebautizado como "Decoración";

(2) Seleccione las dos líneas horizontales en la capa "Decoración" al mismo tiempo y conviértalas en componentes gráficos, denominados "Wireframe"; > (3) Cree una nueva capa llamada "Texto" e ingrese la palabra "Bienvenido" en el primer cuadro, ingrese la palabra "Bienvenido a" en el quinto cuadro, y así sucesivamente, y finalmente ingrese el texto completo "Bienvenido a ¡use el software

!" y establezca la fuente del texto en todos los marcos en Chinese New Wei, el color en "#FFFFFF", el tamaño en 30 y el espaciado entre letras en 2;

(4) Coloque la imagen Convierta el cuadro 25 de la capa "Decoración" en un cuadro clave, inserte el componente "imagen" en la biblioteca en el cuadro 25 de la capa "Decoración", establezca el ancho en 130, la altura a 120 y las coordenadas a X: 418, Y: 155;

(5) Inserte cuadros en el cuadro 30 de ambas capas y todo el efecto de animación será como se muestra en la muestra. secuencia "muestra secuencia.swf";

(6) Guarde el archivo Finalmente, publique el archivo de animación con el nombre de archivo "subtitles.swf" en la "carpeta candidata 3288".

5. Utilice Flash para abrir "paopao.fla" en la carpeta "3284", realice las siguientes operaciones y guárdelo. ===Todos los materiales y muestras para esta pregunta se almacenan en la carpeta "3284" ===

(1) Establezca el tamaño del documento en 500 px de ancho, 300 px de alto y el color de fondo es "#33CCFF ";

(2) Inserte el componente "naranja" de la biblioteca en el centro del escenario de la capa "naranja", establezca el ancho y el alto en 100 y cree una animación que aparezca gradualmente haciendo referencia a "sample.swf", la longitud es de 10 fotogramas, el valor Alfa del primer fotograma es 0% y el valor Alfa del décimo fotograma es 80%

(3) Importe los componentes "; rojo y amarillo" en la biblioteca en la imagen respectivamente Cuadro 10 de la capa "rojo y amarillo", y colóquelo en el centro del escenario, con el ancho y alto establecidos en 100;

(4 ) Consulte "sample.swf" y colóquelo en la capa "roja". Del fotograma 10 al 20, cree una animación en la que el elemento "rojo" aparezca gradualmente y se mueva hacia la esquina superior izquierda. El valor Alfa del fotograma 10. es 0% y el valor Alfa del cuadro 20 es 80%.

(5) Consulte "sample.swf" y cree una animación en la que el componente "amarillo" aparezca gradualmente y se mueva hacia la parte inferior; esquina izquierda en los cuadros 10 al 20 de la capa "amarilla". El valor Alfa del cuadro 10 es 0%. El valor Alfa del cuadro 20 es 80%. cuadro 30 de las tres capas "naranja, rojo y amarillo", e inserte un cuadro en el cuadro 20 de la capa "texto". Ingrese el texto "¡Que el mundo sea más colorido!" La fuente es "Chinese Xingkai". ", el tamaño de fuente es 40 y el color del texto es "#00CC66". Todo el efecto de animación es como se muestra en el ejemplo "Sample.swf";

(7) Después de guardar el archivo, publíquelo la animación a la carpeta "carpeta candidata 3284" con el nombre de archivo "Bubble.swf".

6. Utilice el software Flash para realizar las siguientes operaciones:

(1) Cree un nuevo archivo de animación con un tamaño de documento de 400 × 200 píxeles y una velocidad de fotogramas de 12 fps <; /p>

(2) Dibuja un círculo rojo sin bordes (#FF0000) en el primer fotograma, con un tamaño personalizado

(3) Dibuja un cuadrado azul sin bordes en el trigésimo fotograma (#0000FF; ), y luego cree una animación de deformación de un círculo a un cuadrado, como se muestra en el ejemplo "26 deformation.swf"

(4) Guarde el archivo en la carpeta "carpeta candidata Flash26", la el nombre del archivo es "Transformation.fla";

(5) Publique el archivo como "Circle to Square.swf", guárdelo en la carpeta "Candidate Folder 26" y cierre el programa de aplicación.

7. Abra Flash, cree una animación de "saltar la cuerda" y guárdela como "saltar la cuerda.fla". (Ver el ejemplo en la carpeta "Skipping Rope")

1 Dibuja una "línea recta" horizontal en la capa uno.

2. Crea fotogramas clave en los fotogramas 10, 20, 30 y 40 respectivamente.

3. Transforme la línea recta en un "arco" ascendente en el cuadro 10 y transforme la línea recta en un arco descendente en el cuadro 30.

4. Crea una animación de deformación de "forma". (Forma una acción de salto coherente)

5. Guarda el archivo de animación y prueba el vídeo.

8. Para la animación del movimiento de la línea guía (el material está en la biblioteca), vea el ejemplo de la carpeta "Guía Animación Mariposa"

Requisitos: Abrir "Guía Animación Mariposa". .fla" ① Archivo Flash El tamaño es 800 × 600 píxeles; ② La velocidad de fotogramas es 12 fps; ③ Las alas de la mariposa se agitan constantemente durante el vuelo y al menos dos mariposas aparecen en la imagen volando a lo largo de diferentes trayectorias; ④ La longitud total de la animación es de 60 fotogramas. Consejo: animación de línea guía. Dibuje dos líneas guía con diferentes trayectorias para que el componente mariposa se mueva según la trayectoria de la línea guía.

9. Abre el "Avión animado ordinario" y haz que un avión vuele de cerca a lejos y desaparezca gradualmente en la distancia. (El material está en la biblioteca)

Requisitos: ① El tamaño del archivo Flash es 800 × 600 píxeles; ② Velocidad de fotogramas 12 fps ③ Utilice "cielo azul y nubes blancas.jpg" en la biblioteca como fondo; ④ "Cuando el avión desaparece" La transparencia del componente "Avión" es 0. La duración total de la animación es de 60 fotogramas.

Consejos: Animación normal. Para hacer que el plano se mueva, establezca el fotograma clave final en el tamaño y la transparencia del plano.

10. Crea una animación donde el color del texto parpadea de izquierda a derecha. Consejo: La capa de texto se utiliza como animación de máscara para el área de la máscara. (Ver ejemplo 2) Requisitos: ① El tamaño del documento Flash es 550×150 píxeles ② La velocidad de cuadros es 12 fps ③ El color de fondo es negro ④ Ingrese el texto "Si es pobre, puede beneficiarse; si es rico, puede; beneficiar al mundo." La duración total de la animación es de 30 cuadros

11. Abra Flash, cree una animación de "Orbitación de la Tierra" y use "Earth.fla". (El material está en la biblioteca)

1. Agrega una capa llamada "Tierra".

2. Añade una capa guía y dibuja una línea guía ovalada.

3. Establezca la capa donde se encuentra la "Tierra" como capa guiada.

4. Configure la "Tierra" para que se mueva según la línea guía, el fotograma clave inicial es 1 y el fotograma clave final es 30.

5. Publique la animación y guárdalo.

12. Utilice el software de pestañas para realizar las siguientes operaciones:

(1) Cree un nuevo archivo de animación con un tamaño de documento de 400 × 200 píxeles y una velocidad de fotogramas de 12 fps <; /p>

(2) Dibuje una forma de corazón rojo (#FF0000) en el primer fotograma, con un tamaño personalizado

(3) Cópielo en tres formas de corazón en el fotograma número 30; luego haga una animación de deformación, con el efecto que se muestra en el ejemplo "Carpeta de candidatos Flash31 Love Dedication.swf"

(4) El archivo se guarda en la carpeta "Carpeta de candidatos Flash31"; el nombre del archivo es "Love" Dedication.fla";

(5) Publique el archivo como "love.swf", guárdelo en la carpeta "candidate folder Flash31" y cierre la aplicación.

13. Utilice el software Flash para realizar las siguientes operaciones:

(1) Cree un nuevo archivo de animación con un tamaño de documento de 400 × 200 píxeles y una velocidad de fotogramas de 12 fps <; /p>

(2) Dibuje un círculo rojo sin bordes (#FF0000) en el primer cuadro, con un tamaño personalizado

(3) Dibuje una forma de corazón rojo en el cuadro 30, y luego; Cree una animación de deformación que cambie de un círculo a una forma de corazón. El efecto es como se muestra en el ejemplo "carpeta candidata Flash27 forma de corazón.swf"

(4) Guarde el archivo en la "carpeta candidata"; Carpeta Flash27" A continuación, el nombre del archivo es "Heart Shape.fla";

(5) Publique el archivo como "Heart Shape Transformation.swf", guárdelo en la carpeta "Candidate Folder Flash27" y ciérrelo. la aplicación.

14. Utilice el software Lash para realizar las siguientes operaciones:

(1) Cree un nuevo archivo de animación con un tamaño de documento de 550 × 400 píxeles, una velocidad de fotogramas de 12 fps y un color de fondo negro (# 000000);

(2) Dibuja una luna redonda blanca (#FFFFFF) en la esquina inferior izquierda del primer cuadro, con un tamaño personalizado

; (3) Cree una nueva capa, dibuje un círculo negro del mismo tamaño y luego cree un círculo negro que bloquee gradualmente el círculo blanco, y la luna cambia de un efecto de círculo a un semicírculo. La longitud total de la animación es 30. marcos, y el efecto es como se muestra en el ejemplo "Carpeta de archivos candidatos Flash223 Moon Transformation.fla"

(4) Guarde el archivo en la carpeta "Carpeta de archivos candidatos Flash223", y el nombre del archivo es "; Moon Transformation.fla";

( 5) Publique el archivo como "moon.swf", guárdelo en la carpeta "carpeta candidata Flash223" y cierre la aplicación.

15. Máscara para crear un efecto de texto simple. (Ver Ejemplo 1) Utilice una máscara para crear un efecto de texto simple.

1. Haga clic en el archivo y cree uno nuevo.

2. Seleccione el archivo FLASH y haga clic en Aceptar.

3. Establezca el fondo en negro y establezca la velocidad de fotogramas en 24 fotogramas por segundo. Esto es para hacer la animación más fluida.

4. Cree un nuevo componente llamado "my_mc".

5. Crea tres capas. Los nombres de las capas se muestran a continuación.

6. Luego inserte contenido de texto en la capa inferior.

7. Copia este texto.

8. Luego selecciona la capa de máscara. Primer cuadro.

9. Luego haga clic derecho en el escenario. Seleccione Pegar en la ubicación actual.

10. Luego seleccione el contenido de texto actualmente pegado y use las teclas de cursor del teclado para moverse hacia abajo y hacia la derecha unos cuantos píxeles.