HERRAMIENTAS

Las herramientas o tools de Flash nos permitirán manipular y hacer cambios a nuestros objetos dentro del escenario.

Podemos encontrarlo en la barra de menú:

Ventana / Herramientas

Window / Tools

Con las teclas rápidas [Ctrl+F2] podemos visualizar u ocultar las herramientas.

flash8-menu-tools

Las Herramientas o Tools se dividen en cuatro partes:

1. Herramientas (Tools)

Con las herramientas podremos seleccionar objetos, dibujarlos, cambiar sus colores, borrarlos e insertar textos.

2. Vista (View)

Movemos el escenario con el cursor, o incrementamos la vista al escenario.

3. Colores (Colors)

Cambiamos los colores del relleno o borde de los gráficos.

4. Opciones (Options)

Cada Herramienta tiene opciones de modificaciones.

Descripción de las Herramientas o Tools con sus Teclas rápidas

flash8-tools-description

Para acceder a cualquiera de las herramientas se puede presionar las teclas rápidas. Por ejemplo, para comenzar a dibujar una línea presionamos la tecla N. Para seleccionar la línea presionamos la tecla V y seleccionamos haciendo clic sobre él.

Herramienta Selección

Ubicamos en la caja de Herramientas (Tools) la herramienta Selección 11-c con el mouse o presionamos la letra (V).

11-a

Podemos seleccionar un objeto de varias formas, la siguiente es una de ellas:

Nos ubicamos sobre uno de los extremos del objeto, tecleamos (V) y presionando el clic izquierdo del mouse (1) comenzamos a arrastrar (2) basta el extremo diametralmente opuesto (3) y soltamos el clic del mouse (4).

Para agrupar el gráfico:

• Seleccionamos el gráfico, luego presionamos las teclas Ctrl + G, entonces se agrupará la línea de borde del objeto y el relleno del mismo.

12-a

Para desagrupar el objeto:

• Seleccionamos el gráfico, luego presionamos las teclas Ctrl + Shift + G, de esta forma se desagruparán la línea de borde y el relleno del objeto.

12-b

Al dibujar cualquier gráfico como un rectángulo, éste tiene línea de borde y relleno. Y si queremos moverlo tenemos que agruparlo antes. De lo contrario, resultaría de esta forma:

Se separan la línea de borde con el relleno, haciendo tal vez lo que no deseábamos.

12-cY si movemos una vez mas después de seleccionar resulta otro gráfico que tal vez no queríamos que se produzca.

12-d

Seleccionando un gráfico con líneas conectadas o el borde de un objeto.

Presionamos la tecla (V) y luego doble clic sobre el borde del gráfico.

select-rect-border

Seleccionando un gráfico, relleno y borde.

Presionamos la tecla (V) y luego doble clic sobre el relleno.

select-rect-fill

Nota: Si estamos trabajando con otra herramienta, y deseamos utilizar de forma temporal la herramienta de selección, entonces presionamos la tecla Ctrl.

Herramienta Lazo

Seleccionamos en la caja de Herramientas (Tools) la herramienta Lazo o Lasso Tool lasso-tool con el mouse o presionamos la letra (L).

Podemos seleccionar un sector del objeto en forma de mano alzada y realizamos por ejemplo el cambio de color, podemos borrar ese sector, girarlo, desplazarlo, etc.

lasso-tool-demo

lasso-tool-sample

Trazar Líneas

Seleccionamos en la caja de Herramientas (Tools) la herramienta Línea lineIconcon el mouse o tecleamos la letra (N).

Aparecerán en el panel de propiedades (Properties) opciones para modificar la forma, el grosor y el color.

b_herramientas

Automáticamente al seleccionar la Herramienta Línea, aparece el Inspector Propiedades:

lineProperties

Al dibujar la línea el Inspector de propiedades cambia a esta forma:

lineProperties2

Nota: Presionando la tecla [Shift] y arrastrando el cursor del mouse podemos hacer líneas rectas o 45º:

