UNIDAD 1.

INTRODUCCIN A FLASH 8 (I)

Qu es FLASH? Flash 8 es una potente herramienta creada por Macromedia que ha superado las mejores expectativas de sus creadores. Inicialmente Macromedia Flash fue creado con el objeto de realizar animaciones vistosas para la web, as como para crear GIFs animados.

Los motivos que han convertido a Flash 8 en el programa elegido por la mayora de los diseadores web profesionales y aficionados son varios. Veamos pues, porque es interesante Flash 8. Desde la web de Macromedia te puedes descargar una versin de evaluacion de Flash vlida para 30 das. Por qu usar FLASH 8? Las posibilidades de Flash son extraordinarias, cada nueva versin ha mejorado a la anterior, y el actual Flash 8 no ha sido menos. Aunque su uso ms frecuente es el de crear animaciones sus usos son muchos ms. Son tantos, que todos los diseadores web deberan saber utilizar Flash. Flash ha conseguido hacer posible lo que ms se echa en falta en Internet: Dinamismo, y con dinamismo no slo nos referimos a las animaciones, sino que Flash permite crear aplicaciones interactivas que permiten al usuario ver la web como algo atractivo, no esttico (en contraposicin a la mayora de las pginas, que estn realizadas empleando el lenguaje HTML). Con Flash podremos crear de modo fcil y rpido animaciones de todo tipo. Flash es fcil de aprender, tiene un entorno amigable que nos invita a sentarnos y pasar horas y horas creando lo que nos dicte nuestra imaginacin, pero esto no es suficiente para ser el preferido por los diseadores profesionales... Entonces qu es? De Flash MX 2004 a Flash 8 Si pensabais que Flash MX 2004 era ya insuperable, no os perdais las mejoras que aporta Flash 8: Mejoras en cuanto a facilidad de manejo, mayor potencia grfica y de integracin con programas de edicin de imgenes, facilidad para importar vdeo, posibilidad de emular tus pelculas dirigidas a dispositivos mviles y para los menos avanzados, se recupera el asistente de ActioScript que haba desaparecido en la versin anterior... Analicemos estas ventajas y otras muchas con un poco ms de detalle: Diseos ms atractivos: Flash 8 permite el uso de efectos visuales que nos facilitarn la creacin de animaciones, presentaciones y formularios ms atractivos y profesionales, as mismo, pone a nuestra disposicin mecanismos para hacer este trabajo ms cmodo y rpido, tales como la existencia de filtros y modos de mezcla aadidos en esta versin. Optimizacin de fuentes: Incorpora tambin opciones de legibilidad para fuentes pequeas, haciendo la lectura de nuestros textos ms agradables y de alta legibilidad. Adems de poder modificar la optimizacin, Flash permite tambin la seleccin de configuraciones

preestablecidas para textos dinmicos y estticos. Bibliotecas integradas: Ahora podemos buscar rpidamente cualquier objeto existente en nuestras pelculas, navegando por las bibliotecas de todos los archivos abiertos desde un nico panel. Mayor potencia de animacin: Flash 8 permite un mayor control de las interpolaciones habilitando un modo de edicin desde el que se podr modificar independientemente la velocidad en la que se apliquen los diferentes cambios de rotacin, forma, color, movimiento, etc, de nuestras interpolaciones. Mayor potencia grfica: Evita la repeticin innecesaria de la representacin de objetos vectoriales simplemente sealando un objeto como mapa de bits. Aunque el objeto se convierta al formato de mapa de bits, los datos vectoriales se mantienen tal cual, con el fin de que, en todo momento, el objeto pueda convertirse de nuevo al formato vectorial. Mejoras en la importacin de vdeo: Para facilitar el resultado con formatos de vdeo, Flash 8 incluye un cdec independiente de calidad superior capaz de competir con los mejores cdecs de vdeo actuales con un tamao de archivo mucho ms pequeo. Adems de una gran posibilidad de revestimientos para los controles de ste en nuestra pelcula. Compatiblidad Metadatos: Incluye tus SWF en buscadores de internet con la nueva caracterstica de definicin de archivo con un ttulo, una descripcin y/o palabras clave para que los motores de bsqueda reflejen con ms precisin el contenido representado por el archivo. Emulador para dispositivos mviles: Prueba tus pelculas destinadas a dispositivos mviles compatibles con Flash Lite con el nuevo emulador que incorpora Flash 8. Podrs probar tus pelculas de un modo eficiente antes de publicarlas. Asistente de ActionScript: El Asistente de ActionScript ha vuelto. Fue eliminado en la versin anterior, pero se ha vuelto a recuperar, y de forma mejorada, en esta ltima. Ahora ActionScript al alcance de tu mano.

UNIDAD 1.

INTRODUCCIN A FLASH 8 (II)

Las alternativas a Flash 8. Javascript Desde hace mucho tiempo, el lenguaje HTML ha mostrado carencias importantsimas en todos los aspectos. El HTML crea pginas web estticas, pginas en las que todo el movimiento que podemos encontrar se debe a imgenes animadas (GIFS) o a vdeos insertados en ellas... Este lenguaje, revolucionario en su da, demostr pronto que era insuficiente en todos los campos. Pronto comenzaron a surgir alternativas: El Javascript naci con el objeto de crear acciones o programas cortos que se pudieran insertar en la web para darle vida. El Javascript, no es un lenguaje de programacin propiamente dicho, pues slo crea "acciones" que se ejecutarn posteriormente en el navegador que visualice la pgina, jams podremos crear un programa en Javascript, slo complementos para la web. Este lenguaje presenta varios inconvenientes, en primer lugar, su ejecucin puede resultar peligrosa para la persona que accede a una web, por lo que muchas personas optan por desactivar el "Javascript" de sus navegadores. Si nuestra pgina web contiene mucho cdigo Javascript, simplemente, no lo vern. En segundo lugar y como con casi todo, existen navegadores (cada vez menos, eso s) que no lo soportan y sera intil intentar ejecutar un

cdigo Javascript si el navegador no lo reconoce. Adems, el Javascript no sirve para crear pginas web, tan slo las complementa, por lo que su uso general suele estar enfocado a pequeas "ayudas" en la interactividad de la web, como por ejemplo realizar comprobaciones en los formularios, efectos en la barra de estado... ). Debemos destacar adems, que Flash puede trabajar conjuntamente con javascript y ejecutar cdigos y funciones Javascript sin problemas, por lo que Javascript se convierte en una ayuda para todos los usuarios de Flash 8. Las alternativas a Flash 8. CSS Aunque muchos no se hayan dado cuenta, HTML tiene una potencia muy limitada en el tratamiento de textos. De hecho, el principal problema del HTML a la hora de mostrar y distribuir textos por pantalla no suele ser su incapacidad para hacerlo (las posibilidades que permite suelen ser ms que suficientes para cualquier usuario normal), sino que su problema es la falta de precisin. As, resulta prcticamente imposible asegurar que el texto vaya a aparecer tal y como yo quiero en el navegador de otra persona, o por ejemplo, el HTML no permite crear justificados de textos o simplemente dejar un margen a la izquierda del documento... Para esto se crearon las Hojas de Estilo en Cascada (CSS en ingls). Su potencia es mucha, y cuentan con la ventaja de que se han convertido en un estndar (aunque siempre habr alguien incapaz de visualizar un contenido que use una hoja de estilo). Adems de permitir administrar los textos e imgenes como queramos por nuestra pgina web, son una forma magnfica de simplificar el cdigo de la pgina web y de acelerar su creacin, ya que como su nombre indica son "Hojas de Estilo", una vez creado el tratamiento que queremos dar a un tipo de texto (por ejemplo, a los ttulos), todos los ttulos que creemos y los identifiquemos como tales, tendrn ese tratamiento (color, tamao de la letra, tipo de fuente...). Gracias a las CSS hemos ganado en control sobre nuestras pginas web, y tal vez en vistosidad y diseo, pero no sirven para crear animaciones. Por qu no usarlas dentro de Flash? Pues porque esto no estaba contemplado en las anteriores versiones de Flash. Desde la versin 2004 (Flash 8) las hojas de estilo son perfectamente compatibles con Macromedia Flash, simplemente porque pueden asociarse con textos empleados dentro de nuestra pelcula sin ms que asignar la hoja de estilo que queramos a la propiedad StyleSheet del objeto texto al que queramos aplicar la hoja de estilo. Por tanto, las CSS han dejado de ser una alternativa al uso de Flash y han pasado a quedar integradas dentro del mismo. Otra ventaja de usar Flash. Las alternativas a Flash 8. DHTML. AJAX. Hemos visto como se solucionan los principales problemas que tiene el HTML, pero an falta por saber cmo se intenta eliminar esa "estaticidad" caracterstica de las pginas HTML. La primera solucin viene del propio HTML. Se llama DHTML (o HTML Dinmico) y como su nombre indica se cre para crear contenidos en movimiento en las pginas web. Su funcionalidad llega hasta mover objetos por la web, y sobre todo, se emplea para crear mens animados. Seguro que has visto un montn sin darte cuenta. Suelen tener esta apariencia: En realidad el DHTML no es ms que una combinacin de HTML y Javascript, aunque es una buena solucin para crear mens vistosos sin animaciones extraordinarias.

Su inconveniente? Hay demasiados navegadores que tiene problemas con l y su carga puede ser lenta o retardada... Asynchronous JavaScript and XML, o Ajax, es una nueva tcnica de programacin para crear interactividad en la web formada por la combinacin de varias tecnologas ya conocidas: - XHTML (o HTML y CSS para dar formato y estilos). - DOM ( Document Object Model) para manipular la informacin presentada de forma dinmica e interactiva a travs de JavaScript. - El objeto XMLHttpRequest para intercambiar datos de forma asncrona con el servidor web. Qu nos ofrece Flash? Pues Flash es, con diferencia, la herramienta ms potente del mercado para crear contenido multimedia para la web pero presenta dos inconvenientes importantes. El primero es la compatibilidad con FLASH. Al igual que algunos navegadores no soportan javascript o no pueden ver contenidos DHTML (o incluso CSS), para poder ver FLASH se requiere un PLUGIN especial de la casa Macromedia. Un PLUGIN es un programita especial que permite a tu navegador identificar las pelculas FLASH y descargarlas y visualizarlas correctamente. Este PLUGIN es gratuito. Por suerte, cada vez ms navegadores lo llevan incorporado y cada vez ms gente sabe lo que es y no se asusta cuando se le ofrece. As que cada vez ms gente lo tiene. El segundo problema es el tamao que ocupan las pelculas y su tiempo de descarga. Mientras que una pgina HTML puede ocupar unos 10 KB como media, una animacin Flash ocupa mucho ms. Evidentemente depende del contenido que tenga, pero suelen superar los 100 KB con facilidad, y si adems incorpora sonidos es fcil que la cifra se dispare. Al ocupar ms espacio, el tiempo que tarda en estar visible el contenido Flash es mayor y no todos los visitantes estn dispuestos a esperar... simplemente, se irn a otra pgina. Por otra parte, las conexiones de banda ancha son cada vez ms numerosas, lo que ellimina el problema del tiempo de descarga, Con Flash se pueden hacer pginas web realmente asombrosas Resumiendo, insertar o no contenido Flash en una pgina web puede ser cuestionable, aunque depende de muchas cosas, al igual que insertar DHTML, por ejemplo. An as, no hemos de olvidar que Flash tiene muchsmas aplicaciones ms (hecho que ha provocado que otras compaas traten de sacar a la venta "clnicos" del Flash). Por ejemplo la creacin de CDs interactivos (como los que incluyen las revistas de informtica, por ejemplo), la creacin de banners publicitarios o lo que ms est de moda ahora: la creacin de dibujos animados usando Flash 8 (sorprendera saber la cantidad de dibujos animados conocidos creados o animados mediante Flash). Adems, Flash tiene uso industrial, pues se emplea para optimizar planos, crear diseos de interiores y trabajar con imgenes vectoriales en general. No dejes de aprender a manejar el programa con ms futuro... (al menos en cunto a diseo web)

Prueba evaluativa Nombre; ______________________________ Fecha:______________________

Solo una respuesta es vlida por pregunta. Subraya la respuesta que consideres correcta. 1. Flash 8 fue creado por Adobe, de ah su perfecta integracin con Photoshop. a) Verdadero b) Falso. 2. Flash comenz siendo un programa para crear animaciones web sencillas, gifs animados ... y con el paso de los aos se ha convertido en el software referente de creacin de aplicaciones web interactivas. a) Verdadero. b) Falso. 3. Flash 8 dispone de un corrector sintctico-semntico que facilitan el trabajo con textos. a) Verdadero. b) Falso. 4. Flash 8 soporta trabajar con nuevos formatos de ficheros, tales como ficheros EPS y PDF. a) Verdadero. b) Falso. 5. El nuevo Flash incluye un buscador web, que nos permite localizar objetos, textos, animaciones etc por toda la web. a) Verdadero. b) Falso. 6. El lenguaje de programacin de Flash, ha sido mejorado en la nueva versin, Flash 8, y ahora se llama ActionScript 2. a) Verdadero. b) Falso. 7. El nuevo ActionScript 2 ya no es capaz de trabajar con Javascript, pues ste ltimo ha quedado desfasado. a) Verdadero.

b) Falso. Mi primera animacin

1. Realizar una animacin en Flash es un proceso largo pero mecanizable. a) Verdadero. b) Falso. 2. Una animacin en Flash exige al autor representar todos los estados de la misma, si la animacin consiste en botar una pelota hasta una altura de 20 cm., el autor deber representar dicha pelota en todas sus posiciones posibles (unas 200 veces aproximad). a) Verdadero. b) Falso. 3. Realizar una animacin con Flash slo exige indicar a Flash los estados lmite de la misma, entendiendo por estado lmite aquel que marca un cambio en la animacin (en nuestro ejemplo seran los instantes en los que la pelota deja de subir y comienza a bajar o viceversa). a) Verdadero. b) Falso. 4. Una vez tenemos dibujados los fotogramas que queremos que formen parte de la animacin, nos falta indicar explcitamente a Flash que dichos fotogramas formarn una animacin, pues Flash no es capaz de saber esto a priori. a) Verdadero. b) Falso.

Unidad 2.

Mi primera Animacin Flash

Comenzando Una de las caractersticas principales de Flash 8 es su sencillez, esta sencillez en su utilizacin permite crear animaciones de un modo efectivo y rpido. Pongmonos en situacin, supongamos que queremos crear una animacin en la que una pelota realice un movimiento de "bote", es decir, que baje y suba. Puede parecer un trabajo de horas, pero nada ms lejos de la realidad. Veamos cmo Flash nos lo pone fcil. Realizando la Animacin En este apartado no pretendemos ensear cmo crear una animacin Flash (pues eso se ver ms adelante), el objetivo es que entendamos cmo crea Flash las animaciones y de que modo nos facilita el trabajo. A primera vista, lo lgico parece ser dibujar la pelota en cada instante del movimiento, de modo que cuantos ms instantes dibujemos, ms real parecer el movimiento. Pues bien, con Flash bastar con crear 3 fotogramas: en el primero dibujaremos la pelota en el instante inicial (arriba del todo), en el segundo se dibujar la pelota en el momento de tocar el suelo y en el tercero la pelota volver a estar arriba (en realidad este tercer fotograma no har falta crearlo, pues bastar con copiar el primero). Por tanto, vemos que el trabajo ms largo (dibujar los objetos) ya est hecho.

Ahora, se determina el tiempo que durar cada movimiento (es decir, el tiempo que transcurre entre los instantes en los que la pelota est arriba y abajo) y por ltimo se le indica a Flash que cree una animacin de movimiento entre estos fotogramas. Fcil verdad? Observa como ha quedado: Podeis poner a prueba vuestros conocimientos realizando la: Prueba evaluativa del Tema 2 . Prueba Evaluativa Tema 2. Mi primera animacin Solo una respuesta es vlida por pregunta. Haz clic en la respuesta que consideres correcta. Contesta todas las preguntas y haz clic en el botn Corregir para ver la solucin. Si pulsas Restablecer podrs repetir la evaluacin. 1. Realizar una animacin en Flash es un proceso largo pero mecanizable. a) Verdadero. b) Falso. 2. Una animacin en Flash exige al autor representar todos los estados de la misma, si la animacin consiste en botar una pelota hasta una altura de 20 cm., el autor deber representar dicha pelota en todas sus posiciones posibles (unas 200 veces aproximad). a) Verdadero. b) Falso. 3. Realizar una animacin con Flash slo exige indicar a Flash los estados lmite de la misma, entendiendo por estado lmite aquel que marca un cambio en la animacin (en nuestro ejemplo seran los instantes en los que la pelota deja de subir y comienza a bajar o viceversa). a) Verdadero. b) Falso. 4. Una vez tenemos dibujados los fotogramas que queremos que formen parte de la animacin, nos falta indicar explcitamente a Flash que dichos fotogramas formarn una animacin, pues Flash no es capaz de saber esto a priori. a) Verdadero. b) Falso.

Unidad 3.

El Entorno de Trabajo (I)

La Interfaz de Flash 8 Flash 8 cuenta con un entorno o interfaz de trabajo de lo ms manejable e intuitiva. Adems, tiene la ventaja de que es similar a la de otros programas de Macromedia (Dreamweaver, Freehand, Director...), todo esto hace ms fcil aprender Flash y ms rpido su manejo y dominio. Esto es lo que nos encontraremos al abrir Flash 8 por primera vez:

A lo largo de todo el curso trabajaremos con la versin de evaluacin de Flash 8 en castellano. Podeis descargar esta versin de forma gratuita desde AQU En la imagen se puede ver la interfaz que nos encontraremos la primera vez que abramos el programa Flash. Flash recordar nuestras preferencias y abrir el programa tal y como lo dejamos la ltima vez que lo utilizamos. En esta imagen faltan algunos mens. Todos se irn viendo a lo largo de este curso aunque

