Ilustración petardos en blanco y negro-¿Quién sabe crear efectos de petardos en FLASH?
Dibujo sencillo de petardos
Primero dibuja las líneas de los petardos, luego dibuja los arcos de ambos lados, luego dibuja un rombo con la palabra primavera escrita en él, y dibuja dos debajo la palabra primavera Para los petardos, siga los dos primeros petardos y luego dibuje una serie de petardos, dibuje las barras de cañón que explotan al lado de los petardos y, finalmente, coloree los petardos pintados.
Herramientas/Materiales
Papel blanco, lápices blancos y negros, bolígrafos de colores.
01
Dibuja la línea del petardo, luego dibuja los arcos en ambos lados, dibuja una forma de diamante debajo del arco y escribe la palabra primavera.
02
Primero dibuja dos petardos debajo de la palabra primavera, y los petardos deben estar separados. Presta atención a la proporción del tamaño, los petardos son más pequeños que los personajes de primavera.
03
Sigue los dos primeros petardos y dibuja una cuerda. La disposición de los petardos parece un poco desordenada.
04
Dibuja los cañones de explosión junto a los petardos, y también dibuja las chispas cuando explotan. Al dibujar petardos, es necesario crear una serie de efectos.
05
Por último, colorea los petardos, y se completa todo el proceso de pintar petardos. Tenga en cuenta que el color de los petardos debe ser rojo oscuro.
Consejos especiales
Al dibujar petardos, la disposición de los petardos no debe ser regular ni verse desordenada. Todo el grupo de petardos no debe colocarse demasiado recto y debe haber vibraciones cuando se dibujen. efecto de explosión. Cómo dibujar petardos con trazos simples
9 trazos simples de dibujos animados de petardos Cómo dibujar petardos durante el Año Nuevo
Cómo dibujar petardos con trazos simples de hermosos dibujos animados
Enséñale a tu bebé de esta manera A los bebés les encanta dibujar petardos con trazos simples
Cómo dibujar petardos con trazos simples
Enseñarte a dibujar petardos con trazos simples para niños
Imágenes de un montón de petardos con trazos simples
Trazos simples de petardos y fuegos artificiales, trazos simples de petardos simples y fáciles de aprender
Una colección completa de paso a- fotos de pasos de petardos y paisajes pirotécnicos
Trazos simples de petardos
Dibujos simples de petardos
Dibujos simples de petardos
Día de Año Nuevo sencillo dibujos de petardos con colores
Cómo dibujar dibujos sencillos de petardos Colección completa de imágenes de dibujos sencillos de petardos
Tutorial de dibujo sencillo de petardos, ilustración de patrón de dibujos animados dibujados a mano
Dibujo simple de petardo Cómo dibujar colección de imágenes de dibujo simple de petardo ¿Quién sabe cómo crear efectos de petardo en FLASH?
Ejemplos de cómo hacer tarjetas de felicitación animadas a gran escala en Flash
1. Cómo ver el código fuente
Esta animación contiene muchos objetos, materiales, etc., por lo que también proporcionamos el código fuente para que todos lo descarguen. ¡Esta es la primera vez que se proporciona el código fuente de una animación a gran escala! La dirección de descarga del archivo fuente es:
. Después de descargarlo, reproduzca y mire ycard varias veces para profundizar su comprensión del efecto de animación. Bien, ahora ejecuta tu Flash
6, abre el archivo (no me digas que aún no lo has hecho) y crea un nuevo archivo. Describiremos el proceso de producción paso a paso basándonos en este archivo fuente de animación. Cambie al nuevo archivo, seleccione Película en el menú Modificar y realice ajustes en el cuadro de diálogo emergente como se muestra a continuación (Figura 2).
Forame
La velocidad de reproducción es de 20 fotogramas por segundo (una velocidad de reproducción más alta puede hacer que la animación sea más fluida). El ancho y el alto son 500 y 400 píxeles respectivamente. Presione OK para cerrar después de la configuración. Luego, dibuje dos rectángulos negros para cubrir la parte superior e inferior de la pantalla para producir un efecto de cobertura de bordes de pantalla ancha (puede verlo mirando el cuadro fijo en la Figura 1), y bloquee la capa donde se encuentran los bordes, y el Las capas donde se encuentran otros elementos animados están en estado de máscara debajo de la capa de borde.
2. Apertura de la animación
Una vez completado el trabajo básico, comenzamos a editar la animación. Cambie a, mire primero la parte Cargando, el fondo cambia constantemente, lo cual se debe a la alternancia continua de dos imágenes. Presione "Ctrl+L" para abrir el panel Biblioteca. Hay un clip de película en bucle de fondo en la carpeta del prólogo. Haga clic derecho sobre él y seleccione Editar para editarlo e ingresar al espacio de trabajo del bucle en segundo plano. mire su línea de tiempo (Figura 3).
Como puede ver, este proceso que se avecina incluye dos capas. Las capas superior e inferior son en realidad una imagen, solo una inversión, y luego configura el primer cuadro de la capa superior para que aparezca y la transparencia de. el decimoquinto cuadro a "0" oculta y establece los cambios de movimiento. Produce un efecto de desvanecimiento, mientras que la capa inferior es todo lo contrario, produciendo un efecto de desvanecimiento. Este fondo rojo es un archivo de mapa de bits importado, que se encuentra en el objeto Gráfico de fondo rojo en la carpeta del prólogo del panel Biblioteca. Si es necesario, puede ingresar a su espacio de trabajo y seleccionar Importar en el menú Archivo para importar una nueva imagen y reemplazarla. Preste atención a mantener el tamaño constante.
Regrese a la escena principal, hay un logotipo (logotipo) de "Noticias de computadora" en el medio de la sección Cargando, que se encuentra en el logotipo de felicitación de la carpeta "Prólogo" en el panel Biblioteca
Objeto gráfico Dentro, puede hacer clic derecho sobre él y seleccionar Editar para ingresar al espacio de trabajo. La biblioteca es un panel de herramientas muy importante en Flash. Todos los elementos cuando creamos animaciones, incluidos sonidos, imágenes, texto, etc., se almacenan en la Biblioteca y se pueden abrir con el acceso directo "Ctrl+L". ¡Bien! A continuación hay un texto Cargando..., que es un MovieClip. El nombre en la Biblioteca se está cargando. Después de eso, hay un mensaje de Completar en la capa de finalización de carga de la escena principal. cambiado para producir un parpadeo. Veamos la línea de tiempo de la escena principal. Hay acciones simples en los cuadros 5, 6, 9 y 10 de la capa de carga. Configúrelas para que se reproduzcan en bucle. Cuando se cargue el video, saltará al mensaje de finalización. Los 18 fotogramas completados por Loading también tienen una
Acción, la función es Detener, porque la animación debe reproducirse con botones. El botón Reproducir está en la carpeta del botón Biblioteca. También tenga en cuenta que la capa del botón está encima de la capa de máscara negra; de lo contrario, no se mostrará. Configuramos sus Acciones en gotoAndPlay19.
3. Efecto de parpadeo
Esta es la parte inicial de la animación. Puedes editarla según tu material o, si te da pereza, simplemente reemplazar el material en el archivo fuente. . Comencemos la animación. La siguiente animación tiene un efecto de película invertida que parpadea constantemente, lo cual se ve genial, pero en realidad es muy simple. Miremos la capa de destello blanco (Figura 4).
Cree un objeto gráfico, luego dibuje un rectángulo blanco en su interior, arrástrelo a la escena y cambie su tamaño hasta que cubra toda la pantalla, y luego configure el efecto de parpadeo. Como se muestra en la configuración de la Línea de tiempo en la imagen, la transparencia pasa rápidamente de 0 a 100 opaco, y luego pasa a transparente, luego 65 transparencia salta a 0, 40 salta a 0 y se logra el efecto. Pruébelo usted mismo, pero no parpadee demasiado y tenga cuidado con sus ojos:
Nota: cuando se completa el primer destello blanco, el fondo ha cambiado. Piénselo, cuando el blanco se vuelve opaco, se coloca un nuevo fondo en la escena. Cuando el blanco se vuelve transparente, el nuevo fondo aparece gradualmente. Después de que aparece el nuevo fondo, comienza a parpadear y tiene el efecto de invertir la película. En realidad, son dos imágenes idénticas, una de las cuales tiene el color invertido en Photoshop (Figura 5).
Durante el proceso de cambio de fondo, siempre hay destellos de texto intercalados. El texto es un objeto gráfico ubicado en el texto del panel Biblioteca. El efecto de parpadeo aún se logra mediante cambios rápidos, y C, P, C y W parpadean en secuencia. Aquí un pequeño truco, podemos poner todo el texto en un Gráfico, un texto por cuadro. Arrastre a la escena para que el texto cambie a medida que se reproduce la línea de tiempo. Cuando necesitemos que aparezca un texto específico, podemos usar el panel Instancia (atajo
"Ctrl+I", por ejemplo, la letra. P está en el segundo cuadro del símbolo de texto. Luego configuramos el panel Instancia en el modo de cuadro único SingleFrame.
El video continúa reproduciéndose y aparecen el texto y la URL de "Noticias de computadora", usando un simple. Telar. Luego ingrese a la siguiente pantalla: la sección de título de saludos de Año Nuevo del editor. El fondo también cambia a un gráfico de estilo chino tradicional, que se encuentra en el objeto "rojo tradicional" del panel Biblioteca, y luego un logotipo rojo. del periódico cae.
Puedes encontrarlo en el "Logotipo de Felicitaciones" en el prólogo de la Biblioteca. El método es muy sencillo. Primero coloque el texto que hemos creado, luego use la herramienta rectángulo para dibujar un cuadrado, rellénelo con rojo, luego use un lápiz para dibujar algunos puntos amarillos y use la herramienta de rotación para crear la forma en la animación. Estoy interesado en dibujar mi propio logo y ponerlo en él. Luego estarán las palabras "Saludos de Año Nuevo del editor". En el "texto tradicional" de la Biblioteca, puedes modificarlo según tus propias ideas. El método para dibujar este texto también es muy simple: primero dibuja un círculo negro, luego ingresa el texto "pequeño" y elige una fuente con sensación de caligrafía. No importa si no tienes la misma fuente en tu sistema. Simplemente elige uno similar. Sí, configurado en color tierra. El método de "edición" es el mismo. Las tres palabras "Saludos de Año Nuevo" a continuación usan trazos. Ingrese el texto primero y use "Ctrl + B" para dividirlo. Haz un trazo amarillo con la herramienta botella de tinta y listo.
4. Dibujar petardos
Las dos hileras de petardos que se muestran a continuación requieren más mano de obra. Primero use la herramienta de dibujo en la barra de herramientas para dibujar la forma de un petardo y rellénelo con color (Figura 7).
Sigue los pasos de la Figura 7 para dibujar petardos. Finalmente, recuerda usar la herramienta de degradado para probar el degradado rojo varias veces hasta que estés satisfecho. A continuación, tenemos que hacer una animación de petardo. Una larga serie de petardos crujen y terminan lentamente. No hay atajos para este trabajo. Solo podemos llevar adelante el "espíritu de uñas" y completarlo manualmente. Esto primero, haga clic en el menú Insertar Nuevo
Crear una película en Símbolo
Recorte el clip de video, luego arrastre el objeto petardo que acaba de dibujar desde el panel Biblioteca, use el botón ". Herramienta Girar" para ajustar la inclinación, y luego arrastre un petardo y ajústelo Inclinación, siga organizando así para completar toda la cadena de petardos. No te preocupes, ten paciencia. ¡Esto es sólo el comienzo!
Después de preparar pacientemente los petardos, estábamos listos para encenderlos. Crea una nueva capa y dibuja dos chispas después de la explosión. Debido a que dos chispas no son suficientes para expresar el efecto, y si se pintan en la misma capa, son propensas a adherirse, así que crea una nueva capa para pintar y ajusta la. posición después de terminar. El siguiente es el proceso de encendido. Aún necesita usar el "espíritu de uñas" en este momento. Inserte un fotograma clave cada dos o tres fotogramas en la capa de petardos, luego elimine uno o dos petardos de la parte inferior, ajuste la posición de la chispa e inserte. fotogramas clave en secuencia y elimine los petardos, ajuste la posición de la chispa hasta que se active la cadena de petardos. Es realmente problemático, es mejor ir a la tienda de abajo y comprar brochetas para evitar problemas (Imagen 8).
5. Efecto de escaneo de la imagen
Ahora volvemos a la escena principal, arrastramos la animación del petardo desde el panel Biblioteca a la escena, una cadena a la izquierda y otra a la izquierda. hacia la izquierda y ajústelo. Buena ubicación. En la animación, dos tiras de petardos son arrojadas una tras otra desde arriba, por lo que necesitamos hacer un movimiento simple para lograr el efecto. Primero coloque los petardos en la parte superior de la escena, luego inserte una escena clave en una docena de cuadros vacíos, luego mueva los petardos a la posición donde aparecerán, configure el movimiento de movimiento y el efecto de los petardos arrojados desde Aparecerá la parte superior. Después de que suenan los petardos, la escena pasa a la escena 2. Podemos hacer clic en el botón Editar
Escena en la esquina superior derecha de la línea de tiempo para cambiar entre las dos escenas (Figura 9).
Entra en escena 2. Esta es el área de contenido principal de nuestra animación, donde aquí aparecerán las fotos editadas, historias antiguas y mensajes de felicitación de cada sección de "Noticias de Computación". Hay mucho contenido, así que vamos. El fondo simple aquí se reemplaza por un fondo tecnológico después de flashear. Esta imagen de fondo se encuentra en la carpeta de fotos de la Biblioteca "Fondo tecnológico" (puede reemplazarla directamente con una imagen). Luego comenzaron a aparecer los editores de las secciones principales. Diseñamos un efecto de escaneo. Una vez completado el escaneo, las fotos aparecieron gradualmente (Figura 10).
Veamos cómo conseguir este efecto. Primero, aparece en la escena una línea de escaneo del contorno exterior de la foto. Este es un efecto de Máscara. Primero dibuja un cuadro rectangular en la posición apropiada, elimina el relleno en el medio y conserva solo los bordes. Esta es la capa del borde del contorno, luego cree una nueva capa debajo de ella, haga un relleno degradado rectangular y dibuje el borde de la Forma, moviéndose de izquierda a derecha (Figura 11).
Una vez completado el movimiento, haga clic derecho en la capa del borde y seleccione Máscara, prueba, pero no tiene ningún efecto. Esto se debe a que el objeto Línea en Flash no se puede enmascarar y debe convertirse a Relleno. modo primero.
Seleccionamos el borde, seleccionamos el comando Convertir
Línea a
Relleno en el subelemento Forma en el menú Modificar para convertir el borde al modo Relleno y probamos nuevamente para completar el efecto. . Luego hay dos acciones de escaneo dentro del contorno. También es un efecto de Máscara, porque solo necesitamos hacer que este efecto de escaneo aparezca dentro de la línea del borde, así que haga un rectángulo, ajuste el tamaño y la posición al mismo tamaño que la línea del borde. Utilice el mismo método para crear un movimiento de relleno degradado. Esta vez hay ciertos requisitos para el relleno, porque la cola del escaneo se oculta gradualmente, por lo que se requiere un relleno degradado de blanco a transparente. Abra el panel Relleno desde el menú Paneles de Windows, seleccione el control deslizante de relleno a la izquierda, luego abra el panel Mezclador y establezca la transparencia Alfa en "0" (Figura 12).
Después de configurarlo, realice una operación de movimiento de forma en este degradado transparente. Esta vez se mueve de izquierda a derecha y luego nuevamente. Esto completa un ciclo de escaneo y allana el camino para que la foto. aparecer. Bien, una vez finalizada, es hora de que aparezca la foto. La foto tiene una capa independiente y aparece en forma difuminada. Las 9 fotos y los modos de introducción de sección que aparecen a partir de ahora son todos iguales, por lo que colocamos las fotos en un Gráfico separado, una foto por cuadro, para que cuando cambiemos de foto, podamos usar el panel de Instancia a través de las técnicas que aprendimos. antes para especificar. Debido a la relación entre posición y tamaño, es mejor mantener el tamaño de las fotografías constante para garantizar una colocación correcta.
Lo siguiente que aparece es el nombre de cada sección y el mensaje. Al igual que el método de hacer fotos, conviértelo en un Gráfico y usa el panel Instancia para controlar cuál debe aparecer. Al mismo tiempo, debes haber notado que la imagen de fondo también parpadea constantemente, incluido el destello blanco mencionado anteriormente, y el color seguirá cambiando. Esto se ajusta usando el color Avanzado en el panel Efecto (Figura 13).
Esta función en Flash es muy poderosa. No solo puede ajustar la transparencia, sino también ajustar con precisión el valor de proporción de cada color. A través de ella, podemos producir muchos efectos de color en la imagen de fondo. .
Después de presentar las fotos una por una, seguirá la vieja historia. Con una carcajada, apareció el viejo editor (tenía una sonrisa "hipócrita" y un corazón "vicioso", lo que tenía a los editores "en vilo" todo el día, por lo que utilizamos un fondo negro para realzar esa atmósfera), fotos y texto Utilice un simple desvanecimiento transparente de movimiento para aparecer. La imagen del editor se retrata a través de fotografías y texto, y termina con la frase: "¿Sucederá? ¡El editor pensó ingenuamente!". Si las tarjetas de felicitación de todos también necesitan este tipo de escena, cambiar la foto definitivamente será un clásico.
6. Final del video
Luego explotaron los fuegos artificiales y aparecieron las palabras "Periódico informático". En este punto, la animación básicamente se completó y se llevó a cabo el trabajo final. El fondo del patrón tradicional apareció gradualmente y se publicó una edición completa. Se tomó una foto grupal y poco a poco apareció un mensaje de felicitación junto a ella. Como queremos que las felicitaciones se desplacen solo donde aparecen, tenemos que hacer la última Máscara. Primero haga el objeto Gráfico del texto de felicitaciones y luego cree un MovieClip para realizar el desplazamiento del texto. , que es el texto. Presta atención al tamaño del área que debe aparecer. Luego crea una nueva capa, colócala debajo de la capa del rectángulo, coloca las felicitaciones y haz un movimiento lento hacia arriba. Cuantos más fotogramas de transición, más lento será el movimiento. Luego haga clic derecho en el área del nombre de la capa rectangular y seleccione Máscara. El texto de desplazamiento se crea y se coloca en la escena. La producción de animación está básicamente terminada (Figura 14).
Además, necesitas crear un botón de reproducción repetida. Crea un botón, asígnale el nombre Reproducir, colócalo en la esquina inferior izquierda, configura Acciones para saltar y reproducir el primer fotograma de la escena uno. El código es el siguiente.
on(release){
gotoAndPlay("Scene1",1):
}
En este punto, la animación está Básicamente completado, continúe. El siguiente paso es agregar música a la animación. La música de fondo en nuestra animación se divide en cuatro secciones: la primera sección está en la sección de apertura, la segunda sección está en la sección de visualización de fotos y la tercera sección. Es la música aterradora de la vieja historia, y finalmente la música de fondo para las felicitaciones después del final. Al mismo tiempo, hay algunos sonidos de eventos en la escena (como petardos, etc.).
7. Agrega efectos de sonido
Bien, ahora veamos cómo agregar la música en la animación. Vuelve a la escena uno y empieza desde el principio. Abra el panel Biblioteca y podrá encontrar algunos de los efectos de sonido que importamos en la carpeta Sonido. La mayoría de los efectos de sonido aquí provienen de Shanmeng Online (
). En la capa de música de fondo de la escena uno, el fotograma 20 es la música que insertamos, porque el frente es la parte de Carga, que se detendrá después de la carga. Cuando hagamos clic en el botón Reproducir, la animación se reproducirá oficialmente y la música de fondo también. sonido. Luego, en el cuadro 149 de la Capa
33, reproducimos el sonido de un objeto cayendo al suelo, que coincidía exactamente con la palabra "pequeño" del editor cayendo. Inmediatamente después de que cayeran las palabras "Saludos de Año Nuevo", se insertó el sonido de un objeto cayendo en el cuadro 176 de Layer32. En los cuadros de Capa
30 y Capa
31 para que coincidan con los petardos, encontramos especialmente el efecto de la explosión del petardo y lo agregamos. Ahora que se completó el doblaje de la escena uno, saltamos a la escena dos. Con unos parpadeos cambia a un fondo tecnológico y seleccionamos música de ritmo ligero para empezar a reproducir. Escuche atentamente, su sonido comienza de pequeño a fuerte. Aquí utilizamos el desvanecimiento del sonido en Flash (Figura 15).
Seleccionamos Fundido
en el elemento Efecto del panel Sonido para lograrlo. Dado que el tiempo de reproducción de esta música es limitado y nuestra animación es relativamente larga, configuramos 6 bucles en el elemento Bucles. Una vez completada la música de fondo, comenzó a coincidir con la música del efecto de escaneo de la foto. Puede escuchar que cuando los bordes de la foto parpadean, hay un sonido eléctrico. Lo agregamos al cuadro 70 de Layer36 cuando los bordes de la foto parpadean. En la animación posterior, las fotos aparecerán una tras otra, por lo que nuestro efecto de sonido se agregará a los bordes parpadeantes de cada foto por turno.
Una vez finalizada, el interior de la foto también se escaneará dos veces. Seleccionamos el sonido de escaneo y lo preparamos para que aparezca dos veces en Layer35 y aparezca de la misma manera en fotos posteriores (Figura 16).
Más tarde, cuando aparece el editor, el fotograma 1223 de la Capa 38 está acompañado de música de fondo, seguido de risas en el fotograma 1236 de "Weird Laughter". La parte de los fuegos artificiales coincidió con el sonido de la explosión. Finalmente, la música de fondo final debería sonar cuando finalice la animación. Lo colocamos en el último cuadro y configuramos un Detener para detener la operación; de lo contrario, saltará automáticamente al principio después de reproducir.
Consejo: Cómo ajustar el tamaño del material reemplazado
Sin embargo, al reemplazar, preste atención al tamaño y la posición del material original. Si son inconsistentes, puede ocurrir una desalineación. . Aquí hay otro pequeño truco. Seleccione el panel de información en Paneles del menú de Windows (Figura 17). Puede ver en este panel que si selecciona cualquier objeto, el ancho, alto y posición de las coordenadas correspondientes aparecerán en el panel. Podemos usar esta herramienta para ajustar el tamaño y la posición del objeto con precisión a nivel de píxel. Quiero reemplazar el material En otras palabras, este panel juega un gran papel. Puede ajustar el tamaño, la posición, etc. de los objetos. Al menos es mucho más fácil que abrir los ojos y arrastrarlos poco a poco con el mouse.
Consejos: Cómo reemplazar imágenes en la Biblioteca
Presione "Ctrl+B" para abrir el panel Biblioteca, haga clic derecho en el fondo tecnológico Objeto gráfico en la carpeta de fotos y seleccione Editar para ingresar al área de trabajo. Primero cree una nueva capa y use el comando Importar del menú Archivo para importar una nueva imagen de reemplazo. Una vez completada, debemos mantener el tamaño y la posición de la nueva imagen consistentes con el material original (debe ser preciso, de lo contrario lo será). aparecen en la animación) se produce desalineación).
Ahora te enseñaré cómo ajustar con precisión el tamaño de la nueva imagen y la imagen original. Utilice el panel de información, seleccione la imagen original y aparecerán datos relevantes en el panel de información. Obtenemos ancho W 183; alto coordenada X -91,5, coordenada Y -62. Después de obtener estos datos, escríbalos, luego seleccione una nueva imagen y complete los datos de la imagen original que acaba de obtener. De esta forma, el tamaño y la posición de las dos imágenes son absolutamente consistentes.
Cómo reemplazar sonidos en la Biblioteca
Reemplazar sonidos es relativamente simple. Después de importar el sonido que preparaste, aparecerá en el panel Biblioteca y luego lo reemplazaremos en la ubicación. donde necesita ser reemplazado Cree una nueva capa, inserte fotogramas clave, arrastre el sonido y elimine la capa de sonido original.