lines45

Nota: Al presionar la tecla [Alt] y arrastrando el cursor del mouse, se alargará la línea simétricamente:

longerLines

Podemos hacer gráficos de acuerdo a nuestros requerimientos. Por ejemplo si queremos hacer un triángulo de forma rápida:

1. Presionamos la tecla (N). Escogemos de la barra de herramientas.iman

2. Manteniendo presionada la tecla [Shift] dibujamos la primera y segunda línea.

3. Dejamos de presionar la tecla [Shift], y cerramos el triángulo.

triangle

Para cambiar de forma a una línea tenemos dos formas:

Sin seleccionar la línea, pasamos el cursor junto a la línea, hasta que nos muestre lo siguiente:

modline

Y podemos darle curva:

curveline

Sin seleccionar la línea alsamos el cursor por ésta y aparece:

lineas10Movemos el extremo de la línea.

lineas11

Soltamos el botón del mouse.

lineas12

Dibujar con la pluma

Seleccionamos en la caja de Herramientas (Tools) la Herramienta Pluma opluma1 Pen Tool con el mouse o tecleamos la letra (P).

Nos permitirá dibujar punto por punto, haciendo click en el escenario, también podemos darle curva a nuestro dibujo. En la barra de propiedades podemos modificar las esquinas, el color de la línea que dibujemos con esta herramienta. La línea puede tener un grosor máximo de 200 puntos.

El color de la línea puede ser fijo o degradado. Al estar dibujando podemos cambiar las propiedades según nuestro parecer.

pluma2Podemos dibujar libremente. La diferencia de la Herramienta Pluma con la Herramienta Línea es que tendremos puntos de conducción, que nos permitirá hacer curvas más pronunciadas, además de añadir más puntos de anclaje o nodos.

pluma3

pluma4

Dibujando objetos gráficos o símbolo gráfico.pluma5

Al seleccionar el ícono que ven a la derecha, lo que se dibuje en el escenario se convierte automáticamente en objeto gráfico. (Ver abajo)

objeto

Dibujar círculos y óvalos

Seleccionamos en la caja de Herramientas (Tools) la herramienta Círculo o 19-4 Circle con el mouse o tecleamos la letra (O).

19-2

Dibujamos la figura.

19-1

Al pasar el cursor cerca de la circunferencia se puede modificar la forma del círculo.

19-3Aparecerá el Inspector de Propiedades (Properties) en el cual podemos modificar el grosor del círculo, la forma de la línea y el color.

19-5

Nota: Manteniendo presionada la tecla Shift podemos hacer círculos, además presionando la tecla Alt, podremos hacer óvalos alargando por un extremo. Manteniendo pulsadas las teclas Shift+Alt podremos hacerlos con el centro en donde esté situado el puntero en ese instante.

19-6

Creamos una circunferencia, pero utilizamos la opción Objeto Gráfico.

19-7Y con esto ya no tendremos problemas de afectar a las demás figuras al desplazarlos.

19-8

19-9

Herramienta texto, filtros y efectos de texto

Seleccionamos en la caja de Herramientas (Tools) la Herramienta Texto p2140_01 con el mouse o presionamos la letra (T).

p2140_02

Aparecerá la Caja de Propiedades (Properties), en el cual podemos agregar características del texto que necesitamos.

Existen tres tipos de texto:

Static Text (Texto estático):

Este tipo de dato es tradicional, se le asigna cualquier tipo de formato. Al ser seleccionado el texto estático se ve rodeado por un contorno azul.

Dynamic Text (texto dinámico):

Este tipo de dato cambia conforme se le asignen nuevos valores a su variable. Al no ser seleccionado el texto dinámico se nota un contorno punteado.

Input Text (Introducción de texto):

Se les conoce como cajas de texto, se introducen datos en él para que sean procesados después.

A los textos dinámicos e introducción de texto se les permite agregar nombres de instancia.

