Macromedia Flash MX

1
Macromedia Flash MX

• Animación para la web

2
Pintura con la herramienta Pincel

• La herramienta Pincel dibuja trazos similares a
  los de un pincel. Permite crear efectos
  especiales, incluidos efectos caligráficos. Puede
  elegir una forma y un tamaño de pincel con los
  modificadores de la herramienta Pincel. En muchas
  tablillas sensibles a la presión, puede cambiar
  el grosor del trazo de pincel aumentando o
  disminuyendo la presión sobre la pluma

3
Herramienta Pincel

• El tamaño del pincel para los trazos nuevos
  permanece constante aunque se cambie el
  porcentaje de visualización del escenario, de
  manera que un mismo tamaño de pincel se ve mayor
  cuando el porcentaje de visualización del
  escenario es menor

4
Opciones del Pincel

• Modos de pintura
• Pintar normal pinta sobre las líneas y rellenos
  de la misma capa.

5
Opciones del Pincel

• Modos de pintura
• Rellenos de pintura pinta rellenos y áreas vacías
  y no afecta a las líneas

6
Opciones del Pincel

• Modos de pintura
• Pintar detrás pinta en las áreas vacías del
  escenario de la misma capa, sin afectar ni a las
  líneas ni a los rellenos.

7
Opciones del Pincel

• Modos de pintura
• Pintar selección aplica un nuevo relleno a la
  selección al elegir un relleno en el modificador
  Relleno o en el cuadro Relleno del inspector de
  propiedades. Esta opción es como seleccionar un
  área rellena y aplicar un nuevo relleno.

8
Opciones del Pincel

• Modos de pintura
• Pintar selección aplica un nuevo relleno a la
  selección al elegir un relleno en el modificador
  Relleno o en el cuadro Relleno del inspector de
  propiedades. Esta opción es como seleccionar un
  área rellena y aplicar un nuevo relleno.

9
Ejercicio
10
Enderezamiento y suavizado de líneas

• Puede enderezar o suavizar líneas y contornos de
  formas para remodelarlos
• El enderezamiento hace los pequeños ajustes
  necesarios a las líneas y las curvas ya
  dibujadas. No tiene ningún efecto sobre los
  segmentos rectos.

11
Enderezamiento y suavizado de líneas

• También puede utilizar la técnica de
  enderezamiento para que Flash reconozca las
  formas. Si dibuja cualquier forma ovalada,
  rectangular o triangular con la opción Reconocer
  formas desactivada, puede utilizar la opción
  Enderezar para hacer las formas geométricamente
  perfectas

Menú Edición /Preferencias gtgt Ficha Edición
12
Enderezamiento y suavizado de líneas

• El reconocimiento de formas transforma las
  figuras superiores en las inferiores

13
Suavizado de líneas

• Para suavizar la curva de cada línea o contorno
  de relleno seleccionadoSeleccione la
  herramienta Flecha y haga clic en el modificador
  Suavizar en la sección Opciones de la caja de
  herramientas o seleccione Modificar gt Suavizar.

14
Suavizado de líneas
Para realizar pequeños ajustes de enderezamiento
en cada línea curva o contorno de relleno
seleccionado Seleccione la herramienta Flecha y
haga clic en el modificador Enderezar en la
sección Opciones de la caja de herramientas o
seleccione Modificar gt Enderezar.
15
Optimización de curvas

• Otra forma de suavizar curvas es optimizarlas.
  Esto refina las líneas curvas y los contornos de
  relleno reduciendo el número de curvas utilizadas
  para definirlos. La optimización de las curvas
  también reduce el tamaño del documento de Flash
  (archivo FLA) y la película Flash exportada
  (archivo SWF). Al igual que con los modificadores
  Suavizar o Enderezar, puede aplicar la
  optimización varias veces al mismo elemento.

16
Optimizar curvas

• 1 Seleccione los elementos dibujados que desea
  optimizar y elija Modificar gt Optimizar.
