TEMA 4.

Manejo del color

Panel de color y muestra Flash cuenta con dos paneles para el manejo del color, uno de ellos almacena los colores en el panel Muestra, el otro permite crear colores, panel de Color. Para modificar el color de un fondo usando el panel Muestra, hacer lo siguiente: 1. Elegir la herramienta Seleccin, ubicada en el panel herramientas. 2. Dar clic en el fondo al que desea cambiar color. 3. Abrir el panel Muestras, clic sobre el icono . Para visualizar el panel muestras de manera rpida, utilizar el atajo del teclado, presionar al mismo tiempo las teclas CTRL y la tecla F9. 4. Ubicar el cursor sobre el color que desea para el fondo, dar clic para seleccionar.

1 2
6

3 4

Figura 106.

El panel de color deja modificar el color de bordes y fondos en una figura. Tambin permite agregar efectos de color como degradados o trasparencias.

34

Para modificar el color del borde y fondo de una figura desde el panel de color, proceder con lo siguiente: 1. Elegir la herramienta Seleccin, ubicada en el panel herramientas. 2. Dar dos veces clic sobre el fondo de la figura, para seleccionar el fondo y el borde. 3. Abrir el panel de Color, haciendo clic sobre el icono . Para visualizar el panel de color de forma rpida, presionar al mismo tiempo las teclas Mayus y F9. 4. Dar clic sobre el recuadro de color que se encuentra al lado derecho del icono lpiz. Se abre la ventana Muestras, seleccionar el color que desea para el borde. 5. Hacer clic sobre el recuadro de color que se encuentra al lado derecho del icono bote. A continuacin se despliega la ventana Muestras, seleccionar el color que prefiera para el fondo.

4 2
6

3
1

Figura 107.

Para agregar degradado lineal a un fondo, proceder con lo siguiente: 1. Usar la herramienta Seleccin, ubicada en el panel herramientas. 2. Dar clic sobre el fondo para seleccionarlo.

35

3. Abrir el panel de Color. 4. En el men Color, seleccionar el tipo de color deseado, en este caso Degradado lineal. 5. En la parte inferior del panel aparecen dos manejadores de color. 6. Hacer clic sobre el recuadro de color, el manejador del lado izquierdo. Posteriormente se abre la ventana de muestra, seleccionar el color deseado. 7. Dar clic sobre el recuadro de color del manejador del lado derecho para abrir la ventana de muestra y seleccionar el color deseado.

3 2
1

Figura 108.

36

Figura 109.

6
6

7 5

Figura 110.

37

Este es el resultado degradado

Figura 111.

38

TEMA 5. Uso de fuentes, organizacin de objetos y manejo de capas

Creacin de textos. Flash cuenta con herramientas de manipulacin de textos, entre estas, se encuentra la herramienta de texto tipo TLF. Los textos estn inmersos en Solo lectura, Editable, y Seleccionable. Para agregar un texto al Escenario, realizar lo siguiente: 1. Seleccionar la herramienta Texto, ubicada en el panel herramientas. Tambin puede hacerlo a travs del teclado, presionando la tecla T. 2. En el panel Propiedades, en la opcin de Motor de texto, seleccionar la opcin Texto TLF. 3. En la opcin tipo de texto, seleccionar Slo lectura. 4. En la opcin familia, escoger la fuente del texto, en este caso Arial. 5. En la opcin Estilo, seleccionar la opcin Regular. 6. En la opcin Tamao, seleccionar el tamao de fuente. 7. En la opcin Color, seleccionar el color de fuente. 8. Hacer clic en la zona del Escenario donde desea agregar texto. Tambin puede determinar el tamao del cuadro de texto, al dibujar un supuesto rectngulo en el Escenario. 9. Aparecer un recuadro, escribir texto. 10. Dar clic en una zona vaca del Escenario para finalizar el texto.

Figura 112.

39

3 4
6

5 7

6 8
6 6

10

Figura 113. Agregar un campo de texto nuevo. Se procede de la misma manera que realiz el punto anterior, pero sin agregar texto. Ubicar los cuadros de texto y dividirlos en dos columnas, para as vincular el texto que contienen. 1. Seleccionar el primer campo de texto creado. 2. Ubicar el cursor en la esquina inferior derecha, sobre el cuadro blanco, el cursor tomar la forma del icono . 3. Dejar clic presionado y mover el cursor sobre el segundo campo de texto, hasta que el cursor sea representado por el icono .

4. Soltar el clic para confirmar la vinculacin. Se agregar una lnea que unir los cuadros de texto.

40

1
6

Figura 114.

Figura 115.

41

