Eslogan flash
Exhibición de productos flash
Resumen: Con el desarrollo de las redes informáticas, términos como realidad virtual, simulación por computadora y visualización tridimensional de productos han entrado gradualmente en la mente de las personas. campo de visión. El desarrollo de la visualización tridimensional de productos comenzó a partir del modelo 3D basado en modelado y renderizado. Sin embargo, debido a limitaciones del programa, existen algunas deficiencias en términos de reducibilidad, conveniencia, precisión y funcionalidad. Por este motivo, resulta más ventajoso mostrar productos Flash 3D basados en imágenes. Tomando como ejemplo la visualización tridimensional de sillas, se analiza 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 la Biblioteca de China: TP391.41 0 Código de identificación del documento: a.
En primer lugar, las preguntas planteadas
Con la creciente popularidad de Internet, el modelo de consumo de compras en línea se está volviendo cada vez más popular entre las personas, y la pregunta que sigue es cómo hacerlo mejor Muestre a los consumidores lo que desea vender en línea. Los métodos tradicionales incluyen visualización de imágenes y visualización tridimensional basada en modelado y renderizado. La visualización de imágenes significa que el fotógrafo elige el mejor ángulo de visión para tomar fotografías del producto terminado, 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 aporta un realismo insuficiente a los consumidores. El renderizado 3D se basa en el modelado y el renderizado. El software 3D se utiliza para modelar primero, asignar materiales y agregar interacciones y, finalmente, renderizar animaciones 3D, lo que le permite observar objetos desde una perspectiva 3D.
Cada parte es lo suficientemente realista, pero la desventaja es que es inconveniente descargar un complemento separado para reproducir en la página web y, debido a limitaciones del programa, solo admite una ampliación de 1 a 2 veces. . Hacer zoom causará preguntas borrosas, mosaicos, etc. Por lo tanto, es necesario encontrar un método que sea realista y fácil de navegar, que no cause problemas de desenfoque ni mosaico al hacer zoom y que sea relativamente simple de crear. El método de visualización tridimensional basado en imágenes de Flash 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 con diferente precisión, luego digitalizar las imágenes, agregar funciones interactivas y completar la visualización y producción de productos tridimensionales.
De hecho, la tecnología de visualización tridimensional de productos se utiliza cada vez más en la promoción y venta de productos en línea, como el comercio electrónico, las ventas de bienes raíces, la ropa, la protección de reliquias culturales, el turismo, etc. común. 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 estudiar y discutir cómo realizar mejor la exhibición del producto.
Diversas plataformas de visualización 3D tienen sus propias características. Las plataformas de visualización Flash 3D basadas en imágenes generalmente se pueden dividir en adquisición de imágenes, procesamiento de imágenes y posprocesamiento.
Etapa de empalme e interacción aditiva. 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 la plataforma de visualización.
2. Diseño general de la plataforma
1 Estructura de la plataforma
La visualización de productos Flash 3D basada en imágenes generalmente se puede dividir en adquisición de imágenes, procesamiento de imágenes y post-costura y agregue interacción en tres pasos. En el paso de adquisición de imágenes, se utiliza una cámara para adquirir una fotografía del objeto que gira 360 grados. El paso de procesamiento de imágenes es responsable del corte de imágenes.
【Malla de papel】Corta y ajusta el color, la luz y otras ediciones básicas de imágenes. Los pasos posteriores a unir y agregar interactivos son responsables de empalmar imágenes, agregar scripts, completar funciones interactivas, organizar razonablemente la plataforma de visualización y finalmente publicar el resultado final en la plataforma Flash. El paso de adquisición consta de cámaras y otros equipos de imágenes, el paso de procesamiento se completa con el software de edición de imágenes en la PC, y los pasos interactivos posteriores de costura y adición se completan con la PC con la aplicación Flash instalada. La estructura de la plataforma es la siguiente:
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, recopilar los datos de imagen necesarios para la producción y editar los datos al mismo tiempo.
Una vez que comience la producción, use el software Flash para guiar 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 secuencia de comandos Flash para hacerlo interactivo y, después de todo, edite el video. Se editan y producen las obras, se realizan pruebas y finalmente se exportan y publican en la plataforma de exposición.
Tercero, implementación de la plataforma
1 paso de adquisición de imágenes
En el paso de adquisición de imágenes, se utiliza una cámara para obtener fotografías de objetos que giran 360 grados. . Para la adquisición de imágenes, se requieren cámaras profesionales que disparen desde diferentes ángulos y con diferente precisión. Tome 12 36 imágenes desde múltiples ángulos. El equipo utilizado puede ser una cámara panorámica SONY de 360 grados, como el modelo RPU-C352/251. 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 cortar la imagen y ajustar la edición básica de la imagen, como el color y la iluminación. La computadora primero recibe el material de imagen de la cámara y luego utiliza un software de edición de imágenes en la computadora (como Photoshop) para recortar el material, ajustar el color y la luz y luego generar una imagen que cumpla con los requisitos. Al mismo tiempo, utilice software de edición de imágenes para crear algunos botones y fondos hermosos como materiales de imagen para futuras ediciones de componentes en la plataforma Flash.
Tres pasos interactivos para coser y agregar posteriormente
Los pasos interactivos para coser y agregar son responsables de unir imágenes, agregar guiones, completar funciones interactivas y organizar razonablemente la plataforma de visualización. y finalmente publicarlo bajo la plataforma Flash Resultado final. Para esta etapa, la tarea principal es crear componentes bajo la plataforma Flash, diseñar razonablemente la plataforma de visualización, agregar scripts al marco o botones, establecer si se reproducirá la animación, hacer clic con el mouse para cambiar la perspectiva, acercar y alejar. y mantener la calidad de la imagen. También puedes agregar música de fondo, sonidos de teclas, efectos especiales y otras funciones. Las capturas de pantalla de la parte de la plataforma son las siguientes:
4. Conclusión
Las necesidades de algunos compradores "de interior" se pueden satisfacer a través de la plataforma de visualización de productos tridimensional Flash basada en imágenes. Debido a que la imagen se toma en base al objeto real, los detalles, la textura y el color del objeto se pueden restaurar al 100%. Al utilizar la tecnología Flash como plataforma de reproducción, se puede integrar fácilmente en páginas web para una navegación y visualización cómodas. Tiene una gran escalabilidad funcional y puede personalizar una variedad de funciones según las diferentes necesidades de la exhibición, como explicaciones de audio, conexiones de puntos de acceso, personalización de interfaz, etc. Las plataformas analizadas en este artículo brindarán a los consumidores necesidades de navegación cómodas.
Capítulo 2: Operación de la memoria Flash Tema 1
1. Abra "Traffic Promotion.fla" y use Flash en la carpeta "3282", realice las siguientes operaciones y guarde.
= = =Todos los materiales y muestras para este tema se almacenan en la carpeta "3282" = = =
(1) Cree archivos llamados "Slogan 1" y "Slogan 2" " componente gráfico, ingrese las palabras "conducción segura" y "que tenga un buen viaje" respectivamente;
(2) Cree las capas "Texto1, Texto2" y coloque "Lema 1" en la capa 1 "Texto1". cuadro, coloque el componente "Lema 2" en el cuadro 1 de la capa "Texto2", póngalo en el cuadro 25 de ambas capas, cuadro 550.
(3) Crea una animación de interpolación para que el personaje se mueva primero hacia el centro y luego se mueva en la dirección opuesta. El efecto de animación completo se muestra en el ejemplo "example.swf";
(4) Después de guardar el archivo, publique la animación con el nombre de archivo "Traffic Safety.swf" en la carpeta "carpeta candidata 3282 ".
2. Abra el archivo de animación llamado "Transformación de texto". fla" en "3281 "Con flash.
= = =Todos los materiales y muestras de este tema se almacenan en la carpeta "3281"= = =
(1) Cambiar el "Fig. Capa 1" pasa a llamarse "Texto";
(2) Cree tres elementos gráficos denominados "Texto 1, Texto 2, Texto 3".
El contenido del elemento es "ocho, nueve, diez", la fuente es cursiva _GB2312 y el tamaño de fuente es 96;
(3) Coloque los tres componentes en el primer y segundo cuadro del "Texto" capa en secuencia Los fotogramas 15 y 30 se colocan en el medio del escenario;
(3) Cree una animación de gradiente de forma de personaje y todo el efecto de animación se muestra como "sample.swf";
( 4) Después de guardar el archivo, publique la animación en la carpeta de candidatos 3281 con el nombre de archivo "Transformación de texto. Fondo soberano".
3. Utilice Flash en la carpeta "3286" en "Snow Mountain is open. fla", realice las siguientes operaciones y guarde. = = =Todos los materiales y muestras para este tema se almacenan en la carpeta "3286" = = =
Requisitos de animación:
(1) Cambiar el nombre de "Capa 1" a "Destructor Yukikaze "; Importe el símbolo "Yukikaze Destroyer" de la biblioteca a la capa de esquí en 1 fotograma.
, colocado en el centro del escenario, del mismo tamaño que el escenario, e insertado en el marco 40.
(2) Cree una nueva capa llamada "Personas", importe el componente "Personas" a los fotogramas 1 a 40 de la capa "Personas", utilice cualquier herramienta de deformación para ajustar el tamaño de la imagen y colóquela; Agregue una "capa de guía de movimiento" en la posición correspondiente (ver ejemplo)
(5) Establezca la capa "pista" como capa guía y establezca la capa "personas" como capa guiada. línea guía en la capa "Pista" para crear una animación de una persona esquiando a lo largo de la línea guía. El efecto de animación completo se muestra como "ejemplo.swf";
(6) Después de guardar el archivo, publíquelo. la animación a la carpeta de candidatos 3286, el nombre del archivo es "Ski.swf".
4. Abra "subtitle.fla" en la carpeta "3288" usando Flash, haga lo siguiente y guarde. = = =Todos los materiales y preguntas de muestra 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 a " Capa 1" Cambie el nombre a "Decoración";
(2) Seleccione dos líneas horizontales en la capa "Decoración", conviértalas en componentes gráficos y asígneles el nombre "Estructura alámbrica";
(3) Cree una nueva capa, asígnele el nombre "Texto", 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". utilizar el" en el cuadro 20.
¡Software! ", y establezca la fuente de todo el texto en el marco en chino Xinwei, el color en "#FFFFFF", el tamaño en 30 y el espacio entre letras en 2;
(4) Establezca la capa " Decoración" al fotograma 25 se convierte en un fotograma clave. Inserte el componente "imagen" de la biblioteca en el fotograma 25 de la capa "Decoración". Establezca el ancho en 130, el alto en 120 y las coordenadas en X: 418, Y : 155;
(5) Inserte un cuadro en el cuadro 30 de las dos capas y todo el efecto de animación se mostrará como una columna de muestra "columna de muestra". swf ";
(6) Después de guardar el archivo, publique el archivo de animación con el nombre de archivo "Subtitles. "carpeta de candidatos 3288" en "swf".
5. Utilice Flash para abrir "paopao.fla" en la carpeta "3284", realice las siguientes operaciones y guarde = = = ¡Todos los materiales para este tema! y las muestras se almacenan en la carpeta "3284" = = =
(1) Establezca el tamaño del documento en 500 px de ancho y 300 px de alto, y el color de fondo en "# 33 ccff";
( 2) Inserte el componente "naranja" en la biblioteca en el centro del escenario de la capa "Naranja", establezca el ancho y el alto en 100 y cree una animación de desvanecimiento con una longitud de 10 fotogramas. de 1 cuadro es 0 y la referencia es 10 cuadros.
(3) Importe los componentes "rojo y amarillo" de la biblioteca en el décimo fotograma de la capa "rojo y amarillo", colóquelos en el centro del escenario y establezca el ancho y el alto en 100;
(4) Consulte "Sample.swf" para crear una animación en la que el componente "rojo" aparece gradualmente desde el cuadro 10 al cuadro 20 de la capa "rojo" y se mueve a la esquina superior izquierda. . El valor Alfa de 10 fotogramas es 0 y el valor Alfa de 20 fotogramas es 80;
(5) Cree una animación con referencia a "Sample.swf", en la que se elimina el componente "amarillo". desde la décima posición de la capa "amarilla" Del cuadro al cuadro 20, aparece gradualmente y se mueve hacia la esquina inferior izquierda. El valor Alfa del cuadro 10 es 0 y el valor Alfa del cuadro 20 es 80;
(6) En los tres "naranja, rojo y amarillo", inserte un cuadro en el cuadro 30 de la capa e ingrese el texto "¡Que el mundo tenga más colores!" en el cuadro 20 de la capa "Texto". . , la fuente es "Chinese Xingkai", el tamaño de fuente es 40 y el color del texto es "#00CC66". El efecto de animación completo se muestra en el ejemplo "example.swf";
(7) Después de guardar el archivo, publique la animación en la carpeta candidata 3284 con el nombre de archivo "Bubble.swf".
6. Utilice software flash para realizar las siguientes operaciones:
(1) Cree un nuevo archivo de animación con un tamaño de archivo de 400 × 200 píxeles y una velocidad de fotogramas de 12 fps; ;
(2) Dibuja un círculo rojo sin bordes (#FF0000) en el primer cuadro de la imagen, con un tamaño personalizado
(3) Dibuja un cuadrado azul sin bordes en el; Cuadro 30 (#0000FF), y luego haga una animación de deformación de círculo a cuadrado, el efecto es como se muestra en la leyenda "26 deformation.swf";
(4) Guarde el archivo en el archivo "candidate carpeta Flash26", el nombre del archivo es "Transformation.Fla";
(5) Publique el archivo como "Round to Square.swf", guárdelo en la carpeta "Candidate Folder 26" y ciérrelo. la aplicación.
7. Abre flash para crear una animación de "saltar la cuerda" y guardarla como "saltar la cuerda.Fla". (Vea el ejemplo en la carpeta "Saltar la cuerda")
1. Dibuja una "línea recta" horizontal en la capa 1.
2. Crea fotogramas clave en los fotogramas 10, 20, 30 y 40 respectivamente.
3. Transforme la línea recta en una "forma de arco ⌒" hacia arriba en el cuadro 10 y transforme la línea recta en una forma de arco descendente en el cuadro 30.
4. Crea una animación de deformación de "forma". (Forme una acción de salto coherente)
5. Guarde el archivo de animación y pruebe la película.
8. Para la animación del movimiento de la línea guía (el material está en la biblioteca), consulte el ejemplo de la carpeta "Guide Animation Butterfly"
Requisitos: Abrir "Boot Animation Butterfly". . Fla" ① Tamaño fla "① El archivo Flash tiene 800 × 600 píxeles; ② La velocidad de fotogramas es 12 fps; (3) Las alas de la mariposa se agitan constantemente durante el vuelo y hay al menos dos mariposas volando en diferentes direcciones. trayectorias en la imagen; ④ La duración total de la animación es de 60 cuadros. Consejo: dibuje dos líneas guía con diferentes trayectorias, es decir, el elemento mariposa se mueve de acuerdo con la ruta de la línea guía. 9. Active el "Plano de animación normal". para hacer que un avión se acerque y desaparezca gradualmente en la distancia (la información está en la biblioteca)
Requisitos: ① El tamaño del archivo Flash es 800×600 píxeles ② La velocidad de fotogramas es 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 60 fotogramas.
Consejos: Animación normal. Haz el movimiento del plano, y en el fotograma clave Establezca el tamaño y la transparencia del plano al final
10. Haga una animación donde el color del texto parpadee de izquierda a derecha. animación de máscara para el área de la máscara (ver ejemplo 2): ① El tamaño del documento Flash es 550 × 150 píxeles ② La velocidad de fotogramas es 12 fps;
La duración total de la animación es de 30 cuadros
11. Abra flash para crear la animación "Earth Orbit" y use "Earth.Fla". (La información 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. Establece la capa donde se encuentra la tierra como capa guía.
4. Configure la "Tierra" para que se mueva según la línea guía, con el fotograma clave inicial como 1 y el fotograma clave final como 30.
5. Publica la animación y guárdala.
12, software de pestañas, realice las siguientes operaciones:
(1) Cree un nuevo archivo de animación con un tamaño de archivo de 400 × 200 píxeles y una velocidad de fotogramas de 12 fps;
(2) Dibuje una forma de corazón rojo (#FF0000) en el cuadro 1, el tamaño es personalizado.
(3) En el cuadro 30, copie la imagen original en tres corazones; y luego hacer una animación de deformación. El efecto es como se muestra en la leyenda "carpeta de candidatos Flash31 dedicación de amor. swf";
(4) El archivo se guarda en la carpeta "carpeta de candidatos Flash31" y el nombre del archivo es "dedicación de amor. Fla";
(5) Publique el archivo como "Love.swf", guárdelo en la carpeta "carpeta de candidatos Flash31" y cierre la aplicación.
13. Utilice software flash para realizar las siguientes operaciones:
(1) Cree un nuevo archivo de animación con un tamaño de archivo de 400 × 200 píxeles y una velocidad de fotogramas de 12 fps; ;
(2) Dibuja un círculo rojo sin bordes (#FF0000) en el primer cuadro de la imagen, el tamaño es personalizado.
(3) Dibuja una forma de corazón rojo en el; Cuadro 30. Luego haz una animación de transformación de círculo a forma de corazón. El efecto se muestra en el ejemplo "carpeta candidata Flash27 heart.swf";
(4) Guarde el archivo en la carpeta "carpeta candidata Flash27" y el nombre del archivo es "en forma de corazón.Fla". ;
(5) Publique el archivo como "heart-shape.swf", guárdelo en la carpeta de "carpeta candidata Flash27" y cierre la aplicación.
14, software de pestañas, realice las siguientes operaciones:
(1) Cree un nuevo archivo de animación con un tamaño de archivo de 550 × 400 píxeles, una velocidad de fotogramas de 12 fps y un color de fondo negro (# 000000);
(2) Dibuja una luna llena blanca (#FFFFFF) en la esquina inferior izquierda del cuadro 1, con un tamaño personalizado;
(3 ) Crea una nueva capa y dibuja un círculo negro del mismo tamaño, y luego una animación del círculo negro bloqueando gradualmente el círculo blanco y la luna cambiando de un círculo a un semicírculo. La duración total de la animación es de 30 fotogramas y el efecto es como el del ejemplo "Candidate Folder Flash223 Moon Transformation. Fla";
(4) Guarde el archivo en la carpeta "Candidate Folder Flash223", con el nombre del archivo "Metamorfosis lunar". Fla";
(5) Publicar el archivo como "Moon. swf", guárdelo en la carpeta "carpeta candidata Flash223" y cierre la aplicación.
15. Haga un efecto de texto simple con la máscara. (Ver ejemplo 1) Use la máscara para hacer un texto simple efecto
1. Haga clic en Archivo y Nuevo
2. Seleccione el documento FLASH y haga clic en "Aceptar"
3. puede establecer la velocidad de fotogramas en 24 fotogramas por segundo
4. Cree un nuevo componente llamado "my_mc"
5. El nombre de la capa es el que se muestra. a continuación
6. Luego inserte el texto en la parte inferior
8. Luego seleccione el primer cuadro
9. y pégalo en la ubicación actual
10 , muévete hacia abajo y hacia la derecha unos cuantos píxeles usando las teclas del cursor.