Lecciones de animación flash. Para principiantes: ¿por dónde empezar a aprender flash? Lecciones de animación flash para principiantes flash mx
Adobe Flash Professional es un gran programa multifuncional que es difícil de aprender y usar.
Adobe, por su hábito invariable, se preocupa poco por simplificar sus programas. Si otros programadores en aras de la simplicidad descartan todas las opciones intermedias, en Adobe no se pierde nada. Todas las opciones intermedias para trabajar en el programa se incluirán en la versión final en forma de algún tipo de botón, panel o línea en el menú. Como resultado, el peso de los programas (en MB) aumenta y el programa se vuelve demasiado complicado. Además, muchos instrumentos se duplican total o parcialmente entre sí.
Adobe Flash Professional no fue una excepción a esta regla. El programa tiene tres modos de dibujo diferentes, tres modos de creación de animación diferentes y muchas otras características confusas que pueden asustar a los usuarios potenciales y alejarlos del programa.
Nota: Los autores de Adobe Flash Professional han simplificado un poco las últimas versiones del programa, funciones como creando interpolaciones de movimiento clásicas , sin Motion Editor, solo un lenguaje de programación, ActionScript 3.0, etc.
Configuraciones del programa
Adobe Flash Professional está configurado de forma predeterminada, pero puede cambiar esta configuración si es necesario.
En el menú Editar, elija Preferencias (Windows) o Flash> Preferencias (Mac OS).
De las muchas configuraciones, USTED puede apagar la Pantalla de bienvenida - Sin documento.
En las últimas versiones del programa, puede seleccionar el color de la ventana del programa (pestaña "General" - Interfaz de usuario - Oscuro, claro).
Puede cambiar el número de operaciones de deshacer posibles ("Deshacer" - Deshacer); el valor predeterminado es 100.
Flash admite hasta 9999 deshacer, pero no es necesario seleccionar el máximo porque esto ralentizará el programa.
Resaltar colores: puede cambiar los colores predeterminados utilizados para los cuadros delimitadores que se muestran alrededor del dibujo de objetos, grupos o símbolos.
Y otra.
Crea un documento nuevo
Puede crear y abrir documentos utilizando la pantalla de bienvenida o el menú Archivo.
La pantalla de "Bienvenida" es una plataforma de lanzamiento para crear y abrir archivos, incluidas las plantillas estándar integradas para animaciones Flash, pancartas y animaciones para teléfonos móviles.
En la columna Crear nuevo de la ventana de bienvenida, seleccione ActionScript 3.0.
O: En el menú Archivo, elija Nuevo.
Se abrirá la ventana "Nuevo documento".
En la pestaña General, seleccione el tipo de archivo Flash que desee crear (ActionScript 2.0 o 3.0).
El lenguaje predeterminado es ActionScript 2.0, pero también puede elegir ActionScript 3.0. El uso de ActionScript 3.0 le permite utilizar todas las funciones de las últimas versiones del programa (CS5 y CS6). Por ejemplo, si desea aplicar la rotación 3D a los objetos al crear animaciones, debe seleccionar ActionScript 3.0 (ActionScript 2.0 no admite esta función).
ActionScript 3.0 también requiere que los visitantes tengan la última versión de Flash Player.
Notas:
En las últimas versiones del programa
1. No se proporciona el uso de ActionScript 2.0.
2. Es posible crear animaciones en formato HTML5.
En la pestaña Crear desde plantilla Puede seleccionar una plantilla para abrirla y editarla.
Siempre puede cambiar las propiedades de su proyecto: en el menú Modificar, elija Documento o use el método abreviado de teclado Ctrl + J (Windows) o Comando + J (Mac OS).
En la sección Dimensiones, establezca el ancho y el alto de su película en píxeles.
En la sección Unidades de la regla, las unidades de la regla se establecen: centímetros. mm, píxeles, etc. Normalmente, las reglas se miden en píxeles.
En la sección Color de fondo, se selecciona el color de fondo de la animación.
En la sección Velocidad de fotogramas, la velocidad se establece: fotogramas por segundo. Por lo general, la velocidad predeterminada es de 24 cuadros por segundo.
Opción de guardado automático: configura la frecuencia de guardado automático de su trabajo.
La opción Impresora hace que su nuevo documento coincida con el tamaño de papel de su impresora.
Guardando el documento
Su nuevo documento debe guardarse antes de comenzar cualquier trabajo o agregar cualquier contenido.
De forma predeterminada, los documentos se guardan en formato Flash CS6 - .fla
1 En el menú Archivo, elija Guardar.
2 Seleccione una carpeta para guardar el proyecto. dale tu nombre al proyecto.
Incluya siempre la extensión .fla al final del nombre del proyecto.
Nota: Puede guardar el proyecto en formato Flash CS5 (esta opción no está disponible en las últimas versiones del programa).
Los documentos creados en Flash CS6 no se abrirán en Flash CS5 o versiones anteriores.
Los documentos creados en Flash CS5 y versiones anteriores se abrirán en Flash CS6.
Abrir un documento
Seleccione el menú Archivo> Abrir
Archivo> Abrir reciente: para abrir los últimos 10 archivos.
También puede utilizar la pantalla de bienvenida para abrir documentos.
Cuando instale Adobe Flash Professional en su computadora, el administrador de archivos de Adobe Bridge se instalará al mismo tiempo, que se puede utilizar al trabajar con archivos.
En el menú Archivo, elija Ver en Bridge o Ir al programa Bridge (Examinar en Bridge).
Seleccione el archivo .fla en Adobe Bridge. Cuando haces doble clic en un archivo, se abre en Adobe Flash.
Personalización de la interfaz
Personalice el espacio de trabajo según sea necesario:
Creación de animaciones
Plantillas
Adobe Flash incluye muchas plantillas comunes.
Las plantillas son tamaños predefinidos y una versión de ActionScript.
Elija Archivo> Nuevo y haga clic en la pestaña Plantillas.
Considere las plantillas flash incluidas.
Cuadro
Adobe Flash Professional tiene un editor gráfico integrado para imágenes vectoriales que se utilizan para crear animaciones.
Hay varios modos de dibujo en Adobe Flash, que funcionan de manera diferente; consulte Modos de dibujo
Consulte el conjunto de herramientas de dibujo disponibles en Adobe Flash: consulte Barra de herramientas .
No es difícil crear objetos tan simples como rectángulo (cuadrado), elipse (círculo), línea.
Para crear objetos más complejos, deberá familiarizarse con todas las funciones del programa en el área de dibujo; consulte Dibujo.
Para crear una animación de lapso de tiempo dibujada a mano, tendrá que usar una tableta gráfica para dibujar, porque sin esto, es extremadamente difícil crear animaciones de alta calidad.
Acerca de las tabletas gráficas
Creando una animación simple
Hay dos formas principales de crear animaciones en Adobe Flash: animación cuadro por cuadro y animación de interpolación. A su vez, las preadolescentes de animación tienen varias variedades:
Con cualquier método de creación de animación, debe estudiar el trabajo.
Línea de tiempo (línea de tiempo). Si comprende el trabajo de la Línea de tiempo, considere que la mitad del estudio del programa está hecho.
Especialmente debes prestar atención a trabajando con capas y en trabajar con el personal .
Habiendo dominado todo lo anterior, ya puede crear elementos Flash (por ejemplo, banners, diapositivas, etc.) para insertarlos en sus páginas html.
Puede crear todos los elementos para su animación en Adobe Flash Professional. O puede importar elementos creados en Adobe Illustrator, Adobe Photoshop, Adobe After Effects, etc. programas.
La otra mitad de su éxito con Adobe Flash Professional es aprender ActionScript 3.0. En este caso, podrá utilizar todas las funciones del programa, incluida la creación de sitios Flash interactivos.
Una alternativa inferior es utilizar los fragmentos de código que vienen con el programa (menú Ventana (Windows) - Fragmentos de código).
Esta descripción general no contiene tutoriales de ActionScript, pero existe dicho material en Internet.
Control de animación flash
Si desea crear algo más complejo que simples pancartas animadas o diapositivas, necesitará:
una. Aprende a crear botones
B. Aprenda a utilizar el código ActionScript.
Se necesitan botones (gráficos o de texto) para que el visitante de su sitio pueda controlar la animación; consulte Botones.
La animación en Adobe Flash se crea utilizando código ActionScript. Las versiones anteriores del programa usaban ActionScript 2.0; las versiones recientes usan ActionScript 3.0. Estas versiones tienen diferencias significativas y son parcialmente compatibles.
No es necesario que escriba el código manualmente al crear una animación flash. en Adobe Flash, la mayor parte del trabajo se realiza visualmente. Sin embargo, en algunos casos, es necesario insertar código ActionScript. En este caso, puede utilizar los fragmentos de código que vienen con el programa o escribir el código usted mismo.
ActionScript se utiliza para dar a los botones de navegación la acción correcta: navegar a una página o fotograma de animación específico en un sitio, controlar y sincronizar sonido y video, y mucho más.
Para obtener una introducción rápida a ActionScript, consulte ActionScript.
Creación de sitios flash
Avance
Visualización local
Puede obtener una vista previa de su animación rápidamente moviendo el cabezal de reproducción rojo hacia adelante y hacia atrás en la barra de fotogramas (ver imagen). Cronología).
Para ver cómo se verá la animación en la web (es decir, con todas las animaciones anidadas), elija Control> Video de prueba(Película de prueba)> en Flash Professional (en Flash Professional).
En este caso, la animación creada se visualiza en el Flash Player integrado.
Para probar Flash para teléfonos móviles, utilice Control> Video de prueba(Probar película)> en Device Central.
Publicación
Cuando publica, el editor genera archivos HTML, un archivo SWF y otros archivos que Flash necesita para funcionar correctamente.
Para la configuración de publicación, en el menú Archivo, elija Opciones de publicación(Configuración de publicación).
Para publicar desde el menú Archivo, elija Publicar.
Ver más.
Recientemente, cada vez con más frecuencia, llegan cartas a través del sitio con preguntas sobre dónde empezar a estudiar flash. Publicaré algunos, creo que será interesante para muchos principiantes. Las respuestas son puramente mi visión y mi experiencia, lo que no significa en absoluto que si lo haces de manera diferente, nada saldrá bien. A quién le importa, lea a continuación (ortografía y gramática de los mensajes guardados). Y si no eres un principiante, definitivamente estarás aburrido y tedioso de leer esto :)
“Hola)) mi nombre es Nico, soy de Tayikistán y ahora tengo un gran deseo de convertirme en un animador flash, pero no sé por dónde empezar, encontré su sitio aquí muchas cosas útiles, pero por yo, un principiante, todavía son difíciles. por favor avíseme dónde empezar a aprender animación flash)) Estaré muy agradecido . y escribe cómo dibujas, si compro wakom con bolígrafo de bambú y aprendo a dibujar en él "
Niko, tienes lo principal: el deseo. Si no se evapora después de un par de semanas o meses, el resultado será. Por dónde empezar: con material.
1. Compre / descargue de la red un tutorial sobre flash. Tome una de las últimas versiones (Flash Cs4-Cs 6), olvídese de los tutoriales en Macromedia, FlashMX, este ya es el último siglo en el sentido literal. Aunque mucho no ha cambiado desde entonces en el flash.
Si planea estudiar Action script (y para que un flasher sepa al menos los conceptos básicos de as, creo que es simplemente necesario), deténgase en c As3. Como2 se está convirtiendo poco a poco en una cosa del pasado, seguiremos el ritmo de los tiempos.
Como he estado estudiando flash durante mucho tiempo, no puedo recomendar ninguna edición en particular, porque no estoy familiarizado con ellas.
Probablemente se sorprenderá mucho, pero todos los libros sobre aprendizaje flash contienen la misma información :) Esto es especialmente cierto para los libros para principiantes.
Me gustaron mucho los libros How to Cheat in Adobe Flash en inglés del animador flash Chris Georgenes (escribe lecciones sobre animación flash para Adobe).
Esta es una serie de libros, se reeditan para cada nueva versión del flash. Si sabes ingles. Language es un libro excelente, agradable a la vista con gráficos maravillosos.
Descargar Cómo hacer trampa en Adobe Flash en Cs5 junto con el disco puede.
Mi estudio de flash comenzó con un tutorial. En el estudio de Flash, no fue el libro de texto en sí lo que me ayudó personalmente, sino el curso en video que se adjuntó al libro de texto. Por tanto, pasamos al punto número 2.
2. Tutoriales en video.
Creo que los videos tutoriales son los más efectivos, ya que yo mismo estudié flash en un curso de video.
3. Además, en el estudio de la animación flash no puede prescindir de un programa como Swf Decompiller. Este es un rompedor para archivos svf, es decir, animaciones listas para usar. Aquí hay un discurso sobre ella. Te permite ver (no tyrit :) el trabajo de los profesionales, ayuda mucho en el estudio de flash. Toma un trabajo terminado y mira la línea de tiempo para ver cómo se hizo e intenta repetirlo. La animación no siempre se muestra correctamente: máscaras, interpolaciones, pero el principio se puede entender y tener en cuenta.
4. Es muy efectivo enseñar Flash usando ejemplos específicos. Fíjese el objetivo de hacer una animación de acuerdo con un escenario que haya inventado, por ejemplo, una animación de un automóvil conduciendo a lo largo de una determinada trayectoria. Cuando hay un objetivo final, es más fácil enseñar.
5. Si en el curso del estudio surgen preguntas, se pueden dejar aquí en o en la comunidad en sujeto... O en cualquier otro foro donde vivan flashers.
El foro flash más grande que conozco es flasher.ru... Entonces, queridos novatos, use los beneficios de Internet y este recurso en particular :)
6. Y otro punto importante. Para hacer una buena animación, sería una buena idea recurrir a libros de texto sobre animación clásica (especialmente si desea aprender a animar personajes, no solo bloques de texto para pancartas).
Habiendo dominado el flash como herramienta, no se convertirá exactamente en un animador, sino en un "agitador" que puede mover objetos.
Hay muchos libros sobre animación clásica; deténgase en "Sincronización en la animación", puedes tomar.
Acerca de dónde obtener Adobe Flash. Si desea encontrar o llevarse algo, no hay nada mejor que google. El sabe todo :)
¿Puedes aprender a trabajar en flash por tu cuenta? Esto es bastante real, casi todos los buenos animadores flash que conozco han estudiado flash ellos mismos, sin cursos ni exámenes. Paciencia, trabajo duro, y todo está en tus manos. Aun así, no conozco a los flashers que asistieron a los cursos, todos enseñaban por su cuenta.
“Gracias por el blog, encontré muchas cosas útiles para mí.
Soy un vector puro y no me resultó difícil dibujar en Flash. El problema empezó cuando se trataba de animación.
¿Podrías dar una lección para los novatos torcidos más tontos?)) Para que incluso yo lo entienda)) "
( tara )
Habrá un tutorial sobre animación para principiantes. No tengo idea de cómo encajar todo en una lección, creo que será una serie de lecciones. Estaba seguro de que Internet está lleno de lecciones para principiantes, pero por alguna razón, a menudo se las piden. Esté atento a las actualizaciones en el sitio web y en
Objeto y estructura del programa Flash
Flash se ha puesto de moda últimamente. Mucha gente piensa que Flash es un producto nuevo, pero no lo es. En 1995, había un pequeño programa Future Splash Animator para la animación vectorial de gráficos web, y dos años más tarde, en 1997, Macromedia lo adquirió y comenzó a desarrollar un producto con el nuevo nombre Flash.
Actualmente, Flash es una aplicación versátil e integrada que combina un editor de gráficos y sonido y una herramienta de animación para crear productos multimedia interactivos únicos. Puede utilizar Flash para crear animaciones vibrantes y rentables para la Web, formularios interactivos, juegos, presentaciones interactivas y más. El conocimiento de Flash es útil no solo para diseñadores web, sino también para profesores, artistas y muchos otros que quieran expresar sus ideas en el lenguaje de la animación. Hoy en día, esto no requiere un estudio especial: una computadora personal, software Flash y un poco de paciencia son suficientes.
Elementos básicos del espacio de trabajo de Flash
Antes de comenzar a describir las herramientas de dibujo, debe hablar sobre los elementos de la interfaz. Hagamos una reserva de que no bombardearemos al lector con toda la información sobre la interfaz a la vez y lo obligaremos a recordar todos los detalles. Informaremos sobre la interfaz del programa lo suficiente para completar la lección actual. En cada lección, analizaremos nuevos elementos de la interfaz, explicando su propósito con ejemplos específicos.
Cuando inicie el programa por primera vez, verá algo como el que se muestra en la Fig. una.
Arroz. 1. Elementos básicos de la interfaz del programa Flash 5.0
Cada archivo recién abierto tiene su propio escritorio. El escritorio contiene un marco, o escenario, un área rectangular en la pantalla en la que se reproduce una película Flash.
Las herramientas de dibujo están diseñadas para dibujar en el escritorio (consulte la barra de herramientas en la Fig. 1). De ellos hablaremos en primer lugar.
Cualquier animación comienza con la renderización de imágenes estáticas. Cambio rápido de una imagen a otra, como resultado de lo cual se crea la impresión de movimiento de la imagen y hay animación. Para controlar la duración de la visualización de imágenes (control de animación) utilice la línea de tiempo o la línea de tiempo (Línea de tiempo).
En la Fig. 1 también presenta paneles flotantes acoplables, paneles diseñados para personalizar el entorno de trabajo Flash. Así que echemos un vistazo a las herramientas de dibujo básicas en Flash.
Cuadro
Ruta, trazo, relleno
Antes de comenzar a trabajar con herramientas de dibujo, debe presentar los conceptos de trazado, trazo y relleno. Considérelos con un ejemplo sencillo.
Seleccione la herramienta de edición Oval (Oval) de la barra de herramientas (Fig. 2) y dibuje un óvalo. La forma se rellenará automáticamente con color. (Si mantiene presionada la tecla Mayús mientras dibuja un óvalo, la forma que está dibujando tendrá la forma de un círculo).
Arroz. 2. El dibujo consta de un trazado, un trazo y un relleno.
El dibujo consta de un contorno, un trazo y un relleno (Fig. 2). Para seleccionar el contorno de la forma, haga clic en el botón que se muestra en la Fig. 3 flecha roja. Como resultado, la línea de trazo y el relleno desaparecerán, solo quedará el contorno - (Fig. 4).
Arroz. 3. Botón para eliminar relleno y trazo
Arroz. 4. Habiendo eliminado el relleno y el trazo, obtenemos una línea de contorno.
línea de servicio (no se muestra al imprimir). Pulsando el botón mostrado en la fig. 3, devuelve elementos eliminados. El color del trazo y el relleno es fácil de cambiar. El color de relleno se cambia usando el botón Color de relleno (Fig. 5). Después de seleccionar un nuevo color en la paleta (Fig. 5), la forma dibujada no cambiará, pero cuando dibuje una nueva elipse, la ruta se rellenará con el color que acaba de seleccionar.
Arroz. 5. Herramientas de selección de color para líneas de relleno y trazo
Para cambiar el color de relleno en la forma actual, debe seleccionar un nuevo color y usar la herramienta Bote de pintura; está resaltada en la Fig. 6.
Arroz. 6. El color de relleno en la forma dibujada se puede cambiar con la herramienta Bote de pintura
También puede cambiar el color del trazo. Para hacer esto, seleccione la herramienta Color de trazo, en la Fig. 7 una flecha roja lo señala. Después de eso, se abrirá una paleta, en la que puede seleccionar el color deseado, luego debe seleccionar la herramienta Botella de tinta (está resaltada en la Fig. 7) y hacer clic en la línea de trazo. Como resultado, se rellenará con el color seleccionado.
Arroz. 7. Cambiar el color de la línea del trazo.
En la Fig. 6 el óvalo que hemos dibujado se muestra a mayor escala. El cambio de escala, por cierto, se establece de la misma manera que en Photoshop, usando la combinación de teclas Ctrl y "+" o Ctrl y "-".
También puede cambiar el grosor y el estilo de las líneas de trazo. Para hacer esto, necesita ordenar Ventana> Paneles> Trazo llamar al panel de trazos. En él, puede ajustar el estilo de la línea del trazo, su grosor y color (Fig. 8).
Arroz. 8. En el menú del panel Trazo, puede cambiar los parámetros de la línea del trazo.
Si seleccionamos el estilo de línea Hardline (Fig. 8) y usamos la herramienta Ink Bottle, obtendremos una línea de un píxel. La línea Hardline no tiene grosor, por lo que el valor no aparece en el cuadro de ancho de línea. El grosor de otras líneas, como la línea de puntos, se puede cambiar (Figura 9).
Arroz. 9. Un ejemplo de cómo cambiar el tipo y el grosor de una línea de trazo
Se realiza un ajuste más fino de los parámetros de línea en el panel Estilo de línea. Puede llamarlo haciendo clic en el botón indicado por la flecha roja en la Fig. 10. En el panel Estilo de línea, puede, por ejemplo, cambiar la longitud del trazo y la distancia entre los trazos de una línea discontinua. Si en la fig. 8, se tomaron los valores predeterminados: 6 puntos para el trazo y la distancia entre trazos, luego, al elegir los valores de 10 y 12 puntos, respectivamente, y nuevamente usando la herramienta Botella de tinta, puede obtener un trazo, como en la Fig. 10.
Arroz. 10. Ajuste fino de los parámetros de línea
Entonces, miramos los conceptos básicos - ruta, relleno y línea de trazo - usando el ejemplo de dibujar un óvalo. Ahora hablemos directamente sobre las herramientas de dibujo.
Herramienta rectangular
La herramienta Rectángulo (Rectángulo) se encuentra junto a la herramienta Ovalada (Fig. 11).
Además del rectángulo tradicional, puede dibujar rectángulos con bordes redondeados. Para configurar dicho modo, seleccione el icono en el que se muestra en la fig. 11 se indica con una flecha roja. Como resultado, aparecerá el panel Configuración de rectángulo, donde se define el radio de redondeo, después de lo cual, cuando se dibuja un rectángulo, las esquinas se redondearán. La edición del relleno y el trazo del contorno del rectángulo se realiza de la misma forma que en el caso de un óvalo.
Arroz. 11. Trabajar con la herramienta Rectángulo
Herramienta de línea
La herramienta Línea le permite dibujar líneas rectas (Figura 12). Mientras mantiene presionada la tecla Mayús, puede dibujar líneas verticales, horizontales o de 45 °.
Arroz. 12. Trabajar con la herramienta Línea
En algunos casos, si, por ejemplo, necesita dibujar un triángulo isósceles, es útil utilizar una malla. Puede hacer visibles las líneas de la cuadrícula usando el comando Ver> Cuadrícula> Mostrar cuadrícula(figura 13).
Arroz. 13. Al dibujar formas geométricas regulares, puede utilizar la cuadrícula
Herramienta Lápiz
Arroz. 14. El resultado de trabajar con la herramienta Lápiz en diferentes configuraciones (fila superior de triángulos - modo Enderezar, abajo - modo Tinta)
La herramienta Lápiz se encuentra debajo de la herramienta Óvalo. En la Fig. 14 muestra el resultado de trabajar con un lápiz con diferentes opciones para su configuración, de las cuales hay un total de tres. Con el ajuste Enderezar, la herramienta convierte las líneas temblorosas de un trazado a mano alzada en líneas rectas, con el ajuste Suave suaviza las líneas y con el modo Tinta, prácticamente no cambia el trazado original.
Editar líneas, flechas y herramientas de subselección
Para hablar sobre cómo funciona la herramienta Flecha, debe observar más de cerca la estructura de la línea de contorno.
Dibuje una línea con la herramienta Lápiz, como se muestra en la fig. 15. Consta de un contorno y un trazo de línea.
Arroz. 15.Con la herramienta Subseleccionar, puede seleccionar puntos de ancla y segmentos de curvas de nivel
Arroz. 16. Un ejemplo de mover un punto de esquina
Arroz. 17. Un ejemplo de cambio de curvatura de un contorno
Arroz. 18. La línea de trazo sigue la línea de trayectoria
Hasta ahora, hablando del esquema, no hemos mencionado su estructura. Para aclarar la estructura de la línea de contorno, usaremos la herramienta Subseleccionar, activada en la Fig. 15 y haga clic en el contorno de la línea. Como resultado, veremos que la línea de contorno consta de segmentos y puntos de anclaje (Fig. 15). Los segmentos y puntos de ancla se crean automáticamente cuando se usa la herramienta Lápiz. Cuando editamos la línea de ruta, la línea de trazo cambia automáticamente. Vamos a mostrar cómo puede editar la línea de contorno usando la herramienta Flecha; está resaltada en la Fig. dieciséis.
Los puntos de anclaje son angulares y lisos. Cuando movemos la herramienta Flecha a una línea, su apariencia cambia. Cuando se acerque a un punto de esquina, aparecerá un ángulo junto a la imagen de la flecha; en este modo, puede mover los puntos de esquina (Fig.16), y cuando se acerque a un segmento o un punto suave, una imagen de arco, en este modo usted puede cambiar la curvatura del contorno (Fig. 17). Cuando cambia la línea de contorno, la línea de trazo sigue la línea de contorno (Figura 18).
Dibuje una elipse y use la herramienta Flecha para seleccionar su relleno con un clic (el color de relleno seleccionado se aclarará con puntos blancos) y arrástrelo y suéltelo, como se muestra en la Fig. 19. Si hace doble clic, también se seleccionará la línea de trazo adyacente al relleno. Al hacer doble clic, también se seleccionan las líneas que se cruzan.
Arroz. 19. Un ejemplo de cómo mover un objeto seleccionado con la herramienta Flecha
Arroz. 20. Imagen original
Consideremos otros tipos de modificación de la imagen seleccionada. Dibuje un camino usando la herramienta Lápiz, como una hoja (Figura 20). Seleccione la herramienta Flecha y seleccione la hoja dibujada en un marco rectangular. Ahora puede procesar el objeto seleccionado con los modificadores disponibles.
En el panel Opciones, seleccione el botón Suavizar y haga clic en él varias veces; el contorno de la hoja se volverá más suave (Fig. 21a).
Arroz. 21. Usando modificadores del panel de Opciones: a) Suavizar le permite suavizar los contornos de la imagen; b) Strighten permite enderezar los contornos de la imagen
El contorno cambia después de unos pocos clics del botón Enderezar se muestra en la Fig. 21b.
Con la herramienta Lazo, puede seleccionar un área de forma libre (Figura 22).
Arroz. 22. Un ejemplo de selección con la herramienta Lazo
Pincel
Arroz. 23. Un ejemplo de trabajo con la herramienta Pincel
Herramienta Pincel (Pincel) crea una ruta vectorial y su relleno con el color seleccionado, pero, a diferencia de las herramientas discutidas anteriormente, no forma una línea de trazo (Fig. 23). Para comprender qué camino crea la herramienta Pincel, eche un vistazo a la fig. 24 utilizando la herramienta Subseleccionar.
Arroz. 24. Un ejemplo de una línea de contorno creada con la herramienta Pincel
Arroz. 25. Opciones para personalizar la herramienta Pincel
El panel Opciones ofrece tres opciones para personalizar la herramienta Pincel: modos (botón superior), tamaños de pincel (botón central) y forma de pincel (botón inferior) (Figura 25).
Los modos determinan la naturaleza de la interacción de la línea dibujada con el objeto ya dibujado (Fig. 26). Como puede ver en la figura, al dibujar el mismo tipo de líneas horizontales en diferentes modos, la pintura ocurre de diferentes maneras:
Pintar normal: se pinta el espacio del marco, la línea de trazo y el relleno del objeto que se está pintando;
Rellenos de pintura: se pinta sobre el espacio del marco y el relleno del objeto que se está pintando. La línea de trazo no está pintada;
Pintar detrás: solo se pinta el espacio libre del marco;
Selección de pintura: solo se pinta el área seleccionada;
Pintar en el interior: solo se pinta el relleno con el que se inició la pintura.
Arroz. 26. Diferentes modos de interacción de las pinceladas con un objeto previamente dibujado
Se debe explicar el efecto del parámetro Lock Fill; el botón correspondiente a este comando con el icono de candado se muestra presionado en la Fig. 27.
Arroz. 27. Un ejemplo de la acción del parámetro Lock Fill
Cuando se activa el parámetro Bloquear Relleno (se presiona el botón), el degradado se aplica a toda el área de trabajo (Fig.27), y cuando no está activado, la transición de un color a otro se realiza en base a la pincelada ( Figura 28).
Arroz. 28. El llenado de bloqueo de parámetros no está activado
Borrador
El borrador le permite borrar líneas y rellenos, y tiene varias configuraciones diferentes. En el panel de Opciones, puede ajustar el tamaño y la forma del borrador, así como seleccionar el modo de borrado (Fig.29):
Borrar normal: se borran la línea de trazo y el relleno del objeto;
Borrar rellenos: se borra el relleno del objeto (la línea de trazo no se borra);
Borrar líneas: solo se borran las líneas;
Borrar rellenos seleccionados: solo se borra el área seleccionada.
Borrar interior: solo se borra el relleno, y cuando dibuja una línea con un borrador, el borrado se realiza solo dentro del contorno en el que se inició la línea.
El modificador Faucet le permite eliminar un relleno o una línea por completo.
Arroz. 29. Diferentes modos de acción del borrador
Lapicera
Hasta ahora, hemos analizado herramientas que crean rutas automáticamente. Tool Pen (lápiz) le permite trabajar directamente con trazados. Se puede utilizar para crear segmentos rectos y curvos, ajustar la longitud de las líneas rectas y la pendiente de los segmentos curvos.
Punto de ancla lineal
Seleccione la herramienta Pluma, haga clic (este es el primer punto de anclaje), mueva el cursor, haga clic (este es el segundo punto de anclaje). El resultado será una línea discontinua, como en la Fig. 30. Puntos de anclaje mostrados en la fig. 30 se denominan lineales, ya que los segmentos que convergen en ellos son lineales. El punto lineal no tiene guías.
Arroz. 30. Un ejemplo de construcción de una polilínea con la herramienta Pluma
Punto de anclaje liso
Arroz. 31. Un ejemplo de cómo crear una curva suave con la herramienta Pluma
Para establecer un punto de ancla suave, seleccione la herramienta Pluma, mantenga presionado el botón izquierdo del mouse y mueva el mouse levemente, como resultado aparecerá un punto de ancla suave y una línea de guía que emerge de él (Fig. 31). Al girar y alargar la línea guía, puede cambiar la curvatura del siguiente segmento.
Para crear un contorno abierto, debe hacer doble clic en el último punto. Después de soltar el botón del mouse, mueva el cursor y coloque el siguiente punto de anclaje; repitiendo este procedimiento, puede obtener una línea suave, como en la fig. 31.
Para cerrar la ruta, mueva el cursor al punto de anclaje inicial o a la línea de ruta. Después de que el cursor se convierta en un bolígrafo con un círculo, haga clic con el mouse y el contorno se cerrará.
Si dos segmentos independientes están conectados en un punto, entonces es angular. Por ejemplo, si conecta segmentos rectos y curvos, aparecerá un punto de esquina en su intersección (Fig. 32).
Arroz. 32. En la intersección de segmentos rectos y curvos, se forma un punto de esquina
Los puntos de ancla se pueden transformar, mover y eliminar.
Seleccione la herramienta Subselección para convertir un punto de esquina en un punto suave. Haga clic en el punto de la esquina y, mientras mantiene presionada la tecla Alt, arrastre el punto; se volverá suave y aparecerá una línea guía que le permitirá cambiar la curvatura de los segmentos conectados en este punto suave (Fig.33).
Arroz. 33. Un ejemplo de conversión de un vértice en uno liso
De forma predeterminada, los puntos de curva suave seleccionados aparecen como puntos huecos y los puntos de esquina seleccionados como cuadrados huecos.
Uso de las herramientas de lápiz y subselección para trabajar con puntos de ancla
Del mismo modo, puede crear puntos en líneas dibujadas con otras herramientas de dibujo de Flash: lápiz, pincel, línea, óvalo, rectángulo y ajustar estas líneas.
En particular, en la Fig. 34 muestra una ruta hecha con la herramienta Óvalo al convertir un punto suave en un punto de esquina (con la herramienta Pluma) y arrastrando el punto de esquina con la herramienta Subselección.
Arroz. 34. El contorno obtenido con la herramienta Oval girando uno de los puntos suaves en una esquina y arrastrándolo
Herramienta cuentagotas
La herramienta Cuentagotas se utiliza para copiar el color y el estilo de las líneas de lápiz, el modo de pincel y los rellenos. Cuando mueve el cuentagotas a la línea, el cursor cambia: aparece un icono de mini lápiz debajo del cuentagotas. Cuando hace clic en el cuentagotas en una línea, todos los parámetros de la línea (color, grosor, estilo) se copian y el cuentagotas se reemplaza con la herramienta Botella de tinta, que le permite aplicar todas estas configuraciones a otra línea.
Del mismo modo, cuando el cursor está sobre el relleno, aparece una imagen de cubo debajo del cuentagotas y una imagen de pincel debajo del cuentagotas cuando el cursor está sobre una pincelada. Estos iconos muestran qué atributos está copiando con la herramienta Cuentagotas.
Herramienta Bote de pintura
Ya hemos mencionado la herramienta Bote de pintura; está resaltada en la Fig. 35, ahora consideraremos sus capacidades con más detalle. Esta herramienta se utiliza para rellenar áreas cerradas (y no completamente cerradas) con rellenos de color, degradado y mapa de bits.
Si ha trabajado rellenando mapas de bits en Photoshop, probablemente esté familiarizado con la situación en la que el relleno se "derrama" sobre el borde de los contornos no muy bien dibujados en aquellos lugares donde hay "huecos". En Flash, son posibles varios modos de configurar la herramienta de relleno para evitar el defecto anterior.
Hay cuatro opciones para configurar esta herramienta:
No cierre las brechas, no cierre las brechas;
Cerrar pequeñas brechas - cerrar pequeñas brechas;
Cerrar brechas medias - cerrar brechas promedio;
Cerrar grandes espacios: cerrar grandes espacios.
Seleccione la herramienta Lápiz y dibuje una ruta abierta (Figura 35). Seleccione el modo Cerrar espacios grandes y complete el contorno. Como se ve en la Fig. 35, el relleno permanece dentro de la ruta aunque la ruta original estaba abierta.
Arroz. 35. Un ejemplo de cierre del ciclo en el modo Cerrar grandes espacios
Ahora veamos el relleno de degradado y las operaciones con él. En el panel Relleno, seleccione la opción Relleno - Degradado lineal (Degradado lineal). Luego dibuje un rectángulo, rellénelo con un relleno lineal con un degradado lineal y dibuje un rectángulo más pequeño dentro del rectángulo grande (Figura 36). Como puede ver en esta figura, en el pequeño rectángulo, la transición de blanco a azul se realiza con un gradiente más bajo. Si aplicamos la función Bloquear relleno y rellenamos ambos rectángulos, obtenemos una imagen como en la Fig. 37. Es decir, el degradado en los rectángulos interior y exterior será el mismo.
Arroz. 36. Relleno degradado en el modo cuando el parámetro Bloquear relleno no está activado
Arroz. 37. Relleno degradado en el modo cuando el parámetro Bloquear relleno está activado
Para cambiar la dirección del degradado de relleno, en el panel Opciones, haga clic en el botón Transformar relleno (se presiona en la Fig.38), y luego en el relleno, como resultado, aparecerán marcadores (Fig.38) .
Arroz. 38. Un ejemplo de modificación de un relleno degradado
La manija redonda superior se usa para rotar el relleno de degradado, la manija rectangular es para aumentar (disminuir) el degradado de la transición de un color a otro y la manija redonda central es para mover el centro del relleno de degradado.
La herramienta Bote de pintura también le permite rellenar una ruta cerrada con un mapa de bits. Demostremos cómo se realiza este procedimiento con un ejemplo simple. Dibuje con la herramienta Rectángulo una imagen del monitor, en la pantalla de la cual se insertará el mapa de bits (Fig. 39).
Arroz. 39. Imagen vectorial del monitor, en la que se colocará la imagen rasterizada de la foto.
Luego importe el mapa de bits, que llenará la pantalla. Puede importar un mapa de bits ejecutando el comando Archivo> Importar y seleccionando el archivo requerido. A continuación, vaya al panel Relleno y cambie el método de relleno a mapa de bits - Mapa de bits (Fig. 40).
Arroz. 40. Relleno de panel, pestaña Relleno
Por lo tanto, si llena un camino cerrado dentro de la pantalla del monitor dibujada, se realizará un llenado ráster, como se muestra en la Fig. 41.
Arroz. 41. Ejemplo de relleno ráster
Para editar el relleno de mapa de bits, en el panel de Opciones, haga clic en el botón Transformar relleno (se presiona en la Fig.42), y luego en el relleno de mapa de bits, como resultado, aparecerá un marco con marcadores (Fig.42 ).
Con el marcador central, puede arrastrar el mapa de bits para que la parte deseada de la foto se muestre en el monitor dibujado (Fig. 43).
Arroz. 42. Marco de modificación de relleno ráster
Arroz. 43. Al mover el marcador central, puede recortar el mapa de bits
Otros marcadores le permiten escalar el mapa de bits, rotarlo y deformarlo (Fig. 44).
Arroz. 44. Un ejemplo de deformación de un relleno ráster
Después de importar varias fotos, puede personalizar la paleta desde la que puede seleccionar el ráster a rellenar (Fig. 45), al igual que la paleta de colores.
Arroz. 45. Un ejemplo de paleta con varios mapas de bits
Sumar y restar formas
Cuando dos formas se superponen, Flash las fusiona o segmenta. Dibuje dos formas monocromáticas: un círculo y un rectángulo (Fig.46), seleccione el rectángulo (haciendo clic en él con la herramienta Flecha) y luego superponga el rectángulo en el círculo y deseleccione (haciendo clic en él nuevamente con la Flecha herramienta).
Arroz. 46. Cifras iniciales
Como resultado, las dos formas se fusionarán en una. Al hacer clic en el contorno de la forma resultante con la herramienta Subseleccionar, puede asegurarse de que el contorno interior ha desaparecido (Fig. 47).
Arroz. 47. Un ejemplo de combinación de dos formas monocromáticas
Ahora siga el mismo procedimiento con diferentes formas de colores. En este caso, el borde interior no desaparecerá (Fig. 48).
Arroz. 48. Al superponer formas de diferentes colores, el contorno interior no desaparece
Ahora, si selecciona un rectángulo y lo mueve con la herramienta Flecha, se cortará una parte del círculo, como se muestra en la Fig. 49.
Arroz. 49. Parte del círculo está recortado con un rectángulo.
A veces es útil combinar y restar trazados de formas para obtener un trazado complejo.
Tutorial de Flash CS3
Decorado como libro de texto electrónico de autoayuda en el formato CHM(hipertexto comprimido). El tutorial contiene 16 lecciones que cubren todas las características principales del medio ambiente Adobe Flash CS3 ... Además, el texto del tutorial contiene tareas practicas con instrucciones paso a paso y una explicación detallada de todas las acciones.
El Apéndice proporciona información básica sobre los conceptos básicos del idioma. ActionScript 2.0.
El enfoque propuesto se puede formular como "Del problema a la teoría"... Todas las herramientas y técnicas para trabajar en el medio ambiente. Destello se consideran en el libro de texto no de forma aislada, sino en el contexto de las tareas prácticas que surgen al crear videos animados.
La primera parte del libro de texto (temas 1 a 6) es bastante accesible para que la estudien los escolares. 5-8 grados... Para el desarrollo normal del resto del material, es deseable estar familiarizado con las funciones trigonométricas y los conceptos básicos de las matemáticas vectoriales.
Para estudiar la segunda parte del libro de texto, los estudiantes deben tener algunos conocimientos básicos de los fundamentos de la programación(variables, bucles, operadores condicionales, funciones). Desde el idioma ActionScript muy parecido a Si y JavaScript, el dominio de estos idiomas facilitará enormemente la vida y le permitirá concentrarse específicamente en Destello.
Aunque en Adobe Flash CS3 lenguaje de programación introducido ActionScript 3.0, en opinión del autor, no es apropiado utilizarlo en un libro de texto destinado a escolares. La nueva versión del lenguaje requiere un enfoque más abstracto y es de interés principalmente para el público profesional.
En la preparación de los materiales, se utilizó una prueba versión inglesa programas Adobe Flash CS3, que se puede descargar de forma gratuita desde (primero debe registrarse en el sitio, esto también es gratuito).
Buenos libros flash
- Curso de formación oficial... Adobe CS3 Professional. - M: Triunfo, 2008.
- Muck K.... ... - SPb: Peter, 2009.
- Vander Veer E.A., Grover K.... Flash CS3. Falta de liderazgo. - SPb: BHV-Petersburgo, 2008.
- Paknell S., Hogg B., Swann K.... Macromedia Flash 8 para profesionales. - SPb: Williams, 2006.
- Bhangal S.... Destello. Trucos. 100 consejos y trucos de un profesional. - SPb: Peter, 2005.
Acuerdo de licencia
- 1) publicación de materiales en cualquier forma, incluida la publicación de materiales en otros sitios web;
- 2) distribución de materiales incompletos o modificados;
- 3) inclusión de materiales en colecciones en cualquier medio;
- 4) obtener beneficios comerciales de la venta u otro uso de materiales.
Al descargar los materiales, significa que ha aceptado los términos de este acuerdo de licencia.
Cursos electivos
Sobre la base del libro de texto, se han desarrollado dos cursos electivos, que en realidad representan dos partes de un curso. Su duración total es 54 horas.
Los cursos se pueden utilizar para la formación especializada de estudiantes en clases de física y matemáticas, tecnología de la información y otros perfiles.
Aplicación del lenguaje de programación ActionScript mientras creaba Destello-rollers le permite aprovechar al máximo las capacidades del medio ambiente Adobe Flash CS3, obtenga un control absoluto sobre la reproducción de la película y resuelva los problemas que son extremadamente difíciles o imposibles de resolver sin el código del programa. En el curso de capacitación basado en la segunda parte del libro de texto, es simple y accesible, utilizando muchos ejemplos prácticos, que describe los conceptos básicos de la programación en ActionScript 2.0.
Ilustración
Como ilustración de las posibilidades Destello Tradicionalmente, se suele utilizar un cubo, que se puede rotar tanto con el ratón como con las teclas de flecha (haciendo clic primero en él). Al hacer clic en el cubo pequeño, el cubo grande vuelve a su posición original. El tutorial de autoayuda tiene toda la información que necesita para crear dicho cubo.
Todas las secciones del sitio del sitio
Lecciones de animación flash
Animación flash - formación
Recientemente, cada vez más personas quieren aprender por su cuenta hacer una hermosa animación... Por supuesto, este deseo es comprensible. Como acercarse creando animaciones flash?
La animación en Flash se basa en cambiar las propiedades de los objetos que se utilizan en la "caricatura". Por ejemplo, los objetos pueden cambiar de posición, forma, tamaño, color, transparencia, pueden desaparecer o viceversa, aparecer, etc.
Las tecnologías Flash le permiten crear películas interactivas completas, durante las cuales un visitante del sitio puede usar el teclado o el mouse para navegar a diferentes partes de la película, mover objetos, ingresar información en el formulario propuesto y muchas otras operaciones.
El objetivo principal de Flash es crear páginas web interactivas gráficas y animadas.
Además, Flash es una tecnología bastante independiente basada en el uso de gráficos vectoriales en un formato especial Shockwave Flash (SWF).
Aunque este está lejos del primer formato vectorial, los creadores de SWF han logrado encontrar la combinación más exitosa entre las capacidades visuales de los gráficos y las herramientas convenientes para trabajar con ellos.
Además, recibió objetos flash fácil de integrar en páginas web.
Una característica importante de SWF es que las imágenes creadas sobre esta base no solo se pueden animar, sino que se pueden complementar con todo tipo de elementos interactivos y bandas sonoras.
Una ventaja adicional del formato SWF, en el que se graba el vídeo, es su portabilidad, es decir, este formato se puede utilizar en cualquier plataforma de hardware y software (¡las computadoras Macintosh no son una excepción!).
Hay muchos tutoriales diversos sobre el programa Adobe Flash en Internet, pero brindan una comprensión aproximada del programa, por así decirlo, "en términos generales".
La mayoría de estos "tutoriales" no cubren tareas específicas. Por ejemplo, solo quiero hacer un banner para un sitio web en Adobe Flash o Photoshop ... y no tiene sentido para mí leer todo sobre Adobe Flash.
Porque incluso con solo leerlo se necesitarán seis meses. ¡Qué podemos decir de la práctica! Pero para la mayoría de los usuarios, es suficiente comprender la interfaz del programa y dominar los conceptos básicos. Animaciones flash
Pero dominar la creación de unidades flash usted mismo ("escribiendo") es casi imposible. Photoshop es un programa complicado ... ¡pero aprender a crear tus propias unidades flash es mucho más difícil!
Cursos de animación flash
Definitivamente no puede prescindir de los cursos de video aquí. Por lo tanto, recomiendo sinceramente no perder el tiempo, sino comprar un curso de video de alta calidad con comprensible Lecciones de animación flash:
¿Qué es más interesante sobre el flash?