no aparezcan en esta imagen, que slo pretende mostrar las partes principales de la interfaz de Flash. Veamos cules son: La Barra de Mens Mens tiene como propsito facilitar el acceso a las distintas utilidades del programa. Es similar a la de cualquier otro programa de diseo web o grfico, aunque tiene algunas particularidades. Veamos los principales Submens a los que se puede acceder: Archivo: Permite crear nuevos archivos, abrirlos, guardarlos... Destaca la potencia de la utilidad Importar que inserta en la pelcula actual casi todo tipo de archivos (sonidos, vdeo, imgenes e incluso otras pelculas Flash), o la de Configuracin de Publicacin desde donde se pueden modificar las caractersticas de la publicacin. Tambin permite configurar la impresin de las pginas, imprimirlas... Edicin: Es el clsico men que te permite Cortar, Copiar, Pegar... tanto objetos o dibujos como fotogramas; tambin permite personalizar algunas de las opciones ms comunes del programa. Ver: Adems de los tpicos Zooms, te permite moverte por los fotogramas y por las escenas. Tambin incluye la posibilidad de crear una cuadrcula y unas guas. Esto se puede seleccionar desde los submens Cuadrcula y Guas desde donde tambin se pueden configurar sus opciones. Insertar: Te permite insertar objetos en la pelcula, as como nuevos fotogramas, capas, acciones, escenas... Modificar: La opcin Transformar permite modificar los grficos existentes en la pelcula, y la opcin Trazar Mapa de Bits convierte los grficos en mapas vectoriales (este tema se tratar ms adelante). El resto de opciones permite modificar caractersticas de los elementos de la animacin Suavizar, Optimizar o de la propia pelcula (Capa, Escena ...). Texto: Sus contenidos afectan a la edicin de texto. Ms adelante se tratar en profundidad. Comandos: Permite administrar los Comandos (conjunto de sentencias almacenadas que permiten emular lo que un usuario pueda introducir en el entorno de edicin) que hayamos almacenado en nuestra animacin, obtener otros nuevos de la pgina de Macromedia o ejecutar los que ya tengamos. Control: Desde aqu se modifican las propiedades de reproduccin de la pelcula. Reproducir, Rebobinar, Probar Pelcula .... Ventana: Este men, adems de las opciones clsicas acerca de cmo distribuir las ventanas, incluye accesos directos a TODOS los Paneles. Ayuda: Desde aqu podemos acceder a toda la ayuda que nos ofrece Macromedia, desde el manual existente, hasta el diccionario de Action Script, pasando por tutoriales, lecciones guiadas etc... Para practicar estas operaciones te aconsejamos realizar Ejercicio Crear Guas
Ejercicio. Unidad 3.

La

Barra

de

Crear Gua de Dibujo. Cuadrculas

Objetivo. Crear una cuadrcula que quedar visible al fondo del fotograma (posteriormente no saldr en la pelcula) y que nos servir como gua para poder dibujar objetos de forma exacta y precisa. Ejercicio paso a paso. 1 Pulsa en el men Archivo. 2 Selecciona la opcin Nuevo. 3 Aparecer una nueva pelcula. Si deseas crear la cuadrcula sobre una pelcula ya empezada, sltate los 2 primeros pasos. 4 Selecciona la opcin Cuadrcula del men Ver. 5 Se desplegar un submen como el de la figura. 6 Selecciona la opcin Mostrar Cuadrcula para hacerlo visible. 7 Selecciona la opcin Editar Cuadrcula para ajustar los parmetros de la cuadrcula a tu gusto (tamao, color de fondo...) 8 Selecciona la opcin Ajustes Ajustar a Cuadrcula del men Ver para que los objetos que crees se acomoden a las lneas de la cuadrcula, consiguiendo alinearlos de un modo fcil.

Unidad 3.

El Entorno de Trabajo (II)

La Lnea de Tiempo La Lnea de Tiempo representa una forma de ver los fotogramas de modo simplificado. Consta de 2 partes. 1) Los Fotogramas (frames) que vienen delimitados por lneas verticales (formando rectngulos) 2) Los Nmeros de Fotograma que permiten saber qu nmero tiene asignado cada fotograma, cunto dura o cundo aparecer en la pelcula.

Adems, en la parte inferior hay herramientas para trabajar con Papel cebolla e informacin sobre el Nmero de Fotograma actual (1 en la imagen), la Velocidad de los Fotogramas (12.0 en la imagen) y el Tiempo de pelcula transcurrido (0.0s en la imagen). A nivel conceptual, la Lnea de Tiempo representa la sucesin de Fotogramas en el tiempo. Es decir, la pelcula Flash no ser nada ms que los fotogramas que aparecen en la Lnea de tiempo uno detrs de otro, en el orden que establece la misma Lnea de tiempo. Para saber ms acerca de la Lnea de Tiempo y de los distintos tipos de fotogramas que existen visita nuestra Pgina Avanzada Las Capas El concepto de Capa es fundamental para manejar Flash de forma eficiente. Dada la importancia de estas, se le dedicar un tema completo. An as, veamos a grandes rasgos qu son las capas. Una Capa se puede definir como una pelcula independiente de un nico nivel. Es decir, una capa contiene su propia Lnea de Tiempo (con infinitos fotogramas). Los objetos que estn en una determinada capa comparten fotograma y por tanto, pueden "mezclarse" entre s. Esto es interesante a menudo, pero otras veces es conveniente separar los objetos de modo que no interfieran entre s. Para ello, crearemos tantas capas como sea necesario. El uso de mltiples capas adems, da lugar a pelculas bien ordenadas y de fcil manejo (es conveniente colocar los sonidos en una capa independiente llamada "Sonidos", por ejemplo). Las ventajas y desventajas de usar capas se ver en el Tema 8. El rea de Trabajo

El rea de trabajo consta de numerosas partes, vemoslas: La parte ms importante es el Escenario, sobre el escenario dibujaremos y colocaremos los diferentes elementos de la pelcula que estemos realizando. El escenario tiene unas propiedades muy importantes, ya que coinciden con las Propiedades del documento. Para acceder a ellas, hagamos clic con el botn derecho sobre cualquier parte del escenario en la que no haya ningn objeto y despus sobre Propiedades del documento: Aade metadatos a tus archivos para una mejor inclusin de estos en los motores de busqueda rellenando los campos de Ttulo y Descripcin. Dimensiones: Determinan el tamao de la pelcula. El tamao mnimo es de 1 x 1 px (pxeles) y el mximo de 2880 x 2880 px. Coincidir: Provocan que el tamao de la pelcula coincida con el botn seleccionado (tamao por defecto de la Impresora, Contenidos existentes o los elegidos como Predeterminados) Color de Fondo: El color aqu seleccionado ser el color de fondo de toda la pelcula. Veloc. Fotogramas: O nmero de fotogramas por segundo que aparecern en la pelcula. Unidades de Regla: Unidad que se emplear para medir las cantidades. Transformar en predeterminado: Este botn, propio de la nueva versin de Flash, permite almacenar las propiedades del documento actual y aplicarlas a todos los documentos nuevos que se creen desde ese instante en adelante. Estas propiedades por supuesto podrn ser alteradas desde este panel cuando se desee.

Para practicar estas operaciones te aconsejamos realizar Ejercicio Cambiar Propiedades de la Pelcula

Ejercicio. Unidad 3.

Cambiar Propiedades de la

Pelcula Objetivo. Practicar cmo se pueden cambiar algunos atributos fundamentales de las pelculas. Ejercicio paso a paso. 1 Haz clic con el botn derecho sobre el fondo de la pelcula. 2 Selecciona Propiedades del Documento. 3 En Unidades de Reglas selecciona Centimetros. 4 A continuacin selecciona Dimensiones y escribe en las casillas Anchura 22.46 y en Altura 16.84. 5 Pulsa en Aceptar y observa cmo cambia el tamao. Estas medidas equivalen a las standard 640 x 480 px.

Unidad 3.

El Entorno de Trabajo (III)

Las Vistas o Zooms La Herramienta Lupa se emplea para acercar o alejar la vista de un objeto, permitiendo abarcar ms o menos zona del Entorno de Trabajo. Cada vez que hagamos clic en la Lupa duplicaremos el porcentaje indicado en el Panel Zooms. Panel Zooms: Son un conjunto de accesos directos a Submens existentes en el Men Ver. Son muy tiles y ayudan a acelerar el trabajo cuando se emplean correctamente. Para saber ms acerca de los Zooms visita nuestra Pgina Bsica Los Paneles Los Paneles son conjuntos de comandos agrupados segn su funcin (por ejemplo, todo lo que haga referencia a las acciones, ir en el Panel "Acciones"). Su misin es simplificar y facilitar el uso de los comandos. Todos ellos se estudiarn en profundidad a lo largo del curso. An as, vamos a nombrarlos y a resumir las funciones de la mayora de ellos. Panel Alinear: Coloca los objetos del modo que le indiquemos. Muy til. Panel Mezclador de Colores: Mediante este panel creamos los colores que ms nos gusten. Panel Muestras de Color: Nos permite seleccionar un color de modo rpido y grfico. (Incluidas nuestras creaciones). Panel Informacin: Muestra el tamao y las coordenadas de los objetos seleccionados, permitindonos modificarlas. Muy til para alineaciones exactas. Panel Escena: Modifica los atributos de las escenas que usemos. Si an no sabes lo que son las Escenas, te lo explicamos en nuestro tema bsico Panel Transformar: Ensancha, encoge, gira ... los objetos seleccionados. Panel Acciones: De gran ayuda para emplear Action Script y asociar acciones a nuestra pelcula. Panel Comportamientos: Permiten asignar a determinados objetos una serie de caractersticas (comportamientos) que despus podrn almacenarse para aplicarse a otros objetos de forma rpida y eficaz. Panel Componentes: Nos permite acceder a los Componentes ya construidos y listos para ser usados que nos proporciona Flash. Los componentes son objetos "inteligentes" con propiedades caractersticas y muchas utilidades (calendarios, scrolls etc...) Panel Cadenas: Mediante este panel Flash 8 aporta soporte multi-idioma a nuestras pelculas. Panel Respuestas: Macromedia pone a nuestra disposicin ayuda y consejos accesibles desde este panel. Panel Propiedades: Sin duda, el panel ms usado y ms importante. Nos muestra las propiedades del objeto seleccionado en ese instante, color de borde, de fondo, tipo de trazo, tamao de los caracteres, tipografa, propiedades de los objetos (si hay interpolaciones etc...), coordenadas, tamao etc... Es fundamental, no debeis perderlo de vista nunca. Panel Explorador de Pelculas: Nos permite acceder a todo el contenido de nuestra pelcula de forma fcil y rpida Para practicar estas operaciones te aconsejamos realizar Ejercicio Acceder a los Paneles
Ejercicio. Unidad 3.

Abrir Paneles

Objetivo. Abrir los Paneles de Carcter y el de Trazo y seleccionar uno. Ejercicio paso a paso. 1 Pulsa en el men Ventana. 2 Selecciona la opcin Muestras de Color, si ya tuviera una seal junto al nombre del Panel, significa que ya est abierto. Sino, haz clic sobre l. 3 Ahora selecciona el color verde de dicho panel, observa que al acercar el cursor, ste tomar la forma de la herramienta cuentagotas (que serva para seleccionar un color). 4 Todo lo que dibujemos de ahora en adelante, ser de color verde (podemos usar este mecanismo para cambiar el color de relleno o el color del trazo) Ejercicios del Tema 3. Prueba evaluativa del Tema 3.

Ejercicios Tema 3: El

Entorno de Flash 8

Ejercicio 1: Crear una Pelcula a nuestro gusto Crea una pelcula que tenga las siguientes propiedades: 1 Un tamao de 300 x 100 px 2 Un color de fondo rojo 3 Un Velocidad de los Fotogramas de 14 fps

Ejercicio 2: Estructurar una Pelcula 1 Abre una nueva pelcula 2 Crea 2 Escenas y llmalas E1 y E2 3 Crea 2 capas en cada una. 4 Llmalas E1_1, E1_2 y E2_1, E2_2 Ejercicio 3: Creando Fotogramas

1 Crea en una pelcula nueva 3 fotogramas clave 2 Crea 3 fotogramas normales, cada uno asociado a un fotograma clave distinto Ejercicio 4: Identificando Fotogramas 1 Dada la siguiente pelcula

Identifica todos los tipos de fotogramas existentes y a qu tipo pertenecen. Recuerdas para qu sirve cada uno?

Ejercicio 5: Paneles 1 Abre el Panel Mezclador de Color. 2 Abre el Panel Acciones. 3 Abre el Panel Alinear. 4 Cierra el Programa Flash 8 5 Vuelve a abrirlo. Qu notas? Si no tienes muy claro las operaciones a realizar, Aqu te ayudamos.

Ayuda Ejercicios Tema 3:

El Entorno de Flash 8

Ejercicio 1: Crear una Pelicula a nuestro gusto El apartado 1 nos propone cambiar las dimensiones del Escenario: 1 Hacemos clic con el botn derecho y pulsamos sobre Propiedades del Documento. 2 Pulsamos sobre la pestaa Unidades de Regla y seleccionamos Pxeles (px) 3 Introducimos las medidas pedidas (300 x 100) en Dimensiones. El apartado 2 nos propone cambiar el color de fondo del Escenario: 1 Hacemos clic con el botn derecho y pulsamos sobre Propiedades del Documento 2 Pulsamos sobre la pestaa Color de fondo, el puntero se convertir en un "cuentagotas". 3 Seleccionamos el color pedido. El apartado 3 nos propone aumentar la velocidad de reproduccin de la pelcula 1 Hacemos clic con el botn derecho y pulsamos sobre Propiedades del Documento.

2 En Veloc. Fotogramas escribe 14 fps. El resultado debe ser un rectngulo rojo con las medidas propuestas. Ejercicio 2: Estructurar una Pelcula Vamos a crear la pelcula pedida y a estructurarla tal y como piden 1 Abrimos una nueva Pelcula desde el men Archivo Nuevo 2 Accedemos al Panel Escena desde Ventana Otros Paneles Escena 3 Creamos una nueva Escena pulsando sobre el signo 4 Les cambiamos los nombres haciendo doble clic en sus nombres actuales Ahora falta crear el nmero de capas pedido. 1 Seleccionamos la Escena E1 en el Panel Escena 2 Creamos otra capa ms, pulsando el signo .

3 Les cambiamos los nombres a las 3 capas haciendo doble clic en sus nombres actuales (por defecto Capa 1 y Capa 2) Seleccionamos la Escena E2 en el Panel Escena y repetimos los pasos anteriores del 2 al 3. El Panel Escena debera quedar Y as las Capas: as: Prueba Evaluativa Tema 3: El entorno de Flash 8 Solo una respuesta es vlida por pregunta. Haz clic en la respuesta que consideres correcta. Contesta todas las preguntas y haz clic en el botn Corregir para ver la solucin. Si pulsas Restablecer podrs repetir la evaluacin. 1. Flash 8 fue concebido para crear pginas web estndares. a) Verdadero. b) Falso. 2. El manejo de Flash requiere unos amplios conocimientos de programacin, necesarios para crear animaciones vistosas. a) Verdadero. b) Falso.

3.

Los fotogramas de la imagen podran intercambiarse sin que se notase. a) Verdadero. b) Falso.

4. Flash no puede trabajar con textos, slo trabaja con grficos. a) Verdadero. b) Falso. 5. Cul de estas 3 afirmaciones es correcta?. a) Para cambiar el color de fondo de la pelcula hay que hacerlo fotograma a fotograma. b) Para cambiar el fondo de la pelcula basta modificar el valor Color de Fondo en el Panel Propiedades de Pelcula. c) Para cambiar el color de fondo se pinta cada fotograma con el pincel y luego se hace todo lo dems encima. 6. Cul de las siguientes afirmaciones es falsa?. a) Desde el Panel Info se puede cambiar el color de relleno de un objeto. b) Para girar un objeto 90, debera ir al Panel Transformar. c) Los Zooms permiten acercar o alejar los objetos. 7. Si creo una pelcula Flash y aado la Escena 2 y luego la Escena 3. El orden de ejecucin de las escenas ser el mismo que se emple para crearlas. a) Verdadero. b) Falso. 8. Si en el Panel Zoom pone 50%, quiere decir que lo veo todo ms grande que cuando pone 75%. a) Verdadero. b) Falso.

9. Los fotogramas de las dos imgenes se diferencian en que en unos hay objetos y en los otros no. a) Verdadero. b) Falso.

10. Los fotogramas de la imagen tienen asociadas acciones, por eso se les marca con una bandera roja. a) Verdadero. b) Falso.

Unidad 4.

Dibujar y Colorear (I)

El Dibujo en Flash 8 Cuando se disea una pgina web o una animacin el diseador pasa por muchas fases. Tras la fase de "Qu quiero crear y cmo va a ser" viene (normalmente) la fase de diseo grfico. Llevar lo que ha producido tu imaginacin al papel (en este caso al papel de Flash). No conviene engaarnos, Flash no es un programa de diseo grfico, pero su potencia en este mbito es casi tan grande como la de stos programas. Vamos a ver cmo emplear cada herramienta de dibujo para sacarle el mximo partido. La Barra de Herramientas. Herramientas Bsicas.

La Barra de Herramientas contiene todas las Herramientas necesarias para el dibujo. Veamos cules son las ms importantes y cmo se usan: Herramienta Seleccin (flecha): . Es la herramienta ms usada de todas. Su uso principal es para seleccionar objetos. permite seleccionar los bordes de los objetos, los rellenos (con un slo clic), los bordes (con doble clic), zonas a nuestra eleccin... Adems, su uso adecuado puede ahorrarnos tiempo en el trabajo. Herramienta Lnea: Permite crear lneas rectas de un modo rpido. Las lneas se crean como en cualquier programa de dibujo, se hace clic y se arrastra hasta donde queramos que llegue la lnea recta. Una vez creada la podemos modificar sin ms que seleccionar situar el cursor encima de los extremos para estirarlos y en cualquier otra parte cercana a la recta para curvarla. Herramienta Texto: Crea un texto en el lugar en el que hagamos clic. Sus propiedades se vern en el tema siguiente. Herramienta valo: La herramienta valo permite trazar crculos o elipses de manera rpida y sencilla. Para practicar el manejo de esta Herramienta, te aconsejamos realizar Ejercicio Crear valo