El panel Inspector de Propiedades de la Herramienta Texto.

p2140_03

Texto Estático o Static Text

p2140_04
Tipografía:

p2140_05 Cambiamos el Tipo de Fuente. Por jemplo:

Times New Roman.

Tamaño de Fuente:

p2140_06 Por ejemplo: 8 puntos

Color de Fuente:

p2140_07

Formato de Fuente:

p2140_08 B (Bold) Negrita e I (italic) Cursiva.

Cuando están desactivados es Formato Normal o Plain.

Teclas rápidas:

• [Ctrl + Shift + P] Plain, plano o normal.

[Ctrl + Shift + B] Bold o negrita.

[Ctrl + Shift + I] Italic o cursiva.

Alineación:

p2140_09

Hay cuatro opciones: Alineación a la izquierda por defecto,

centro, derecha y justificado.

Opciones de formato:

p2140_10- Indent (sangría) – Line spacing (Espacio entre líneas).

p2140_11

Ejemplo:

p2140_12

Separación de caracteres:

p2140_13

p2140_14

Posición del carácter:

p2140_15 Posición del carácter: – Normal. – Superscript o superíndice. – Subscript o subíndice.

p2140_16

Método de Renderización de Fuente:

p2140_17

Sobre FlashType:

FlashType es un nuevo texto renderizado que proporciona texto claro, de calidad superior queda en la composición de Flash y en los archivos de SWF publicados. FlashType mejora la legibilidad de texto grandemente, particularmente cuando se da a los tamaños de la fuente más pequeños. El anti-aliasing personalizado le permite especificar el espesor y agudeza de fuentes usadas en los campos del texto individuales.

Usando FlashType pueden causar un retraso ligero cuando Flash carga los archivos de SWF. Usted notará este retraso sobre todo si está usando varios carácteres diferentes por ejemplo si pone (cuatro o cinco) dentro del primer fotograma de un documento de Flash. Hay que estar seguros del número de fuentes que usamos con este método. Las fuentes FlashType también pueden causar un aumento en el uso de memoria del Player de Flash. Por ejemplo, usando cuatro o cinco fuentes pueden aumentar el uso de memoria por aproximadamente 4 MB.

Use Device Fonts:

Usando las fuentes de dispositivo.

p2140_18

Bit Map (No Anti-alias):

El Texto de Bitmap o mapa de bits apaga el Anti-Alias y no proporciona ningún alisamiento al texto. El texto que usa los bordes afilados se despliega, y los SWF resultantes aumenta de tamaño porque los contornos de la fuente son incluidos en el SWF.

p2140_19

Anti-Alias:

Anti-aliasing es permitido para el Texto Estático, Texto Dinámico y Texto de Entrada, si el usuario tiene Flash Player 7 ó superior. Sólo se permite para el Texto estático si el usuario tiene una versión más actual de Flash Player.

Anti-alias para la Animación o Anti-Alias for Animation crea una animación de texto más lisa. Esto es en parte posible porque Flash ignora alineación e información del ajuste de espacio. Especificando Anti-alias para la Animación crea un archivo SWF más grande, porque los contornos de la fuente son incluidos.

Fuentes dadas usando Anti-alias para la Animación están menos legibles en los tamaños de la fuente más pequeños. por esta razón, se recomienda que usted use 10 punto o el tipo más grande al especificar Anti-alias para la Animación.

p2140_20Anti-alias para la Legibilidad o Anti-Alias for Readability usa un nuevo artefacto del antialiasing que mejora la legibilidad de fuentes, particularmente a los tamaños pequeños. Especificando Anti-alias para la Legibilidad crea un archivo SWF más grande, porque los contornos de la fuente son incluidos. Para usar el Anti-alias para la Legibilidad se debe publicar para Flash Player 8.

Anti-alias para la Legibilidad crea fuentes muy legibles para los tamaños pequeños. Sin embargo, anima pobremente, y puede causar problemas de actuación. Si usted piensa animar el texto, use Anti-alias para la Animación.

