Tutoriales Estilo Flash

Curso Básico De Flash 8 (Herramientas Comunes) Parte 6

Trabajar con herramientas más comunes.

Antes de comenzar con conceptos de animación, fotogramas, símbolos, etc. es necesario primero aprender a dibujar simples formas vectoriales (líneas, óvalos, rectángulos, etc.), porque de ello depende en gran parte la animación. En este punto aprenderás a usar las herramientas de línea, óvalo, rectángulo, polígono y texto.

Herramienta de Línea (N).

La primera de las herramientas que será descrita es la Herramienta  De Línea, con ella te podrás ayudar para hacer línea rectas o curvas según sean las necesidades del proyecto (diseño web, animación, botón etc.). Para comenzar a trabajar con la herramienta de Línea basta con seleccionarla en el panel de herramientas, o bien invocándola presionando la latera N en el teclado.

• Cuando esta selecciona la Herramienta De Línea, aparece en la barra de propiedades el nombre de la herramienta así como el icono que la representa, también apresen las opciones de color altura y tipo de trazo, las cuales ya fueron tomadas en cuenta en el capitulo anterior.
• Una vez que es seleccionada la Herramienta De Línea aparece sobre el área de trabajo (documento) una cruz como tal y como se muestra en la figura marcada con la letra (a).
• La figura marcada con la letra (b) te indica que la línea esta siendo trazada con cierto grado de inclinación (línea diagonal).
• La figura marcada con la letra (c) indica que la línea esta siendo trazada ya sea en forma horizontal o vertical, en este caso la línea siempre aparecerá de forma recta.

• Con la herramienta de Línea se pueden hacer trazos diagonales tal y como se muestra en la figura marcada con la letra (a).
• Si se mantiene presionada la tecla de shift en el teclado, las líneas que harás son rectas. Estas pueden ser horizontales o verticales, la figura de la letra (b) muestra este tipo de línea (horizontal).
• Un buen truco para hacer líneas con un grado inclinación de 45º es mantener presionada la tecla shift en el teclado y luego mover el cursor hacia arriba o abajo cuando se este dibujando la línea. La figura marcada con la letra (c) representa una línea a 45º.

• Para hacer que una línea incremente de tamaño hay dos métodos, este es el primero y el más fácil de aplicar. Colocar el cursor sobre uno de los extremos de la línea, en la parte inferior del cursor aparecerá la mitad de un cuadrado (esto indica que es una línea recta). Después solamente arrastrar el cursor en la dirección deseada y de esta forma crecerá la línea. Las figuras marcadas con las letras (a y a´) son un ejemplo de lo antes descrito.
• Cuando se quiere obtener una línea curva a partir de una línea recta, basta con colocar el cursor sobre un punto de en medio (nunca en los extremos), aparecerá en la parte inferir del cursor una pequeña línea curva. Después solamente arrastrar el cursor hacia abajo o arriba. La figura de la letra (b) indica una línea recta y la figura (b´) indica que se transformo a una línea curva.

• El segundo método para hacer que incremente de tamaño una línea es, primero seleccionar la línea y en el Panel de Propiedades aparecerán las casillas que representan lo ancho y alto (An.: y Al.:) así como también las casillas que representan las coordenadas X: y Y: en las que se encuentra situada la línea (forma).
• Cambiar las dimensiones en la casilla a lo ancho (An.:), en este caso se incremento el tamaño de la línea a 150.0 píxeles. Las coordenadas no fueron modificadas.

Herramienta de Óvalo (O).

La segunda herramienta a describir es igual de importante que la herramienta de (Línea). Cuando se hacen diseños Web o animaciones con formas vectoriales, a menudo se recurre a esta herramienta (Óvalo). Una de las ventajas de trabajar con la herramienta de Óvalo es que se pueden dibujar tanto formas (ovaladas) como formas totalmente (circulares). Para trabajar con la herramienta de Óvalo basta con presionar en la barra de herramientas la forma (icono) que representa al Circulo o presionar en el teclado la letra O.

• Una vez que es seleccionada la herramienta de Óvalo aparecerá en el Panel de Propiedades en nombre de la herramienta que esta siendo seleccionada, así como también los diferentes parámetros de que esta como puesto el óvalo: color de trazo (borde), color de relleno, altura de trazo y estilo de trazo.
• Cuando se hayan seleccionado las propiedades del Óvalo en cuanto a color de borde, color de relleno y altura de trazo, trasladar el cursor a la Escena cuando este sobre el escenario un signo de (+) estarás listo para comenzar a trazar el Óvalo o Círculo según sean las necesidades.
• Los óvalos y círculos se pueden deformar en otras formas. Este punto se vera con mayor profundidad en otro capítulo (edición de formas vectoriales para la animación).

• Cuando se dibuja con la herramienta de Óvalo se pueden visualizar dos diferentes formas de círculos pequeños en la parte inferior derecha.
• En la primera forma marcada con el número 1 aparece un circulo pequeño en la parte inferior derecha, esto indica que se esta dibujando un Óvalo.
• En la forma marcada con el número 2 aparece un círculo de mayor tamaño, lo cual te indica que se esta dibujando un círculo perfecto.

• Cuando se trabajes con la herramienta de Óvalo es muy recomendable primero seleccionar: el color de trazo (borde), color de relleno y altura de trazo. Si seleccionas primero estos parámetros te ahorraras mucho tiempo en la realización de tus trabajos.
• En la figura número 1 esta representado un óvalo el cual cuenta con un color de relleno #00FF00, color de trazo #FF0000 y altura de trazo 3.
• Practica como ejercicio la figura marcada con el número 3 para que se visualice un círculo perfecto con color de trazo (borde) #000000, color de relleno #FFFF00 y altura de trazo 1.

En el próximo capítulo se te mostrara cuales son las propiedades le las herramientas Rectángulo y PolyStar.

Curso Básico De Flash 8 Parte 1

Curso Básico De Flash 8 Parte 2

Curso Básico De Flash 8 Parte 3

Curso Básico De Flash 8 Parte 4

Curso Básico De Flash 8 Parte 5

Curso Básico De Flash 8 Parte 7

Curso Básico De Flash 8 Parte 8

Curso Básico De Flash 8 Parte 9

Curso Básico De Flash 8 Parte 10

Curso Básico De Flash 8 Parte 11

Curso Básico De Flash 8 Parte 12

Curso Básico De Flash 8 Parte 13

Curso Básico de flash 8 Parte 14

Curso Básico De Flash 8 Parte 15

Curso Básico De Flash 8 Parte 16

Comentarios

Qué opinas sobre este artículo ?, dejanos tu opinión . Tienes algo que agregar ? hazlo ahora.