• 2 En el cuadro de diálogo Optimizar curvas,
  arrastre el deslizador Suavizar para especificar
  el grado de suavizado. Los resultados exactos
  dependen de las curvas seleccionadas. En general,
  la optimización reduce el número de curvas y el
  resultado es menos similar al contorno original.
• 3 Establezca las opciones adicionales
• Seleccione Utilizar varias pasadas para repetir
  el proceso de suavizado hasta que no pueda
  realizarse otra optimización esto es lo mismo
  que elegir varias veces Optimizar con los mismos
  elementos seleccionados.
• Active Mostrar mensaje con valores totales para
  visualizar un cuadro de alerta que indique el
  alcance de la optimización una vez finalizado el
  suavizado.

17
Borrado

• La herramienta Borrador permite eliminar trazos y
  rellenos. Puede borrar todo el escenario con
  rapidez, borrar los diferentes segmentos de
  trazos o áreas rellenas, o borrar arrastrando el
  puntero
• Personalice la herramienta Borrador para borrar
  sólo trazos, sólo áreas rellenas o sólo una única
  área rellena. El borrador puede ser redondo o
  cuadrado y hay cinco tamaños disponibles

18
Borrado

• Para borrar con rapidez todo el escenario
• Haga doble clic en la herramienta Borrador.
• Para eliminar segmentos de trazos o áreas
  rellenas
• Seleccione la herramienta Borrador y, a
  continuación, haga clic en el modificador Grifo.
• Haga clic en el segmento de trazo o el área
  rellena que desea borrar.

19
Borrado

• Para borrar por arrastre
• 1 Seleccione la herramienta Borrador.
• 2 Seleccione un modo de borrado
• Borrar normal borra trazos y rellenos de la misma
  capa.
• Borrar rellenos sólo borra rellenos, sin afectar
  a los trazos.
• Borrar líneas sólo borra los trazos, sin afectar
  a los rellenos.
• Borrar rellenos seleccionados sólo borra los
  rellenos actualmente seleccionados y no afecta a
  los trazos, estén seleccionados o no. (Seleccione
  los rellenos que desea borrar antes de utilizar
  la herramienta Borrador en este modo.)
• Borrar dentro sólo borra el relleno en el que se
  ha iniciado el trazo de borrador. Si el punto de
  inicio de borrado está vacío, no se borra nada.
  Este modo no afecta a los trazos

20
EJERCICIO
21
Trabajo con textos

• Los campos de texto estáticos muestran texto
  cuyos caracteres no se modifican de forma
  dinámica.
• Los cuadros de texto dinámicos muestran texto que
  se actualiza de forma dinámica, como resultados
  deportivos, cotizaciones de valores o información
  meteorológica.
• Los campos de texto de entrada permiten a los
  usuarios introducir texto en formularios o
  encuestas

22
Trabajo con textos

• En Flash, puede crear texto horizontal (con flujo
  de izquierda a derecha) o texto vertical estático
  (con flujo de izquierda a derecha o de derecha a
  izquierda).
• De forma predeterminada, el texto se crea con
  orientación horizontal.
• Puede elegir preferencias para que la orientación
  predeterminada sea la vertical y definir otras
  opciones para el texto vertical

23
Trabajo con Textos

• Para crear texto, coloque bloques de texto
  mediante la herramienta Texto. Al crear texto
  estático, puede colocar texto en una sola línea
  que se amplía a medida que escribe o en un bloque
  de anchura fija (para texto horizontal) o de
  altura fija (para texto vertical) que se amplía y
  se ajusta al texto automáticamente. Al crear
  texto dinámico o de entrada, puede colocar texto
  en una sola línea o crear un bloque de texto con
  una anchura y una altura fijas

24
Trabajo con Textos

• En los bloques de texto horizontales estáticos
  que se amplían, aparece un selector circular en
  la esquina superior derecha.
• En los bloques de texto horizontales estáticos
  con una altura definida, aparece un selector
  cuadrado en la esquina superior derecha.

25
Trabajo con Textos

• En el texto vertical estático con orientación de
  derecha a izquierda que se amplía, aparece un
  selector circular en la esquina inferior
  izquierda.