Ejercicio. Unidad 4.

Crear un valo

Objetivo. Crear una valo con las medidas y la forma que queramos Ejercicio paso a paso. 1 Pulsa sobre la Herramienta valo Herramientas. que se encuentra en la Barra de

2 Situa el cursor del ratn en el Escenario (dentro del fotograma actual). 3 Haz clic y arrastra el ratn hacia el lugar que desees. Observars que el movimiento de tu ratn provoca la creacin de un valo (figura 1). Cuando el valo tenga la forma deseada, suelta el ratn. El resultado ser similar al de la figura 2.

Figura1

Figura 2

Truco: Si quieres crear un crculo perfecto, mantn pulsada la tecla SHIFT mientras das forma al valo. (Sucede igual con la Herramienta Rectngulo)

Para practicar el manejo de esta Herramienta, te aconsejamos realizar Ejercicio Dar color a un valo

Ejercicio. Unidad 4.

Crear un valo

Objetivo. Crear una valo con las medidas y la forma que queramos Ejercicio paso a paso. 1 Pulsa sobre la Herramienta valo Herramientas. que se encuentra en la Barra de

2 Situa el cursor del ratn en el Escenario (dentro del fotograma actual). 3 Haz clic y arrastra el ratn hacia el lugar que desees. Observars que el movimiento de tu ratn provoca la creacin de un valo (figura 1). Cuando el valo tenga la forma deseada, suelta el ratn. El resultado ser similar al de la figura 2. Truco: Si quieres crear un crculo perfecto, mantn pulsada la tecla SHIFT mientras das forma al valo. (Sucede igual con la Herramienta Rectngulo) Figura1 Figura 2

Herramienta Rectngulo: Su manejo es idntico al de la Herramienta valo, tan solo se diferencian en el tipo de objetos que crean. Herramienta Lpiz: Es la primera Herramienta de dibujo propiamente dicho. Permite dibujar lneas con la forma que decidamos, modificando la forma de estas a nuestro gusto. El color que aplicar esta Herramienta se puede modificar, bien desde el Panel Mezclador de Colores o bien desde el subpanel

Colores que hay en la Barra de Herramientas. Herramienta Brocha: Su funcionalidad equivale a la del lpiz, pero su trazo es mucho ms grueso. Se suele emplear para aplicar rellenos. Se puede modificar su grosor y forma de trazo. Herramienta Cubo de Pintura: Permite aplicar rellenos a los objetos que hayamos creado. Al contrario que muchos otros programas de dibujo, no permite aplicar rellenos si la zona no est delimitada por un borde. El color que aplicar esta Herramienta se puede modificar, bien desde el Panel Mezclador de Colores o bien desde el subpanel Colores que hay en la Barra de Herramientas. Herramienta Borrador: Su funcionamiento es anlogo a la Herramienta Brocha. Pero su funcin es la de eliminar todo aquello que "dibuje". La Barra de Herramientas. Herramientas Avanzadas. Herramienta Lazo: Su funcin es complementaria a la de la Herramienta Flecha, pues puede seleccionar cualquier cosa, sin importar la forma, (la Herramienta Flecha slo puede seleccionar objetos o zonas rectangulares o cuadradas). En contrapartida, la Herramienta Lazo no puede seleccionar rellenos u objetos (a menos que hagamos la seleccin a mano). Al seleccionar esta Herramienta, en el Panel Opciones aparecen estas imgenes: . Esto, es la Herramienta Varita Mgica, tan popular en otros programas de dibujo. Permite hacer selecciones segn los colores de los objetos. El tercer dibujo que aparece es este: permite hacer selecciones poligonales. Herramienta Pluma: Crea polgonos (y por tanto rectas, rectngulos...) de un modo sencillo. Mucha gente encuentra esta herramienta complicada, aunque es una de las ms potentes que ofrece Flash. Su empleo consiste en hacer clic en los lugares que queramos definir como vrtices de los polgonos, lo que nos asegura una gran precisin. Para crear curvas, hay que sealar los puntos que la delimitan y posteriormente trazar las tangentes a ellas. Con un poco de prctica se acaba dominando. Herramienta Subseleccionador: Esta Herramienta complementa a la Herramienta Pluma, ya que permite mover o ajustar los vrtices que componen los objetos creados con dicha herramienta. Herramienta Bote de Tinta: Se emplea para cambiar rpidamente el color de un trazo. Se aplica sobre objetos, si tienen borde, cambia al color mostrado de dicho borde, por el mostrado en el Panel Mezclador de Colores (que coincide con el subpanel Colores que hay en la Barra de Herramientas.) Herramienta Cuentagotas: Su misin es "Capturar" colores para que posteriormente

podamos utilizarlos. Para ver cmo funciona, aconsejamos ver la siguiente animacin:

Unidad 4.

Dibujar y Colorear (II)

La Barra de Herramientas. Opciones Algunas Herramientas poseen unas opciones especiales que facilitan y potencian su uso. Para acceder a estas utilidades, a veces no basta con hacer clic en la Herramienta correspondiente. La forma de acceder a este Submen consiste en hacer clic en la lnea o en el objeto que has dibujado. Entonces aparecer (o se iluminar si ya estaba presente) un submen como este: Ajustar a Objetos : Se usa para obligar a los objetos a "encajar" unos con otros, es decir, para que en caso de ser posible, sus bordes se superponga, dando la sensacin de estar "unidos". Suavizar: Convierte los trazos rectos en lneas menos rgidas.

Enderezar: Realiza la labor inversa. Convierte los trazos redondeados en ms rectilneos. El Panel Mezclador de Colores El Panel Mezclador de Colores, como su nombre indica se usa para fabricar nuestros propios colores y para seleccionar los que ms nos gusten. Para seleccionar un color determinado, bastar con hacer clic en las pestaas que se encuentran junto a los iconos de las Herramientas de Lpiz y de Bote de Pintura. (Si queremos modificar el color de un borde, pulsaremos sobre la pestaa que est junto a la Herramienta Lpiz y si queremos modificar un relleno, haremos clic en la pestaa que est junto a la Herramienta Bote de Pintura.) Al hacerlo aparecer un Panel con multitud de colores para que seleccionemos el que ms nos gusta. Tambin permite introducir el cdigo del color segn el standard que establece el HTML. Tambin se puede determinar el tipo de relleno que aplicaremos a los objetos creados (mediante la Herramienta Bote de Pintura). Se pueden crear diferentes tipos de Rellenos Slido: Consiste en un relleno formado por un solo color.

Degradado Lineal: Es un tipo especial de relleno, de modo que un color se degrada hasta convertirse en otro. Puede ir de arriba abajo o de un lado al otro Degradado Radial: Es igual que el anterior, pero los degradados tiene forma circular. Mapa de Bits: Permite colocar como relleno alguna imagen existente en la pelcula (O ajena a ella si antes se "importa") Para aprender a crear un color transparente (semitransparente), realiza el Ejercicio Crear Color Transparente
Ejercicio. Unidad 4.

Creando un color

transparente Objetivo. Crear un objeto cuyo color sea transparente, de modo que se vean los objetos que haya detrs Ejercicio paso a paso. 1 Creamos un rectngulo con la Herramienta Rectngulo. 2 El Color de relleno del rectngulo creado ser el que est en ese momento seleccionado en el Panel Mezclador de Colores. Por ejemplo, el azul. 3 Una vez creado, seleccionamos Rectngulo Ahora con el relleno del Rectngulo y Azul Transparencia modificamos el valor Alfa. Por ejemplo, escribimos un valor de 45%. Si situamos otra imagen detrs de nuestro rectngulo (en otra capa), podemos ver cmo queda el efecto de la transparencia sobre nuestro relleno

El Panel Muestras de Color El Panel Muestras de Color sirve para poder ver de un modo rpido y claro los colores de que disponemos, tanto slidos (un solo color) como degradados (lineales o radiales). Adems, cuando creemos un color mediante el Panel Mezclador de Colores, podremos agregarlo a nuestro conjunto de muestras mediante Agregar Muestra (que se encuentra en un men desplegable en la parte superior derecha del Panel Mezclador de Colores). Una vez est agregado el color, pasar a estar disponible en nuestro conjunto de muestras y podremos acceder a l rpidamente cada vez que trabajemos con nuestra pelcula. Cada pelcula tiene su propio conjunto de muestras y cada vez que la abramos para editarla, podremos usar las muestras que tenamos la ltima vez que trabajamos con dicha pelcula. Ejercicios del Tema 4 Prueba evaluativa del Tema 4 .

Ejercicios Tema 4: Dibujando

Ejercicio 1: Bandera Olmpica 1 Dibuja 5 aros. 2 Cmbiales los colores. Por ejemplo, los colores de la bandera olmpica (Azul, negro, rojo, amarillo y verde) 3 nelos de modo que parezcan los aros olmpicos. Ejercicio 2: Saturno 1 Dibuja un valo 2 Convierte su color de relleno un degradado de verde oscuro a verde claro (por ejemplo). 3 Crea el aro que le rodea. 4 ne los 2 objetos para que parezca el planeta Saturno

Si no tienes muy claro cmo realizarlo, Aqu te ayudamos.

Ayuda Ejercicios Tema 4:

Dibujando en Flash 8

Ejercicio 1: Los Aros Olmpicos Vamos a dibujar los aros olmpicos. 1 Seleccionamos la Herramienta valo. 2 Trazamos 5 valos, para que sean perfectamente circulares, mantenemos pulsada la tecla Shift. 3 Una vez estn dibujados, seleccionamos el relleno de cada valo y pulsamos la tecla Suprimir para eliminarlo. (Igualmente podamos haber seleccionado el color "ninguno" y posteriormente creado los valos que hubieran aparecido sin color de fondo) 4 Ahora seleccionamos los bordes de cada aro y le damos el color que queramos seleccionndolo en el Panel Mezclador de Colores. 5 Ahora mueve cada aro hasta la posicin deseada. Para mover un objeto, selecciona la Herramienta Seleccin, haz clic en el aro que quieras mover y arrstralo. Ejercicio 2: Saturno Vamos a dibujar un planeta parecido a Saturno 1 Seleccionamos la Herramienta valo. 2 Creamos un valo 3 Eliminamos el borde, para ello, hacemos clic en l y pulsamos la tecla Suprimir. 4 Seleccionamos el Relleno del valo y abrimos el Panel Relleno.

5 Seleccionamos la opcin Degradado Radial. 6 Pulsamos en y seleccionamos los colores que deseemos, (podemos aadir tantos colores como queramos y probar su efecto). 7 Dibujamos el anillo de saturno, por ejemplo creando otro valo con la forma adecuada. 8 Tenemos que cambiar la forma de uno de los 2 para que tenga la forma deseada. Por ejemplo, borramos parte del planeta como en la imagen.

9 Solapamos los 2 objetos dibujados, de modo que formen el dibujo que queramos.

Prueba Evaluativa Tema 4: Dibujar Solo una respuesta es vlida por pregunta. Haz clic en la respuesta que consideres correcta. Contesta todas las preguntas y haz clic en el botn Corregir para ver la solucin. Si pulsas Restablecer podrs repetir la evaluacin. 1. El panel que contiene las utilidades necesarias para dibujar, pintar, etc se llama Barra de Herramientas. a) Verdadero. b) Falso. 2. Flash 8 trabaja con colores puros de alta definicin, lo que imposibilita su mezcla y por tanto el uso de ms de 256 colores. a) Verdadero. b) Falso. 3. Flash dispone del efecto Alfa, que aade transparencia a los colores. Efecto muy atractivo y vistoso. a) Verdadero. b) Falso.

4. Las herramientas y tienen la misma funcin, salvo que la primera se emplea para objetos coloreados y la segunda para objetos sin color. a) Verdadero. b) Falso. 5. La herramienta Lazo es capaz de seleccionar formas y trazados no posibles con la herramienta Seleccin. a) Verdadero. b) Falso. 6. La herramienta Cubo de pintura se emplea nicamente para dar color al fondo de

las pelculas. a) Verdadero. b) Falso. 7. El Panel de colores se emplea para crear nuestros propios colores, mezclarlos a nuestro gusto y aadirles efectos tales como el Alfa. a) Verdadero. b) Falso. 8. La herramienta Cuentagotas sirve para contar el nmero de colores diferentes que contiene una imagen. a) Verdadero. b) Falso. 9. Las herramientas brocha. a) Verdadero. b) Falso. 10. Es posible en Flash 8 crear un color de relleno a partir de una imagen de mapa de bits previamente importada a nuestra pelcula. a) Verdadero. b) Falso. y se diferencian en que el lpiz dibuja ms fino que la

Unidad 5.

Trabajar con Textos (I)

Comenzando Flash abarca todo aquello que nos pueda hacer falta a la hora de crear una animacin, y por tanto, tambin todo aquello relativo a los textos. Sin embargo, Flash fue concebido para crear animaciones grficas, de modo que tratar cualquier texto como si de un objeto ms se tratase, listo para ser animado a nuestro gusto. Esto nos permitir posteriormente animar textos y crear espectaculares animaciones con muy poco esfuerzo. Flash distigue entre 3

tipos de texto, texto esttico o normal, texto dinmico y texto de entrada (para que el usuario introduzca sus datos, por ejemplo), tambin se puede crear texto que soporte formato HTML etc... Propiedades de los Textos Para poder escribir, deberemos hacer clic en la Herramienta Texto y posteriormente en el punto del escenario en el que queramos empezar a escribir. Para saber ms acerca de Cmo escribir textos visita nuestra Pgina Avanzada El Panel Propiedades contiene las principales propiedades de todos los objetos que empleemos durante nuestra pelcula, de modo que si seleccionamos un texto, podremos ver en l todo lo que nos hace falta conocer sobre nuestro texto. Si tenemos experiencia usando Flash 5, notaremos que todas las propiedades que antes se encontraban en los Paneles Carcter y Prrafo, se encuentran agrupadas ahora en el Panel Propiedades.

Panel Propiedades

Veamos a fondo el Panel Propiedades: Fuente: Desde aqu, al igual que en los editores de texto ms comunes podemos seleccionar el tipo de letra o "fuente" que ms nos guste. Altura: Determina el espaciado entre los caracteres. til cuando la tipografa que empleamos muestra las letras muy juntas o para dar efectos concretos al texto. Direccin del Texto: Cambia la orientacin del texto de horizontal a vertical, tanto de izquierda a derecha como de derecha a izquierda. Ajuste automtico entre caracteres: Activar esta casilla provoca que la separacin entre caracteres se realice de modo automtico. Posicin: (o dejarlo normal). Nos permite convertir nuestro texto en subndices o en superdices

URL: Si queremos que al pulsar sobre nuestro texto, el usuario vaya a una direccin web, nada ms fcil que escribirla ah. Flash la asociar al texto que ests escribiendo en ese momento. Destino: Determina si la URL a la que el texto hace referencia se cargar en la misma ventana del navegador, en una nueva ... Tipo de Lnea: Si el texto que vamos a incluir es dinmico (de lo

contrario aparece sin activar), esta opcin nos permite determinar cmo queremos que aparezcan las lneas (lnea nica, multilnea o multilnea sin ajuste). Configuracin: Son las clsicas opciones que permiten convertir el texto en Negrita (B), Cursiva (I), cambiar el color del texto y el tamao.

Otras Propiedades: Dado que Flash trata los textos como objetos, stos tambin tienen anchura, altura y coordenadas. Podemos modificarlos a nuestro gusto, pero debemos tener en cuenta que los caracteres no deben estirarse sin motivo, pues las tipografas son una parte muy importante y deben respetarse. Un Prrafo no es ms que un conjunto de caracteres con propiedades comunes a todos ellos. Estos prrafos admiten ciertas opciones que nos permiten trabajar con bloques de texto. El Panel Propiedades nos proporciona las siguientes opciones para trabajar con prrafos (entre otras). A la Izquierda: Todas las lneas empezarn tan a la izquierda como sea posible (dentro del recuadro de texto que hayamos definido). Centrar: Las lneas se distribuyen a la derecha y a la izquierda del punto medio del Prrafo. A la derecha: Todas las lneas empezarn tan a la derecha como sea posible (dentro del recuadro de texto que hayamos definido). Justificado: El texto se ensancha si es necesario con tal de que no quede "dentado" por ninguno de sus lmites. El resto de opciones nos permiten determinar los mrgenes (izquierdo y derecho), los sangrados de prrafo y el espacio interlineal.

Unidad 5.

Trabajar con Textos (II)