Personalizado Anti-alias o Custom Anti-Aliasing (Sólo desde Flash Professional 8) nos permite modificar las propiedades de la fuente. Las propiedades del anti-alias personalizadas son como sigue:

• La Agudeza o Sharpness determina la suavidad de la transición entre las esquinas del texto y el fondo.

• El espesor o Thickness determina cuan grueso es la fuente anti-aliasing que aparece. Los valores más grandes de los caracteres hará parecer más gruesos.

Especificando Personalizado Anti-alias o Custum Anti-Alias crea un archivo SWF más grande, porque los contornos de la fuente son incluidos.

p2140_21

Tamaño del objeto y coordenadas del texto en el escenario.

• W: Ancho

• H: Altura

• X: Posición con respecto a x en el escenario.

• Y: Posición con respecto a y en el escenario.

p2140_22Hipervínculo:

p2140_23

En esta casilla

escribimos un hipervínculo o URL. Es decir vincula el texto hacia una URL.

Además nos muestra opciones Destino o Target:

_blank: Se muestra en una nueva página HTML.

_parent: Se muestra la página principal HTML.

• _self: Se muestra en la misma página HTML.

_root: Se muestra en la raíz de todo el HTML.

Seleccionable o Selectable:

p2140_24

Se puede seleccionar el texto estático en la película SWF o en

Internet Explorer.

Filtros y efectos de texto

Estando en la Herramienta Texto, seleccionamos Texto Estático. Y vemos que existen los Paneles: Inspector Propiedades, Filtros y Parámetros.

p2140_26

Estando seleccionado el texto “Macromedia”. En el Panel Filtros o Filters p2140_27 hacemos clic sobre el icono , y nos aparece un menú contextual con varias opciones.

Drop Shadow

p2140_28Automáticamente nos muestra propiedades del filtro que podemos cambiar.

p2140_29

Blur X, Y: Desvanecimiento de la sombra.

Strength: Porcentaje de la sombra.

Quality: Baja, Media y Alta.

Color: Color de la sombra.

Angle: Ángulo de la proyección de la sombra.

Distance: Distancia de la sombra.

Knockout: Nos muestra el texto en blanco con la sombra.

Inner shadow: Sombra interior.

Hide Object: Escondemos el objeto texto, sólo muestra la sombra.

Para dejar de ver el filtro por un momento podemos hacer clic sobre el símbolo de visto bueno. Aparecerá al lado del filtro el signo de X.

p2140_30

Para agregar un filtro:p2140_27

Para eliminar un filtro: p2140_31

Blur

p2140_33

Al hacer clic sobre la casilla de Knockout, aparece el texto en blanco.

p2140_34


p2140_35

Al hacer clic sobre la casilla de Inner glow, aparece el borde en el interior del texto.

p2140_36

p2140_37

Al hacer clic sobre la casilla de Knockout e inner glow, aparece el texto en blanco pero la sombra es interior.

p2140_38

p2140_39

Bevel

Este efecto es muy bueno. Con las anteriores versiones de Flash teníamos que hacer este efecto con otros programas como (PhotoShop, Corel, etc.).

p2140_40

p2140_41

Type: El efecto se verá en Inner o interior, Outer o exterior y Full o completo.

Shadow: Color de sombra

Highlight: Color de brillo.

Gradient Glow

p2140_42

Gradient Bevel

p2140_43

Adjust Color

O Ajuste de Color:

p2140_44

Brightness: Brillo

Contrast: Contraste

Saturation: Saturación

• Hue: Color

Reset: Reinicia

Texto Dinámico o Dynamic Text

p2140_45

Un texto dinámico cambia conforme se le asignen nuevos valores a su variable. Al ser seleccionado el texto dinámico se nota un cotorno punteado.

p2140_46Marco:

p2140_47 Al seleccionar el ícono Marco se forma un marco alrededor del texto.

p2140_48Var:

