5.1 Concepto de símbolo

Cuando tiene que utilizar un gráfico repetidas veces, tiene varias opciones. Puede duplicar el objeto las veces necesarias. También puede utilizar Copiar y pegar. El inconveniente de esta forma de proceder es que aumenta el tamaño del documento con cada copia o duplicado. Además, si hace una modificación en uno de los objetos, no se refleja el cambio en los demás objetos duplicados o copiados. Por todo ello es mejor convertir el objeto en símbolo y utilizar instancias del símbolo en el documento. Lla ventaja es doble, si hace un cambio en el símbolo se refleja en las instancias y además el objeto gráfico se almacena en la Biblioteca para su reutilización tantas veces como desee. Por lo tanto podemos decir que un símbolo es un gráfico, un botón o un clip de película que se crea una vez, se almacena en la Biblioteca del documento y se puede utilizar repetidas veces mediante instancias. Cuando crea un símbolo, éste pasa automáticamente a la biblioteca del documento o película.

Una instancia es una llamada al símbolo que se sitúa en el escenario. La instancia actúa como un apuntador al objeto gráfico, por lo tanto aunque utilice muchas veces un símbolo, el objeto sólo se almacena una vez. Puesto que las instancias del símbolo sólo son apuntadores ocupan muy poco espacio y el archivo conserva prácticamente el mismo tamaño por muchas instancias que se utilicen.

El uso de símbolos reduce considerablemente el tamaño del archivo y simplifica la edición. La edición del símbolo actualiza todas sus instancias. También es posible cambiar el color, tamaño o comportamiento de una instancia sin que esos cambios afectan al símbolo.

5.2 El panel Biblioteca

Para abrir el panel Biblioteca haga clic en Ventana > Biblioteca. Este panel tiene una lista con los símbolos del documento.

En la parte superior aparece una mini ventana en la que puede ver una miniatura del símbolo seleccionado. Luego tiene la lista de símbolos.

En la parte inferior del panel puede ver los siguientes botones:

La Biblioteca de símbolos está siempre asociada al documento, así que cada documento tiene la suya. Por lo tanto las bibliotecas se incluyen en un documento .fla. Puede, no obstante, utilizar otras bibliotecas externas. Si hace clic en la opción del menú Ventana > Bibliotecas comunes, verá una lista de las bibliotecas que se guardan en la carpeta Libraries de la instalación de Flash. Concretamente esa carpeta la encontrará en la carpeta \es\Configuration\Libraries de la instalación de Flash. Más aún, si copia en esa carpeta un documento .fla, aparecerá en la opción del menú Ventana > Bibliotecas comunes y podrá usar símbolos de la biblioteca de ese documento.

Otra posibilidad para capturar símbolos de una biblioteca externa, es utilizar la opción Archivo > Importar > Abrir biblioteca externa.

5.3 Convertir en símbolo

Vamos a crear un símbolo a partir de un objeto seleccionado en el escenario.

  1. Abra el documento con el árbol, que tiene almacenado de ejercicios anteriores
  2. Seleccione todo el árbol mediante un arrastre.
  3. Selecciona Modificar > Convertir en símbolo (F8). También puede desplegar el menú contextual con botón derecho del ratón y seleccionar la opción Convertir en símbolo. Otra forma es pinchar el objeto y arrastrarlo sobre el panel biblioteca.
  4. Aparece un cuadro de diálogo que permite seleccionar diferentes tipos de símbolos. En este ejemplo se trata de un símbolo gráfico. Marque la casilla Gráfico y ponga nombre al símbolo.
  5. Observe que también hay una parrilla Registro para definir la posición del símbolo. Seleccione el punto central de la parrilla .
  6. Haga clic en Aceptar y Flash agrega el símbolo a la Biblioteca del documento. La selección en el Escenario es ahora una instancia del símbolo. Ahora no podrá modificarlo directamente desde el Escenario sino a través del modo edición de símbolos.
  7. Abra la Biblioteca del documento seleccionando Ventana > Biblioteca . El símbolo aparece en la lista.
  8. Si selecciona el símbolo, verá una especie de cruz rodeada de una circunferencia para resaltar que es una instancia de un símbolo.
  9. Observe también el Inspector de propiedades donde se indica que lo que hay en el escenario es una instancia de un símbolo.
  10. Utilice la herramienta transformación para reducir el tamaño del árbol que hay sobre el escenario.
  11. Pinche y arrastre el árbol de la biblioteca para colocar otra instancia en el escenario. Reduzca su tamaño para ir creando un pequeño bosque de árboles. Sitúe hasta cuatro instancias del símbolo árbol.
  12. Guarde la práctica con el nombre bosque.fla.

5.4 Crear un símbolo vacío

Flash cuenta con un editor de símbolos que puede utilizar para crear símbolos nuevos o para modificar uno ya existente. Para crear un símbolo nuevo debe abrir el editor de símbolos de una de las siguientes formas:

Cualquiera de los métodos anteriores le lleva al editor de símbolos en el que puede dibujar y crear un símbolo nuevo.

Sabrá que está en el editor de símbolos y no en el escenario porque verá el nombre del símbolo en la barra de título del editor y porque aparece una cruz  en el centro del editor. Esa cruz se llama punto de registro del símbolo. Procure centrar el dibujo respecto a ese punto.