Tipos de Textos Como ya hemos comentado, Flash distingue entre diversos tipos de textos y les da un tratamiento especial, segn el tipo que sean. Todos los tipos de textos responden a las propiedades comentadas en los puntos anteriores, y es en el Tipo de texto en lo que se diferencian. El tipo de texto se puede modificar desde el Panel Propiedades sin ms que haciendo clic sobre la pestaa Tipo de texto: Texto Esttico El Texto Esttico se caracteriza por no presentar ningn cambio a lo largo de la animacin. Es importante que no confundamos la palabra "esttico" con que el texto no se mueva o malinterpretemos la frase "es el texto que no presenta cambios a lo largo de la animacin". Lo que queremos decir es que no cambia el contenido del recuadro de texto, es decir, que el texto puede estar animado (girar, cambiar de color...) y sin embargo ser esttico. As, un recuadro de texto en el que pone "Aprende Flash 8" durante toda la pelcula, es esttico, aunque dicho texto cambie de posicin, forma o color. Sin embargo, si en ese mismo recuadro de texto pasa a poner "Con este Curso", este recuadro de texto NO es esttico. Se insistir en este punto en los ejercicios de evaluacin. Los textos estticos slo tienen 2 propiedades extras: Usar Fuentes del Dispositivo: Esta opcin permite que la pelcula Flash emplee las Fuentes que tenga instaladas el usuario que ve la pelcula en su ordenador. Si dicho usuario dispone de las fuentes que hemos utilizado en la pelcula, la ver exactamente como queremos que la vea, pero si no las tiene, Flash emplear la fuente que ms se le parezca. Esto muchas veces lleva a que el resultado final (el que ve el usuario) no se parezca al que pretendamos, por lo que suele ser conveniente mantener esta opcin sin seleccionar, aunque esto conlleve un mayor tamao de la pelcula final. Seleccionable: Con esta opcin activada el usuario podr seleccionar los textos que aparezcan en la pelcula (cortarlos, copiarlos...) Actvala si lo crees conveniente. Texto Dinmico El Texto Dinmico en contraposicin al esttico s que puede cambiar su contenido (adems de estar animado). Su uso es bastante ms complejo que el del Texto Esttico, ya que cada recuadro de texto Dinmico puede ser una variable modificable mediante ActionScript, esto quiere decir que los valores y propiedades de este tipo de textos se pueden modificar mediante programacin, lo que nos saca del objetivo de este curso. Un uso comn que suelen tener es el de representar los textos introducidos mediante Textos de Entrada (ver siguiente punto). Tienen multitud de propiedades, accesibles desde el Panel Propiedades, se puede decidir el nmero de lneas que van a tener, se puede introducir texto HTML, se puede aadir fcilmente un borde al texto o dar nombre a la variable que represente al texto Dinmico.

Texto de Entrada

El Texto de Entrada tiene bsicamente las mismas propiedades que el Texto Dinmico, junto con algunas propias de un tipo de texto orientado a la introduccin de datos por parte de usuario, como por ejemplo el nmero mximo de lneas que puede introducir en ese campo de texto o si queremos que lo que el usuario escriba en dicho campo aparezca como asteriscos (para las contraseas). Evidentemente este tipo de texto se reflejar en nuestra pelcula como un recuadro de texto SIN contenido, ya que lo deber introducir el usuario. Como hemos mencionado antes, este tipo de texto se puede combinar con el Texto Dinmico.

En esta animacin (avanzada) podeis ver cmo:

Y este es el resultado final: Para aprender a cambiar el tipo de texto, te aconsejamos realizar Ejercicio Cambiar tipo de texto

Ejercicio. Unidad 5.

Cambiar el Tipo de Texto

Objetivo. Crear un texto cualquiera y asignarle el Tipo que ms nos interese. Ejercicio paso a paso. 1 Hacemos clic en la Herramienta Texto y despus en el escenario.

2 Veremos esta imagen Si deseamos crear texto Esttico, basta con escribir dentro, de lo contrario, deberemos seguir los siguientes pasos: 3 Hacemos clic en el Propiedades, si es que tenamos minimizado este Panel. 4 Una vez podamos ver el Panel seleccionamos la Pestaa en la que pondr el tipo de texto y elegimos el tipo de texto que queramos. Veremos que, al hacer clic fuera del texto, cambia la lnea que rodea al recuadro de texto, pasando a ser discontnua y no desapareciendo aunque no escribamos nada dentro. (Los textos estticos desaparecen si no escribes nada y haces clic en cualquier lugar del escenario). Esto es lgico, ya que los textos Dinmicos y los de entrada no tienen porque tener "contenido"

Panel Propiedades

Flash permite crear animaciones de texto tan interactivas como las que pueden crear con imgenes (ya hemos visto lo sencillo que es convertir un texto en un enlace a otra pgina web). An as, crear animaciones con textos, que sobrepasen a las que Flash incorpora por defecto (colores, transparencias, brillos, rotaciones, movimientos o combinaciones de estos) puede resultar un trabajo de muchsimas horas y mucha paciencia. Los resultados son increbles, pero puede resultar recomendable en estos casos usar algunos programas diseados con este objetivo. Entre otros destacan el Swish, el FlaX o el MiX-Fx, con ellos podrs crear efectos de texto asombrosos en pocos minutos, aunque no podrs gozar del entorno de Flash 8 ni podrs emplear el resto de herramientas de que dispone. Podeis poner a prueba vuestros conocimientos realizando la:

Prueba Evaluativa Tema 5: Textos Solo una respuesta es vlida por pregunta. Haz clic en la respuesta que consideres correcta. Contesta todas las preguntas y haz clic en el botn Corregir para ver la solucin. Si pulsas Restablecer podrs repetir la evaluacin. 1. Flash 8 no puede trabajar con textos, ya que es un programa para realizar animaciones grficas. a) Verdadero. b) Falso. 2. Flash nos permite escribir nuestros textos empleando cualquier fuente que tengamos instalada en nuestro ordenador. a) Verdadero. b) Falso. 3. Flash incluye opciones para sus textos ms propias de CSS que de HTML, como por ejemplo, sangrados de prrafo, espacios entre caracteres... a) Verdadero.

b) Falso. 4. Flash es el nico programa que crea animaciones de texto fcilmente. a) Verdadero. b) Falso. 5. Cul de estas 3 afirmaciones es correcta?. a) Un texto esttico no puede cambiar de posicin durante toda la pelcula. b) Un texto esttico no puede cambiar de posicin mientras duren los fotogramas en los que est incluido. c) Un texto esttico puede cambiar de posicin sin que por ello deje de ser esttico. 6. Cul de las siguientes afirmaciones es falsa?. a) Los textos Dinmicos sirven, entre otras cosas, para mostrar datos al usuario introducidos desde otros campos de texto. b) A los textos de entrada se les debe desactivar la opcin Borde, sino, pasan a ser textos Dinmicos. c) Los textos de entrada leen cadenas de caracteres introducidas por el usuario y pueden almacenarlas en variables que podremos usar despus. 7. Es posible modificar el tamao de la caja de texto de entrada "tirando" de cualquiera de los cuadrados que podemos encontrar en las cuatro esquinas del objeto. a) Verdadero. b) Falso.

8. Los textos de entrada y los dinmicos pueden ser modificados a voluntad por el usuario siempre. a) Verdadero. b) Falso.

Unidad 6.

Trabajar con Sonidos (I)

Comenzando Quin sera capaz de ver una pelcula muda? Y una animacin espectacular sin sonido? Hasta hace poco, los nicos sonidos que oamos en las pginas web eran los famosos "midis", de escaso tamao y de escasa calidad. De hecho, eran slo instrumentos musicales sin voz, de ah su pequeo tamao (y calidad). An as, siempre exista algn creador de pginas web que se aventuraba a poner algn sonido complejo (.wav o .mp3) en su pgina web, por desgracia, su carga es tan lenta, que la mayora de los visitantes se iran de la pgina sin llegar a escucharla. Hoy, gracias a las conexiones de banda ancha orientadas a contenido multimedia, poner sonido a las pginas web es un poco ms fcil, qu aporta FLASH? Flash nos permite insertar cualquier sonido que queramos en nuestras pelculas (.wav, .aiff y .mp3) de forma fcil y muy efectiva, ya que es capaz de acelerar la descarga del sonido siempre y cuando se descargue junto con nuestra pelcula. Podemos dar a la pelcula efectos simples (el tpico "clic" al pulsar un botn), efectos complejos (msica de fondo) e incluso podemos hacer que la animacin se desarrolle conjuntamente con una msica (si bien esto ltimo necesitara que toda la pelcula estuviera descargada previamente, para evitar "atascos" durante el desarrollo de la animacin). En definitiva, Flash nos lo vuelve a poner fcil. Importar Sonidos Si alguna vez habeis intentado aadir un sonido a vuestra animacin Flash probablemente os hayais llevado una gran decepcin, no conseguirlo. Esto se debe a que no se tiene en cuenta que para poder emplear un objeto en nuestra pelcula, o bien lo creamos nosotros (como llevamos haciendo hasta ahora) o bien lo conseguimos de cualquier otro modo y lo insertamos en nuestra pelcula. A esto ltimo se le llama "Importar" y se puede hacer con sonidos, grficos, e incluso con otras pelculas Flash. Importar por tanto, no es ms que decirle a Flash que aada un determinado archivo a nuestra pelcula, para que podamos usarlo cuando queramos. En realidad, lo aade a nuestra Biblioteca, que es el Panel en el que estn todos los objetos que participan en la pelcula (este Panel se ver ms adelante). As pues si queremos manejar un sonido en nuestra pelcula, deberemos importarlo previamente. Una vez est importado, podremos usarlo con total libertad.

Para importar un sonido haz clic en el men Archivo Importar Importar a biblioteca.

Se abrir el cuadro de dilogo de Importar a biblioteca. All debers seleccionar en Tipo de archivo Todos los formatos de sonido. Navega por las carpetas hasta encontrar el archivo de audio que quieras incluir en tu pelcula. Seleccionalo haciendo clic sobre l y haz pulsa el botn Aceptar. El sonido estar listo para usarlo donde quieras, podrs encontrarlo en la Biblioteca (men Ventana Biblioteca).

Propiedades de los Sonidos En Flash 8, al igual que en Flash 8 todo lo referente a los sonidos lo podemos editar desde el Panel Propiedades. Aqu tenemos todo lo necesario para insertar, modificar y editar el sonido que acabamos de importar. Si no hemos importado ningn sonido, nos daremos cuenta de que no podemos seleccionar nada en dicho panel, basta insertarlo para que esto cambie. Para que aparezca la posibilidad de trabajar con sonidos, deberemos hacer clic en algn fotograma de nuestra pelcula, tras hacer esto, el Panel Propiedades toma el siguiente aspecto:

Veamos las partes que tiene este panel. Sonido: En esta pestaa nos aparecern las canciones que tenemos importadas, deberemos seleccionar la cancin que pretendamos aadir a nuestra pelcula (en el siguiente punto veremos cmo insertarlo). Efecto: Desde aqu podremos aadir algn efecto a nuestro sonido, como por ejemplo que el sonido pase del canal izquierdo al derecho (esto crea la sensacin de que el sonido te envuelve ya que lo oyes por un sitio y luego por otro, aunque queda muy lejos de los verdaderos sonidos envolventes), que el volumen aumente progresivamente etc... Si deseamos aadir complejos efectos sonoros, deberemos tratar adecuadamente el sonido con algn programa creado especficamente para este propsito antes de importarlo. En el punto Editar Sonidos se tratar en ms profundidad estos efectos. Sinc: Esta opcin nos permite determinar en qu momento comenzar a actuar nuestro sonido, estas son las opciones que tenemos: Evento: Sincroniza nuestro sonido con un evento determinado. Es la opcin por defecto y provoca que el sonido se empiece a reproducir al pasar la pelcula por el fotograma en el que est situado. Tambin se puede sincronizar el sonido con botones y los dems tipos de smbolos.

Inicio: Su funcionamiento es equivalente al de "Evento", se diferencian en que si est seleccionado Inicio en vez de Evento y se reproduce otra vez el mismo sonido u otro distinto, lo hace "encima" del sonido actual. Puede ser un efecto muy atractivo, o puede provocar que se forme "ruido" en nuestra pelcula. Detener: Detiene el sonido seleccionado. Flujo: Esta opcin sincroniza el sonido con el o los objetos con los que est asociado, por tanto, si la carga de la pelcula es lenta y las imgenes no fluyen adecuadamente, el sonido se detendr para sincronizarse con ellas. Este efecto puede dar la sensacin de que la pelcula se corta de un modo muy brusco (pensar en que se considera normal que una imagen tarde en cargarse, pero si se detiene un sonido mientras se reproduce, produce una reaccin muy negativa en los que pueden estar viendo nuestra pelcula). Por otra parte, es un efecto muy adecuado para algunas situaciones, por ejemplo, el efecto de que un personaje hable durante una pelcula. En esta situacin, es muy recomendable que el sonido y las imgenes estn sincronizadas.

Repetir: Determina el nmero de veces que se reproducir el sonido segn lo que escribas en la caja de texto de la derecha. Tambin puedes seleccionar Reproducir indefinidamente para que el sonido se reproduzca en un bluce hasta llegar al siguiente fotograma clave. No recomendamos insertar sonidos con la opcin Flujo y a la vez la de Repetir, ya que al estar sincronizados los sonidos con las imgenes, provocaramos que las imgenes (y los fotogramas que las contengan) se dupliquen tambin, aumentando considerablemente el tamao de la pelcula.

Unidad 6.

Trabajar con Sonidos (II)

Insertar un Sonido Ahora que ya sabemos importar un sonido, qu opciones podemos modificar y para qu sirve cada una. Veamos lo ms importante, cmo insertarlos en nuestra pelcula. Supongamos que queremos insertar un sonido en un fotograma determinado, de modo que cuando la pelcula Flash llegue a este fotograma comience a reproducirse el sonido. Para que un sonido se reproduzca al llegar a un fotograma, deberemos seleccionar el fotograma en el que queremos que empiece a As representa Flash los sonidos insertados en Fotogramas reproducirse el sonido. Una vez all, abriremos el Panel Propiedades e importaremos el sonido que queramos del modo visto en el punto anterior. Otro modo ms rpido an consistira en seleccionar dicho sonido en la Biblioteca y arrastrarlo al fotograma en el que queramos que se empiece a reproducir el sonido (al fotograma, no a la lnea de tiempo). De este modo insertamos un sonido, pero suena tal y cmo queremos que suene? ... Depende de lo que busquemos. Por defecto Flash entiende que quieres reproducir el sonido en su totalidad, sino para qu insertarlo entero?, de modo que Flash reproducir el sonido todas las veces que le hayas indicado en Repetir y el sonido sonar aunque el fotograma en el que est no sea el que se est ejecutando en ese instante. Si quisiramos que el sonido pare cuando entremos en otro fotograma, lo podemos hacer de 2 formas distintas, ambas combinando las opciones que nos ofrece el Panel Propiedades.

La primera de ellas es seleccionarlo en la Biblioteca y arrastrarlo directamente sobre el escenario. El sonido se aadir al fotograma en el que nos encontramos. Otra opcin sera la de seleccionar el sonido (ya importado a nuestra biblioteca) desde el panel Propiedades del fotograma seleccionado:

En la opcin Sonido seleccionaramos el audio que queremos aadir al fotograma. Luego modificaramos la opcin Sinc. del siguiente modo:

Si seleccionamos Flujo, el sonido se reproducir hasta llegar al primer fotograma que no lo contenga. Podemos seleccionar Stop para marcar un fotograma de modo que el sonido se detenga al llegar a l.

En esta animacin, vers como: Editar Sonidos Flash no fue creado como un editor de sonidos, por lo que su potencia en este campo es limitada. An as, los efectos que permite aplicar de un modo sencillo suelen ser suficientes para cualquier animacin que queramos realizar. Disponemos de estos efectos: Canal Izquierdo: El sonido tan slo se escuchar por el altavoz izquierdo. Canal Derecho: El sonido tan slo se escuchar por el altavoz derecho. Desvanecimiento de izquierda a derecha: El sonido se reproduce inicialmente en el altavoz izquierdo para luego pasar al derecho. Desvanecimiento de derecha a izquierda: El sonido se reproduce inicialmente en el altavoz derecho para luego pasar al izquierdo. Aumento Progresivo: El volumen de nuestro sonido aumenta progresivamente. Desvanecimiento: El volumen de nuestro sonido disminuye progresivamente. Personalizado: Esta opcin nos permite "editar" el sonido de un modo rpido y sencillo. Desde este editor podemos decidir qu volumen tendr nuestro sonido y en qu altavoz. Podemos crear los efectos anteriores ajustndolos a nuestro gusto y podemos crear efectos ms complejos a nuestra medida. Esta es la apariencia del Panel Personalizar Sonido. La parte superior representa el canal izquierdo y la parte inferior el canal derecho. Entre las 2 partes hay una lnea de tiempo que nos indica el tiempo de sonido transcurrido en cada punto. Las lneas grises representan el volumen del sonido y haciendo clic en ellas podemos configurar este volumen. En el ejemplo, el canal izquierdo se reproduce normalmente (pues el

volumen est al mximo), pero el canal derecho empieza en silencio, para poco a poco alcanzar el volumen normal (este efecto equivaldra a un Aumento Progresivo en el canal derecho).

Trabajar con Sonidos (III) Mp3 o Wav?

Unidad 6.

Como ya se ha comentado, los sonidos que Flash 8 puede importar deben tener las extensiones .wav o .mp3. Si no sabes las diferencias entre estos tipos de archivos, puedes consultar nuestro tema bsico .

Por tanto, cuando queramos aadir un sonido a nuestra pelcula, deberemos decantarnos por uno de estos 2 formatos. Lo normal es que el sonido que pretendamos insertar ya est en uno de ellos, pero no debemos olvidar que existen multitud de programas que convierten un sonido con extensin .mp3 a uno .wav y viceversa, por lo que no debe ser inconveniente el formato que tenga el sonido en un principio. La pregunta surge en seguida Cul es mejor? ... Esta pregunta es ms importante de lo que parece, ya que si decidimos que nuestra pelcula tenga sonidos, deberemos asumir una carga muy importante en cuanto a tamao de la pelcula y en consecuencia en cuanto a tiempo de descarga. Lo habitual es que los sonidos ocupen ms de la mitad del espacio total y muchas veces no valdr la pena insertarlos... Una vez decididos a insertar el sonido, la lgica nos dice que insertemos el sonido que ocupe un espacio menor en el disco duro, ya que este espacio es el que ocupar en nuestra pelcula. Esto es una aproximacin, ya que Flash comprime todo aquello que insertamos en nuestras pelculas. Como ya sabemos, los sonidos .mp3 ocupan un espacio mucho menor que los sonidos .wav (10 veces menos o ms), por lo que parece recomendable insertar .mp3 en lugar de .wav, ahora bien Puede Flash comprimir un sonido ya comprimido? Es decir, si un sonido .wav ha sido comprimido y ahora tiene extensin .mp3, podr Flash volver a comprimirlo? La respuesta es NO. Flash comprime los sonidos que insertamos en nuestras pelculas, pero si el sonido resulta estar ya comprimido, no podr volver a comprimirlo (en realidad si que consigue comprimirlo, pero el sonido final es el mismo que el inicial). Ahora que ya sabemos esto, nos falta saber si Flash comprime un archivo .wav ms de lo que comprime el formato .mp3, para ver bien este aspecto, hemos preparado varios ejemplos... Ejemplo: Contamos con una pelcula con un nico frame que est vaco. Esta pelcula, una vez lista para ser vista (.swf) ocupa 1KB. Tenemos 1 sonido .wav que ocupa 1596 KB Comprimimos dicho sonido con un programa compresor de audio y obtenemos el mismo sonido en formato .mp3, ocupa 145 KB. (La calidad de sonido es prcticamente idntica). Ahora insertamos el sonido .wav en la pelcula original y la exportamos (esto se trata en el ltimo tema). Resultado: Una pelcula con sonido (pelcula 1) que ocupa 37KB. Insertamos despus el sonido .mp3 en la pelcula original. Resultado: Una pelcula con sonido (pelcula 2) que ocupa 145 KB Conclusin: La pelcula con un sonido .wav ocupa casi 5 veces menos que la que tiene el mismo

sonido en .mp3, por tanto parece recomendable insertar sonidos .wav (la compresin de audio que logra Flash es muy grande). Como contrapartida, podra apreciarse prdida de calidad en el sonido que se escucha en la pelcula 1. Esta prdida ser importante segn el tipo de sonido que sea. Si es una voz, por ejemplo, deberamos insertar .mp3 ya que necesariamente deber escucharse bien, si es msica de fondo, es probable que aunque se pierda calidad, el resultado final sea aceptable y sea conveniente quedarnos con la pelcula de menor tamao. Lo mejor es probar ambas versiones y evaluar el resultado. Podeis ver varias pruebas en estas pelculas:

Msica de Fondo

Pelcula con sonido (msica) en formato .wav. Tamao Total: 37 KB. Calidad: Buena

Pelcula con sonido (msica) en formato .mp3. Tamao Total: 145 KB. Calidad: Buena

Sonido "Voz"

Pelcula con sonido (voz) en formato .wav. Tamao Total: 9 KB. Calidad: Regular

Pelcula con sonido (voz) en .mp3. Tamao Total: 67KB. Calidad: Buena

En el primer caso sera recomendable quedarse con la pelcula ms pequea, ya que ambos sonidos son buenos. En el segundo caso, la segunda pelcula sera ms apropiada, ya que aunque tenga mayor tamao, la calidad del sonido merece la pena.

Por ltimo, comentar que Flash no puede importar sonidos en formato MIDI (.mid). An as, si estamos empeados en que en nuestra animacin el sonido sea un MIDI y no queremos o podemos conseguir un programa que convierta el sonido MIDI a WAV o MP3 existe una forma de hacerlo consistente en el uso combinado de Flash y Javascript. Igualmente, como se coment en el Tema 1, Flash 8 permite cargar sonidos de un modo dinmico (sin que ocupen espacio), esto se tratar en el Tema 17 "Action Script". Ejercicios del Tema 6 Prueba evaluativa del Tema 6.
Ejercicios Tema 6: Sonidos

Ejercicio 1: Importar Sonidos 1 Crea una pelcula con 1 fotograma. 2 Localiza un sonido en tu disco duro. 3 Imprtalo a tu pelcula. 4 Comprueba que est disponible en la Biblioteca. Ejercicio 2: Insertar Sonidos 1 Partiendo del ejercicio anterior, inserta el sonido importado en el fotograma 1. 2 Comprueba que funciona (que el sonido puede escucharse). Para ello, pulsa CTRL+ ENTER (Esta combinacin de teclas te permite "probar" la pelcula). Ejercicio 3: Trabajar con Sonidos 1 Consigue que el sonido del ejercicio 2 deje de escucharse al llegar la pelcula al fotograma 5. 2 Consigue que vuelva a escucharse en el fotograma 10. Ejercicio 4: Editar Sonidos 1 Modifica tu sonido (usando Flash) de modo que en un principio no se oiga y poco a poco vaya aumentando de volumen. 2 Modifica tu sonido de modo que al final del mismo, parezca que el sonido pasa de un altavoz al otro. Si no tienes muy claro cmo realizarlo, Aqu te ayudamos.
Ayuda Ejercicios Tema 6:

Sonidos

Ejercicio 1: Importar Sonidos

1 Creamos la pelcula mediante Archivo Nuevo (por defecto tendremos un nico fotograma). 2 Seleccionamos Importar Importar a Biblioteca, que se encuentra en el Men Archivo. 3 Se abrir la clsica ventana de Windows para buscar un archivo. Buscamos uno archivo vlido de sonido y pulsamos Abrir. 4 El sonido ya est insertado. Hacemos clic en el Panel Biblioteca (Ventana Biblioteca) y comprobamos que se encuentra all. 5 Si no se encuentra all, revisaremos los pasos dados, pues algo no hemos hecho bien. Ejercicio 2: Insertar Sonidos 1 Seleccionamos el fotograma en el que queramos insertar el sonido. 2 Despus seleccionamos el sonido en el Panel Biblioteca y lo arrastramos hasta el escenario (hasta el fotograma actual). 2 Pulsamos CTRL + ENTER y el sonido deber escucharse. Ejercicio 3: Trabajar con Sonidos 1 Alargamos el fotograma actual hasta el nmero 4 (insertando fotogramas normales desde el Men Insertar Lnea de Tiempo Fotograma). 2 Insertamos un nuevo fotograma en la lnea de tiempo. En la posicin 5 (desde el Men Insertar Lnea de Tiempo Fotograma Clave). 3 Abrimos el Panel Propiedades y seleccionamos los fotogramas del 1 al 4. 4 En la opcin Sinc seleccionamos Flujo. 5 Acabamos de conseguir que el sonido slo se reproduzca cuando est en los fotogramas indicados. 6 Ahora prolongamos la duracin del fotograma 5 hasta que ocupe 5 fotogramas ms (insertando fotogramas normales). 7 Insertamos un nuevo Fotograma Clave en la posicin 10. 8 Insertamos el sonido en el fotograma 10 del mismo modo que en el ejercicio 2. 9 Debe quedar parecido al grfico:

Ejercicio 4: Editar Sonidos 1 Seleccionamos Aumento Progresivo dentro de la pestaa Efecto que se encuentra en el Panel Sonidos. 2 Seleccionamos Personalizar dentro de la pestaa Efecto que se encuentra en el Panel Sonidos.

3 Nos dirigimos al final del sonido y hacemos clic en el canal que queramos modificar (el izquierdo est en la parte superior y el derecho en la inferior). Aparecer un recuadro blanco, lo situamos en su parte ms baja para quitarle el sonido y en su parte ms alta para drselo. Jugamos con los volmenes de ambos canales hasta obtener el efecto deseado. Podemos ir probando cmo queda pulsando el PLAY que acompaa este Panel.

Prueba Evaluativa Tema 6: Sonidos Solo una respuesta es vlida por pregunta. Haz clic en la respuesta que consideres correcta. Contesta todas las preguntas y haz clic en el botn Corregir para ver la solucin. Si pulsas Restablecer podrs repetir la evaluacin. 1. Desde un principio podemos trabajar con cualquier sonido que se encuentre en nuestro disco duro. a) Verdadero. b) Falso. 2. Importar un sonido es lo mismo que insertarlo en un fotograma. a) Verdadero. b) Falso. 3. Desde el Panel Propiedades, si tenemos seleccionado un fotograma se puede seleccionar qu sonido queremos reproducir, cuntas veces y qu efectos queremos darle. a) Verdadero. b) Falso. 4. La calidad del sonido es importante a la hora de importarlo en nuestra pelcula. a) Verdadero. b) Falso. 5. Cul de estas 3 afirmaciones es correcta?. a) Si tenemos un sonido con formato MP3 y el mismo sonido en formato WAV, importaremos y usaremos siempre el MP3. b) Si tenemos un sonido con formato MP3 y el mismo sonido en formato WAV, importaremos y usaremos siempre el WAV. c) Si tenemos un sonido con formato MP3 y el mismo sonido en formato WAV, usaremos uno u otro en funcin de ciertos parmetros tales como el tamao, la calidad y el tipo de sonido que sea. 6. Cul de las siguientes afirmaciones es falsa? a) El efecto Canal Izquierdo aumenta la calidad del sonido, ya que lo concentra todo en un nico altavoz, evitando la prdida de calidad.

b) El efecto Aumento Progresivo puede ser una buena forma de introducir un sonido, ya que provoca que el sonido aumente de volumen progresivamente. c) El efecto Desvanecimiento de izquierda a derecha crea una sensacin de movimiento, ya que el sonido pasa de un altavoz a otro. 7. Si configuramos un sonido para que se reproduzca 9999 veces... a) Se reproducir indefinidamente. b) La respuesta anterior es falsa. 8. Para efectos de voz en nuestras pelculas es mejor utilizar el mtodo... a) Flujo. b) Inicio - Detener.

Unidad 7.

Trabajar con Objetos (I)

Los Objetos. Iniciacin

Independientemente de si estamos trabajando en una animacin, en una pgina web, en un catlogo para un CDRom o en cualquier otra cosa, tendremos que trabajar con objetos. A grandes rasgos, podremos considerar un objeto todo aquello que aparezca en nuestra pelcula y sea visible, de modo que podamos trabajar con l,un objeto sera, por ejemplo, cualquier imagen que creemos o importemos, un botn, un dibujo creado por nosotros mismos etc... Los objetos as considerados tienen 2 partes fundamentales: El Borde: Consiste en una delgada lnea que separa el objeto del exterior del escenario. Puede existir o no, segn nos convenga. Cuando creamos un objeto, el borde se crea siempre y su color ser el indicado en el Color de Trazo (dentro del Panel Mezclador de Colores). Si queremos dibujar creando Bordes deberemos emplear las Herramientas Lpiz, Lnea o Pluma y si queremos que nuestro dibujo no tenga borde, bastar con seleccionar el borde y suprimirlo (ver siguiente punto). El Relleno: El relleno no es ms que el propio objeto sin borde. Es, por tanto, la parte interna del objeto. Su existencia tambin es arbitraria, ya que podemos crear un objeto cuyo color de relleno sea transparente, como ya se vi en el tema de Dibujar, y por tanto, parecer que dicho objeto no tiene relleno, aunque en realidad s que exista pero sea de color transparente. Para dibujar Rellenos (sin borde) podemos usar herramientas tales como el Pincel o el Cubo de Pintura.

Seleccionar Para poder trabajar con objetos, es fundamental saber seleccionar la parte del objeto que queramos modificar (mover, girar, cambiar de color...). Podremos observar que las partes de un objeto seleccionadas toman una apariencia con textura para indicar que estn seleccionadas.

Objeto SIN seleccionar

Objeto con el BORDE seleccionado Objeto con el RELLENO seleccionado

Veamos cmo seleccionar las diferentes partes de un objeto: Seleccionar un Relleno o un Borde: Basta hacer clic 1 vez en el Relleno o en el Borde que queramos seleccionar. Seleccionar el Relleno y el Borde de un objeto: Hacer doble clic en el Relleno. Seleccionar todos los bordes (o lneas) de un mismo color que estn en contacto: Hacer doble clic sobre una de las lneas que tenga el color que pretendamos seleccionar. Seleccionar un Smbolo, un texto, o un grupo: Clic en el Smbolo, en el texto o en el grupo. Estos tipos de objetos mostrarn un borde de color azul (por defecto) al estar

seleccionados. Seleccionar Varios elementos: Mantendremos pulsada la tecla SHIFT mientras seleccionamos los objetos que queramos. Seleccionar los objetos que se encuentran en una determinada zona: Para ello usaremos la Herramienta Seleccin (Flecha). Haremos clic en una parte del escenario y arrastraremos el cursor hasta delimitar el rea que contenga los objetos que queremos seleccionar. Si esta rea corta algn objeto, slo quedar seleccionada la parte del objeto que est dentro del rea que hemos delimitado. Si quisiramos incluir dicho objeto, bastara con usar la tecla SHIFT y seleccionar la parte del objeto que falta por seleccionar. Este modo de seleccionar objetos permite seleccionar muchos objetos rpidamente, adems de permitirnos seleccionar determinadas zonas de los objetos, para cortarlas, pegarlas ... Adems de la Herramienta Flecha, tambin podemos usar la Herramienta Lazo, ms til an si cabe. Nos permite seleccionar cualquier zona de cualquier forma (la forma la determinamos nosotros) del objeto que sea. Al contrario que la Herramienta Flecha, las reas seleccionadas no tienen porque ser rectngulares. Seleccionar a partir de la Lnea de Tiempo: Si seleccionamos un determinado fotograma en la lnea de tiempo, se seleccionan automticamente todos los objetos que estn en dicho fotograma. Esto es til para modificar de un modo rpido todos los elementos del fotograma. Seleccionar Todo: La forma ms natural de seleccionar todo, consiste en hacer clic en el men Edicin Seleccionar Todo.

Unidad 7.

Trabajar con Objetos (II)

Colocando Objetos. Panel Alineamiento

Ahora que ya sabemos seleccionar los objetos o las partes de estos que consideremos oportunas, veamos cmo colocarlos en el Escenario. Para colocarlos de un modo preciso (por no decir exacto), Flash pone a nuestra disposicin el Panel Alinear. Este Panel lo podemos encontrar en el Men Ventana Alinear. As funciona:

El Panel Alinear permite colocar los objetos tal y cmo le indiquemos. Antes de ver las posibilidades, debemos hacer hincapi en la opcin En Escenario (En Escenar). Esta opcin nos permite decir a Flash que todas las posiciones que indiquemos para nuestros objetos tomen como referencia el escenario Si esta opcin no est seleccionada, los objetos toman como referencia al conjunto de objetos en el que se encuentran, y se colocan en funcin de ellos. Lo ms habitual es seleccionar En Escenario, para que los objetos se coloquen segn los lmites de la pelcula, en el centro del fotograma etc...

Conozcamos un poco mejor el Panel Alinear y sus posibilidades:

Alineamiento: Sita los objetos en una determinada posicin del fotograma (si est seleccionado En Escena). Las distintas opciones afectan a todos los elementos seleccionados y se emplean muy a menudo para situar los objetos en determinados sitios predefinidos. Por ejemplo: Si quisieramos situar un objeto en la esquina inferior izquierda, bastara pulsar el primer y el sexto botn consecutivamente.

Distribuir: Sita los objetos en el escenario en funcin de unos ejes imaginarios que pasan por cada uno de ellos, de modo que la distribucin de los mismos sea uniforme. Por ejemplo, si tenemos 2 cuadrados y pulsamos el primer botn de la izquierda. Cada uno de los 2 cuadrados se situar en un extremo de la pelcula (uno arriba y otro abajo).

Coincidir Tamao: Hace coincidir los tamaos de los objetos. Si est activo "En Escena" estirar los objetos hasta que coincidan con el ancho y el largo de la pelcula. Si no est activo, la referencia ser el resto de objetos. Por ejemplo, si tenemos 2 cuadrados distintos y la opcin "En Escena" no est activada, al hacer clic en el primer botn de "Coincidir Tamao", el cuadrado ms estrecho pasar a tener la anchura del cuadrado ms ancho. Si "En Escena" hubiera estado activo ambos cuadrados hubieran pasado a tener el ancho del fotograma.

Espacio:

Espacia los objetos de un modo uniforme.

Para ver ejemplos de uso de estos comandos, podeis ver la animacin situada arriba al principio del captulo. Panel Informacin Adems de controlar la posicin de los objetos desde el Panel Alineamiento, tambin podemos hacerlo, de un modo ms exacto (ms matemtico) desde otro panel, el Panel Informacin. A este Panel se puede acceder desde el Men Ventana Informacin. Las posibilidades de este Panel son limitadas, pero si buscamos exactitud en las medidas o no nos fiamos de las distribuciones de objetos que crea Flash, debemos acudir a l. Medidas del Objeto: Aqu introduciremos un nmero que represente el tamao de nuestro objeto en la medida seleccionada en las Propiedades del documento. An: hace referencia a la anchura y Al: a la altura. Situacin del objeto: Desde aqu controlamos la posicin del objeto en el escenario. La X y la Y representan el eje de coordenadas (La X es el eje Horizontal y la Y el eje vertical).

Las medidas tambin van en funcin de las medidas elegidas para la pelcula. Color Actual: Indica el color actual en funcin de la cantidad de Rojo (R), Verde (V), Azul (A) y efecto Alfa (Alfa) que contenga. Este indicador puede ser engaoso, el motivo es que indica el color que tiene el objeto por el que en ese momento pasamos el cursor del ratn. Por tanto, podemos tener seleccionado un objeto (haciendo clic en l) y ver en el Panel Informacin su tamao y su posicin, pero al desplazar el ratn, el valor del color cambiar y ya no indicar el color del objeto seleccionado, sino el del objeto por el que pase el cursor. Tened esto en cuenta para no cometer errores o perder tiempo innecesario. Posicin del Cursor: Indica la posicin del cursor. Es til por si queremos que suceda algo en la pelcula al pasar el cursor justo por una posicin determinada o para situar partes del objeto en lugares especficos. Los Grupos Un Grupo no es ms que un conjunto de objetos. Si bien no cualquier conjunto de objetos forman un grupo, ya que para crear un grupo, debemos indicarle a Flash que as lo queremos. Para ello, basta seleccionar los objetos que queremos que formen parte de un grupo y despus hacer clic en el Men Modificar Agrupar. Tras hacer esto observaremos que desaparecen las texturas que indicaban que los objetos estaban seleccionados y observamos que el grupo pasa a ser un "todo", ya que resulta imposible seleccionar a uno de sus miembros sin que se seleccionen a su vez los dems. Adems, aparece el rectngulo azul (por defecto) que rodea al grupo, definindolo como tal.

Crear grupos es muy til, ya que nos permite, como ya hemos dicho, tratar al conjunto de objetos como un todo y por tanto, podemos aplicar efectos al conjunto, ahorrndonos la labor de hacerlo de objeto en objeto. Por ejemplo, supongamos que tenemos un dibujo que representa un conjunto de coches. Tras dibujarlos todos, nos damos cuenta de que queremos aumentar el tamao de los coches. Podemos aumentar el tamao de los coches de uno en uno, corriendo el riesgo de aumentar unos ms que otros y perdiendo las proporciones entre ellos, o podemos formar un grupo con los coches y aumentar el tamao del grupo, de modo que aumenten todos de tamao a la vez y en la misma proporcin. De igual modo, podemos mover al grupo de posicin, hacer que gire... Al crear un grupo, simplemente estamos dando unas propiedades comunes a un conjunto de objetos y, en ningn caso perdemos nuestro objeto. En cualquier momento podemos

deshacer el grupo, mediante el Men Modificar Desagrupar. Adems, Flash nos permite modificar los elementos de un grupo sin tener que desagruparlo. Para ello, seleccionamos el Grupo de elementos y hacemos clic en el Men Edicin Editar Seleccionado. Podremos editar los objetos que componen el grupo por separado teniendo en cuenta que, como es lgico, los cambios realizados afectarn al grupo adems de al elemento en cuestin. Ejercicios del Tema 7 Prueba evaluativa del Tema 7.

Ejercicios Tema 7: Objetos

Ejercicio 1: Rellenos y Bordes 1 Crea dos rectngulos con el interior de color verde y el borde negro. 2 En uno de ellos elimina el Relleno. 3 En el otro, elimina el borde. Ejercicio 2: Selecciones 1 Dibuja 5 valos. Dales el color de relleno y borde que quieras (elige un relleno que no sea transparente )

2 Selecciona 3 de ellos usando la tecla SHIFT. 3 Selecciona 3 de ellos usando la Herramienta Seleccin (Flecha). 4 Selecciona 3 nicamente los bordes de 3 de ellos. Ejercicio 3: Alinear Objetos 1 Dibuja 4 objetos (crculos, rectngulos...). 2 Coloca uno en cada esquina usando el Panel Alinear. Ejercicio 4: Grupos 1 Agrupa los 4 objetos del ejercicio anterior en un nico grupo. 2 Cambia su posicin (colcalos, por ejemplo, en el centro de la pelcula). 3 Desagrpalos. Si no tienes muy claro cmo realizarlo, Aqu te ayudamos.
Ayuda Ejercicios Tema 7:

Objetos

Ejercicio 1: Rellenos y Bordes Se nos pide crear 2 rectngulos y eliminar el relleno de uno de ellos y el borde del otro. Procedemos del siguiente modo: 1 Seleccionamos los colores en el Panel Muestras de Color o en el Panel Mezclador de Colores, hacemos clic en la Herramienta Rectngulo y dibujamos 2 rectngulos. 2 Hacemos clic en el interior del primer rectngulo y pulsamos la tecla Suprimir (Supr). 3 Hacemos doble clic en el borde del otro rectngulo y volvemos a pulsar la tecla Suprimir.

Los 2 rectngulos originales

Rectngulo sin Relleno y Rectngulo sin Borde

Ejercicio 2: Selecciones El primer apartado nos pide crear 5 valos y seleccionar 3 de ellos con la tecla SHIFT. 1 Seleccionamos los colores que queramos en el Panel Muestras de Color o en el Panel Mezclador de colores, hacemos clic en la Herramienta valo y dibujamos 5 valos. 2 Hacemos doble clic en el relleno del primer crculo (doble clic para seleccionar tanto el Relleno como el borde). 3 Ahora pulsamos la tecla SHIFT y sin soltarla, hacemos doble clic en otros 2 crculos cualesquiera. Ahora hacemos lo mismo usando la Herramienta Seleccin (Flecha), como pide el segundo apartado. 1 Hacemos clic en una zona del escenario que nos permita capturar 3 crculos. 2 Arrastramos el ratn hasta crear un rea que envuelva completamente a 3 de los 5 crculos. 3 Si quedara alguna parte del crculo fuera de la seleccin, basta con usar la tecla SHIFT para aadirlo a la seleccin actual. Ahora se nos pide seleccionar nicamente los bordes de 3 de ellos. 1 Hacemos clic en el borde del primer valo (si hiciramos 2 clics se seleccionaran todos los bordes del mismo color que estn en contacto con el borde sobre el que hacemos clic). 2 Mantenemos pulsada la tecla SHIFT y repetimos el proceso con 2 valos ms. Nota: Si en vez de valos hubieran sido rectngulos, hubiera hecho falta hacer 2 clics en el borde de cada rectngulo para que este quede totalmente seleccionado. Comprubalo tu mismo. Ejercicio 3: Alinear Objetos

Se nos pide dibujar 4 objetos y colocarlos en las esquinas. 1 Dibujamos los 4 objetos pedidos, por ejemplo, 4 rectngulos. 2 Abrimos el Panel Alinear. desde el men Ventana Alinear. 3 Hacemos clic en "En Escenario" para que las distribuciones de los objetos se hagan en funcin del tamao del fotograma. 4 Seleccionamos el primer objeto y hacemos clic en extremos izquierdo de la pelcula. para alinear el objeto en el

5 Hacemos clic en para situarlo en el borde superior de la pelcula. Como el objeto est en el extremo superior izquierdo, est en la esquina superior izquierda. 6 Para alinear el segundo objeto en la esquina superior derecha hacemos clic en 7 Para alinear el tercer objeto en la esquina inferior izquierda hacemos clic en 8 Para alinear el cuarto objeto en la esquina inferior derecha hacemos clic en Ejercicio 4: Grupos La primera parte del ejercicio nos pide Agrupar un conjunto de elementos (que ya tenemos). 1 Los seleccionamos todos del modo que prefiramos. 2 Hacemos clic en el Men Modificar Agrupar La segunda parte del ejercicio nos pide Desagrupar el conjunto de elementos que acabamos de agrupar. 1 Seleccionamos el Grupo haciendo clic en l. 2 Hacemos clic en el Men Modificar Desagrupar y y . y . .

Prueba Evaluativa Tema 7: Objetos Solo una respuesta es vlida por pregunta. Haz clic en la respuesta que consideres correcta. Contesta todas las preguntas y haz clic en el botn Corregir para ver la solucin. Si pulsas Restablecer podrs repetir la evaluacin. 1. Todos los objetos tienen, en principio, borde y relleno. a) Verdadero. b) Falso. 2. Cuando seleccionamos un relleno, ste adquiere una textura para indicar que est seleccionado.

a) Verdadero. b) Falso. 3. No existe ningn panel en Flash para alinear objetos, hay que hacerlo "a mano". a) Verdadero. b) Falso. 4. Un grupo es un conjunto de objetos con propiedades comunes. a) Verdadero. b) Falso. 5. Para seleccionar un borde, debemos hacer doble clic sobre l, de lo contrario, no lo seleccionaremos. a) Verdadero. b) Falso. 6. Para seleccionar un relleno, haremos doble clic sobre l. a) Verdadero. b) Falso. 7. Con la Herramienta Seleccin (Flecha) podemos seleccionar reas de cualquier forma y tamao (y los objetos que se encuentren en ellas). a) Verdadero. b) Falso. 8. Si hacemos clic en la Lnea de Tiempo, se seleccionan todos los objetos existentes en el fotograma seleccionado. a) Verdadero. b) Falso. 9. Cul de estas 3 afirmaciones es correcta?. a) La tecla SHIFT selecciona objetos nicos en la pelcula. b) Si seleccionamos un objeto y pulsamos la tecla SHIFT, este objeto queda agrupado con todos los contiguos. c) Si seleccionamos un objeto y pulsamos la tecla SHIFT , podremos aadir ms objetos a nuestra seleccin actual. 10. Cul de las siguientes afirmaciones es falsa?. a) Los Grupos permiten tratar a todos los objetos que los forman como a uno slo. b) Los objetos agrupados pierden cualquier propiedad que tuvieran antes de quedar

agrupados. c) Agrupar objetos sirve, por ejemplo, para mover varios objetos de una sla vez manteniendo la distancia entre ellos. 11. El Panel Informacin muestra informacin acerca de los objetos que tenemos seleccionados. a) Verdadero. b) Falso. 12. La opcin En Escenario del Panel Alinear no tiene importancia, pues se usa para centrar el objeto seleccionado en el escenario. a) Verdadero. b) Falso. 13. El Panel Informacin muestra, entre otros datos, la anchura, la altura o las coordenadas del objeto seleccionado. a) Verdadero. b) Falso. 14. En Flash es posible colocar los objetos en lugares determinados, segn la referencia del escenario o la de otros objetos. a) Verdadero. b) Falso.

Unidad 8.

Capas (I)

Las Capas. Entendmoslas Todo el mundo ha visto alguna vez cmo trabajan los dibujantes de dibujos animados. Y todos hemos visto cmo colocan una hoja semitransparente con dibujos sobre otras y la superposicin de todas forman el dibujo final. Por qu no dibujan todo en una misma hoja? Por qu trabajan con varios niveles y con varios dibujos si van a acabar todos juntos? Los motivos son muchos, y estos niveles que emplean los dibujantes, equivalen a las Capas que utiliza Flash. Cada capa es, por tanto, un nivel en el que podemos dibujar, insertar sonidos, textos... con INDEPENDENCIA del resto de capas. Hay que tener en cuenta que

todas las capas comparten la misma Lnea de Tiempos y por tanto, sus distintos fotogramas se reproducirn simultneamente.

Clarifiquemos esto con un ejemplo: Supongamos que tenemos 2 capas. En una de ellas los fotogramas del 1 al 10 contienen el dibujo de una portera de ftbol. En la otra los fotogramas del 1 al 5 contienen el dibujo de un portero (del 5 en adelante estn vacos). Pues bien, esta pelcula nos mostrar inicialmente (durante el tiempo que duren los primeros 5 fotogramas) la portera con el portero, para despus (durante los fotogramas del 5 al 10) mostrar la portera sin portero. De este modo la portera es independiente del portero, y podemos tratar estos objetos con total libertad, ya que no interfieren entre ellos para nada. Otra razn para separar los objetos en capas, es que Flash nos obliga a colocar cada animacin distinta en una capa. De lo contrario, todos los objetos que se encuentren en dicha capa formarn parte de la animacin. Si queremos que un objeto NO forme parte de una animacin, deberemos quitarlo de la capa en la que se produce dicha animacin. Siguiendo con el ejemplo del portero, si quisiramos crear un movimiento que haga que el portero se desplace hacia un lado no hay ningn inconveniente, pero si la portera estuviera en la misma capa que el portero, entonces AMBOS objetos se moveran hacia dicho lado, con lo que resultara imposible que slo se moviera el portero. La solucin es separar los objetos en 2 capas, como ya hemos hecho. Las capas adems, tienen otras utilidades, nos permiten ordenar nuestra pelcula de forma lgica, y nos ayudan en la edicin de dibujos (evitando que se "fundan" en uno slo, o bloqueando el resto de capas de modo que slo podamos seleccionar la capa que nos interese). Trabajar con Capas La vista standard de una capa es la que muestra la imagen. Veamos para qu sirven los distintos botones y cmo usarlos. Insertar Capas : Como su nombre indica, sirve para Insertar capas en la escena actual. Inserta capas normales (en el siguiente punto se vern los distintos tipos de capas).

Aadir Capa Gua : Inserta una capa de tipo gua. Se tratan en profundidad el siguiente punto.

Borrar Capa

: Borra la capa seleccionada.

Cambiar Nombre: Para cambiar el nombre a una capa, basta con hacer doble clic en el nombre actual. Propiedades de Capa: Si hacemos doble clic en el icono , podremos acceder a un panel con las propiedades de la capa en la que hayamos hecho clic. Podremos modificar todas las opciones que hemos comentado anteriormente y alguna ms de menor importancia.

Aqu puedes cambiar diferentes opciones sobre la capa, como su nombre o su color. Tambin puedes bloquearla u ocultarla. Pero haremos especial hincapi en la opcin Tipo cuyas opciones, Gua y Mscara, veremos ms adelante en el curso.

Unidad 8.

Capas (II)

Trabajar con Capas. Opciones Avanzadas

Mostrar / Ocultar Capas : Este botn permite ver u ocultar todas las capas de la pelcula. Es muy til cuando tenemos muchas capas y slo queremos ver una de ellas ya que permite ocultar todas a la vez, para despus mostrar slo la actual. Para activar la vista de una capa en concreto (o para ocultarla) basta con hacer clic en la capa correspondiente en el punto (o en la cruz) que se encuentra bajo el icono "Mostrar / Ocultar capas" Bloquear Capas : Bloquea la edicin de todas las capas, de modo que no podremos modificarlas hasta desbloquearlas. Para bloquear o desbloquear una capa concreta, procederemos como en el punto anterior, clic en el punto o icono "Cerrojo" situados en la capa actual bajo el icono "Bloquear Capas". Bloquear una capa es muy til cuando tenemos varios objetos juntos y en capas distintas y queremos asegurarnos de que no modificamos "sin querer" alguno de ellos. Tras bloquear su capa podremos trabajar con la seguridad de no modificar dicho objeto, ni siquiera podremos seleccionarlo, de modo que editaremos con mayor facilidad el objeto que queramos. Mostrar/Ocultar capas como contornos : Este botn nos muestra/oculta los contenidos de todas las capas como si slo estuviesen formados por bordes. De este modo y ante un conjunto numeroso de objetos, podremos distinguirlos a todos de forma fcil y podremos ver en qu capa est cada uno de ellos. Tambin se puede activar o desactivar para cada capa de un modo similar a los anteriores botones. Veamos como se muestran estas opciones activadas y desactivadas.

En la primera imagen la capa actual no tiene ninguno de los botones activados, podemos observar que en la columna "Mostrar Capas" aparece un punto negro. Este punto significa que NO est activada esta opcin, lo mismo sucede con el botn "Bloquear capas". En la columna "Mostrar capas como contornos" aparece un cuadrado CON relleno, lo que simboliza que los objetos se mostrarn completos y no slo sus contornos. En la segunda imagen aparece una cruz situada bajo la columna "Mostrar Capas", lo que indica que dicha capa no es visible en el escenario. Aparece un cerrojo bajo la columna "bloquear capas", lo que simboliza que la capa est bloqueada. Y en la columna "Mostrar capas como contornos" NO aparece relleno. La capa se est mostrando en este modo y no podremos ver los rellenos hasta deseleccionar esta opcin. Adems, el color de los contornos ser diferente para cada capa, de modo que podamos distinguirlas mejor. El color del contorno, coincidir con el indicado en cada capa. En este ejemplo podeis ver cmo queda un objeto en funcin de tener activada o no la opcin contorno:

Reorganizar las Capas Hemos dedicado un tema entero a cmo colocar objetos, sabemos ya cmo conseguir que un objeto aparezca delante de otro en una pelcula, como hacer que formen grupos y muchas cosas ms. Pero nos habremos dado cuenta de que, si trabajamos con distintas capas, todo esto no sirve de mucho... Como ya se ha comentado, las distintas capas tienen muchas cosas en comn unas con otras. Lo primero y principal es la Lnea de tiempos, todas las capas de una misma escena comparten la misma lnea de tiempos y por tanto, los objetos de todos los fotogramas 1 de todas las capas se vern al mismo tiempo en la pelcula superpuestos unos sobre otros. y qu objeto est delante de los dems? Pues este criterio viene dado por la colocacin de las Capas en la pelcula. Los objetos que se mostrarn delante de todos los dems sern aquellos que se encuentren en la capa situada ms arriba. Es decir, si nos fijamos en el ejemplo anterior: El portero aparece delante de la portera, porque la capa "Portero" est situada encima de la capa "Portera", como puede apreciarse en la imagen. Si quisiramos cambiar esta distribucin, basta con hacer clic en la capa que queramos mover y arrastrarla hacia arriba o hacia abajo hasta la posicin deseada. Veremos como los objetos se colocan delante o detrs de los de la capa seleccionada segn su capa se encuentre por encima o por debajo de la nuestra. Para mover un objeto de una capa a otra, deberemos seguir unos sencillos pasos. Aprende a hacerlo realizando el Ejercicio Cambiar Objetos de Capa
Ejercicio. Unidad 8.

Cambiar un objeto de Capa

Objetivo. Mover un objeto situado en una capa a otra

Ejercicio paso a paso. 1 Partimos de una pelcula con ms de una Capa. 2 Seleccionamos la Capa donde est el objeto que queramos cambiar de capa. 3 Hacemos doble clic en el objeto a mover, para seleccionarlo en su totalidad (relleno y borde). 4 Pulsamos el boton derecho del ratn. abrir un men como el de la imagen. 5 Seleccionamos Cortar. El objeto desaparecer. 6 Seleccionamos el fotograma en el que queramos colocar el objeto (situado en una capa distinta a la actual, aunque esto es vlido en ambos casos). 7 Hacemos clic con el botn derecho sobre el escenario de este fotograma de destino. 8 Hacemos clic en Pegar para colocar el objeto en este fotograma o hacemos clic en Pegar in Situ para pegar el objeto en la misma posicin en la que estaba al cortarlo Para mover un fotograma de una capa a otra, basta con seleccionar el fotograma a mover y arrastrarlo hasta la capa donde queramos pegarlo. Tambin se puede Copiar el fotograma y luego pegarlo en la capa de destino. Se

Unidad 8.

Capas (III)

Tipos de Capas

Como habreis podido comprobar al ver las propiedades generales de una capa o al hacer clic con el botn derecho del ratn sobre el icono de una capa cualquiera, existen varios tipos de capas. Capas normales : Son las capas por defecto de Flash y tienen todas las propiedades descritas en los puntos anteriores. Son las ms usadas y se emplean para todo, colocar objetos, sonidos, acciones, ayudas...