p2140_49Ingresamos una variable a un texto dinámico cuando realizamos un Script o programa para identificarlo y cambiar su valor.

Nombre de Instancia:

p2140_50

Al crear un campo de texto, puede asignarle un nombre de instancia en el inspector de propiedades. Puede utilizar el nombre de instancia en sentencias de ActionScript para establecer, modificar y dar formato al campo de texto y a su contenido mediante los objetos TextField y TextFormat.

Line Type o tipo de línea:

p2140_51 Puede ser Línea simple, Multilínea y Multilínea sin ajuste. Seleccione Multilínea para ver el texto en varias líneas, Línea única para verlo en una sola línea, o Multilínea sin ajuste para que el texto se distribuya en varias líneas sólo si el último carácter es un carácter de cambio de reglón como Enter (Windows).

p2140_52Haga clic en el botón Generar texto como HTML para conservar el formato de texto enriquecido, como fuentes e hipervínculos, con las etiquetas HTML adecuadas.

Botón Embed, opciones de carácter:

p2140_53

Podemos seleccionar un grupo de caracteres que deseamos restringir en nuestra película.

También podemos incluir un grupo de caracteres que sólo utilizará nuestro texto dinámico en la película, es decir, podemos ver en el escenario otros caracteres pero no en el SWF, excepto los caracteres que hemos restringido.

Ejemplo: Escribimos en Include these characters, el siguiente texto “Números reales”; y en el escenario la frase “Texto dinámico con la opción Restringir”.

El resultado al presionar las teclas rápidas [Ctrl + Enter] que nos lleva a la película SWF sería:

p2140_54

Nota: Los filtros de Texto estático son iguales al del Texto dinámico. Revisar las páginas anteriores para ver la similitud.

Texto de entrada o Input Text (Introducción de texto)

Son cajas de textos, donde se introducen datos en él para que sean procesados después. A los Textos Dinámicos e Introducción de Texto se les permite agregar nombres de instancia.

En el Inspector de Propiedades aumenta una casilla Maximum characters o Máximo de caracteres a ingresar. Y no se encuentra la casilla Vínculo URL.

p2140_55

Veremos más adelante como se utiliza cada unp de estos tipos de textos.

Nota: Los filtros de Texto estático, Texto Dinámico son iguales al de la Introducción de Texto. Revisar las páginas anteriores para ver la similitud.

Dibujar cuadros rectángulos y polígonos. Crear símbolos.

Seleccionamos en la caja de Herramientas (Tools) la herramienta Rectángulop2140_56 p2140_57o polígono con el mouse o tecleamos la letra (R).

p2140_58

Aparecerá el Inspector de Propiedades (Properties) en el cual podemos modificar el grosor del cuadrado, rectángulo o polígono, la forma de la línea y los colores.

p2140_59

Cap:

p2140_60

Usamos para definir las esquinas del gráfico.

p2140_61

Join:

p2140_62

La unión de los extremos del gráfico.

p2140_63

p2140_64

Al seleccionarlo podremos darle un radio (en puntos) a las esquinas del rectángulo

Ejemplo:

p2140_65

p2140_66

Con el botón Opciones (Options) se puede agregar el número de lados que necesitamos para nuestro polígono.

p2140_67

p2140_68

Ejemplo:

p2140_69

Convertir vectores a símbolos

Al convertir un gráfico a Botón o Clip de Película, podemos realizar maravillas.

1. Dibujamos una estrella.

2. Presionamos [F8] para convertir el gráfico a Botón.

3. Nos dirigimos hacia el panel Filters o Filtros.

4. Añadimos el efecto Bevel o ángulo oblículo.

p2140_70

5. Añadimos una luz degradada o Gradient Glow

p2140_71

El resultado:

p2140_72

En las versiones anteriores era todo un trámite burocrático hacer estos efectos. Antes se realizaba con otros programas, estos efectos para añadirlo después en el escenario Flash.

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

%d personas les gusta esto: