Curso de Flash 8

Cursos Relacionados:

2.- Dibujo y pintura


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Flash 8 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Dibujo


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Flash 8 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Introducción

En el tema anterior ya comentamos que, Macromedia Flash es un programa de animación de gráficos (aunque no debemos olvidarnos de las imágenes de mapa de bits).
En este capítulo estudiaremos las diferentes herramientas de dibujo a partir de las cuales generaremos nuestras películas.
Junto con el tema siguiente "Edición de formas" completaremos las posibilidades de dibujo y su modificación en flash.

  • Para los que nunca han dibujado con un programa vectorial (o desde que tenían 12 años):
    No es cuestión de ver quién hace el dibujo más complejo, no estamos buscando "Goyas" ni "Leonardos". De lo que se trata es de hacerse rápidamente con las herramientas de dibujo que nos facilita el programa. Veremos que son muy intuitivas.
    Al empezar a dibujar es mejor que nos restrinjamos a las formas geométricas simples... y podremos conseguir composiciones elegantes.
  • Para los que ya hayan usado otro programa de dibujo vectorial (Freehand, Illustrator, etc.):
    Veremos que la base es la misma, incluso tenemos la posibilidad de trabajar el trazado de forma detallada para hacer dibujos muy elaborados. También se notará como Flash concibe las opciones de dibujo como algo más intuitivo y rápido, pero con unas breves nociones podremos controlar lo que al principio puede parece un despropósito.

Debemos quedarnos con la idea según la cual cuando dibujamos objetos en Flash se generan vectores (también llamados formas) correspondientes a las curvas y rectas que trazamos.
Las formas que dibujamos con Flash se clasifican en dos tipos, los contornos que forman las siluetas de los objetos y los rellenos de color con los que pintamos el interior de dichas siluetas.

Fig. 1. Las formas de Flash pueden estar formadas por contornos, rellenos o los dos combinados.
En cualquier caso la forma está determinada por puntos, las líneas que los unen y el plano que queda dentro de esas líneas. Como ves todo son matemáticas: Vectores.

El tamaño (en bytes) de una película de flash aumentará a medida que la complejidad de las curvas que trazamos sea mayor (tenga mayor número de puntos y líneas), no por el tamaño que dichas curvas ocupen dentro de nuestra película. Por lo tanto si dibujamos un círculo esa película ocupará lo mismo tanto si ese círculo es pequeño o grande.

OJO AL PANEL DE PROPIEDADES

Cuando dibujemos, debemos tener presente el panel Propiedades, con el que podremos definir o bien variar los diferentes atributos de los objetos que vayamos haciendo.


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Flash 8 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Línea

Vamos a ver primero las herramientas para crear SÓLO CONTRONOS.
Empezaremos con la herramienta de línea

Para dibujar rectas realizamos los siguientes pasos:

  1. Picamos en la herramienta Línea del panel de Herramientas.
  2. ANTES DE DIBUJAR: Definimos los atributos del trazo del lápiz en el panel Propiedades.
  3. Pulsamos y arrastramos en la dirección que debería seguir la línea.
  4. Soltamos el botón del ratón donde queramos que ésta termine.

Si activamos esta opción de la barra Principal, el IMÁN, al dibujar líneas el punto inicial o el final se nos ajustará, se nos imantará, a cualquier referencia que haya en el área de trabajo: la cuadrícula, una guía o cualquier otra línea o forma que haya dibujado antes.

¡¡¡ÁNGULOS PERFECTOS!!!

Si mientras arrastramos se mantiene presionada la TECLA MAYÚSCULA se dibujan rectas horizontales, verticales y oblicuas de 45°.

 

 


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Flash 8 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Lápiz

La herramienta lápiz permite dibujar SÓLO CONTORNOS a partir de trazos realizados a mano alzada.
Además del color grosor y tipo de línea con que dibujamos (desde el panel Propiedades), podemos elegir el método de ajuste de los trazos dibujados.
El método para dibujar con el lápiz sería éste:

  1. Activamos la herramienta Lápiz en el panel Herramientas.
  2. Especificamos los valores del dibujo en el panel Propiedades.
  3. Elegimos un MODO de LÁPIZ... y dibujamos en el área de trabajo.