Capas Gua : Son capas especiales de contenido especfico. Se emplean en las animaciones de movimiento de objetos y su nico fin es marcar la trayectoria que debe seguir dicho objeto. Debido a que su misin es representar la trayectoria de un objeto animado, su contenido suele ser una lnea (recta, curva o con cualquier forma). En esta imagen podemos ver el contenido de 2 capas. La primera de ellas contiene la bola azul y la segunda contiene la lnea curva. La segunda capa la hemos definido como Capa Gua, para que al realizar la animacin de movimiento (esto lo veremos en un tema posterior) su contenido NO se vea en la pelcula, sino que sirva de recorrido para la bola azul.
Es Importante recordar que el contenido de las Capas Gua no se ver en la pelcula final. Su efecto har que la pelota azul se desplace de un extremo de la lnea al otro siguiendo esa ruta. Bonito efecto verdad?

Capas Guiadas (Guided Layers) : Cuando definimos una capa como capa gua, es necesario definir despus una capa guiada. Esto es, una capa que quedar afectada por la gua definida en la Capa gua. Si no definimos una capa guiada, la capa gua no tendr ningn efecto y si bien NO se ver en la pelcula (por ser una capa gua) tampoco provocar ningn efecto en las dems capas. En la imagen anterior, la bola azul se deber encontrar en una capa Guiada, de lo contrario no seguir la ruta marcada por la capa gua. Las capas gua y las capas guiadas se relacionan entre s de un modo evidente. A cada capa gua le corresponden una serie de capas guiadas. Al asociar una capa gua con una capa guiada, el icono que representa a la capa gua cambia, indicndonos que est realizando correctamente su labor.
En la imagen podemos ver un ejemplo de capa gua y capa guiada correctamente asociadas entre s. (La capa llamada aulaClic es, evidentemente, la capa Guiada)

El funcionamiento de las Capas Gua y sus utilidades lo veremos a fondo en el tema de las Animaciones de Movimiento Capas Mscara : Estas capas se pueden ver como plantillas que tapan a las capas enmascaradas (las veremos enseguida). El funcionamiento de estas capas es algo complejo (tampoco demasiado) y se analizar en cursos posteriores. Basta con decir que estas capas se colocan "encima" de las capas a las que enmascaran y slo dejan que se vea la parte de stas que tapan los objetos situados en las capas mscara (son como filtros). Al igual que las capas gua, los objetos existentes en este tipo de capas tampoco se ven en la pelcula final. S se vern los objetos de su correspondiente capa enmascarada a los que estn "tapando".

Capas Enmascaradas : Estas capas funcionan conjuntamente con las Capas mscaras. Al igual que las capas gua y las capas guiadas deben ir asociadas unas a otras para que su efecto sea correcto. Sus objetos s que son visibles en la pelcula final, pero slo cuando algn objeto de la capa Mscara est sobre ellos.

Veamos el funcionamiento de estas capas con un ejemplo. En este ejemplo, los rectngulos azules forman parte de la Capa Enmascarada y por tanto se vern en la pelcula final (pero slo lo que tape la capa mscara). El valo rojo est situado en la capa Mscara y no se ver en la pelcula, pero slo se ver lo que l "tape". As se emplean las mscaras...

Podeis poner a prueba vuestros conocimientos realizando la: Prueba evaluativa del Tema 8 . Prueba Evaluativa Tema 8: Capas Solo una respuesta es vlida por pregunta. Haz clic en la respuesta que consideres correcta. Contesta todas las preguntas y haz clic en el botn Corregir para ver la solucin. Si pulsas Restablecer podrs repetir la evaluacin. 1. El objetivo principal de las capas es aislar los objetos que contenga del resto de la pelcula para conseguir independencia frente a estos. a) Verdadero. b) Falso. 2. Los objetos creados en una capa no pueden moverse a otra, pues cada capa est ntimamente ligada a sus objetos. a) Verdadero. b) Falso. 3. Si activamos la opcin Mostrar contornos de una capa, podremos ver los bordes de todos los objetos de dicha capa como si fuesen 3 veces ms grandes, ayudndonos a distinguirlos entre el resto de capas (suponiendo que dicha opcin est inicialmente desactivada). a) Verdadero.

b) Falso. 4. Si activamos la opcin Bloquear capas de una capa, se nos garantiza que ningn objeto de los que estn situados en dicha capa podr sufrir alteracin alguna (suponiendo que dicha opcin est inicialmente desactivada). a) Verdadero. b) Falso. 5. Cmo deberamos organizar las capas de nuestra pelcula si queremos que dos objetos se muevan sincronizadamente realizando el mismo movimiento. a) Separando los objetos en dos capas diferentes. b) Situndolos en la misma capa conseguiramos nuestro propsito de manera rpida y eficaz. c) Ambas respuestas son correctas. d) Ninguna de las anteriores. 6. Qu sucedera si creamos una capa gua, pero ninguna capa guiada asociada a la misma. a) Que no habra ningn problema, pues una misma capa puede servir como gua para diversas capas guiadas. b) Que la capa Gua no tendra ningn efecto ni se vera durante la animacin. c) Que no podra realizarse, pues una capa slo puede estar guiada por una Gua en cada instante de tiempo. 7. Si tenemos una capa A que es mscara de otra capa B, entonces la capa B queda enmascarada por la capa A ... Son visibles todos los objetos de la capa B? a) Si. b) No. 8. Qu sucedera si quisiramos asociar una capa gua con varias capas guiadas a) Que no habra ningn problema, pues una misma capa puede servir como gua para diversas capas guiadas. b) Que la capa Gua no tendra ningn efecto ni se vera durante la animacin. c) Que no podra realizarse, pues una capa slo puede estar guiada por una Gua en cada instante de tiempo. 9. Qu sucedera si quisiramos asociar a una capa guiada varias capas gua. a) Que no habra ningn problema, pues una misma capa puede servir como gua para diversas capas guiadas.

b) Que la capa Gua no tendra ningn efecto ni se vera durante la animacin. c) Que no podra realizarse, pues una capa slo puede estar guiada por una Gua en cada instante de tiempo. 10. Cmo deberamos organizar las capas de nuestra pelcula si queremos que dos objetos presenten animaciones diferentes. a) Situndolos en la misma capa conseguiramos nuestro propsito de manera rpida y eficaz. b) Si las animaciones deben producirse en instantes de tiempo comunes, sera necesaria separar los objetos en dos capas diferentes. Si las animaciones pueden producirse en instantes de tiempo disjuntos (que no coincidan en ningn instante) entonces podran estar ambos objetos en la misma capa. c) Deberamos separar los dos objetos en capas diferentes, pues de lo contrario sera imposible que los objetos realizasen movimientos distintos durante los mismos instantes de tiempo. Para sincronizar los movimientos podramos convertir un objeto en un grfico o en un clip de pelcula, en funcin de nuestras necesidades.

Unidad 9.

Smbolos (I)

Qu son los smbolos Los Smbolos provienen de objetos que hemos creado utilizando las herramientas que nos proporciona Flash 8. Estos objetos al ser transformados en smbolos, son incluidos en una biblioteca en el momento en que son creados, lo que permite que sean utilizados en varias ocasiones, ya sea en la misma o en otra pelcula.

Cmo crear un smbolo

La accin de crear un nuevo smbolo es una de las ms usadas en Flash ya que es uno de los primeros pasos para crear una animacin, como veremos ms adelante. El procedimiento es el siguiente: Seleccionamos el objeto que queramos convertir en smbolo. Abrimos el panel de Propiedades del Smbolo, accediendo al men Insertar Nuevo Smbolo o simplemente pulsando Ctrl + F8 o F8.

Una vez hecho esto nos aparecer una ventana como la mostrada en la imagen. Introducimos el nombre del smbolo que vamos a crear. Esto al principio y mientras tengamos poco smbolos no ser muy importante, pero ms adelante nos servir para hacer referencia al objeto. Slo nos queda seleccionar el tipo de smbolo o comportamiento en que queremos convertir nuestro objeto. Podemos elegir entre Clip de Pelcula, Botn y Grfico. Sus caractersticas y las diferencias entre ellos las veremos en temas posteriores. Bastar con pulsar Aceptar para tener nuestro smbolo creado. Para practicar estas operaciones te aconsejamos realizar Ejercicio Crear Smbolo.
Ejercicio. Unidad 9.

Crear Smbolo.

Objetivo. Crear un smbolo de grfico que nos permitir coger destreza en una accin que ser bsica en la creacin de animaciones. Ejercicio paso a paso. 1 Pulsamos en la barra de herramientas y selecciona la Herramienta valo. 2 Dibujamos un valo en cualquier lugar del escritorio. 3 Seleccionamos la figura creada. 4 Abrimos el men Insertar Nuevo Smbolo... de la barra de mens. Se desplegar una ventana como la de la figura. 5 En el campo Nombre introducimos el nombre de nuestro grfico, por ejemplo "Mi Primer

Smbolo". 6 Seleccionamos la opcin Grfico en el apartado Comportamiento. Con esto le decimos a Flash que el nuevo smbolo ser un grfico. 7 Pulsamos Aceptar y ya tenemos nuestro primer smbolo grfico creado.
Las Bibliotecas

En Flash 8 podemos encontrar dos tipos de bibliotecas, las bibliotecas comunes y de ejemplos y aquellas asociadas a las pelculas que hemos creado. Todas ellas las tenemos a nuestra disposicin para utilizar los smbolos que contienen. Para acceder a las bibliotecas comunes que nos ofrece Flash simplemente tenemos que ir a la Barra de Mens, Ventana Bibliotecas Comunes y seleccionar alguna de las que se nos ofrecen. Las hay de todo tipo de smbolos: botones, clips o grficos. Para acceder a la lbrera de smbolos de la pelcula que estamos creando de nuevo vamos a la Barra de Mens, Ventana Biblioteca. En esta biblioteca aparecern todos los smbolos que hemos creado hasta el momento. Podemos comprobar como el nuevo smbolo que hemos creado en el ejercicio anterior (Ejercicio Crear Smbolo) se ha aadido a nuestra biblioteca accediendo a ella como acabamos de indicar.

Los smbolos contenidos en las bibliotecas estn identificados por su nombre y por un icono que representa el tipo de smbolo que representan: Clip Botn Grfico

Para utilizar un smbolo de una biblioteca basta con pulsar en el nombre de dicho smbolo y arrastrarlo a cualquier lugar del rea de trabajo. Observa cmo podemos hacerlo.

Diferencia entre smbolo e instancia Como hemos comentado anteriormente, cuando creamos un smbolo, Flash lo almacena en una biblioteca. Pues bien, cada vez que utilicemos ese objeto en una pelcula, ste se convierte en una instancia. Aunque parece que sean lo mismo, la importancia de esta distincin es que cuando utilicemos un smbolo que hayamos creado previamente en una pelcula, al modificarlo se modificar la instancia, mientras que el objeto seguir intacto, tal y como era en el momento de su creacin, de manera que podremos volverlo a utilizar en otro momento. A la derecha tenis un ejemplo de una biblioteca, en este caso una biblioteca estndar de Flash. Cada elemento de la biblioteca es un smbolo. Para entender mejor este concepto te aconsejamos realizar Ejercicio Modificar Instancia.

Ejercicio. Unidad 9.

Modificar una instancia de un smbolo.

Objetivo. Comprender la diferencia entre un smbolo y una instancia de este smbolo. Ejercicio paso a paso. 1 Vamos al men Ventana Bibliotecas Comunes. 2 Seleccionamos la primera opcin del submen que aparecer (Botones). Aparecer la librera de botones predefinidos de Flash 8. 3 Hacemos doble clic sobre la carpeta Classic buttons y luego sobre la primera carpeta que aparece en la lista (Arcade buttons). Se abrir una lista con todos los smbolos contenidos en la carpeta. 4 Arrastramos el primer smbolo (arcade button - blue) a nuestra rea de trabajo.

Aparecer en el papel el smbolo que habamos arrastrado. Esto es una instancia del smbolo llamado arcade button - blue. Comprobmoslo. 5 Seleccionamos nuestra nueva instancia. 6 Seleccionamos la herramienta Transformacin Libre y modificamos el tamao de la instancia arrastrando los extremos del objeto. 7 Bien, ahora hemos modificado la instancia. Comprobemos que el smbolo sigue intacto. Repitamos lo que hicimos en el paso 5. Como vemos, el botn ha aparecido de nuevo, pero no con el tamao que le acabamos de dar, sino con su tamao original. Esto sucede porque lo que hemos reducido de tamao era tan slo una instancia del smbolo, no el smbolo mismo, y esto es lo que se ha modificado. Por tanto podemos seguir insertando y modificando ese smbolo y cualquier otro en esta u otra pelcula ya que estaremos insertando instancias.
Unidad 9.

Smbolos (II)

Modificar una Instancia Hemos visto anteriormente que podemos modificar una instancia de un smbolo sin modificar el smbolo original en cuestin. Sin embargo, al no tratarse de un grfico vectorial (veremos que significa esto ms adelante), no podemos modificar las instancias con las herramientas de dibujo de Flash 8, pero s mediante el Panel de Propiedades, que permite la manipulacin "externa" de la instancia. As, este panel, que como hemos visto resulta sumamente til, no nos permite modificar la estructura bsica de la instancia, pero s otras propiedades, esto es, podremos hacer que la instancia tenga ms brillo, pero no transformar una estrella en un crculo).

Panel Propiedades de Instancia Para acceder al panel de propiedades de instancia, debemos seleccionar en primer lugar la instancia que queramos modificar y posteriormente abrir el Panel Propiedades. Si seleccionamos un objeto Flash que no se trate de un smbolo, el Panel Propiedades mostrar las propiedades del objeto en cuestin, pero no las caractersticas propias de los smbolos (cambios de color, intercambios etc...) En el momento que seleccionemos un smbolo aparecern una serie de propiedades y opciones que comentamos a continuacin:

Nombre del Smbolo y su icono correspondiente: El nombre de la instancia es muy importante, pues permite identificarla durante la pelcula. El icono asociado nos permite saber qu tipo de smbolo es de un vistazo rpido. Tipo de Smbolo o Comportamiento de la instancia. Por defecto se nos muestra el tipo al que perteneca el smbolo original pero nosotros podemos cambiarlo para que cambie su comportamiento, aunque pueda seguir manteniendo su estructura inicial (en la imagen es "Clip de Pelcula"). Nombre de la Instancia seleccionada (Instancia de:). Esta opcin nos muestra el smbolo raz del que proviene la instancia que estamos modificando. Este smbolo se encuentra en la biblioteca y cada cambio que sufra afecta a todas las instancias que de l se derivan. Intercambiar: Esta opcin merece especial atencin, pues es muy til y nos ahorrar mucho trabajo cuando sea necesaria emplearla. Su funcin consiste en cambiar un smbolo cualquiera por otro que tengamos en nuestra Biblioteca. Puede parecer simple, pero durante el desarrollo de un trabajo profesional rpidamente surge la necesidad de probar situaciones y los diseos grficos definitivos no suelen estar disponibles hasta bien avanzado el proyecto. Gracias a esta opcin podemos trabajar tranquilamente con un "boceto" y sustituirlo de un modo efectivo (el nuevo smbolo hereda las propiedades del antiguo smbolo, incluido el nombre de instancia, las acciones que le afectarn, efectos grficos etc...) cuando llegue el momento. En la imagen se puede observar el panel Intercambiar Smbolo.

Este panel adems, incorpora el botn Duplicar Smbolo cuya funcionalidad es la que nos podemos imaginar. Es muy til cuando queremos hacer pruebas con un smbolo y no queremos perderlo. Lo duplicamos y trabajamos tranquilamente con la copia. Efectos sobre Instancias (I) Para acceder a los efectos aplicables sobre una instancia determinada, debemos acudir nuevamente al Panel Propiedades, desde aqu podremos acceder a todos los efectos que Flash nos proporciona. En el grfico de la derecha se puede observar la pestaa Color: del Panel Propiedades. Hay varios tipos de efectos. Si el smbolo se acaba de crear o si no tiene efecto asignado aparecer en la pestaa Ninguno. En el siguiente apartado comentamos los distintos efectos aplicables a una instancia.

Unidad 9.

Smbolos (III)

Efectos sobre Instancias (II) A continuacin mostraremos los tipos de efectos. Para ello partiremos de la siguiente imagen original:

Brillo. Se puede modificar su valor desde -100% al 100%, esto es, completamente oscuro (negro) y completamente brillante (blanco). Puedes mover la barra deslizante o introducir su valor directamente en la casilla.

Efecto Brillo del 50 %

Tinta. Esta opcin permite cambiar el color de la instancia, pero puesto que, como dijimos, no podemos modificar la instancia internamente, al variar el color en la pestaa Tinta o bien mediante los valores RGB (cantidad de rojo, verde y azul), se cambiar el color de toda la instancia como si la estuviramos tiendo o poniendo una capa imaginaria de un color determinado. El grosor o intensidad de esta "capa" la podemos modificar en porcentaje mediante la primera pestaa que aparece a la derecha.

Efecto Tinta del 50 % con el color verde (0 255 0)

Alfa. Representa el grado de visibilidad o transparencia que se tendr de la instancia en cuestin. Tambin se puede modificar mediante valor directo o con la barra deslizante y es muy til para animaciones de aparicin y desaparicin de objetos. Si aplicamos un efecto alpha sobre una instancia que est encima de otro objeto, el objeto que antes estaba tapado se podr ver a travs de la instancia.

Efecto Alfa del 65 % sobre el pez naranja

Avanzado. Aqu podemos aplicar todos los efectos anteriores al mismo tiempo de manera ms precisa, con la ventaja de que aqu podemos ponerle un poco de cada uno, dando lugar a efectos de gran vistosidad.

Sobre el pez superior. Hemos aplicado un efecto Alfa del 65 % y hemos reducido al 45 % la cantidad de verde a la vez que hemos multiplicado la cantidad de azul por 111, obteniendo el tinte rosa translucido que se observa Mientras modifiquemos los efectos sobre las instancias podremos ir viendo el resultado sobre el propio escenario.

Aqu puedes ver el modo de aplicar una transformacin Alpha a una instancia.

Ejercicios del Tema 9

Prueba evaluativa del Tema 9.