4. Soltar el botn del ratn

Figura 116.

Puede ajustar los cuadros de texto hasta obtener un resultado visible, moviendo el cursor y ubicndolo sobre los puntos guas. Incorporar fuentes a la biblioteca. En Flash Professional, cuando se trabaja con textos tipo TLF, es necesario realizar una incorporacin de la fuente a la Biblioteca. Esto para poder visualizar. Para agregar una fuente de texto, realizar lo siguiente: 1. Seleccionar el men Texto, disponible en la barra del men. 2. Seleccionar la opcin Incorporacin de fuentes. 3. Dar clic en el botn Aadir fuente . 4. Escribir el nombre con el que se identificar a la fuente en la biblioteca, en este caso Fuente 1. 5. Escribir el nombre de la Familia de la fuente, en este caso Arial. 6. Seleccionar el Estilo Regular de la fuente. 7. Seleccionar la casilla Todos en la opcin rango de caracteres. 8. Dar clic en el botn Aceptar, para confirmar y agregar la fuente a la Biblioteca.

42

Figura 117.

4 3
6

5 6 7

Figura 118.

43

Organizando nuestras formas en el documento. Agrupar objetos. Para organizar los objetos en grupos, realizar lo siguiente: 1. Seleccionar los objetos que desea agrupar con alguna de las herramientas de seleccin mencionadas anteriormente. 2. Presionar Modificar en el men. 3. Seleccionar la opcin Agrupar. Tambin es posible usar el atajo del teclado, presionar al mismo tiempo las teclas CTRL y la tecla G.

1 3

Figura 119.

44

Este es el resultado obtenido

Figura 120.

Para desagrupar los objetos realizar lo siguiente: 1. Seleccionar los objetos que desea desagrupar con alguna de las herramientas de seleccin mencionadas anteriormente. 2. Escoger el men Modificar. 3. Seleccionar la opcin Desagrupar o usar el atajo del teclado, presionar al mismo tiempo las teclas CTRL, MAYUS y la tecla G.

45

Figura 121.

Manejo de capas. Otra forma de organizar objetos en Flash, es por medio de las capas. Estas ayudan a estructurar contenido en la lnea de tiempo, de manera que el objeto que est en una capa superior, se sobreponga a los dems elementos. Para crear una capa se debe hacer lo siguiente: 1. Ubicar el panel de Lnea de tiempo. 2. Dar clic en el botn Nueva Capa, que se representa a travs del cono .

46

Figura 122.

Para modificar el nombre de una capa, hacer lo siguiente: 1. Dar doble clic en la capa donde quiere modificar el nombre, en esta caso la Capa 2. 2. Escribir el nombre de la nueva capa, en este caso Grupo 1. 3. Presionar la tecla Enter para confirmar el nuevo nombre de la capa.

47

Presionar la tecla Enter para confirmar el nuevo nombre.

1 2

Figura 123.

Para ubicar elementos en la nueva capa, dar clic sobre la capa, de esta forma, los elementos que se agregan al Escenario, estarn listos. Para agregar objetos que estn en otra capa, hacer lo siguiente: 1. Seleccionar los objetos que desea agregar en la nueva capa. 2. Seleccionar el men Editar de la barra de mens. 3. Escoger la opcin Cortar, tambin es posible usar el atajo del teclado, presionar al mismo tiempo las teclas CTRL y la tecla X. 4. Dar clic sobre la capa donde quiera agregar los objetos, en este caso la capa Grupo 1. 5. Seleccionar Editar del men. 6. Escoger la opcin Pegar, de igual manera es posible usar el atajo del teclado, presionar al mismo tiempo las teclas CTRL y la tecla V. Si desea que los objetos queden en la misma posicin use la opcin Pegar in situ. Tambin es posible hacerlo presionando al mismo tiempo las teclas CTRL, MAYUS y la tecla V.

48

2 5 3 6

Figura 124.

Figura 125.

49

Figura 126.

As mismo puede realizar las acciones mencionadas de copiar y pegar con el men secundario del cursor, presionando clic derecho sobre los objetos. Para acomodar las capas, de tal forma que una quede sobre la otra, realizar lo siguiente: 1. Dejar el clic presionado sobre la capa que desea mover. 2. Mover el cursor arriba o abajo para ubicar la capa, una lnea indicar donde quedar ubicada la capa. 3. Soltar el clic para confirmar la ubicacin de la capa.

50

1 2

Figura 127.

4. Soltar el botn del ratn

Figura 128.

51

REFERENCIAS

Material realizado por el grupo de rediseo del Centro Agroindustrial Regional Quindo SENA (Mayo de 2012).

52