Haga el siguiente ejercicio:

  1. Haga clic en el botón Nuevo símbolo del panel Biblioteca, para abrir el editor de símbolos.
  2. En el cuadro de diálogo Crear un nuevo símbolo, escriba el nombre bola para el símbolo que quiere crear. El comportamiento indica que puede crear símbolos de diferente tipo. Ahora usaremos el comportamiento Gráfico. Seleccione el comportamiento: Gráfico. Haga clic en Aceptar. Verá el editor de símbolos.
  3. Flash agrega el símbolo a la Biblioteca y entra en el modo edición de este símbolo. El nombre del símbolo aparece en la barra de título del editor, encima de la Línea de Tiempo y una cruz filar señala el punto de registro del símbolo.
  4. Para crear el símbolo puede dibujar con las herramientas de dibujo, importar o añadir instancias de otros símbolos de la Biblioteca, etc.
  5. Seleccione la herramienta óvalo . Seleccione un relleno gris degradado radial.
  6. Conviene centrar el dibujo respecto al punto de registro del símbolo. Trace una bola.
  7. Seleccione la herramienta cubo de pintura y haga clic en el interior de la bola para situar el punto de brillo del degradado.
  8. Con la herramienta Selección seleccione la bola. Haga clic en Ventana > Información y verá un panel que le muestra las propiedades del objeto seleccionado. En este panel, haga clic en el selector centro para centrar la ilustración. El selector activo se muestra en forma de cuadrado negro. Haga clic en las casillas X e Y para teclear en ambas el valor 0. Pulse Intro para que se incorporen los cambios. La ilustración queda centrada respecto al punto de registro del símbolo.
  9. Volver al documento y abandonar el editor de símbolos, lo puede hacer de varias formas:
  1. Una vez situado de nuevo en el Escenario, incorpore varias instancias del símbolo bola. Para ello, pinche y arrastre el símbolo desde la Biblioteca hasta el Escenario.
  2. Guarde con el nombre bolas.fla.

5.5 Modificar Instancias

Es posible cambiar ciertos aspectos de las instancias, como brillo, color, tamaño, etc., sin que los cambios afecten al símbolo o a otras instancias.

  1. Haga clic en la herramienta selección y seleccione una bola. Recuerde que las instancias de símbolos, cuando se seleccionan, muestran una cruz rodeada de una circunferencia.
  2. Haga clic en la herramienta Transformación Libre . Haga clic en el modificador Rotar y sesgar y sesgue la primera bola
  3. Haga clic en la instancia de la segunda bola y seleccione el modificador Escalar . Mantenga pulsada la tecla de Control (para no deformar) y cambie el tamaño de la segunda bola pinchando en una de las esquinas.
  4. También se pueden modificar las propiedades de color y transparencia de una instancia. Haga clic en la tercera bola. En el Inspector de propiedades despliegue la lista emergente Color y seleccione Tinta. Utilice una tinta azul al 30% de saturación.
  5. Seleccione la cuarta bola. Despliegue la lista emergente Color en el Inspector de propiedades y cambie la transparencia Alfa al 50%.
  6. La lista emergente Color en el Inspector de propiedades con la opción Avanzado > Configuración, permite configurar tanto el color como la transparencia Alfa.
  7. Guarde con el nombre bolasmodi.fla

5.6 Edición de símbolos

Si modifica un símbolo, se actualizan todas las instancias del mismo en el documento.

  1. Puede editar un símbolo de tres formas
  1. Dentro del editor de símbolos, con la herramienta subselección, haga clic sobre el trazado de la bola y arrastre un punto para deformar la bola.
  2. Despliegue el panel Color y cambie el degradado utilizando como primer color el rojo y como segundo color el amarillo.
  3. Salga del modo editar símbolo haciendo clic en el botón Atrás .
  4. Guarde con el nombre bolasedit.fla.

5.7 Separar instancias

Separar una instancia es romper el vínculo con su símbolo. La instancia se convierte en una forma independiente del símbolo y puede aplicar cualquier modificación sin que afecte al símbolo de la biblioteca. Inversamente, si aplica un cambio al símbolo no se aplica el objeto separado.

  1. Seleccione la primera bola del ejercicio anterior.
  2. Seleccione Modificar > Separar. La bola rompe su vínculo con el símbolo.
  3. Seleccione el color de relleno en la barra de herramientas. Aplique un degradado estándar radial rojo. Abra el panel color y modifique el degradado utilizando los controles de relleno , para tener un degradado rojo, amarillo, rojo.
  4. Haga clic en el bote de relleno. Haga clic sobre el relleno de la primera bola que ha separado del símbolo.
  5. Utilice la herramienta subselección . Haga clic sobre el relleno. Aparecen los controles del relleno. Verá 5 controles. Pinche y arrastre la punta de flecha del centro para modificar el gradiente del relleno. Pinche y arrastre el circulito central para mover la figura del relleno. Los otros controles modifican el forma. Juegue un poco con los controles para comprender su funcionamiento.
  6. Vea el símbolo de la biblioteca y compruebe que las modificaciones realizadas sobre el escenario no afectan al símbolo en la Biblioteca.
  7. Guarde con el nombre separar.fla.