• En el texto vertical estático con orientación de
  derecha a izquierda y una altura fija, aparece un
  selector cuadrado en la esquina inferior
  izquierda.
• En el texto vertical estático con orientación de
  izquierda a derecha que se amplía, aparece un
  selector circular en la esquina inferior derecha.
  
• En el texto vertical estático con orientación de
  izquierda a derecha y una altura fija, aparece un
  selector cuadrado en la esquina inferior derecha.
  
• En los bloques de texto dinámicos o de entrada
  que se amplían, aparece un selector circular en
  la esquina inferior derecha.
• En los bloques de texto dinámico o de entrada con
  una altura y una anchura definidas, aparece un
  selector cuadrado en la esquina inferior derecha.

26
Establecimiento de atributos de texto

• Por fuente se entiende una variedad de caracteres
  alfanuméricos con un determinado diseño. Los
  atributos de fuente incluyen la familia de
  fuentes, el tamaño en puntos, el estilo, el
  color, el espaciado entre caracteres, el ajuste
  automático entre caracteres y la posición del
  carácter. Los atributos de párrafo incluyen
  alineación, márgenes, sangrías e interlineado.

27
Uso de fuentes de dispositivo

• (Sólo texto horizontal)
• Al crear texto, se puede especificar que Flash
  Player utilice fuentes de dispositivo para
  mostrar ciertos bloques de texto, de manera que
  Flash no incorpore la fuente correspondiente.
  Esto puede disminuir el tamaño del archivo de la
  película y hacer que el texto sea más legible con
  tamaños de texto inferiores a 10 puntos.

28
Opciones de texto dinámico y de entrada

• En Nombre de instancia, introduzca el nombre de
  instancia para el campo de texto.

29
Opciones de texto dinámico y de entrada

• Elija 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 renglón como
  Intro (Windows)

30
Opciones de texto dinámico y de entrada

• Seleccione el botón Generar texto como HTML para
  conservar los elementos de formato de texto
  enriquecido, como fuentes e hipervínculos, con
  las etiquetas HTML adecuadas.

31
Opciones de texto dinámico y de entrada

• Seleccione el botón Mostrar borde alrededor del
  texto para que aparezca un borde negro y un fondo
  blanco para el campo de texto.

32
Opciones de texto dinámico y de entrada

• Seleccione el botón Seleccionable para permitir
  que los usuarios seleccionen el texto dinámico.
  Anule la selección de esta opción para impedir
  que los usuarios seleccionen el texto dinámico.

33
Opciones de texto dinámico y de entrada
En Variable, especifique el nombre de la variable
del campo de texto.
34
Uso de Fuentes del Dispositivo

• Al crear texto, se puede especificar que Flash
  Player utilice fuentes de dispositivo para
  mostrar ciertos bloques de texto, de manera que
  Flash no incorpore la fuente correspondiente.
• Esto puede disminuir el tamaño del archivo de la
  película y hacer que el texto sea más legible con
  tamaños de texto inferiores a 10 puntos

35
Uso de Fuentes del Dispositivo

• 1. Seleccione bloques de texto del escenario que
  contengan texto que desea visualizar utilizando
  una fuente de dispositivo.
• 2. Seleccione Ventana gt Propiedades.
• 3. En el inspector de propiedades, elija Texto
  estático en el menú emergente.
• 4. Seleccione Utilizar fuentes de dispositivo.

36
EJERCICIO
Realice el siguiente ejercicio utilizando todas
las variantes del texto en Flash
37
Edición de texto

• Para editar texto en Flash pueden utilizarse las
  técnicas de procesamiento de texto más
  habituales. Pueden utilizarse los comandos
  Cortar, Copiar y Pegar para mover el texto dentro
  del archivo de Flash y entre Flash y otras
  aplicaciones.
• Para comprobar la ortografía del texto, puede
  copiar el texto al Portapapeles mediante el
  explorador de películas y pegarlo en un editor de
  texto externo donde podrá ejecutar el corrector
  ortográfico

38
Transformación de texto