¿Qué es eso del Modo de Lápiz?
Son diferentes opciones de la herramienta de Lápiz para facilitarnos el dibujo a los que no tenemos manos de artista... y a los demás también. Están localizados al final del panel de Herramientas... al activar la herramienta Lápiz.

Enderezar: terminado el trazado a mano alzada, ajusta el trazado definitivo a tramos de línea y arcos (se aproxima poco al trazado original en el caso de emplear pocos trazos rectos). Es útil cuando queremos que el resultado de nuestro dibujo sea recto.

Suavizar: terminado el trazado a mano alzada, ajusta el trazado definitivo con curvas blandas, lo que da al dibujo un resultado más suavizado. Parece que perfecciona nuestro dibujo. Ésta es una opción adecuada cuando queremos dibujar cualquier objeto o figura que no sea geométrico.

Tinta: es el método más fiel al dibujo que hagamos arrastrando el Lápiz, por lo que depende mucho de la destreza que tengamos con el ratón o el Lápiz gráfico. Por esta razón quizás sea el método menos usado de los tres.

CUIDADO: ¡¡ NO SE TOCA!!

En la versión Flash 8 han añadido una novedad en las opciones de herramientas de dibujo: Dibujar directamente en un GRUPO.
Esto lo veremos en la lección siguiente.

Para no tener problemas por ahora... NO ACTIVES ESTA OPCIÓN.


 


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Flash 8 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Propiedades del contorno

Ya sea usando la herramienta de Línea o el del Lápiz estamos consiguiendo contornos. Al activar cualquiera de las dos herramientas podemos seleccionar las características de ese contorno desde el panel de Propiedades.
Éstas son las más importantes:

En esta nueva versión de Flash 8 han añadido nuevas propiedades que vienen de editores de dibujos vectoriales más potentes como Freehand: Extremo y Unión.
Estas propiedades serán más visibles cuanto más grosor tenga el contorno al que se refieren.

Extremo: determina el aspecto de los vértices finales del contorno.

Unión: Define cómo se juntan dos segmentos de trazado: Angular, Redondeado o Bisel. Para cambiar las esquinas de un trazado abierto o cerrado, los seleccionamos y elegimos una opción de Unión.
.

Debemos tener en cuenta que estas propiedades de los contornos las podemos cambiar también una vez que estén dibujados.
Basta con activar la herramienta de Selección y Movimiento seleccionar el contorno en cuestión... y el panel de Propiedades nos dará sus características para modificarlas a placer.


Fig. 2. Vemos cómo nos informa de que tenemos seleccionado un vector (una forma) y nos da sus propiedades. Incluidas las dimensiones Ancho y Alto, y sus coordenadas X e Y... que también podemos variar.
Estas propiedades son comunes a cualquier objeto que seleccionemos en el Área de trabajo.

El uso de esta herramienta de Selección lo veremos de forma más detallada en la siguiente lección.


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Flash 8 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Óvalos

Ahora vamos a ver las herramientas de dibujo que crean de una sola vez CONTORNO Y SU RELLENO, es decir, dos vectores de un plumazo. Se basan en formas geométricas simples, así que es muy sencillo. ¡¡A por ellas!!!

La primera, la herramienta Óvalo podemos pintar óvalos o círculos (si mantenemos pulsada la tecla Mayúsculas).
Para dibujar un óvalo actuamos como sigue:

  1. Seleccionamos la herramienta óvalo .
  2. Especificaremos los valores de la herramienta desde el panel Propiedades.

    Fig. 3. El primer selector de color determina el color del contorno. El selector inferior, permite elegir el color del relleno . Si bien lo veremos con más detalle unos puntos más abajo, también tenemos la posibilidad de elegir los colores de relleno y contorno de los objetos desde la parte inferior del panel Herramientas.
  1. Arrastramos la herramienta en el área de trabajo. 

    Fig. 4. En este caso se ha dibujado un óvalo con un contorno de color azul oscuro, grosor 2 y estilo Sólido, y el relleno de color azul claro. Para dibujar el círculo se ha mantenido la tecla MAYÚSCULAS pulsada mientras se arrastra. Se han usado las mismas propiedades que en el anterior.