Ejercicios Tema 9: Smbolos

Ejercicio 1: Crear Smbolo 1 Crea una pelcula con 1 fotograma. 2 Dibuja un crculo perfecto. 3 Convirtelo a smbolo de tipo Clip. 4 Comprueba que est disponible en la Biblioteca. Ejercicio 2: Insertar Instancia 1 Crea una nueva pelcula. 2 Inserta el Grfico de un botn cualquiera de las Bibliotecas comunes de Flash 8. 3 Modifica su tamao. 4 Vuelve a realizar el paso 2 y comprueba que el botn se inserta en su tamao original. Ejercicio 3: Duplicar Instancia 1 Sobre el ejercicio anterior, duplica la instancia del botn que has cambiado de tamao. 2 Comprueba que se ha duplicado en la Biblioteca. Ejercicio 4: Efectos sobre Instancias 1 Teniendo el botn ampliado del ejercicio 2 en el escenario, inserta el duplicado que hemos creado de tal forma que se superpongan parcialmente. 2 Dale al botn que est tapando al otro un efecto Alfa del 40%. 3 Comprueba que ahora podemos ver los dos claramente. Si no tienes muy claro cmo realizarlo, Aqu te ayudamos. Ejercicios Tema 9: Smbolos Ejercicio 1: Crear Smbolo 1 Crea una pelcula con 1 fotograma con Archivo Nuevo. 2 Para que el crculo no salga ovalado, selecciona la herramienta valo y mientras lo dibujas, mantn pulsada la tecla Shift. 3 Accede a Insertar Nuevo Smbolo... o bien pulsa F8. 4 Accede a Ventana Biblioteca y busca el nombre que le diste al crearlo. Ejercicio 2: Insertar Instancia 1 Selecciona la opcin Archivo Nuevo. 2 Ve a Ventana Bibliotecas Comunes Botones y selecciona un botn cualquiera (para expandir las carpetas, haz clic con el botn derecho sobre una de ellas y selecciona

"Expandir Carpeta"). Arrastra el botn elegido hasta el escenario 3 Selecciona el smbolo, luego la herramienta aparecern alrededor del botn. y arrastra alguno de los puntos que

4 Debes ver que has modificado slo una instancia del smbolo, y no el smbolo en s. Ejercicio 3: Duplicar Instancia 1 Haz clic con el botn derecho sobre la instancia que quieras duplicar y selecciona "Duplicar Instancia". Dale un nombre al duplicado (tambin puedes duplicar una instancia desde el panel Intercambiar Smbolo). 2 Accede a Ventana Biblioteca y busca el nombre que le diste al duplicarlo.

Ejercicio 4: Efectos sobre Instancias 1 Ve a Ventana Biblioteca para abrir la Biblioteca y busca el nombre del duplicado. Arrstralo al escenario. 2 Abre el Panel Propiedades y selecciona en la pestaa Color Alfa e introduce en la casilla donde pone 100% un 40% 3 Como el de arriba tiene un efecto Alfa (Transparencia) permite que el botn situado bajo l se vea.

Prueba Evaluativa Tema 9: Smbolos Solo una respuesta es vlida por pregunta. Haz clic en la respuesta que consideres correcta. Contesta todas las preguntas y haz clic en el botn Corregir para ver la solucin. Si pulsas Restablecer podrs repetir la evaluacin. 1. Darle un nombre concreto a los smbolos no es importante. a) Verdadero. b) Falso. 2. Las Bibliotecas Comunes de Flash aparecen desde la primera vez que abrimos el programa. a) Verdadero. b) Falso. 3. Para insertar un smbolo de biblioteca en una pelcula abrimos la biblioteca y hacemos doble clic sobre el smbolo. a) Verdadero. b) Falso. 4. Para cambiar el tamao de un smbolo, lo insertamos en nuestro documento y utilizamos la herramienta "escalar". a) Verdadero.

b) Falso. 5. Cul es cierta?. a) La Biblioteca nos permite guardar copias de todas las instancias que tengamos, lo que nos ayuda en la organizacin de nuestra pelcula. b) Con el panel Propiedades podemos modificar internamente la instancia seleccionada. c) Con el panel Propiedades podemos modificar externamente la instancia seleccionada. 6. Cul de las siguientes afirmaciones es falsa?. a) El efecto Alfa permite ver objetos situados en capas inferiores cuando su valor es distinto del 100%. b) El efecto Tinta permite modificar cada uno de los colores presentes en la instancia. c) El efecto Avanzado combina varios de los efectos sobre instancias que ofrece Flash. 7. Por razones de copyright no podemos utilizar ms de un smbolo de las bibliotecas comunes por pelcula. a) Verdadero. b) Falso. 8. Todos los smbolos que incluyamos o podamos encontrar en nuestras pelculas sern de estos tres tipos: Clip de pelcula, Grfico y Botn. a) Verdadero. b) Falso.
Unidad 10.

Grficos (I)

Qu es un grfico? Los Grficos son smbolos que nos permiten representar objetos estticos y animaciones sencillas. En caso de que utilicemos un smbolo grfico para realizar una animacin, debemos tener en cuenta que sta estar ligada a la lnea de tiempo de la pelcula en la que se encuentre. Es decir, la animacin se reproducir siempre y cuando la pelcula original tambin se est reproduciendo. Esto hace que, pese a tener su propia lnea de tiempo, no puedan contener sonidos, controles ni otros smbolos grficos. As pues, normalmente utilizaremos los grficos para imgenes estticas o para cuando nos convenga que una animacin se reproduzca slo cuando determinado frame de la lnea de tiempo de la pelcula est en marcha, ya que para los casos que hemos comentado anteriormente en los que un grfico no nos es til, Flash nos ofrece otro tipo de smbolos

como veremos en temas posteriores. Tipos de Grficos Los grficos pueden ser: a) Estticos: estos grficos se mantienen sin cambios cuando pasa el tiempo. Estos grficos son los tpicos en los fondos y en los objetos que no desempean ninguna funcin especial. Su tamao y por tanto, el tiempo de carga de este tipo de grficos, aunque siempre depender de la resolucin, de sus dimensiones y de la forma en la que estn creados *, ser en general reducido. b) Animaciones: este tipo de grfico vara su forma, posicin u otras propiedades a medida que va pasando el tiempo. Puesto que para realizar la animacin se deben usar varios grficos ms adems del original o bien realizar determinadas acciones que modifiquen el estado inicial, el tamao de esta clase de grficos, para las mismas dimensiones y forma de creacin, ser mucho mayor que uno esttico. Por esto, aunque las animaciones dan a nuestra web un aspecto ms bonito y espectacular tienen dos inconvenientes: 1) Si se trata de un Mapa de Bits (ahora veremos que significa esto) la web puede llegar a tener un tamao excesivamente grande. 2) Aunque no se traten de mapas de bits, por ejemplo, si son animaciones tpicas de Flash, cuyo tamao no es excesivo, el hecho de poner muchas animaciones puede llegar a "marear" un poco al visitante de nuestro sitio y desviar su atencin de lo que realmente importa, su contenido. (*) Los tipos de grfico anteriores pueden ser, a su vez de dos tipos, segn la forma en la que estn creados: Grfico Vectorial o Mapa de Bits. Para saber ms acerca de estos dos tipos de grfico, chale un vistazo a nuestro tema bsico. .

ESTO ES UN GRFICO ESTTICO

ESTO ES UNA ANIMACIN Creando un grfico y comprobando sus propiedades

Como explicar tericamente las propiedades de un grfico resulta un tanto confuso, vamos a ver de manera prctica lo que queremos explicar. Vamos a crear un grfico en Flash y a comprobar las propiedades que hemos comentado en el primer apartado del tema. Para ello, abre una nueva pelcula Flash (Archivo Nuevo). Ahora tenemos que crear el objeto que queremos convertir en un smbolo Grfico. Dibujemos, por ejemplo, un valo en cualquier lugar del rea de trabajo con la herramienta valo de la barra de herramientas de dibujo y dmosle un color de relleno que ser lo que despus animemos (Selecciona el fondo del valo y dale el color azul mediante la herramienta Relleno de color. ).

Ya hemos creado nuestro objeto, vamos a convertirlo en un smbolo grfico lo recuerdas ? Selecciona el objeto, ves al Men Insertar Convertir en Smbolo y convirtelo en un smbolo como ya habamos visto y dndole el nombre "GrficoAnimado"y seleccionando el Comportamiento Grfico:

Ahora vamos a crear la animacin del grfico. Puesto que todava no hemos visto a fondo las animaciones, la vamos a realizar de una forma que quiz no sera la ms apropiada la mayora de las veces, pero nos servir muy bien para este ejemplo. Para ello selecciona nuestro grfico y pulsa el botn derecho del ratn. Se desplegar un men, en el que seleccionaremos la opcin Editar para modificar el grfico y acceder a su lnea de tiempos. Comprueba que ests en la lnea de tiempos del grfico (justo encima del escenario existe una secuencia que nos indica en qu nivel nos encontramos. En la imagen inferior, se puede apreciar que nos encontramos en "Escena1 - Grfico Animado" y, por tanto estamos DENTRO del grfico (y la lnea de tiempos que vemos es la del grfico, y no la de la pelcula principal)

Crearemos a continuacin nuevos fotogramas clave seleccionando uno a uno los frames nmero 2, 3 y 4 y pulsando F6 cuando los seleccionemos. Pulsa sobre el frame 2 y cmbiale el color de fondo al valo como hicimos antes. Haz lo mismo en los dos siguientes frames. Tu lnea de tiempos debera tener este aspecto:

Pulsa donde pone Escena 1 justo encima del escenario y de este modo volveremos al nivel inicial (Pelcula principal) y podremos ver nuestro grfico "desde fuera".

Ahora ya tenemos completo nuestro grfico animado. Qu crees que suceder si reproducimos la pelcula? Comprobmoslo pulsando Control + Intro, se visualizar la pelcula. Y bien? Nada. Nada en absoluto. El valo sigue tal cual. Por qu? La respuesta est en las caractersticas de los grficos que habamos explicado: la lnea de tiempos del grfico est ligada a la de la pelcula. En este caso la lnea de tiempos de la pelcula tena un solo frame, mientras que la del grfico tena 4, por tanto, no le hemos dado tiempo al grfico a desarrollar su animacin; slo ha reproducido un frame, el primero. Cmo podemos solucionarlo? Muy sencillo. Basta con recordar lo que hemos comentado, Cierra la ventana del reproductor de Flash, selecciona el fotograma 5 de la pelcula principal y pulsa F6. Ahora tenemos 5 fotogramas en la pelcula principal. Pulsa de nuevo Control + Intro.

Ahora s que se ve la animacin. Guarda este archivo porque lo utilizaremos ms adelante.

Unidad 10.

Grficos (II)

Introducir un Mapa de Bits Los grficos de tipo Mapa de Bits pueden crearse con muchos programas. Si deseas que en tus pelculas hayan mapas de bits lo ms seguro es que prefieras crearlos y hacerlos ms espectaculares en otro programa ms apropiado que Flash para el manejo de Bitmaps: Photoshop, Fireworks o Photopaint. Flash 8 permite importar mapas de bits de otros programas, cuando han sido guardados en formatos grfico GIF, JPG, TIFF y muchos ms. Tambin nos permite modificarlos en cierto modo. Podemos cambiarle el tamao y convertirlo en un smbolo para aprovechar las opciones que nos ofrece Flash aunque, teniendo en cuenta qu es un bitmap, no podremos modificarlo "internamente" pero podremos usarlo como un smbolo ms. Para importar un archivo de Mapa de Bits al escenario haz clic en el men Archivo

Importar Importar a escenario.

Se abrir el cuadro de dilogo de Importar, all debers seleccionar el formato de imagen que quieres importar seleccionndolo en el desplegable Tipo. Luego navega por las carpetas hasta encontrarlo. Seleccinalo haciendo clic sobre l y pulsa el botn Abrir. La imagen se incluir en el escenario y estar lista para trabajar con ella.

Aqu tienes una muestra de como hacerlo.

Introducir un archivo vectorial Al igual que los mapas de bits, hay otros programas que trabajan con grficos vectoriales como tambin hace Flash 8. Si queremos traer un archivo vectorial creado en otro programa, por ejemplo Freehand, podemos hacerlo de manera muy sencilla. Simplemente accedemos al men Archivo Importar Importar a escenario. A continuacin, seleccionamos el tipo

de archivo correspondiente al grfico vectorial que queramos importar. Por ejemplo FH11 del Freehand MX (11). Pulsamos Abrir, y ya tenemos nuestro archivo vectorial. Este archivo s lo podremos modificar internamente ya que Flash es capaz de hacer grficos de este tipo. Concretamente, el Freehand pertenece tambin a Macromedia, al igual que Flash, con lo que la compatibilidad en este caso es total. Exportar un objeto Flash como mapa de bits La interfaz de dibujo de Flash, como hemos visto, resulta muy cmoda en determinadas ocasiones para realizar dibujos. As podra interesarnos utilizar Flash 8 para crear un dibujo y despus utilizarlo en otros programas o para cualquier otro uso. Esto es perfectamente posible con Flash, ya que nos permite exportar un objeto de flash como un bitmap. Eso s, debemos tener en cuenta, como vimos en el tema bsico, que la mayora de mapas de bits no permiten animaciones, por esto el objeto flash que exportemos no debera contener animacin ya que sta no se guardar.

Para realizarlo seleccionamos el objeto que vamos a exportar y accedemos al men Archivo Exporta Exportar Imagen... Luego introducimos en el campo Nombre el nombre que queremos que tenga nuestro nuevo bitmap.

Seleccionamos el tipo de mapa de bits en que deseemos convertir nuestro objeto y pulsamos Guardar Ahora ya podemos usar nuestro objeto Flash como un bitmap. Para entender mejor cmo te aconsejamos realizar el Ejercicio Exportar Bitmap.
Ejercicio. Unidad 10.

Exportar objeto como Bitmap.

Objetivo. Exportar un objeto Flash 8 como un grfico de tipo mapa de bits. En este caso, lo exportaremos como JPG. Ejercicio paso a paso. 1 Seleccionamos el objeto a exportar. 2 Vamos al men Archivo Exportar Exportar Imagen... Ahora estaremos delante de una ventana similar a la que se muestra a la derecha. 3 Buscamos en la pestaa Guardar en la carpeta en la que quieras guardar el archivo.

4 En el apartado Nombre de Archivo introducimos el nombre que queramos que tenga nuestra nueva imagen. 5 Abrimos la pestaa de archivo. 6 Buscamos entre todos los formato JPG o JPEG. 7 Pulsamos Guardar. Y ya est exportado. Para accede a la carpeta en la guardaste y vers un el nombre que le diste y la .jpg Tipos de

tipos el

comprobarlo que lo archivo con extensin

Exportar un objeto Flash como animacin Como vimos en el tema bsico hay tipos de archivo de mapa de bits que soportan animaciones como los GIF. Pues bien, con Flash tambin podemos crear una animacin y exportarla como un GIF animado. Sin embargo, como vimos, el GIF animado consiste en una secuencia de imgenes mostradas secuencialmente y es por esto que para exportar un objeto Flash 8 como GIF animado es necesario que todos los fotogramas de esta animacin sean clave, ya que el GIF no lo reconocer en caso contrario y no veremos el efecto deseado. Para exportar un smbolo y guardarlo como una imagen deberemos antes que nada seleccionarlo con la herramienta Seleccin. Una vez seleccionado deberemos hacer clic en el men Archivo Exportar Exportar imagen... y se abrir un cuadro de dilogo.

En este cuadro de dilogo deberemos introducir el nombre del archivo que crearemos y seleccionar en el desplegable Tipo el formato de imagen con el que queremos guardarlo. Una vez rellenados todos los campos y elegida la carpeta donde se guardar el archivo pulsa el botn Guardar y el archivo de imagen se crear y estr listo si quieres incluirlo en una pgina web esttica o modificarlo con cualquier programa de imagen.

Podis seguir los pasos de este clip (Nota: se utilizar como base el grfico animado que creamos en el apartado de creacin de grficos, ya que dicho grfico est hecho fotograma a fotograma): A la derecha vemos el GIF Animado que resulta de exportar nuestro grfico Flash.

Podeis poner a prueba vuestros conocimientos realizando la: Prueba evaluativa del Tema 10 . Prueba Evaluativa Tema 10: Grficos Solo una respuesta es vlida por pregunta. Haz clic en la respuesta que consideres correcta. Contesta todas las preguntas y haz clic en el botn Corregir para ver la solucin. Si pulsas Restablecer podrs repetir la evaluacin. 1. Los grficos poseen lnea de tiempos propia. a) Verdadero.

b) Falso. 2. Los grficos pueden ser estticos o dinmicos. a) Verdadero. b) Falso. 3. La lnea de tiempos de un grfico es independiente de la lnea de tiempos de la pelcula. a) Verdadero. b) Falso. 4. Flash admite importacin de archivos vectoriales. a) Verdadero. b) Falso. 5. Cul de estas 3 afirmaciones es correcta?. a) La opcin "Importar" determina lo importante que es un grfico dentro de nuestra pelcula. b) Mediante la opcin "Exportar" podemos publicar imgenes Flash directamente en la web. c) Flash puede incluir en sus pelculas imgenes creadas con otros programas, mediante la utilidad "Importacin". 6. Cul de las siguientes afirmaciones es falsa?. a) Los grficos vectoriales que importemos podremos modificarlos usando Flash 8, pues este tipo de imgenes est soportado. b) Flash permite exportar imgenes como tales o como animaciones. c) La opcin exportar es prcticamente equivalente a la opcin Publicar y pueden usarse indistintamente en casi todas las ocasiones. 7. En un grfico no es posible incluir sonidos, controles ni otros smbolos grficos. a) Verdadero.

b) Falso.

8. Es indiferente el uso de grficos y clips de pelcula, pues sus funciones son muy parecidas. a) Verdadero. b) Falso.
http://www.aulaclic.es/flash8/t_3_1.htm