• Los bloques de texto pueden transformarse del
  mismo modo que otros objetos. Para crear efectos
  interesantes se pueden ajustar, rotar, sesgar y
  reflejar. Al modificar la escala de un bloque de
  texto como si fuera un objeto, los incrementos o
  las disminuciones del tamaño en puntos no se
  reflejan en el inspector de propiedades.
• El texto de un bloque de texto transformado puede
  editarse, aunque las transformaciones importantes
  puedan dificultar la lectura.

39
Separación de texto

• Puede separar texto para colocar cada carácter en
  un bloque de texto distinto. Una vez separado un
  texto, puede distribuir rápidamente los bloques
  de texto en capas distintas para poder animar
  fácilmente cada bloque por separado

40
Separación de texto

• También puede convertir texto en las líneas y los
  rellenos que lo componen para modificar su forma,
  borrarlo y manipularlo. Del mismo modo que con
  otras formas, los caracteres convertidos pueden
  agruparse de forma individual o pueden cambiarse
  a símbolos y animarlos. Una vez convertido el
  texto en líneas y relleno, ya no puede editarse
  como si fuera texto.

41
Separación de Texto

• Para separar texto
• 1. Seleccione la herramienta Flecha y haga clic
  en un bloque de texto.
• 2. Elija Modificar gt Separar. Cada carácter del
  texto seleccionado se coloca en un bloque de
  texto distinto. El texto permanece en la misma
  posición en el escenario.
• 3. Elija Modificar gt Separar de nuevo para
  convertir los caracteres en formas en el escenario

42
Vinculación de texto a un URL

• (Sólo texto horizontal)
• Puede vincular texto horizontal a un URL para
  permitir que los usuarios pasen a otros archivos
  haciendo clic en el texto.
• 1. Para vincular texto horizontal a un URL
  Realice uno de los siguientes pasos
• Con la herramienta Texto, seleccione texto en un
  bloque de texto.
• Con la herramienta Flecha, seleccione un bloque
  de texto del escenario para vincular todo el
  texto del bloque a un URL.
• 2. Si el inspector de propiedades aún no aparece,
  elija Ventana gt Propiedades.
• 3. Para Vínculo, introduzca el URL al que desea
  vincular el bloque de texto.

43
Transformación libre
Se puede utilizar la herramienta Transformación
libre para transformar objetos, grupos,
instancias o bloques de texto libremente. También
se pueden realizar transformaciones individuales
o combinar varias transformaciones, como el
movimiento, la rotación, la escala, el sesgo y la
distorsión.
44
Transformación libre
Distorsión de objetos Al aplicar la opción
Distorsionar a un objeto seleccionado, si se
arrastra un selector de esquina o lateral en el
recuadro de delimitación, se mueve la esquina o
borde y se vuelven a alinear los bordes
adyacentes.
45
Transformación libre
Modificación de formas con el modificador de
envoltura El modificador de envoltura permite
deformar y distorsionar objetos. Una envoltura es
un recuadro de delimitación que contiene uno o
más objetos. Los cambios realizados en la forma
de una envoltura afectan a la forma de los
objetos contenidos en la envoltura.
46
Transformación libre
Escala de objetos Al escalar un objeto, el tamaño
de dicho objeto aumenta o se reduce horizontal o
verticalmente (o en ambas direcciones). Para
escalar un objeto, arrástrelo o introduzca los
valores en el panel Transformar.
                            .
Panel Transformar
47
Transformación libre
Rotación de objetos Al rotar un objeto, éste gira
sobre su punto de transformación. El punto de
transformación se alinea con el punto de
registro, que se establece de forma
predeterminada en el centro del objeto sin
embargo, es posible mover el punto arrastrándolo.
48
Reflejo de Objetos
Los objetos pueden reflejarse según su eje
horizontal o vertical sin mover su posición
relativa en el escenario. Para reflejar un
objetoSeleccione el objeto. Menú Modificar gt
Transformar gt Voltear verticalmente o voltear
horizontalmente
49
Ejercicio
50
FIN CLASE

• Curso Básico de Flash MX