Podemos dibujar óvalos (y otros objetos) sin contorno eligiendo en el primer selector (selector de color de contorno), la opción sin color.
Tenemos dos opciones:

  1. Desde la parte inferior del panel Herramientas, una vez hemos pulsado sobre el icono "color de contorno" picaremos sobre el icono Ninguno.

  1. Desde el panel Propiedades, desplegaremos la paleta de colores y elegiremos la opción Ninguno de la parte superior de la misma.

Del mismo modo, podemos dibujar óvalos sin relleno eligiendo la opción sin color en el selector de color de relleno.

También podemos conseguir el mismo efecto dibujando el óvalo de forma predeterminada, con contorno y relleno... 2. seleccionando el contorno o el relleno con la herramienta de Selección ... 3. y pulsando la tecla Suprimir.

Ya sea eligiéndolo desde el panel de Propiedades, desde las opciones del panel Herramientas o Suprimiendo con la herramienta de selección... podemos quedarnos con el vector que deseemos: el contorno, el relleno o los dos.

 


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Flash 8 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Rectángulos

La herramienta de dibujar Rectángulos funciona de la misma forma que la del óvalo
Al activar la herramienta el panel de Propiedades nos ofrece las mismas posibilidades de contorno y relleno, ya que también dibuja a la vez el contorno y el relleno de una vez.


Fig. 4. Una vez creados los rectángulos, o un cuadrado (manteniendo la tecla Mayúsculas pulsada) podemos seleccionarlos y volver a manipular sus propiedades: contorno, relleno, ancho, alto, coordenadas, etc. Igual que sucedía con el óvalo.

La única propiedad diferenciada de esta herramienta de rectángulo es la posibilidad de determinar un redondeo a las esquinas del rectángulo o cuadrado que dibujemos. ¿Cómo? Sigue estos pasos:

  1. Antes de dibujar el rectángulo pulsa en el siguiente icono de opciones de Rectángulo (en la parte inferior del panel de herramientas):
  2. Aparecerá un cuadro como éste, donde podrás estipular el Radio de ese redondeo de las esquinas:
  3. Pulsamos Aceptar y arrastramos el cursor para dibujar:

    ... conseguiremos un rectángulo o cuadrado con las esquinas redondeadas según el radio que nosotros hayamos estipulado.
CUIDADO: EL REDONDEO Y SUS COSAS
  • Una vez hayamos estipulado un redondeo, éste se aplicará a TODOS los rectángulos que dibujemos con esa herramienta.
    Si queremos rectángulos normales debemos poner ese Radio a 0.
  • El Radio del redondeo de esquinas no es una propiedad del rectángulo dibujado, sino de la herramienta. Es decir, que una vez dibujado no se puede manipular desde el panel de Propiedades.

 

 


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Flash 8 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Polígonos/Estrellas

Flash incluye desde la versión MX 2004 la herramienta de dibujar Polígonos.
Para activar esta herramienta basta mantener pulsada el icono de la herramienta de rectángulo y aparecerá la de Polígonos.

Su funcionamiento es muy similar al de las otras herramientas de forma (Óvalo y Rectángulo). Su peculiaridad es la opción de poder determinar el nº de lados del polígono y otras características de éste:

  1. Activamos la herramienta de Polígonos y estrellas.
  2. ANTES DE DIBUJAR... nos dirigimos al panel de Propiedades y pulsamos en el botón de Opciones (sólo aparece con esta herramienta) ...
  3. Aparecerá un cuadro de diálogo como éste.

    Estilo si dibujamos Polígonos o estrellas.
    Número de lados lados del polígono o puntas de la estrella.
    Tamaño de puntos de estrella profundidad de las puntas de la estrella.

Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Flash 8 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Pincel.

Si la herramienta de Lápiz SÓLO dibuja contornos... la herramienta de PINCEL SÓLO DIBUJA RELLENOS.

Para pintar con el pincel actuamos como sigue:

  1. Seleccionamos la herramienta Pincel en el panel Herramientas
  2. Elegimos el color del relleno con el que queremos pintar.
  3. Elegimos las características del pincel pulsando sobre los botones de la paleta que se despliega en la parte inferior del panel de herramientas, dentro del campo Opciones.
  4. Picamos sobre el escenario y arrastramos. En la siguiente imagen se ven varios trazos realizados con el pincel, donde hemos elegido el color rojo y cambiado el tamaño y tipo del pincel.

Las opciones del Pincel son más variadas que solo el Tamaño y la Forma del pincel. La más importante son los diferentes modos en el que va a pintar:

Modo Pintar normal: Modo por defecto, pinta sobre los objetos existentes.

Modo relleno de pintura: Respeta los bordes de los vectores de los objetos dónde se dibuja.

Modo pintar detrás: Pinta por detrás de lo que tenemos ya dibujado.

Modo pintar selección: Pinta sólo sobre los objetos seleccionados... podemos seleccionar con la herramienta Flecha

Modo pintar dentro: Pinta dentro del contorno sobre el cual se empieza a pintar


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Flash 8 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


La herramienta Pluma

Hasta ahora hemos visto cómo realizar objetos con las herramientas de dibujo básico.

La herramienta de Pluma que ahora vamos a ver es más recomendada para usuarios que ya tienen cierta experiencia en la creación de dibujos vectoriales en otros programas como Freehand, Illustrator o Photoshop (con sus trazados).
Si dominamos su relativa complejidad nos da la posibilidad de crear dibujos y formas más elaboradas.

  1. Activamos la herramienta Pluma en el panel Herramientas.
  2. Colocamos el cursor donde queramos que comience nuestro trazado y picamos.
    Aparecerá un punto de vértice (o primer nodo) con forma de círculo vacío.
  3. Colocamos el cursor en el siguiente punto y de nuevo hacemos clic. Tendremos una línea  que va de un punto a otro.

       

  1. Continuamos picando hasta conseguir nuestro primer objeto (recuerda que con cada nuevo clic definiremos un nuevo punto de vértice que se unirá al anterior a través de los segmentos).

               

  1. Si queremos que nuestra figura o trazado sea una figura cerrada, solo debemos picar de nuevo sobre el primer punto de vértice. Junto a la herramienta aparecerá un círculo blanco pequeño que nos indica que la forma será cerrada .

       


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Flash 8 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


La herramienta Pluma y los segmentos curvos

Como vemos la pluma crea CONTORNOS de una forma simple, creando clic a clic los vértices o nodos de la forma y los segmentos que unen esos puntos.

Por defecto la pluma crea segmentos rectos entre cada uno de los vértices o nodos... pero con un poco de detalle podemos conseguir segmentos curvos a medida que vamos dibujando con la pluma:

  1. Activamos la herramienta Pluma .
  2. Hacemos clic en el primer punto que definamos y estiramos ligeramente.
    No debemos soltar el botón del ratón hasta que hayamos creado un selector que se extienda al menos un tercio de la longitud de la curva que queramos definir.
    (Debemos tener en consideración que los trazados curvos siempre serán tangentes a los selectores o vectores propios).

  1. Seguimos haciendo clic para determinar el siguiente nodo o punto de nuestra forma. Si estamos realizando un elemento con segmentos curvos, deberemos ubicar cada uno de los nodos allá donde el segmento o trazado cambie la dirección de su curva, estirando a cada nuevo punto para extender los correspondientes selectores.

 


Inscríbete ahora y accede a 3 unidades gratis

Evalua el curso de Flash 8 y accede a las 3 unidades gratis con acceso completo al aula virtual donde podrás disfrutar de la inestimable ayuda del tutor y una gran variedad de recursos como videotutoriales, ejercicios resueltos, foros, enlaces, bibliografía, etc....


Si desea obtener un acceso sin restricciones a los contenidos del curso de Flash 8 y disfrutar de todas las herramientas del aula virtual (Videos explicativos streaming, acceso a los foros, chat, ejercicios resueltos, la ayuda del tutor, audioconferencia, estudio de grabación, test y actividades de autoevaluación, etc...) puede inscribirse completamente gratis y comenzar a realizar de forma inmediata el curso.