tag:blogger.com,1999:blog-39043041934783297512024-03-05T00:46:02.233-08:00FLASHANGELIKhttp://www.blogger.com/profile/08357625049992808041noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-3904304193478329751.post-79838846019516998822009-10-19T10:42:00.000-07:002009-10-19T10:47:11.615-07:00PASOS PARA INSERTAR UNA ANIMACION FLASH A DREAMWEAVER<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">1-GUARDE LA PELICULA FLASH EN:<br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsN92FmTAomCdMvrTy7Noh43PyReBB2KOgGuznnDzK5UDrfCxnhfEx9A5aOcANURKOVzOZwkYDgfrf3i4eW1buJTUDIysfEyLngz_NOcyOkWxAknnY-Q-UuYGoR_1jKdo7rxNzp0zT3Hrf/s1600-h/FLASH.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsN92FmTAomCdMvrTy7Noh43PyReBB2KOgGuznnDzK5UDrfCxnhfEx9A5aOcANURKOVzOZwkYDgfrf3i4eW1buJTUDIysfEyLngz_NOcyOkWxAknnY-Q-UuYGoR_1jKdo7rxNzp0zT3Hrf/s640/FLASH.bmp" vr="true" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div>DESPUES ASIGNELE NOMBRE A LA ANIMACION Y GUARDELA EN LA CARPETA IMAGENES Y DELE GUARDAR:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOnTDwxBuYXWixFlE5a3T7OsoG8pRsDUU38-GQplIU2Pcu61ZJgQZ-I2n7pYUqdYe9J4KW3_Idv7E9YAsnfGX1J3ywKJNRd9MzyhChvE95R2C3ElwtxTZY9KuuJ9jEmEuRqF_v6oWbz-h7/s1600-h/FLASH1.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOnTDwxBuYXWixFlE5a3T7OsoG8pRsDUU38-GQplIU2Pcu61ZJgQZ-I2n7pYUqdYe9J4KW3_Idv7E9YAsnfGX1J3ywKJNRd9MzyhChvE95R2C3ElwtxTZY9KuuJ9jEmEuRqF_v6oWbz-h7/s640/FLASH1.bmp" vr="true" /></a><br />
</div><br />
AHORA ABRIMOS EL PROGRAMA DREAMWEAVER VAMOS A:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW5naP_na-DfPp9JErSlLNq5aPrZwPE5fIdxJRjC3UFAAPedSEVfjjqNVBMQ9s-OHspm8yCoTLwxHF8S__nUix9Y9QOuvg74CH4qyYRqjwzZd21XbBXUYVSU_yeZUTT4CLxcpnghNH_r8z/s1600-h/FLASH2.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW5naP_na-DfPp9JErSlLNq5aPrZwPE5fIdxJRjC3UFAAPedSEVfjjqNVBMQ9s-OHspm8yCoTLwxHF8S__nUix9Y9QOuvg74CH4qyYRqjwzZd21XbBXUYVSU_yeZUTT4CLxcpnghNH_r8z/s640/FLASH2.bmp" vr="true" /></a><br />
</div><br />
<br />
DESPUES BUSCAMOS LA ANIMACION EN LA CARPETA <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Z4_HvoEOO2uxJgOyYG4C9XPHivxQtxJcjo1DUP7gUW8imxeqjpG0N_wA-ulsLrWkHk9CicbgFQuW51px34StU9lV7zsiuCIRpC2h7W5IG5XZCOZ9SK6zjQXpjDgAKV6XwRuNXJo_KQ3a/s1600-h/FLASH3.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Z4_HvoEOO2uxJgOyYG4C9XPHivxQtxJcjo1DUP7gUW8imxeqjpG0N_wA-ulsLrWkHk9CicbgFQuW51px34StU9lV7zsiuCIRpC2h7W5IG5XZCOZ9SK6zjQXpjDgAKV6XwRuNXJo_KQ3a/s640/FLASH3.bmp" vr="true" /></a><br />
</div><br />
Y LISTO HEMOS AGREGADO LA ANIMACION DE FLASHANGELIKhttp://www.blogger.com/profile/08357625049992808041noreply@blogger.com0tag:blogger.com,1999:blog-3904304193478329751.post-91790459056674030312009-09-28T04:33:00.000-07:002009-09-28T09:16:31.859-07:00SIMBOLOS<div style="text-align: justify;"><strong>Qué son los símbolos</strong><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><ul><li><div style="text-align: justify;">Los Símbolos provienen de objetos que hemos creado utilizando las herramientas que nos proporciona Flash MX 2004. </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Estos objetos al ser transformados en símbolos, 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 película. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div></li>
</ul><div style="text-align: justify;"><strong>Cómo crear un símbolo</strong> <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">La acción de crear un nuevo símbolo es una de las más usadas en Flash ya que es uno de los primeros pasos para crear una animación, como veremos más adelante.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">El procedimiento es el siguiente:<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Seleccionamos el objeto que queramos convertir en símbolo. Abrimos el panel de Propiedades del Símbolo, accediendo al menú Insertar -> Nuevo Símbolo o simplemente pulsando Ctrl + F8 o F8 .<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVPwJ_Npo2aH-Uyisnb9M86A29uULlnp6H2X66XI-x_zGSB-LZPD8GIeplEww6xpv-ruMHnqqRWZYbNJz7QJowomngLydOrG6TxbbEL53rE0qXzf4ilTGH-vAXXnENvuICQISglEdYpNGE/s1600-h/crear_simb2004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVPwJ_Npo2aH-Uyisnb9M86A29uULlnp6H2X66XI-x_zGSB-LZPD8GIeplEww6xpv-ruMHnqqRWZYbNJz7QJowomngLydOrG6TxbbEL53rE0qXzf4ilTGH-vAXXnENvuICQISglEdYpNGE/s400/crear_simb2004.jpg" /></a><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Una vez hecho esto nos aparecerá una ventana como la mostrada en la imagen. Introducimos el nombre del símbolo que vamos a crear.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Esto al principio y mientras tengamos poco símbolos no será muy importante, pero más adelante nos servirá para hacer referencia al objeto.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Sólo nos queda seleccionar el tipo de símbolo o comportamiento en que queremos convertir nuestro objeto. Podemos elegir entre Clip de Película, Botón y Gráfico. Sus características y las diferencias entre ellos las veremos en temas posteriores.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Bastará con pulsar Aceptar para tener nuestro símbolo creado<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>Las Bibliotecas</strong><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><ul><li><div style="text-align: justify;">En Flash MX 2004 podemos encontrar dos tipos de bibliotecas, las bibliotecas comunes y de ejemplos y aquellas asociadas a las películas que hemos creado. Todas ellas las tenemos a nuestra disposición para utilizar los símbolos que contienen. </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Para acceder a las bibliotecas comunes que nos ofrece Flash simplemente tenemos que ir a la Barra de Menús, Ventana -> Otros Paneles -> Bibliotecas Comunes y seleccionar alguna de las que se nos ofrecen. Las hay de todo tipo de símbolos: botones, clips o gráficos.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Para acceder a los ejemplos de películas completas de Flash MX debemos acceder a Ayuda -> Muestras.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Para acceder a la líbrería de símbolos de la película que estamos creando de nuevo vamos a la Barra de Menús, Ventana -> Biblioteca. En esta biblioteca aparecerán todos los símbolos que hemos creado hasta el momento.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Podemos comprobar como el nuevo símbolo que hemos creado en el ejercicio anterior (Ejercicio Crear Símbolo) se ha añadido a nuestra biblioteca accediendo a ella como acabamos de indicar.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div></li>
</ul><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje2fEtRwdyqkhj9nHJfuCTvXxRcxKDiDlSWvZs3zHA3ElMr_XlmPDFB2nU4nG4-_DRN3jmVh0ZlHEQRoD0foMZ1B0rV8FBpMtxXql8c36GlN6JyNQHwZSfWNJUh-Q7nt0CENvlAg9G9H_N/s1600-h/ventana_bibl2004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje2fEtRwdyqkhj9nHJfuCTvXxRcxKDiDlSWvZs3zHA3ElMr_XlmPDFB2nU4nG4-_DRN3jmVh0ZlHEQRoD0foMZ1B0rV8FBpMtxXql8c36GlN6JyNQHwZSfWNJUh-Q7nt0CENvlAg9G9H_N/s400/ventana_bibl2004.jpg" /></a><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;">Los símbolos contenidos en las bibliotecas están identificados por su nombre y por un icono que representa el tipo de símbolo que representan:<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghetQfQ8SCZVMxcm0uS5DZqNOzgWPhMIxAmVmjrlZrmXNPMq3W5olu49g8RqR_PQfCafn27SG6Txh3h9FulvDJLxd0NczZ5ee05QW5x0-nFwYmLjMfiWzmCGfb2rDbKxNWD3N89cZwPI52/s1600-h/icono_clip2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghetQfQ8SCZVMxcm0uS5DZqNOzgWPhMIxAmVmjrlZrmXNPMq3W5olu49g8RqR_PQfCafn27SG6Txh3h9FulvDJLxd0NczZ5ee05QW5x0-nFwYmLjMfiWzmCGfb2rDbKxNWD3N89cZwPI52/s400/icono_clip2004.gif" /></a>Clip <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmiLsvK1utK9DALKY1w1jp0FA-Fw5ShYwgAtmfUfCSKA6hktQ3EAZSyWfKSMwm5h4Uz4quMEqgEs5GfkY3kQSSOYyF-I7BYKIUZEXcjP9ABd-woU28dXOzERo2Az3VJ9mI68LAvbQm81ct/s1600-h/icono_boton2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmiLsvK1utK9DALKY1w1jp0FA-Fw5ShYwgAtmfUfCSKA6hktQ3EAZSyWfKSMwm5h4Uz4quMEqgEs5GfkY3kQSSOYyF-I7BYKIUZEXcjP9ABd-woU28dXOzERo2Az3VJ9mI68LAvbQm81ct/s320/icono_boton2004.gif" /></a>Botón <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3QvUkUtQEurlYNhGUXgfbnzjfXkkepsHd_v9hmwUWdDm1GBR8x5SIpYRaOOAuuE9iKbTEIAV6Z5R_Q6nABHPYCBPPeseRSMovJonVcH_r3UBSu2wXMdY7RlFdiov2wS9mO8KDlFdkJm-T/s1600-h/icono_grafico2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3QvUkUtQEurlYNhGUXgfbnzjfXkkepsHd_v9hmwUWdDm1GBR8x5SIpYRaOOAuuE9iKbTEIAV6Z5R_Q6nABHPYCBPPeseRSMovJonVcH_r3UBSu2wXMdY7RlFdiov2wS9mO8KDlFdkJm-T/s320/icono_grafico2004.gif" /></a>Gráfico<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Para utilizar un símbolo de una biblioteca basta con pulsar en el nombre de dicho símbolo y arrastrarlo a cualquier lugar del área de trabajo. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>Diferencia entre símbolo e instancia</strong><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ymKMAnmJ5rl5JgsV8hk88LwOObW7Vi9TEwdBITx2lZaj13j6u5avAFTy15FToX0PmiA6P3Oc18IEmKehFrtekqjJOl07fvRfvPVozdIthNTXmmCRbke6uopVNdewzhuvSqQ1szROdAdE/s1600-h/bibl_botones2004.jpg" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ymKMAnmJ5rl5JgsV8hk88LwOObW7Vi9TEwdBITx2lZaj13j6u5avAFTy15FToX0PmiA6P3Oc18IEmKehFrtekqjJOl07fvRfvPVozdIthNTXmmCRbke6uopVNdewzhuvSqQ1szROdAdE/s400/bibl_botones2004.jpg" /></a>Como hemos comentado anteriormente, cuando creamos un símbolo, Flash lo almacena en una biblioteca. Pues bien, cada vez que utilicemos ese objeto en una película, éste se convierte en una instancia.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Aunque parece que sean lo mismo, la importancia de esta distinción es que cuando utilicemos un símbolo que hayamos creado previamente en una película, al modificarlo se modificará la instancia, mientras que el objeto seguirá intacto, tal y como era en el momento de su creación, de manera que podremos volverlo a utilizar en otro momento.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">A la derecha tenéis un ejemplo de una biblioteca, en este caso una biblioteca estándar de Flash. Cada elemento de la biblioteca es un símbolo. <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>Modificar una Instancia</strong><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><ul><li style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><div style="text-align: justify;">Hemos visto anteriormente que podemos modificar una instancia de un símbolo sin modificar el símbolo original en cuestión. Sin embargo, al no tratarse de un gráfico vectorial (veremos que significa esto más adelante), no podemos modificar las instancias con las herramientas de dibujo de Flash MX 2004, pero sí mediante el Panel de Propiedades, que permite la manipulación "externa" de la instancia. </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Así, este panel, que como hemos visto resulta sumamente útil, no nos permite modificar la estructura básica de la instancia, pero sí otras propiedades, esto es, podremos hacer que la instancia tenga más brillo, pero no transformar una estrella en un círculo). <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div></li>
</ul><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>Panel Propiedades de Instancia</strong><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvD4O9ac6CM0ufbPi11SToCKtEz647DXvwlMNMDO3kKDnaHX0LYTrPESR6FVhtR9AOp0Mn0MUIxJ5PRvAZkNxuMOKsZiJcY8En5B9NHml8XetKSaUr0797UnZTPRF9ScIjTxucekSlfplE/s1600-h/prop_instanciamx2004.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvD4O9ac6CM0ufbPi11SToCKtEz647DXvwlMNMDO3kKDnaHX0LYTrPESR6FVhtR9AOp0Mn0MUIxJ5PRvAZkNxuMOKsZiJcY8En5B9NHml8XetKSaUr0797UnZTPRF9ScIjTxucekSlfplE/s400/prop_instanciamx2004.jpg" /></a><br />
</div><div style="text-align: justify;">Para acceder al panel de propiedades de instancia, debemos seleccionar en primer lugar la instancia que queramos modificar y posteriormente abrir el Panel Propiedades.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Si seleccionamos un objeto Flash que no se trate de un símbolo, el Panel Propiedades mostrará las propiedades del objeto en cuestión, pero no las características propias de los símbolos (cambios de color, intercambios etc...)<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">En el momento que seleccionemos un símbolo aparecerán una serie de propiedades y opciones que comentamos a continuación: <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><ul><li><div style="text-align: justify;"><strong>Nombre del Símbolo y su icono correspondiente:</strong> El nombre de la instancia es muy importante, pues permite identificarla durante la película. El icono asociado nos permite saber qué tipo de símbolo es de un vistazo rápido.</div></li>
<li><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>Tipo de Símbolo o Comportamiento de la instancia.</strong> Por defecto se nos muestra el tipo al que pertenecía el símbolo original pero nosotros podemos cambiarlo para que cambie su comportamiento, aunque pueda seguir manteniendo su estructura inicial (en la imagen es "Clip de Película").<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div></li>
<li><div style="text-align: justify;"><strong>Nombre de la Instancia seleccionada (Instancia de:).</strong> Esta opción nos muestra el símbolo raíz del que proviene la instancia que estamos modificando. Este símbolo se encuentra en la biblioteca y cada cambio que sufra afecta a todas las instancias que de él se derivan. </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div></li>
<li><div style="text-align: justify;"><strong>Intercambiar:</strong> Esta opción merece especial atención, pues es muy útil y nos ahorrará mucho trabajo cuando sea necesaria emplearla. Su función consiste en cambiar un símbolo cualquiera por otro que tengamos en nuestra Biblioteca. Puede parecer simple, pero durante el desarrollo de un trabajo profesional rápidamente surge la necesidad de probar situaciones y los diseños gráficos definitivos no suelen estar disponibles hasta bien avanzado el proyecto. </div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div></li>
</ul><div style="text-align: justify;">Gracias a esta opción podemos trabajar tranquilamente con un "boceto" y sustituirlo de un modo efectivo (el nuevo símbolo hereda las propiedades del antiguo símbolo, incluido el nombre de instancia, las acciones que le afectarán, efectos gráficos etc...) cuando llegue el momento. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">En la imagen se puede observar el panel Intercambiar Símbolo. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqarQR5M3XIQCMLj1TXrnJgBsZHUS_gr0jnvFiYEPxHFYr-5cQz9fK69fu_liysxlb2P4JD5Ck-KjWRGwbR4St_u_ag696J2kaFdjAxDx7VVJGelitv1k-9xGBek_0Yabr-fC6ILLwWX4O/s1600-h/intercambiar_simbmx2004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqarQR5M3XIQCMLj1TXrnJgBsZHUS_gr0jnvFiYEPxHFYr-5cQz9fK69fu_liysxlb2P4JD5Ck-KjWRGwbR4St_u_ag696J2kaFdjAxDx7VVJGelitv1k-9xGBek_0Yabr-fC6ILLwWX4O/s400/intercambiar_simbmx2004.jpg" /></a><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9RPZuL7uc0DFLQOpPmwlbtKfE5sgM-eHzNq0V7RknpNYCZBu4t_CMeOFYeX070HszOYCJht5QUqfzpoAVPTJnWQhB6esEl-E0JMD5PYQPqN3bFOp_HghKs2S9KL7qT0l4oke1nHuIl9Q1/s1600-h/intercamb_simb2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9RPZuL7uc0DFLQOpPmwlbtKfE5sgM-eHzNq0V7RknpNYCZBu4t_CMeOFYeX070HszOYCJht5QUqfzpoAVPTJnWQhB6esEl-E0JMD5PYQPqN3bFOp_HghKs2S9KL7qT0l4oke1nHuIl9Q1/s400/intercamb_simb2004.gif" /></a>Este panel además, incorpora el botón <strong>Duplicar Símbolo</strong> cuya funcionalidad es la que nos podemos imaginar. Es muy útil cuando queremos hacer pruebas con un símbolo y no queremos perderlo. Lo duplicamos y trabajamos tranquilamente con la copia.<br />
</div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>Efectos sobre Instancias</strong><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVFrkTq90iT8TW1r7glUY9gfVjKD0whjwdqLvsrQ3bR8xh1wIheGweIzy8d0Uvy4nysX-NDHWPiidh0Yjx62MRkaSRXcci4bRV35ALKoo-z5JmYvH9ptr2cKTi6Z1VSx6aKHzXcXjlvJxa/s1600-h/prop_colormx2004.gif" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVFrkTq90iT8TW1r7glUY9gfVjKD0whjwdqLvsrQ3bR8xh1wIheGweIzy8d0Uvy4nysX-NDHWPiidh0Yjx62MRkaSRXcci4bRV35ALKoo-z5JmYvH9ptr2cKTi6Z1VSx6aKHzXcXjlvJxa/s400/prop_colormx2004.gif" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">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 gráfico de la derecha se puede observar la pestaña Color: del Panel Propiedades.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Hay varios tipos de efectos. Si el símbolo se acaba de crear o si no tiene efecto asignado aparecerá en la pestaña Ninguno. <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">A continuación mostraremos los tipos de efectos. Para ello partiremos de la siguiente imagen original:<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir2W5vAUh_mTAB5ASyOfMPXpd1kYyojhQsGr55NjOkxagb3J4Q2LWG-I3BvA7BMszm2ldqoRXVtoo36TveRWzwAGDYMPqkwirsiW3FiBu765esjjNsY1W-WPkHgKFG9IE5NQIV512Njzj5/s1600-h/efnorm.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir2W5vAUh_mTAB5ASyOfMPXpd1kYyojhQsGr55NjOkxagb3J4Q2LWG-I3BvA7BMszm2ldqoRXVtoo36TveRWzwAGDYMPqkwirsiW3FiBu765esjjNsY1W-WPkHgKFG9IE5NQIV512Njzj5/s400/efnorm.gif" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><ul><li><div style="text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>Brillo</strong>. 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.<br />
</div><div style="text-align: justify;"><br />
</div></li>
</ul><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoVP1vA63JLMe65hd-KbGHF9K1QSiXFQQDpQzOncT2OwQ7GV21W77Me6A34vAgy7h2V52s74xYRrIffmM8gHQTyHB9vg1mFRqe0GLYPQbFjefKKImdBPrpFlRgsp_s-11u21HLPIYb_QNb/s1600-h/efbrillo.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoVP1vA63JLMe65hd-KbGHF9K1QSiXFQQDpQzOncT2OwQ7GV21W77Me6A34vAgy7h2V52s74xYRrIffmM8gHQTyHB9vg1mFRqe0GLYPQbFjefKKImdBPrpFlRgsp_s-11u21HLPIYb_QNb/s320/efbrillo.gif" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Efecto Brillo del 50 %<br />
</div><ul><li style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>Tinta.</strong> Esta opción permite cambiar el color de la instancia, pero puesto que, como dijimos, no podemos modificar la instancia internamente, al variar el color en la pestaña Tinta o bien mediante los valores RGB (cantidad de rojo, verde y azul), se cambiará el color de toda la instancia como si la estuviéramos tiñendo o poniendo una capa imaginaria de un color determinado. El grosor o intensidad de esta "capa" la podemos modificar en porcentaje mediante la primera pestaña que aparece a la derecha.<br />
</div><div style="text-align: justify;"><br />
</div></li>
</ul><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL38BORN2GrkfMslQK_K6gLZgFAtPRdJPRfXuXJHW9y_FYtlqdRTKi_M8Okcb1Ti82gna9qoIVAwOfsYvJeUfuKW2WoLbOCw_2Sg6cG-uET8MQog6BNnW6TZxAccZTgzc9SgEFnMflXyQ-/s1600-h/eftint.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL38BORN2GrkfMslQK_K6gLZgFAtPRdJPRfXuXJHW9y_FYtlqdRTKi_M8Okcb1Ti82gna9qoIVAwOfsYvJeUfuKW2WoLbOCw_2Sg6cG-uET8MQog6BNnW6TZxAccZTgzc9SgEFnMflXyQ-/s320/eftint.gif" /></a><br />
</div><div style="text-align: justify;">Efecto Tinta del 50 % con el color verde (0 255 0)<br />
</div><div style="text-align: justify;"><br />
</div><ul><li><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>Alfa.</strong> Representa el grado de visibilidad o transparencia que se tendrá de la instancia en cuestión. También se puede modificar mediante valor directo o con la barra deslizante y es muy útil para animaciones de aparición y desaparición 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 través de la instancia.<br />
</div><div style="text-align: justify;"><br />
</div></li>
</ul><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"></div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg68P2M8MXQxJaaRxXL1IiXtAM_qlWFdt2tkafe29k-hGCY_H4XbfKjlk7deK0-jbFES5V1VjZC7RDKxvHNFYFkjZDL9MK_bIU5w_EO0REHqR5td3KX7NYCDmXopkLMOj1Hj6wToIi-S8-P/s1600-h/efalfa.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg68P2M8MXQxJaaRxXL1IiXtAM_qlWFdt2tkafe29k-hGCY_H4XbfKjlk7deK0-jbFES5V1VjZC7RDKxvHNFYFkjZDL9MK_bIU5w_EO0REHqR5td3KX7NYCDmXopkLMOj1Hj6wToIi-S8-P/s400/efalfa.gif" /></a><br />
</div><div style="text-align: justify;"> Efecto Alfa del 65 % sobre el pez naranja<br />
</div><div style="text-align: justify;"><br />
</div><ul><li><div style="text-align: justify;"> <strong>Avanzado.</strong> Aquí podemos aplicar todos los efectos anteriores al mismo tiempo de manera más precisa, con la ventaja de que aquí podemos ponerle un poco de cada uno, dando lugar a efectos de gran vistosidad.</div></li>
</ul><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRL5Y1danRuc4n_BqJ0aUaCS_nsLD2BZT5fFfMI5usYQEK-DNaRvqcP-p5tf_sNE8B-G3qaCWauQYSLBL_4tLnK8NwV0eOFJDGO-aJF0htZApeTudFuB7TydN2q8NvkQcr8qmECgyFxNV8/s1600-h/efadv.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRL5Y1danRuc4n_BqJ0aUaCS_nsLD2BZT5fFfMI5usYQEK-DNaRvqcP-p5tf_sNE8B-G3qaCWauQYSLBL_4tLnK8NwV0eOFJDGO-aJF0htZApeTudFuB7TydN2q8NvkQcr8qmECgyFxNV8/s400/efadv.gif" /></a><br />
</div><div style="text-align: justify;">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<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Mientras modifiquemos los efectos sobre las instancias podremos ir viendo el resultado sobre el propio escenario.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"> <br />
</div><div align="justify"><br />
</div><br />
<div><br />
</div><br />
<div><br />
</div><br />
<div><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
<div><br />
</div></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
<div><br />
</div></div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
<div><br />
</div></div><ul></ul>ANGELIKhttp://www.blogger.com/profile/08357625049992808041noreply@blogger.com0tag:blogger.com,1999:blog-3904304193478329751.post-46142292055423044172009-09-24T13:59:00.000-07:002009-09-28T09:08:49.508-07:00ENTORNO DE TRABAJO<div style="text-align: justify;">La Interfaz de Flash MX 2004 <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Flash MX 2004 cuenta con un entorno o interfaz de trabajo de lo más manejable e intuitiva. Además, tiene la ventaja de que es similar a la de otros programas de Macromedia (Dreamweaver, Freehand, Director...), todo esto hace más fácil aprender Flash y más rápido su manejo y dominio. Esto es lo que nos encontraremos al abrir Flash MX 2004 por primera vez:<br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqoylNA4Rm_X0WENPWtGbp3SoMa8oYoa2b6TYa8ShBvrYgMdx3FCsJ6o0tKYZWWEAUjc_tQeLU3iSzMZFir_g1xAi5kbvcA29x_cbP90lsRc7QK26w9Dy6Sk1D6lP1F1qLyzmUsl3RCdIv/s1600-h/entornomx2004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqoylNA4Rm_X0WENPWtGbp3SoMa8oYoa2b6TYa8ShBvrYgMdx3FCsJ6o0tKYZWWEAUjc_tQeLU3iSzMZFir_g1xAi5kbvcA29x_cbP90lsRc7QK26w9Dy6Sk1D6lP1F1qLyzmUsl3RCdIv/s400/entornomx2004.jpg" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="text-align: justify;">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.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">En esta imagen faltan algunos menús. Todos se irán viendo a lo largo de este curso aunque no aparezcan en esta imagen, que sólo pretende mostrar las partes principales de la interfaz de Flash. Veamos cuáles son:<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>La Barra de Menús</strong> <br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHa3_idfWYmCFfGmpPuDh_MKKksu8HI7HwQ-X3RD046JxMhvXHmo5BmM_3mUShVXMrpfo95o6FoVHHICU33dnRS9yNF_z_T1GgJwSb6TZTQDSnkTnGN8M1zq_V-f1SZx0KUcJsrrjBU-4G/s1600-h/barra_menusmx2004.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHa3_idfWYmCFfGmpPuDh_MKKksu8HI7HwQ-X3RD046JxMhvXHmo5BmM_3mUShVXMrpfo95o6FoVHHICU33dnRS9yNF_z_T1GgJwSb6TZTQDSnkTnGN8M1zq_V-f1SZx0KUcJsrrjBU-4G/s320/barra_menusmx2004.gif" /></a><br />
</div><div class="separator" style="clear: both; text-align: justify;"> <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">La Barra de Menús tiene como propósito facilitar el acceso a las distintas utilidades del programa. Es similar a la de cualquier otro programa de diseño web o gráfico, aunque tiene algunas particularidades. Veamos los principales Submenús a los que se puede acceder:<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Archivo</span>: Permite crear nuevos archivos, abrirlos, guardarlos... Destaca la potencia de la utilidad Importar que inserta en la película actual casi todo tipo de archivos (sonidos, vídeo, imágenes e incluso otras películas Flash), o la de Configuración de Publicación desde donde se pueden modificar las características de la publicación. También permite configurar la impresión de las páginas, imprimirlas...<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Edición</span>: Es el clásico menú que te permite Cortar, Copiar, Pegar... tanto objetos o dibujos como fotogramas; también permite personalizar algunas de las opciones más comunes del programa.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Ver</span>: Además de los típicos Zooms, te permite moverte por los fotogramas y por las escenas. También incluye la posibilidad de crear una cuadrícula y unas guías. Esto se puede seleccionar desde los submenús Cuadrícula y Guías desde donde también se pueden configurar sus opciones.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Insertar</span>: Te permite insertar objetos en la película, así como nuevos fotogramas, capas, acciones, escenas...<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Modificar</span>: La opción Transformar permite modificar los gráficos existentes en la película, y la opción Trazar Mapa de Bits convierte los gráficos en mapas vectoriales (este tema se tratará más adelante). El resto de opciones permite modificar características de los elementos de la animación Suavizar, Optimizar o de la propia película (Capa, Escena ...).<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Texto</span>: Sus contenidos afectan a la edición de texto. Más adelante se tratará en profundidad.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Comandos</span>: Permite administrar los Comandos (conjunto de sentencias almacenadas que permiten emular lo que un usuario pueda introducir en el entorno de edición) que hayamos almacenado en nuestra animación, obtener otros nuevos de la página de Macromedia o ejecutar los que ya tengamos. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Control</span>: Desde aquí se modifican las propiedades de reproducción de la película. Reproducir, Rebobinar, Probar Película ....<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Ventana</span>: Este menú, además de las opciones clásicas acerca de cómo distribuir las ventanas, incluye accesos directos a TODOS los Paneles.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Ayuda</span>: 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.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>La Línea de Tiempo</strong><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYvc4Eus6-Q_jcC64OzW7UFRxEGZZ2vdF6iroGoMAJljfmgb2bUnaz7R_VtBQLdFjpi5vZlTI5XPdlYQJPv9d23pVHDffnSNZW_udoDY6loG-RdqDKRB53vV5gNukEYCgj9AljitCkb6z/s1600-h/linea_tiempomx2004.gif" imageanchor="1" style="cssfloat: right; margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTYvc4Eus6-Q_jcC64OzW7UFRxEGZZ2vdF6iroGoMAJljfmgb2bUnaz7R_VtBQLdFjpi5vZlTI5XPdlYQJPv9d23pVHDffnSNZW_udoDY6loG-RdqDKRB53vV5gNukEYCgj9AljitCkb6z/s400/linea_tiempomx2004.gif" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">La Línea de Tiempo representa una forma de ver los fotogramas de modo simplificado. Consta de 2 partes. <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>1)</strong> Los Fotogramas (frames) que vienen delimitados por líneas verticales (formando rectángulos)<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>2)</strong> Los Números de Fotograma que permiten saber qué número tiene asignado cada fotograma, cuánto dura o cuándo aparecerá en la película. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Además, en la parte inferior hay herramientas para trabajar con Papel cebolla e información sobre el Número de Fotograma actual (1 en la imagen), la Velocidad de los Fotogramas (12.0 en la imagen) y el Tiempo de película transcurrido (0.0s en la imagen).<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">A nivel conceptual, la Línea de Tiempo representa la sucesión de Fotogramas en el tiempo. Es decir, la película Flash no será nada más que los fotogramas que aparecen en la Línea de tiempo uno detrás de otro, en el orden que establece la misma Línea de tiempo.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Para saber más acerca de la Línea de Tiempo y de los distintos tipos de fotogramas que existen visita nuestra Página Avanzada <a href="http://www.aulaclic.es/flashmx_2004/a_3_2_1.htm">FOTOGRAMAS</a><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>Las Capas</strong><br />
</div><div style="text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidT-kwyxhLP5AmhdEk8exNQbe-eOkg7xp74cIQI0sKJgJpTSM82C6EyJj6ZbQlqNpYxvR8e85DJ_odInoNro3ckDtipTH7l8GNspMoyCELGKoBpKAsCgJCn6hJrhu8pGCnfCwlOuk-BvLH/s1600-h/capasmx2004.gif" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidT-kwyxhLP5AmhdEk8exNQbe-eOkg7xp74cIQI0sKJgJpTSM82C6EyJj6ZbQlqNpYxvR8e85DJ_odInoNro3ckDtipTH7l8GNspMoyCELGKoBpKAsCgJCn6hJrhu8pGCnfCwlOuk-BvLH/s400/capasmx2004.gif" /></a>El concepto de Capa es fundamental para manejar Flash de forma eficiente. Dada la importancia de estas, se le dedicará un tema completo. Aún así, veamos a grandes rasgos qué son las capas.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Una Capa se puede definir como una película independiente de un único nivel. Es decir, una capa contiene su propia Línea de Tiempo (con infinitos fotogramas). <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Los objetos que estén 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 múltiples capas además, da lugar a películas bien ordenadas y de fácil manejo. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>El Área de Trabajo</strong><br />
</div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn1GHIn8QHLNZgTtywnvImElUueq7HEZtNu23i14vxB6g7CtxgYur61Yqdig-lp8byWhyk8xID_THf7yarT5vbtNCP0gLxK6QL29o8L6gXslaK8fdVfJ1cRNUdTz7UvQOJdB8lrvcq3TgY/s1600-h/panel_propiedadesmx2004.jpg" imageanchor="1" style="cssfloat: right; margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn1GHIn8QHLNZgTtywnvImElUueq7HEZtNu23i14vxB6g7CtxgYur61Yqdig-lp8byWhyk8xID_THf7yarT5vbtNCP0gLxK6QL29o8L6gXslaK8fdVfJ1cRNUdTz7UvQOJdB8lrvcq3TgY/s400/panel_propiedadesmx2004.jpg" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">El Área de trabajo consta de numerosas partes, veámoslas:<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">La parte más importante es el Escenario, sobre el escenario dibujaremos y colocaremos los diferentes elementos de la película 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 botón derecho sobre cualquier parte del escenario en la que no haya ningún objeto y después sobre Propiedades del documento:<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><span style="color: red;">Dimensiones</span>: Determinan el tamaño de la película. El tamaño mínimo es de 1 x 1 px (píxeles) y el máximo de 2880 x 2880 px.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><span style="color: red;">Coincidir</span>: Provocan que el tamaño de la película coincida con el botón seleccionado (tamaño por defecto de la Impresora, Contenidos existentes o los elegidos como Predeterminados) <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Color de Fondo</span>: El color aquí seleccionado será el color de fondo de toda la película.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Veloc. Fotogramas</span>: O número de fotogramas por segundo que aparecerán en la película. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Unidades de Regla</span>: Unidad que se empleará para medir las cantidades.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Transformar en predeterminado</span>: Este botón, propio de la nueva versión 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 podrán ser alteradas desde este panel cuando se desee. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Las Vistas o Zooms</div><div style="text-align: justify;"><ul><li style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXtnOXwSM1L5SHRqmVJgdQKWxHkff66MTd4tPELn8PubNamZZr5M3jxitY2bnIrdx5iTTl8E-FmX3NgOAgSDODWyjtVI7p9PiDIZVM1No5blr3QaLU9A5oHUjmEBAeP3lI_0cSswKCJTsp/s1600-h/zoom_opciones2004.gif" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXtnOXwSM1L5SHRqmVJgdQKWxHkff66MTd4tPELn8PubNamZZr5M3jxitY2bnIrdx5iTTl8E-FmX3NgOAgSDODWyjtVI7p9PiDIZVM1No5blr3QaLU9A5oHUjmEBAeP3lI_0cSswKCJTsp/s400/zoom_opciones2004.gif" /></a><strong>La Herramienta Lupa</strong> se emplea para acercar o alejar la vista de un objeto, permitiendo abarcar más o menos zona del Entorno de Trabajo. Cada vez que hagamos clic en la Lupa duplicaremos el porcentaje indicado en el Panel Zooms . </li>
</ul></div><div style="text-align: justify;"></div><ul><li style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><div style="text-align: justify;"><strong>Panel Zooms</strong>: Son un conjunto de accesos directos a Submenús existentes en el Menú Ver. Son muy útiles y ayudan a acelerar el trabajo cuando se emplean correctamente.</div></li>
</ul></li><br />
<//li><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><ul></ul></div><div style="text-align: justify;"></div><div style="text-align: justify;"></div><div style="text-align: justify;">Para saber más acerca de los <a href="http://www.aulaclic.es/flashmx_2004/b_3_3_1.htm">zooms</a><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>Los Paneles</strong><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Los Paneles son conjuntos de comandos agrupados según su función (por ejemplo, todo lo que haga referencia a las acciones, irá en el Panel "Acciones"). Su misión es simplificar y facilitar el uso de los comandos.<br />
</div><div style="text-align: justify;">Todos ellos se estudiarán en profundidad a lo largo del curso. Aún así, vamos a nombrarlos y a resumir las funciones de la mayoría de ellos.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Panel Alinear</span>: Coloca los objetos del modo que le indiquemos. Muy útil.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Panel Mezclador de Colores:</span> Mediante este panel creamos los colores que más nos gusten.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Panel Muestras de Color</span>: Nos permite seleccionar un color de modo rápido y gráfico. (Incluidas nuestras creaciones).<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Panel Información:</span> Muestra el tamaño y las coordenadas de los objetos seleccionados, permitiéndonos modificarlas. Muy útil para alineaciones exactas.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Panel Escena</span>: Modifica los atributos de las escenas que usemos.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Si aún no sabes lo que son las<a href="http://www.aulaclic.es/flashmx_2004/b_3_3_2.htm"> escenas</a><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Panel Transformar</span>: Ensancha, encoge, gira ... los objetos seleccionados.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Panel Acciones</span>: De gran ayuda para emplear Action Script y asociar acciones a nuestra película.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Panel Comportamientos</span>: Permiten asignar a determinados objetos una serie de características (comportamientos) que después podrán almacenarse para aplicarse a otros objetos de forma rápida y eficaz. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Panel Componentes</span>: Nos permite acceder a los Componentes ya construidos y listos para ser usados que nos proporciona Flash. Los componentes son objetos "inteligentes" con propiedades características y muchas utilidades (calendarios, scrolls etc...)<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Panel Cadenas</span>: Mediante este panel Flash MX 2004 aporta soporte multi-idioma a nuestras películas. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Panel Respuestas</span>: Macromedia pone a nuestra disposición ayuda y consejos accesibles desde este panel. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Panel Propiedades:</span> Sin duda, el panel más usado y más importante. Nos muestra las propiedades del objeto seleccionado en ese instante, color de borde, de fondo, tipo de trazo, tamaño de los caracteres, tipografía, propiedades de los objetos (si hay interpolaciones etc...), coordenadas, tamaño etc... Es fundamental, no debeis perderlo de vista nunca.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><span style="color: red;">Panel Explorador de Películas</span>: Nos permite acceder a todo el contenido de nuestra película de forma fácil y rápida. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div>ANGELIKhttp://www.blogger.com/profile/08357625049992808041noreply@blogger.com0tag:blogger.com,1999:blog-3904304193478329751.post-66226922918747693722009-09-22T06:47:00.000-07:002009-09-28T10:20:53.305-07:00LAS CAPAS<div style="text-align: justify;"><strong>Las Capas. Entendámoslas</strong><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><ul><li><br />
<div style="text-align: justify;">Todo el mundo ha visto alguna vez cómo trabajan los dibujantes de dibujos animados. Y todos hemos visto cómo colocan una hoja semitransparente con dibujos sobre otras y la superposición 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?<br />
</div><br />
</li>
</ul><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">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 Línea de Tiempos y por tanto, sus distintos fotogramas se reproducirán simultáneamente. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>Clarifiquemos esto con un ejemplo:</strong><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8RLvlG90wedBdDZc1pbWrwmb9hYI0eqdqpHcHEZED6TNug5zopK1qaxAT4H-iWHa0Mkin7-w7z3GrYvI7mZ2A49PXe8BslmvubSjd4kstdEHXZt1zSNz_8s2AASGXTj-nuaivPGj5hugt/s1600-h/porteromx2004.jpg" imageanchor="1" style="cssfloat: right; margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8RLvlG90wedBdDZc1pbWrwmb9hYI0eqdqpHcHEZED6TNug5zopK1qaxAT4H-iWHa0Mkin7-w7z3GrYvI7mZ2A49PXe8BslmvubSjd4kstdEHXZt1zSNz_8s2AASGXTj-nuaivPGj5hugt/s400/porteromx2004.jpg" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><ul><li><br />
<div style="clear: both; text-align: justify;">Supongamos que tenemos 2 capas. En una de ellas los fotogramas del 1 al 10 contienen el dibujo de una portería de fútbol. En la otra los fotogramas del 1 al 5 contienen el dibujo de un portero (del 5 en adelante están vacíos). <br />
</div><br />
</li>
</ul><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Pues bien, esta película nos mostrará inicialmente (durante el tiempo que duren los primeros 5 fotogramas) la portería con el portero, para después (durante los fotogramas del 5 al 10) mostrar la portería sin portero. <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">De este modo la portería es independiente del portero, y podemos tratar estos objetos con total libertad, ya que no interfieren entre ellos para nada.<br />
</div><div style="text-align: justify;"><br />
</div><ul><li><br />
<div style="text-align: justify;">Otra razón para separar los objetos en capas, es que Flash nos obliga a colocar cada animación distinta en una capa. De lo contrario, todos los objetos que se encuentren en dicha capa formarán parte de la animación. Si queremos que un objeto NO forme parte de una animación, deberemos quitarlo de la capa en la que se produce dicha animación.<br />
</div><br />
</li>
</ul><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Siguiendo con el ejemplo del portero, si quisiéramos crear un movimiento que haga que el portero se desplace hacia un lado no hay ningún inconveniente, pero si la portería estuviera en la misma capa que el portero, entonces AMBOS objetos se moverían hacia dicho lado, con lo que resultaría imposible que sólo se moviera el portero. La solución es separar los objetos en 2 capas, como ya hemos hecho.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Las capas además, tienen otras utilidades, nos permiten ordenar nuestra película de forma lógica, y nos ayudan en la edición de dibujos (evitando que se "fundan" en uno sólo, o bloqueando el resto de capas de modo que sólo podamos seleccionar la capa que nos interese).<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>Trabajar con Capas</strong><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><ul><li style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
<div style="text-align: justify;">La vista standard de una capa es la que muestra la imagen. Veamos para qué sirven los distintos botones y cómo usarlos. <br />
</div><br />
</li>
</ul><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheM8OuqXopqQPy4Bg-ckZsysFfg424Ok8CTnnOhYs7kGUOLX9Nf4S-CoYHL3zlWneQWWWqHV4mWFXVZKfSEdqXbMjzISRrbK_j-wXC1ZQoboWIjcjJN6DSWrI5_SqGdekUbmB50LcuhLsL/s1600-h/capasmx2004.gif" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheM8OuqXopqQPy4Bg-ckZsysFfg424Ok8CTnnOhYs7kGUOLX9Nf4S-CoYHL3zlWneQWWWqHV4mWFXVZKfSEdqXbMjzISRrbK_j-wXC1ZQoboWIjcjJN6DSWrI5_SqGdekUbmB50LcuhLsL/s320/capasmx2004.gif" /></a><br />
</div><div style="text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4iEYHnAYcHlfbp72m1viP5oGvXSZnR3BlFyW2OuWtiVu4fe9Ltjx6z2pyfz14ReYCv_UKZAD8q7BWcTchNC8mBKXeDfVUoqC0uBCB5WiY9vxDwnv731QcovhvXGdgNDRivyx2JlRW7W0z/s1600-h/capa_anyadirmx.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4iEYHnAYcHlfbp72m1viP5oGvXSZnR3BlFyW2OuWtiVu4fe9Ltjx6z2pyfz14ReYCv_UKZAD8q7BWcTchNC8mBKXeDfVUoqC0uBCB5WiY9vxDwnv731QcovhvXGdgNDRivyx2JlRW7W0z/s400/capa_anyadirmx.jpg" /></a><span style="color: red;">Insertar Capas</span> : Como su nombre indica, sirve para Insertar capas en la escena actual. Inserta capas normales (en el siguiente punto se verán los distintos tipos de capas). <br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEJaofSD6GJ-_KtVUwDC7Cf3zddPW8yXyINz6vZ5dWKwBr0GAmll7RvFSZAo74D_6ECdwvbjzmZiO5yTCVWvmiJt8k2lGATTChR0ZRGLGFRn_qORClTv1YIKx58tejip6Y-caHxCYeVd6F/s1600-h/capa_anyguiamx.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEJaofSD6GJ-_KtVUwDC7Cf3zddPW8yXyINz6vZ5dWKwBr0GAmll7RvFSZAo74D_6ECdwvbjzmZiO5yTCVWvmiJt8k2lGATTChR0ZRGLGFRn_qORClTv1YIKx58tejip6Y-caHxCYeVd6F/s320/capa_anyguiamx.jpg" /></a><br />
</div><div style="text-align: justify;"><span style="color: red;">Capa Guía</span> : Inserta una capa de tipo guía. Se tratan en profundidad el siguiente punto. <br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXdm5SA_l_jlNB3MYBcuDS0wwWvfpn58vgUBPV2m2O8SphGOoQPl3onJ7BcwHc3CBA1lTiHYH48UNeJk2P6tV9THHlcxOAmUXazwgSyBZdLvTXb-0y20ouYOvml11SCORFv7EE3x-wku3j/s1600-h/capas_basura.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXdm5SA_l_jlNB3MYBcuDS0wwWvfpn58vgUBPV2m2O8SphGOoQPl3onJ7BcwHc3CBA1lTiHYH48UNeJk2P6tV9THHlcxOAmUXazwgSyBZdLvTXb-0y20ouYOvml11SCORFv7EE3x-wku3j/s320/capas_basura.gif" /></a><br />
</div><div style="text-align: justify;"><span style="color: red;">Borrar Capa</span> : Borra la capa seleccionada.<br />
</div><div style="text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><span style="color: red;">Cambiar Nombre</span>: Para cambiar el nombre a una capa, basta con hacer doble clic en el nombre actual. <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDhFN001YG1afy5LNgigWAIeDiAoMJLnaJGCoIn1eOZKAPQnwT1Y_2TXtFOkqhR4ZcDd40zbYDzJ7qg2xIK61GyRSSq22apG97k1QjvCWUkEN99CHK7yM2t_sOjKYIVEG0pskD92OPpBaa/s1600-h/capas_tipo.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDhFN001YG1afy5LNgigWAIeDiAoMJLnaJGCoIn1eOZKAPQnwT1Y_2TXtFOkqhR4ZcDd40zbYDzJ7qg2xIK61GyRSSq22apG97k1QjvCWUkEN99CHK7yM2t_sOjKYIVEG0pskD92OPpBaa/s320/capas_tipo.gif" /></a><span style="color: red;">Propiedades de Capa</span>: 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 más de menor importancia.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>Trabajar con Capas. Opciones Avanzadas</strong><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiYK60Eqq8r0R4GlwE_jRn4VYxVMwmh08TOlzbsyy9ObOdUp7ICZlHAGhGjyWgstm9lqrJQPQwEVAqlKCbn8g0AbsZUUlqZWvSQeZbBAkdOfNc2Oy0n4c_JLgiQ2QAoopWVV1ucICmz5ZR/s1600-h/capas_vistas.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiYK60Eqq8r0R4GlwE_jRn4VYxVMwmh08TOlzbsyy9ObOdUp7ICZlHAGhGjyWgstm9lqrJQPQwEVAqlKCbn8g0AbsZUUlqZWvSQeZbBAkdOfNc2Oy0n4c_JLgiQ2QAoopWVV1ucICmz5ZR/s320/capas_vistas.gif" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>Mostrar / Ocultar Capas</strong> : Este botón permite ver u ocultar todas las capas de la película. Es muy útil cuando tenemos muchas capas y sólo queremos ver una de ellas ya que permite ocultar todas a la vez, para después mostrar sólo 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" <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0lTw5dZEk5beymvfk2KRTjO-u3SgIZLT9hNyhXS9aqdaPmvCxHQv2HGwtD1rhoZZ9uVh-efhBSaoTSyEMWlkLo4SuPP4JYxcXxGmJO-0qtiqr9xyc6lh8Qr-_N67MXbqHl3peLv7RmIU7/s1600-h/capas_lock.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0lTw5dZEk5beymvfk2KRTjO-u3SgIZLT9hNyhXS9aqdaPmvCxHQv2HGwtD1rhoZZ9uVh-efhBSaoTSyEMWlkLo4SuPP4JYxcXxGmJO-0qtiqr9xyc6lh8Qr-_N67MXbqHl3peLv7RmIU7/s320/capas_lock.gif" /></a><strong>Bloquear Capas</strong> : Bloquea la edición 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". <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">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. <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdf9Jc1inDFcfncfBGrZ7wiJJeZqhSoCWfIFdKkQSy-9nSYFXWDD1bduRllMiNilLRus2i8pryrHWMhMgAfQN8T0l0ollJOkt3auMU8fsfbq90JJUPGDqoUqwkATKcpcXtGZ18vH5edom_/s1600-h/capas_contorno.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdf9Jc1inDFcfncfBGrZ7wiJJeZqhSoCWfIFdKkQSy-9nSYFXWDD1bduRllMiNilLRus2i8pryrHWMhMgAfQN8T0l0ollJOkt3auMU8fsfbq90JJUPGDqoUqwkATKcpcXtGZ18vH5edom_/s320/capas_contorno.gif" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>Mostrar/Ocultar capas como contornos</strong> : Este botón nos muestra/oculta los contenidos de todas las capas como si sólo estuviesen formados por bordes. De este modo y ante un conjunto numeroso de objetos, podremos distinguirlos a todos de forma fácil y podremos ver en qué capa está cada uno de ellos.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">También se puede activar o desactivar para cada capa de un modo similar a los anteriores botones. <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Veamos como se muestran estas opciones activadas y desactivadas.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhiXXkSslUzouhdEl7apE2mH0Wh9DDCKKbtI570ir0ZZiM9zhrGjxqSUpp6w_vbdXl7BF_bmu_YREQ7T9YjBL9XFgK-miA90laTR7EENSbi9De1Cbpb_1JFTCKCkLkA1R97T0K9vfUHL5K/s1600-h/capas_opciones1.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhiXXkSslUzouhdEl7apE2mH0Wh9DDCKKbtI570ir0ZZiM9zhrGjxqSUpp6w_vbdXl7BF_bmu_YREQ7T9YjBL9XFgK-miA90laTR7EENSbi9De1Cbpb_1JFTCKCkLkA1R97T0K9vfUHL5K/s320/capas_opciones1.gif" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ZTQ_Rlms-qdny6WgYXshMJlmkv0u5K287p0audgNL8KAZeNNVWEMAbLsI2n-Jm1-IJKDZ_lvqVVT36_MRBjzN_KqenTB7vpnJzx4tMyxXb68HDLrPGzZCNewilSvB5-UH1r1ZeMB0uUO/s1600-h/capas_opciones2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ZTQ_Rlms-qdny6WgYXshMJlmkv0u5K287p0audgNL8KAZeNNVWEMAbLsI2n-Jm1-IJKDZ_lvqVVT36_MRBjzN_KqenTB7vpnJzx4tMyxXb68HDLrPGzZCNewilSvB5-UH1r1ZeMB0uUO/s320/capas_opciones2.gif" /></a><br />
</div><div class="separator" style="clear: both; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">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 opción, lo mismo sucede con el botón "Bloquear capas". En la columna "Mostrar capas como contornos" aparece un cuadrado CON relleno, lo que simboliza que los objetos se mostrarán completos y no sólo sus contornos. <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">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 opción. <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Además, 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 cómo queda un objeto en función de tener activada o no la opción contorno:<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAQnbwahI59mscv7BHUYyqU3kZUaE_RRpVVI0_jlX12U_9Fw-wUGCBDX8Y8NWno_NwI1OfoK6HinM3wx_136nriXxDqggUo_kg1Pj24-1vpdiI_-jp0FhUtHk14BTNwUSAx02SlEzRHBOA/s1600-h/capas_ej_cont1.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAQnbwahI59mscv7BHUYyqU3kZUaE_RRpVVI0_jlX12U_9Fw-wUGCBDX8Y8NWno_NwI1OfoK6HinM3wx_136nriXxDqggUo_kg1Pj24-1vpdiI_-jp0FhUtHk14BTNwUSAx02SlEzRHBOA/s320/capas_ej_cont1.gif" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9QRCBrVPQyQnpIeKr0dlLQToW8iQ_bBUQhNsCThHJYeZsJZUwMHI-ZZmak294U-KudwY-WYLkBRh0w0fs1ffTabsKn2gjL51yOofyikep7bcX0UtO4A3aQaL_I7wt2zPfCDXFnZTfX15k/s1600-h/capas_ej_cont2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9QRCBrVPQyQnpIeKr0dlLQToW8iQ_bBUQhNsCThHJYeZsJZUwMHI-ZZmak294U-KudwY-WYLkBRh0w0fs1ffTabsKn2gjL51yOofyikep7bcX0UtO4A3aQaL_I7wt2zPfCDXFnZTfX15k/s320/capas_ej_cont2.gif" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>Reorganizar las Capas</strong> <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><ul><div class="separator" style="clear: both; text-align: center;">
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVN0KZGaiZjP8Ae_yZnsiO0lgvgchyphenhyphenzq6v4vOZMSzCDbXuDv9etoRklIzDWWyc6vm4-ffN7eQ4t7n3SSV0vFp0C4Hr5NJ-3BBEEApmkDJqRC5PGmEoOuXTtm70JziJYOwnaoMyaak4JVao/s1600-h/porteromx2004peq.gif" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVN0KZGaiZjP8Ae_yZnsiO0lgvgchyphenhyphenzq6v4vOZMSzCDbXuDv9etoRklIzDWWyc6vm4-ffN7eQ4t7n3SSV0vFp0C4Hr5NJ-3BBEEApmkDJqRC5PGmEoOuXTtm70JziJYOwnaoMyaak4JVao/s400/porteromx2004peq.gif" /></a>
</div>
<li>Hemos dedicado un tema entero a cómo colocar objetos, sabemos ya cómo conseguir que un objeto aparezca delante de otro en una película, como hacer que formen grupos y muchas cosas más. Pero nos habremos dado cuenta de que, si trabajamos con distintas capas, todo esto no sirve de mucho... </li>
</ul></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Como ya se ha comentado, las distintas capas tienen muchas cosas en común unas con otras. Lo primero y principal es la Línea de tiempos, todas las capas de una misma escena comparten la misma línea de tiempos y por tanto, los objetos de todos los fotogramas 1 de todas las capas se verán al mismo tiempo en la película superpuestos unos sobre otros. ¿y qué objeto está delante de los demás? Pues este criterio viene dado por la colocación de las Capas en la película. Los objetos que se mostrarán delante de todos los demás serán aquellos que se encuentren en la capa situada más arriba. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Es decir, si nos fijamos en el ejemplo anterior:<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">El portero aparece delante de la portería, porque la capa "Portero" está situada encima de la capa "Portería", como puede apreciarse en la imagen. Si quisiéramos cambiar esta distribución, basta con hacer clic en la capa que queramos mover y arrastrarla hacia arriba o hacia abajo hasta la posición deseada. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Veremos como los objetos se colocan delante o detrás de los de la capa seleccionada según su capa se encuentre por encima o por debajo de la nuestra.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>Tipos de Capas</strong> <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Como habreis podido comprobar al ver las propiedades generales de una capa o al hacer clic con el botón derecho del ratón sobre el icono de una capa cualquiera, existen varios tipos de capas. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizDYOGhyjNvdZnTpVfXjtfenk2yqrV4FoIRgafPQrQ-S-K7wvrgfxTLAVgzsAGBeaSd_QfizLmeJK-9izI-78HtIRWi2bEr6ExC8gL1ISxv3VhytSKI_zHkYhgxafGW0X9y5BGuabmlCK4/s1600-h/capa_anyadirmx.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizDYOGhyjNvdZnTpVfXjtfenk2yqrV4FoIRgafPQrQ-S-K7wvrgfxTLAVgzsAGBeaSd_QfizLmeJK-9izI-78HtIRWi2bEr6ExC8gL1ISxv3VhytSKI_zHkYhgxafGW0X9y5BGuabmlCK4/s320/capa_anyadirmx.jpg" /></a><br />
</div><div style="text-align: justify;"><strong>Capas normales</strong> : Son las capas por defecto de Flash y tienen todas las propiedades descritas en los puntos anteriores. Son las más usadas y se emplean para todo, colocar objetos, sonidos, acciones, ayudas...<br />
</div><div style="text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_2a91sckBFX-M9tAuZ_KNSSA_b84C7fr-d31yHO8aCROpzI7JNXV-N5sBG71kRYANWZBFSEyIlgOvmtdbmYz8I-PoB9ycziL-pGbSXxCFkT3bLePIe9N0HAgbIT5SUd0i9uS0I1b2k-i9/s1600-h/capa_guiamx.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_2a91sckBFX-M9tAuZ_KNSSA_b84C7fr-d31yHO8aCROpzI7JNXV-N5sBG71kRYANWZBFSEyIlgOvmtdbmYz8I-PoB9ycziL-pGbSXxCFkT3bLePIe9N0HAgbIT5SUd0i9uS0I1b2k-i9/s320/capa_guiamx.jpg" /></a><strong>Capas Guía</strong> : Son capas especiales de contenido específico. 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 misión es representar la trayectoria de un objeto animado, su contenido suele ser una línea (recta, curva o con cualquier forma). <br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdlFeFehAqof9sQ5CdbtyBzB5YCkGMik_6zFLnNEbsnz7h9JxN-w9brBAgN9zGyhLzUCiMhZOI66OL5fZeO4mXwuv5pT30hJxuJH0lsYwmRUoXq6QSE00qGboe9YrkVq-BZd6mBoWdtzDI/s1600-h/ej_capa_guia2.gif" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdlFeFehAqof9sQ5CdbtyBzB5YCkGMik_6zFLnNEbsnz7h9JxN-w9brBAgN9zGyhLzUCiMhZOI66OL5fZeO4mXwuv5pT30hJxuJH0lsYwmRUoXq6QSE00qGboe9YrkVq-BZd6mBoWdtzDI/s400/ej_capa_guia2.gif" /></a><br />
</div><div style="text-align: justify;">En esta imagen podemos ver el contenido de 2 capas. La primera de ellas contiene la bola azul y la segunda contiene la línea curva. La segunda capa la hemos definido como Capa Guía, para que al realizar la animación de movimiento (esto lo veremos en un tema posterior) su contenido NO se vea en la película, sino que sirva de recorrido para la bola azul. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Es Importante recordar que el contenido de las Capas Guía no se verá en la película final. Su efecto hará que la pelota azul se desplace de un extremo de la línea al otro siguiendo esa ruta. Bonito efecto ¿verdad?<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>Capas Guiadas (Guided Layers)</strong> : Cuando definimos una capa como capa guía, es necesario definir después una capa guiada. Esto es, una capa que quedará afectada por la guía definida en la Capa guía. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Si no definimos una capa guiada, la capa guía no tendrá ningún efecto y si bien NO se verá en la película (por ser una capa guía) tampoco provocará ningún efecto en las demás 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 guía.<br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz5ZtZKPp8ShvXZ0fX8mL0NDelh8L6yXAJrdRswYJOTDzIcL78yMRYUZpN783PUoGgvKLLn-MygU-ZN40AM7tIudI1Qh7tDazqbDcdTZZpRSJgEFvTXAaIW_3LQ13QCo-T6JONO6A9nOAe/s1600-h/capas_guia_guiada2004.jpg" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz5ZtZKPp8ShvXZ0fX8mL0NDelh8L6yXAJrdRswYJOTDzIcL78yMRYUZpN783PUoGgvKLLn-MygU-ZN40AM7tIudI1Qh7tDazqbDcdTZZpRSJgEFvTXAaIW_3LQ13QCo-T6JONO6A9nOAe/s400/capas_guia_guiada2004.jpg" /></a><br />
</div><div style="text-align: justify;">Las capas guía y las capas guiadas se relacionan entre sí de un modo evidente. A cada capa guía le corresponden una serie de capas guiadas. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Al asociar una capa guía con una capa guiada, el icono que representa a la capa guía cambia, indicándonos que está realizando correctamente su labor. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">En la imagen podemos ver un ejemplo de capa guía y capa guiada correctamente asociadas entre sí. (La capa llamada aulaClic es, evidentemente, la capa Guiada)<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">El funcionamiento de las Capas Guía y sus utilidades lo veremos a fondo en el tema de las Animaciones de Movimiento<br />
</div><div style="text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpmqSIGKPZc0x84AR-WEzxHvcrXi0sat1IVjCKHZLmiDhBCn9PbKpB-IIyVS5T-xWTNEY8rQdEvwzGKnx76pRe5WJtr7gKlTIUMUnHuLOrp4w-uEM6bgvHUyOccQVDt4ybbqm2_wGXJbaL/s1600-h/capa_mascmx.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpmqSIGKPZc0x84AR-WEzxHvcrXi0sat1IVjCKHZLmiDhBCn9PbKpB-IIyVS5T-xWTNEY8rQdEvwzGKnx76pRe5WJtr7gKlTIUMUnHuLOrp4w-uEM6bgvHUyOccQVDt4ybbqm2_wGXJbaL/s320/capa_mascmx.jpg" /></a><strong>Capas Máscara</strong> : 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. <br />
</div><div class="separator" style="clear: both; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjywTEkDIuaBYVpYHj054Yk_c0Vj1HsVJvmgmZ0ZvqN8KMxHdQ_D0Y0lfZy_Fr7xyGeamv1JSZC96iDf4cwpkQZc1Y3ULLnTepiNmWIx9GeHOpEq0YNAUS6DT35fq1W36UGWSwkLkR3k9tn/s1600-h/capas_masc_enmasc2004.jpg" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjywTEkDIuaBYVpYHj054Yk_c0Vj1HsVJvmgmZ0ZvqN8KMxHdQ_D0Y0lfZy_Fr7xyGeamv1JSZC96iDf4cwpkQZc1Y3ULLnTepiNmWIx9GeHOpEq0YNAUS6DT35fq1W36UGWSwkLkR3k9tn/s400/capas_masc_enmasc2004.jpg" /></a><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Basta con decir que estas capas se colocan "encima" de las capas a las que enmascaran y sólo dejan que se vea la parte de éstas que tapan los objetos situados en las capas máscara (son como filtros). Al igual que las capas guía, los objetos existentes en este tipo de capas tampoco se ven en la película final. Sí se verán los objetos de su correspondiente capa enmascarada a los que estén "tapando".<br />
</div><div style="text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3w2ZrVUx-iUsr_BeuLmLV6hFqdDzBkcPB2mwJ3mov4FXwqM9TKhFOSeNO5pUQ0yvq_jdwBjX7wgYAazOZR3OJ9tuF_Aq-RHzAEZ0drt5xW19G8PD1gc3ZRHeTaJYWqZG-XU-BzBBC3I-G/s1600-h/capa_enmascmx.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3w2ZrVUx-iUsr_BeuLmLV6hFqdDzBkcPB2mwJ3mov4FXwqM9TKhFOSeNO5pUQ0yvq_jdwBjX7wgYAazOZR3OJ9tuF_Aq-RHzAEZ0drt5xW19G8PD1gc3ZRHeTaJYWqZG-XU-BzBBC3I-G/s320/capa_enmascmx.jpg" /></a><strong>Capas Enmascaradas</strong> : Estas capas funcionan conjuntamente con las Capas máscaras. Al igual que las capas guía y las capas guiadas deben ir asociadas unas a otras para que su efecto sea correcto.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Sus objetos sí que son visibles en la película final, pero sólo cuando algún objeto de la capa Máscara está sobre ellos.<br />
</div>ANGELIKhttp://www.blogger.com/profile/08357625049992808041noreply@blogger.com5tag:blogger.com,1999:blog-3904304193478329751.post-59530814915573749082009-09-22T06:37:00.000-07:002009-09-28T09:09:45.452-07:00TRABAJAR CON TEXTOS<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>Comenzando</strong><br />
</div><div style="text-align: justify;"><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div></div><div style="text-align: justify;"><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div></div><div style="text-align: justify;"><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">Flash abarca todo aquello que nos pueda hacer falta a la hora de crear una animación, y por tanto, también todo aquello relativo a los textos. Sin embargo, Flash fue concebido para crear animaciones gráficas, de modo que tratará cualquier texto como si de un objeto más 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 estático o normal, texto dinámico y texto de entrada (para que el usuario introduzca sus datos, por ejemplo), también se puede crear texto que soporte formato HTML etc. <br />
</div></div><div style="text-align: justify;"><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"> <br />
</div></div><div style="text-align: justify;"><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><strong>Propiedades de los Textos</strong> <br />
</div></div><br />
<div><br />
</div><br />
<div><br />
</div><div style="text-align: justify;">Para poder escribir, deberemos hacer clic en la Herramienta Texto y posteriormente en el punto del escenario en el que queramos empezar a escribir.<br />
</div><div style="text-align: justify;"><br />
<div><br />
</div>Para saber más acerca de <a href="http://www.aulaclic.es/flashmx_2004/a_5_1_1.htm">Cómo escribir textos</a> visita nuestra Página <br />
</div><div style="text-align: justify;"><br />
<div><br />
</div></div><div style="text-align: justify;"><br />
<div><br />
</div></div><ul><li><br />
<div style="text-align: justify;">El Panel Propiedades contiene las principales propiedades de todos los objetos que empleemos durante nuestra película, 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 Carácter y Párrafo, se encuentran agrupadas ahora en el Panel Propiedades. <br />
<div><br />
</div></div><br />
</li>
</ul><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3stNBJFXSojgmbNjPpPKF_dTRPlWd_UkpHJNx4QsfDf0EVtYQ2IFRM7VLee65YftIEBegfoXcFHPJSXz0AhBl0ip-tFvcfDvzuBPIocvpP0_dUdY4bo3nZs5tAbwtM8hEOZWunjkhWsed/s1600-h/panel_prop_textos2004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3stNBJFXSojgmbNjPpPKF_dTRPlWd_UkpHJNx4QsfDf0EVtYQ2IFRM7VLee65YftIEBegfoXcFHPJSXz0AhBl0ip-tFvcfDvzuBPIocvpP0_dUdY4bo3nZs5tAbwtM8hEOZWunjkhWsed/s400/panel_prop_textos2004.jpg" /></a><br />
</div><br />
<div><br />
</div></div><div style="text-align: justify;">Veamos a fondo el Panel Propiedades:<br />
</div><div style="text-align: justify;"><br />
<div><br />
</div></div><div style="text-align: justify;"><br />
<div><br />
</div></div><div style="text-align: justify;"><br />
<div><br />
</div></div><div style="text-align: justify;"><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzMQn_0cOdZn5LGgQ3mJSyRJJ6zqtMIkDzWRqoqQxDMmG9-m4QgDj35FQJ74YmBkEfbTi9bnqCiOKlUYxnu8XnAtQJllA0i4eQe9AnivGQdyz6YmksCOWi8Rtt3SmlMx4Hc6OdG3G50brm/s1600-h/char_font2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzMQn_0cOdZn5LGgQ3mJSyRJJ6zqtMIkDzWRqoqQxDMmG9-m4QgDj35FQJ74YmBkEfbTi9bnqCiOKlUYxnu8XnAtQJllA0i4eQe9AnivGQdyz6YmksCOWi8Rtt3SmlMx4Hc6OdG3G50brm/s400/char_font2004.gif" /></a><span style="color: red;">Fuente</span>: Desde aquí, al igual que en los editores de texto más comunes podemos seleccionar el tipo de letra o "fuente" que más nos guste.<br />
</div></div><div style="text-align: justify;"><br />
<div><br />
</div></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB5wfQ46SbDF24s86-FN1CqFQcQslchV5JU2RNKdyjyq9ZB37dJMd1_g_mIn-SuRxb4fdw9LKq-aIFJekYPdr1H3hOB0NelrzUJLTjSE_6imOHVeVtvLueAZHXzEjtR-kxh8oJijK9-f-i/s1600-h/prop_car_altmx.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB5wfQ46SbDF24s86-FN1CqFQcQslchV5JU2RNKdyjyq9ZB37dJMd1_g_mIn-SuRxb4fdw9LKq-aIFJekYPdr1H3hOB0NelrzUJLTjSE_6imOHVeVtvLueAZHXzEjtR-kxh8oJijK9-f-i/s400/prop_car_altmx.jpg" /></a><br />
</div><span style="color: red;">Altura</span>: Determina el espaciado entre los caracteres. Útil cuando la tipografía que empleamos muestra las letras muy juntas o para dar efectos concretos al texto.<br />
</div><div style="text-align: justify;"><br />
<div><br />
</div></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-V1NWPh4jiHD8EureIhNyb1cgPcHlMLMHu9QlkTrrRx3pqTnM_QPi4oaf_ZeWoBfw-iB_zRKzMnsBG-O3xZ2AQfucCRu8UGAZEkPwqrSxHkE96DCNvLxe_RREqEmlp1yuxrt8ZWjsaIsM/s1600-h/char_direc_txt.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-V1NWPh4jiHD8EureIhNyb1cgPcHlMLMHu9QlkTrrRx3pqTnM_QPi4oaf_ZeWoBfw-iB_zRKzMnsBG-O3xZ2AQfucCRu8UGAZEkPwqrSxHkE96DCNvLxe_RREqEmlp1yuxrt8ZWjsaIsM/s320/char_direc_txt.gif" /></a><br />
</div><span style="color: red;">Dirección del Texto</span>: Cambia la orientación del texto de horizontal a vertical, tanto de izquierda a derecha como de derecha a izquierda. <br />
</div><div style="text-align: justify;"><br />
<div><br />
</div></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJfBTfmxo3tRubNEqQc75DZrBNnfzePW6OHrF98hkYKGiOxfUTHQkKU6Ey2QNszxzdATRyL8FaPAf_90BbMbGwtSN8LaR1uUre1edxxUj7p8kQG0uxZ9EUEX15UHjQqpg9oyv4kl9kI3nD/s1600-h/prop_car_ajusmx.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJfBTfmxo3tRubNEqQc75DZrBNnfzePW6OHrF98hkYKGiOxfUTHQkKU6Ey2QNszxzdATRyL8FaPAf_90BbMbGwtSN8LaR1uUre1edxxUj7p8kQG0uxZ9EUEX15UHjQqpg9oyv4kl9kI3nD/s320/prop_car_ajusmx.jpg" /></a><br />
</div><span style="color: red;">Ajuste automático entre caracteres</span>: Activar esta casilla provoca que la separación entre caracteres se realice de modo automático.<br />
</div><div style="text-align: justify;"><br />
<div><br />
</div></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdtU_bQTsketUNVGKCHWX34ETb_OcOs7JLjDjWDt655p7BejugyD3C3PBglEPzWdjPxku5CHyP0DwmLu7cVXCEvwhFcvwAzLszgmh-vPiKPjYFkdssxMwA_WKCZwVbzx7gPie94beqens9/s1600-h/char_posic2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdtU_bQTsketUNVGKCHWX34ETb_OcOs7JLjDjWDt655p7BejugyD3C3PBglEPzWdjPxku5CHyP0DwmLu7cVXCEvwhFcvwAzLszgmh-vPiKPjYFkdssxMwA_WKCZwVbzx7gPie94beqens9/s320/char_posic2004.gif" /></a><br />
</div><span style="color: red;">Posición</span>: Nos permite convertir nuestro texto en subíndices o en superídices (o dejarlo normal).<br />
</div><div style="text-align: justify;"><br />
<div><br />
</div></div><div style="text-align: justify;"><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW9qhy3zi2NTbCw3si-_Y_LbWyKE4ceQlUuuUHdiBsGZFEmZDEXbuLc8whqx-jBGZHBszjNsk_iVBqKBhDKvihrV0PmDgE9lBL4N4AsebBxzQo_uEJiSkEbQTEhZWeqlROq9zkvz0f8vBP/s1600-h/prop_car_urlmx.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW9qhy3zi2NTbCw3si-_Y_LbWyKE4ceQlUuuUHdiBsGZFEmZDEXbuLc8whqx-jBGZHBszjNsk_iVBqKBhDKvihrV0PmDgE9lBL4N4AsebBxzQo_uEJiSkEbQTEhZWeqlROq9zkvz0f8vBP/s400/prop_car_urlmx.jpg" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: red;">URL:</span> Si queremos que al pulsar sobre nuestro texto, el usuario vaya a una dirección web, nada más fácil que escribirla ahí. Flash la asociará al texto que estés escribiendo en ese momento.<br />
</div></div><div style="text-align: justify;"><br />
<div><br />
</div></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmVmDJ-RJvsNGRKVe1UUons2sKNB7xIRMrTgMRwjM_-moUIj38MkDEyqBFNN4XDTmjs0jOjQxd0XcJTR5373Z1LjL8o3ZQzA4NX8fcFn0MjyEOPeJRLIOaHj8vZHME2Dvzlss5osXhmbvd/s1600-h/char_destino2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmVmDJ-RJvsNGRKVe1UUons2sKNB7xIRMrTgMRwjM_-moUIj38MkDEyqBFNN4XDTmjs0jOjQxd0XcJTR5373Z1LjL8o3ZQzA4NX8fcFn0MjyEOPeJRLIOaHj8vZHME2Dvzlss5osXhmbvd/s400/char_destino2004.gif" /></a><br />
</div><span style="color: red;">Destino</span>: Determina si la URL a la que el texto hace referencia se cargará en la misma ventana del navegador, en una nueva ... <br />
</div><div style="text-align: justify;"><br />
<div><br />
</div></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivChp-CkJQzzMx-MafjrtIQYIAa_rh81twRF5K_8I8xEadCl3ODyiEgqgJtL0P50UDWaNEYStNvH5f4iXjxMyuP1LHk5ceupwZsD-OJP5V4AOSlET4LEsz3Nn8h6B2Rq3v4m4_XXwbrFCs/s1600-h/prop_car_tipolineamx.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivChp-CkJQzzMx-MafjrtIQYIAa_rh81twRF5K_8I8xEadCl3ODyiEgqgJtL0P50UDWaNEYStNvH5f4iXjxMyuP1LHk5ceupwZsD-OJP5V4AOSlET4LEsz3Nn8h6B2Rq3v4m4_XXwbrFCs/s320/prop_car_tipolineamx.jpg" /></a><br />
</div><span style="color: red;">Tipo de Línea</span>: Si el texto que vamos a incluir es dinámico (de lo contrario aparece sin activar), esta opción nos permite determinar cómo queremos que aparezcan las líneas (línea única, multilínea o multilínea sin ajuste).<br />
</div><div style="text-align: justify;"><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU2Or4h-KmYJE2y6v7RVHhOgBF7-ODG00ArfzfCkdMkw_fyiT2sBLmRs6kYtMX5Q0FEyyv4rGp_A0HqYE2vB-ZDyHcBtZBniR_RCS8EUkle9ojRO7ESdQ5_ZgTDyO9fOWGP5kV6OBE7Yze/s1600-h/prop_car_opcmx.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU2Or4h-KmYJE2y6v7RVHhOgBF7-ODG00ArfzfCkdMkw_fyiT2sBLmRs6kYtMX5Q0FEyyv4rGp_A0HqYE2vB-ZDyHcBtZBniR_RCS8EUkle9ojRO7ESdQ5_ZgTDyO9fOWGP5kV6OBE7Yze/s320/prop_car_opcmx.jpg" /></a><span style="color: red;">Configuración</span>: Son las clásicas opciones que permiten convertir el texto en Negrita (B), Cursiva (I), cambiar el color del texto y el tamaño.<br />
</div></div><div style="text-align: justify;"><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipwGiE6Lq1gEpbsh8rMduoasrmT41HrsnlUU-LGR1RB2VFaXByc0zf_5g8MS6xX7jrthPwMLDhgiImmnZoUxTb7bBsRu-XffjTk0L6UXgIRa3QlPqdjAl_lR-m6U6JZ7PWIG0s6rXfjmR2/s1600-h/prop_car_otraspropmx.jpg" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipwGiE6Lq1gEpbsh8rMduoasrmT41HrsnlUU-LGR1RB2VFaXByc0zf_5g8MS6xX7jrthPwMLDhgiImmnZoUxTb7bBsRu-XffjTk0L6UXgIRa3QlPqdjAl_lR-m6U6JZ7PWIG0s6rXfjmR2/s400/prop_car_otraspropmx.jpg" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: red;">Otras Propiedades</span>: Dado que Flash trata los textos como objetos, éstos también 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 tipografías son una parte muy importante y deben respetarse. <br />
</div></div><div style="text-align: justify;"><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div></div><div style="text-align: justify;"><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div></div><div style="text-align: justify;"><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div></div><ul><li><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Un Párrafo no es más que un conjunto de caracteres con propiedades comunes a todos ellos. Estos párrafos admiten ciertas opciones que nos permiten trabajar con bloques de texto. El Panel Propiedades nos proporciona las siguientes opciones para trabajar con párrafos (entre otras).<br />
</div><br />
</li>
</ul><div style="text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_VMyaWea-2s693lykK3TCBmihwovni6gb5CjM3n5dfDYeHa1gfmEbCei6ttzmnwhvMp08U-V8yUNl41yba0mKbMzTSww4VSicyw29OSI8K54vBay8NSgQ_InTDdL6iNet102M8WzDoDVn/s1600-h/char_alig1.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_VMyaWea-2s693lykK3TCBmihwovni6gb5CjM3n5dfDYeHa1gfmEbCei6ttzmnwhvMp08U-V8yUNl41yba0mKbMzTSww4VSicyw29OSI8K54vBay8NSgQ_InTDdL6iNet102M8WzDoDVn/s400/char_alig1.gif" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: red;">A la Izquierda</span>: Todas las líneas empezarán tan a la izquierda como sea posible (dentro del recuadro de texto que hayamos definido).<br />
</div></div><div style="text-align: justify;"><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNOn9CojsJxyKDmHi_sPLesm0MK9vNjzrYdWlQih1ukXzletpv2O_5H8XFfmgNaIjmEMjljr5HnKYJ_vQG0QJ8n2bPnaIf-_ImQIo9OlntkNQHZ_TL3KB76E6S6d8boX6nJUVqbBpmho8f/s1600-h/char_alig2.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNOn9CojsJxyKDmHi_sPLesm0MK9vNjzrYdWlQih1ukXzletpv2O_5H8XFfmgNaIjmEMjljr5HnKYJ_vQG0QJ8n2bPnaIf-_ImQIo9OlntkNQHZ_TL3KB76E6S6d8boX6nJUVqbBpmho8f/s320/char_alig2.gif" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: red;">Centrar</span>: Las líneas se distribuyen a la derecha y a la izquierda del punto medio del Párrafo.<br />
</div></div><div style="text-align: justify;"><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div></div><div style="text-align: justify;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8Xe09bLueqPsFgZJKwKm82XeUYuMkY4dvhcyVrEC2-GhTTDquTYMp8x4svwZNhrIY-Adr52aqO-qLtvLS_gxqoq_g79d_Gr-3dlWpbvkP58zkDejvOIu9lFKL-9Rf51g5VAvV3Tjz5Tn/s1600-h/char_alig3.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq8Xe09bLueqPsFgZJKwKm82XeUYuMkY4dvhcyVrEC2-GhTTDquTYMp8x4svwZNhrIY-Adr52aqO-qLtvLS_gxqoq_g79d_Gr-3dlWpbvkP58zkDejvOIu9lFKL-9Rf51g5VAvV3Tjz5Tn/s400/char_alig3.gif" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><span style="color: red;">A la derecha</span>: Todas las líneas empezarán tan a la derecha como sea posible (dentro del recuadro de texto que hayamos definido).<br />
</div></div><div style="text-align: justify;"><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div></div><div style="text-align: justify;"><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0VpJ9-_8KWlR8Nkwrk_a0GfmySA-jzxvsEO6jh2C0jM8I7lchsE7T4lutF11KXqgSCBLwVcGeQjegdAPLj6zEwbL5BlyZxcGhD35PcjJ_xR5de_ugUP4Zb7LljKVetSOhQpo5B9aPKbi3/s1600-h/char_alig4.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0VpJ9-_8KWlR8Nkwrk_a0GfmySA-jzxvsEO6jh2C0jM8I7lchsE7T4lutF11KXqgSCBLwVcGeQjegdAPLj6zEwbL5BlyZxcGhD35PcjJ_xR5de_ugUP4Zb7LljKVetSOhQpo5B9aPKbi3/s320/char_alig4.gif" /></a><span style="color: red;">Justificado</span>: El texto se ensancha si es necesario con tal de que no quede "dentado" por ninguno de sus límites.<br />
</div></div><div style="text-align: justify;"><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div></div><ul><li><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">El resto de opciones nos permiten determinar los márgenes (izquierdo y derecho), los sangrados de párrafo y el espacio interlineal.<br />
</div><br />
</li>
</ul><div style="text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong> Tipos de Textos</strong><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Como ya hemos comentado, Flash distingue entre diversos tipos de textos y les da un tratamiento especial, según el tipo que sean. <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">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 más que haciendo clic sobre la pestaña "Tipo de texto": <br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLb551zghJ6u2lnl85ENSS1Ctma1l2f6SkX6YifJJxg1HZZ7CjGs07QsCc1vRt9VfPYJq0WF7VIPx2aqpMs16EbGym-aQdRl2oAudN6iQ1ta1Rn3OEe3Ow6YyH4ocmiFRzmLucJbvRspri/s1600-h/prop_car_tipomx.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLb551zghJ6u2lnl85ENSS1Ctma1l2f6SkX6YifJJxg1HZZ7CjGs07QsCc1vRt9VfPYJq0WF7VIPx2aqpMs16EbGym-aQdRl2oAudN6iQ1ta1Rn3OEe3Ow6YyH4ocmiFRzmLucJbvRspri/s320/prop_car_tipomx.jpg" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>Texto Estático</strong><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">El Texto Estático se caracteriza por no presentar ningún cambio a lo largo de la animación. Es importante que no confundamos la palabra "estático" con que el texto no se mueva o malinterpretemos la frase "es el texto que no presenta cambios a lo largo de la animación". <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">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 estático. Así, un recuadro de texto en el que pone "Aprende Flash MX 2004 " durante toda la película, es estático, aunque dicho texto cambie de posición, forma o color. Sin embargo, si en ese mismo recuadro de texto pasa a poner "Con este Curso", este recuadro de texto NO es estático. Se insistirá en este punto en los ejercicios de evaluación.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Los textos estáticos sólo tienen 2 propiedades extras:<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><span style="color: red;">Usar Fuentes del Dispositivo:</span> Esta opción permite que la película Flash emplee las Fuentes que tenga instaladas el usuario que ve la película en su ordenador. Si dicho usuario dispone de las fuentes que hemos utilizado en la película, la verá exactamente como queremos que la vea, pero si no las tiene, Flash empleará la fuente que más se le parezca. Esto muchas veces lleva a que el resultado final (el que ve el usuario) no se parezca al que pretendíamos, por lo que suele ser conveniente mantener esta opción sin seleccionar, aunque esto conlleve un mayor tamaño de la película final. <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><span style="color: red;">Seleccionable</span>: Con esta opción activada el usuario podrá seleccionar los textos que aparezcan en la película (cortarlos, copiarlos...) Actívala si lo crees conveniente.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>Texto Dinámico</strong><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">El Texto Dinámico en contraposición al estático sí que puede cambiar su contenido (además de estar animado). Su uso es bastante más complejo que el del Texto Estático, ya que cada recuadro de texto Dinámico puede ser una variable modificable mediante ActionScript, esto quiere decir que los valores y propiedades de este tipo de textos se pueden modificar mediante programación, lo que nos saca del objetivo de este curso. Un uso común que suelen tener es el de representar los textos introducidos mediante Textos de Entrada.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Tienen multitud de propiedades, accesibles desde el Panel Propiedades, se puede decidir el número de líneas que van a tener, se puede introducir texto HTML, se puede añadir fácilmente un borde al texto o dar nombre a la variable que represente al texto Dinámico.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><strong>Texto de Entrada</strong><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">El Texto de Entrada tiene básicamente las mismas propiedades que el Texto Dinámico, junto con algunas propias de un tipo de texto orientado a la introducción de datos por parte de usuario, como por ejemplo el número máximo de líneas 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 contraseñas).<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Evidentemente este tipo de texto se reflejará en nuestra película como un recuadro de texto SIN contenido, ya que lo deberá introducir el usuario.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Como hemos mencionado antes, este tipo de texto se puede combinar con el Texto Dinámico. <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div><br />
<br />
</div><div style="text-align: justify;"><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div></div><div style="text-align: justify;"><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div></div><div style="text-align: justify;"><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div></div>ANGELIKhttp://www.blogger.com/profile/08357625049992808041noreply@blogger.com0tag:blogger.com,1999:blog-3904304193478329751.post-69786563589248713792009-09-21T11:58:00.000-07:002009-09-28T09:09:58.320-07:00DIBUJAR Y COLOREAR<div style="text-align: justify;"><strong>El Dibujo en Flash MX 2004</strong> <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Cuando se diseña una página web o una animación el diseñador pasa por muchas fases. Tras la fase de "Qué quiero crear y cómo va a ser" viene (normalmente) la fase de diseño gráfico. Llevar lo que ha producido tu imaginación al papel (en este caso al papel de Flash).<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">No conviene engañarnos, Flash no es un programa de diseño gráfico, pero su potencia en este ámbito es casi tan grande como la de éstos programas. Vamos a ver cómo emplear cada herramienta de dibujo para sacarle el máximo partido.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>La Barra de Herramientas. Herramientas Básicas.</strong><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxen1HWqx3IYKlr4ZUgiHI5oZ9vSGpSNivqxf7P_O_B855zY9OJcW4zqRbED4sIuqOIbhneJtq_4EEvCW-pfXVtxuWbe2Cecq3A_AVjtcPYG7PHhl7etYIekHoc3H8E6mqQ8QZIYb4inS0/s1600-h/barra_herramientasmx2004.jpg" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxen1HWqx3IYKlr4ZUgiHI5oZ9vSGpSNivqxf7P_O_B855zY9OJcW4zqRbED4sIuqOIbhneJtq_4EEvCW-pfXVtxuWbe2Cecq3A_AVjtcPYG7PHhl7etYIekHoc3H8E6mqQ8QZIYb4inS0/s400/barra_herramientasmx2004.jpg" /></a><br />
</div><div style="text-align: justify;">La Barra de Herramientas contiene todas las Herramientas necesarias para el dibujo. Veamos cuáles son las más importantes y cómo se usan:<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPKwgLWW_sBUNafuH3k0ZXLikU0gY2ad41mWWv_k8LhFYgwJ6c6alsXzjUXWmzFLJ2lYSwN9LqkF5i1405VZKu1APaomgK1yDFbcxfztxWn0FpQy6xk4Sm99SJ74capn4wWsKrjwL2KcGx/s1600-h/herr_flecha2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPKwgLWW_sBUNafuH3k0ZXLikU0gY2ad41mWWv_k8LhFYgwJ6c6alsXzjUXWmzFLJ2lYSwN9LqkF5i1405VZKu1APaomgK1yDFbcxfztxWn0FpQy6xk4Sm99SJ74capn4wWsKrjwL2KcGx/s400/herr_flecha2004.gif" /></a>Herramienta Selección (flecha): . Es la herramienta más usada de todas. Su uso principal es para seleccionar objetos. permite seleccionar los bordes de los objetos, los rellenos (con un sólo clic), los bordes (con doble clic), zonas a nuestra elección... Además, su uso adecuado puede ahorrarnos tiempo en el trabajo. <br />
</div><div style="text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvAFQ30_JxL-f06Zn7CGdyE2-Tdd9yX2M4kRpxPz_A9RJgUt478jfWYVHf8UK4CTV9H6FObIuHZaOSmUPR6yTDD9UGGtwXzZkPcsO94BkP6VK8gHYc6sQ9cHtlzWkhrO7_f5EDzjcdjie8/s1600-h/herr_linea2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvAFQ30_JxL-f06Zn7CGdyE2-Tdd9yX2M4kRpxPz_A9RJgUt478jfWYVHf8UK4CTV9H6FObIuHZaOSmUPR6yTDD9UGGtwXzZkPcsO94BkP6VK8gHYc6sQ9cHtlzWkhrO7_f5EDzjcdjie8/s400/herr_linea2004.gif" /></a>Herramienta Línea: Permite crear líneas rectas de un modo rápido. Las líneas se crean como en cualquier programa de dibujo, se hace clic y se arrastra hasta donde queramos que llegue la línea recta. Una vez creada la podemos modificar sin más que seleccionar situar el cursor encima de los extremos para estirarlos y en cualquier otra parte cercana a la recta para curvarla.<br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-6MWtOhHnECD8r0emSPR1ilbDV1xH7KAowEUlKllUvz54QjW5shOXQNQ2i7_VZLmZ6KxE9EWXMQlEOpRSq6PVYWGT3Ikn0-T3tOdyn3rnJnhpdPL0uFkKS1KXo2AnLhNtx2eaakIRptF2/s1600-h/herr_texto2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-6MWtOhHnECD8r0emSPR1ilbDV1xH7KAowEUlKllUvz54QjW5shOXQNQ2i7_VZLmZ6KxE9EWXMQlEOpRSq6PVYWGT3Ikn0-T3tOdyn3rnJnhpdPL0uFkKS1KXo2AnLhNtx2eaakIRptF2/s320/herr_texto2004.gif" /></a><br />
</div><div style="text-align: justify;">Herramienta Texto: Crea un texto en el lugar en el que hagamos clic. Sus propiedades se verán en el tema siguiente.<br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCye78ACEwD0mzpVvd5hHzeJ48Oc9mztOhbGK1UrHx4TtWnlFIR2Ytn-BmNEBEGJgIdTNXHaq1q02vP9-n412Py0X8zws8wxSOw_-GxHmPgCVi8btVm61stfFsZfTmbYojRBTLi5s1zYX_/s1600-h/herr_ovalo2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCye78ACEwD0mzpVvd5hHzeJ48Oc9mztOhbGK1UrHx4TtWnlFIR2Ytn-BmNEBEGJgIdTNXHaq1q02vP9-n412Py0X8zws8wxSOw_-GxHmPgCVi8btVm61stfFsZfTmbYojRBTLi5s1zYX_/s320/herr_ovalo2004.gif" /></a><br />
</div><div style="text-align: justify;">Herramienta Óvalo: La herramienta Óvalo permite trazar círculos o elipses de manera rápida y sencilla. <br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvsjiLxbJ_8LGVjZ1Bb6Bye1CzWS5y9mWtBbQE9Cbt8r6bFZ9bvG-oFFupW9Kx4SWLg6ofE8GgyDU6-_Qkm4mYYPaHBU1wAwOHJaKjaPupOIgPsrdL0QHJe_DwQbzI6b_RdeJrRMEmg300/s1600-h/herr_rectangulo2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvsjiLxbJ_8LGVjZ1Bb6Bye1CzWS5y9mWtBbQE9Cbt8r6bFZ9bvG-oFFupW9Kx4SWLg6ofE8GgyDU6-_Qkm4mYYPaHBU1wAwOHJaKjaPupOIgPsrdL0QHJe_DwQbzI6b_RdeJrRMEmg300/s320/herr_rectangulo2004.gif" /></a><br />
</div><div style="text-align: justify;">Herramienta Rectángulo: Su manejo es idéntico al de la Herramienta Óvalo, tan solo se diferencian en el tipo de objetos que crean.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
<br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFp6xRIfX9fzzjrS1LEDp2UXxu_HM2iJdZ0xxTe5Ld3Cxns3E3YHL_Hujrau567MCwzcuOLUY8Uuw_FAxsKu68rXL-iUPrBInt6-se2qsPnsbkTDXveL29biOkNfrRO1nR247W6ljwnM97/s1600-h/herr_lapiz2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFp6xRIfX9fzzjrS1LEDp2UXxu_HM2iJdZ0xxTe5Ld3Cxns3E3YHL_Hujrau567MCwzcuOLUY8Uuw_FAxsKu68rXL-iUPrBInt6-se2qsPnsbkTDXveL29biOkNfrRO1nR247W6ljwnM97/s320/herr_lapiz2004.gif" /></a><br />
</div><div style="text-align: justify;">Herramienta Lápiz: Es la primera Herramienta de dibujo propiamente dicho. Permite dibujar líneas 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.<br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJ_LryMcD0uGTe8SXqUCHA0WoeaWIeqH5Ty6pQJTlT1FKjYJC7o-Gk196YYAg77HSFJ-02qK8q5sMVvmDabnoK3OeomFujAvRrQOk5pdxXDWOw-lNCMiT9fafRBvzaFWFMdgY4A7ecfsd/s1600-h/herr_brocha2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJ_LryMcD0uGTe8SXqUCHA0WoeaWIeqH5Ty6pQJTlT1FKjYJC7o-Gk196YYAg77HSFJ-02qK8q5sMVvmDabnoK3OeomFujAvRrQOk5pdxXDWOw-lNCMiT9fafRBvzaFWFMdgY4A7ecfsd/s320/herr_brocha2004.gif" /></a><br />
</div><div style="text-align: justify;">Herramienta Brocha: Su funcionalidad equivale a la del lápiz, pero su trazo es mucho más grueso. Se suele emplear para aplicar rellenos. Se puede modificar su grosor y forma de trazo. <br />
</div><div style="text-align: justify;"><br />
<br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvJ8KHBSNQWeU6JjI5MISateRyzuCICE2h3OtxmVRwD8zoSMZ3YDvqFRdwAkJn4CgL4xQWhJjOIupi_ADmz3t16vhfIsKASu4pBM6IkD0OVqFTYqswWEcC8WKK8wHD18GJ3d6N2w6xkpv0/s1600-h/herr_cubo2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvJ8KHBSNQWeU6JjI5MISateRyzuCICE2h3OtxmVRwD8zoSMZ3YDvqFRdwAkJn4CgL4xQWhJjOIupi_ADmz3t16vhfIsKASu4pBM6IkD0OVqFTYqswWEcC8WKK8wHD18GJ3d6N2w6xkpv0/s320/herr_cubo2004.gif" /></a><br />
</div><div style="text-align: justify;">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.<br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglix6-020xTyO5g4UJ1UVod0hiTSJ5U6D2izQGEhVA-TW_Trv7rRmwLcvarPtSxIQNVVxgdTDX3lNLcPCF_p6SB2tNV1M7EGWaWGbAFwW8EJsXxfj3b7LMhbrzqI_64uAYaeR9k_OR-AYQ/s1600-h/herr_borrador2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglix6-020xTyO5g4UJ1UVod0hiTSJ5U6D2izQGEhVA-TW_Trv7rRmwLcvarPtSxIQNVVxgdTDX3lNLcPCF_p6SB2tNV1M7EGWaWGbAFwW8EJsXxfj3b7LMhbrzqI_64uAYaeR9k_OR-AYQ/s320/herr_borrador2004.gif" /></a><br />
</div><div style="text-align: justify;">Herramienta Borrador: Su funcionamiento es análogo a la Herramienta Brocha. Pero su función es la de eliminar todo aquello que "dibuje". <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>La Barra de Herramientas. Herramientas Avanzadas.</strong><br />
</div><div style="text-align: justify;"><br />
<br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiS63pJG3T9Ht57dwEPDTJIdZTl_p_TrdECeebojirHrnY7EI3zvc7uDklkcVXjcmih8H591mLqReqBZEb-SgGVezVungvTLFkfS7wefRW0UzYGfg0l3CJJsoSyCec3KjHGahsNlfqgb8R/s1600-h/herr_lazo2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiS63pJG3T9Ht57dwEPDTJIdZTl_p_TrdECeebojirHrnY7EI3zvc7uDklkcVXjcmih8H591mLqReqBZEb-SgGVezVungvTLFkfS7wefRW0UzYGfg0l3CJJsoSyCec3KjHGahsNlfqgb8R/s320/herr_lazo2004.gif" /></a><br />
</div><div style="text-align: justify;">Herramienta Lazo: Su función es complementaria a la de la Herramienta Flecha, pues puede seleccionar cualquier cosa, sin importar la forma, (la Herramienta Flecha sólo puede seleccionar objetos o zonas rectangulares o cuadradas). En contrapartida, la Herramienta Lazo no puede seleccionar rellenos u objetos (a menos que hagamos la selección a mano).<br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimg2esRwXATJHytVzHhOA8Q66lw3weQ48mDyDtWVtEt2tPJ5qXA_FPbtJo9rYRs-Qv-qJ3tM_N6jPaWvX7ZdySB-GvaijtxRUyF8_EMHKffn2vPftGlRb_vQ-HTMg1hZATI1h3VBzuwxdo/s1600-h/herr_varitas.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimg2esRwXATJHytVzHhOA8Q66lw3weQ48mDyDtWVtEt2tPJ5qXA_FPbtJo9rYRs-Qv-qJ3tM_N6jPaWvX7ZdySB-GvaijtxRUyF8_EMHKffn2vPftGlRb_vQ-HTMg1hZATI1h3VBzuwxdo/s320/herr_varitas.gif" /></a><br />
</div><div style="text-align: justify;">Al seleccionar esta Herramienta, en el Panel Opciones aparecen estas imágenes: . Esto, es la Herramienta "Varita Mágica", tan popular en otros programas de dibujo. Permite hacer selecciones según los colores de los objetos. El tercer dibujo que aparece es este: permite hacer selecciones poligonales.<br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5rVZl1QjvYH6Q1-QjcvkxagTmiIS3aWSaAqKF6x54RmLZJfOKpC_8MThiz6zNDV4sfh7wrxrPvOZlJRZjraursDpHoa0ElMcRrxT7uTk38561KJxk-A815dXaii6MFrUUqsxaNPIE73a4/s1600-h/herr_pluma2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5rVZl1QjvYH6Q1-QjcvkxagTmiIS3aWSaAqKF6x54RmLZJfOKpC_8MThiz6zNDV4sfh7wrxrPvOZlJRZjraursDpHoa0ElMcRrxT7uTk38561KJxk-A815dXaii6MFrUUqsxaNPIE73a4/s320/herr_pluma2004.gif" /></a><br />
</div><div style="text-align: justify;">Herramienta Pluma: Crea polígonos (y por tanto rectas, rectángulos...) de un modo sencillo. Mucha gente encuentra esta herramienta complicada, aunque es una de las más potentes que ofrece Flash. Su empleo consiste en hacer clic en los lugares que queramos definir como vértices de los polígonos, lo que nos asegura una gran precisión. Para crear curvas, hay que señalar los puntos que la delimitan y posteriormente trazar las tangentes a ellas. Con un poco de práctica se acaba dominando.<br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiADZv1vZkcTANWHLwKQEOj66LPub6MTSjDoypnqVxyfFVqKUnh3EkNhrgb4652fzTJxh2M0iKI0zcudLzz96j5uF97WukKyF_JwtHe7PYKBb_WoygaToxe72k6y-IaLzZPG8BpF2Ti8PGT/s1600-h/herr_subselec2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiADZv1vZkcTANWHLwKQEOj66LPub6MTSjDoypnqVxyfFVqKUnh3EkNhrgb4652fzTJxh2M0iKI0zcudLzz96j5uF97WukKyF_JwtHe7PYKBb_WoygaToxe72k6y-IaLzZPG8BpF2Ti8PGT/s320/herr_subselec2004.gif" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Herramienta Subseleccionador: Esta Herramienta complementa a la Herramienta Pluma, ya que permite mover o ajustar los vértices que componen los objetos creados con dicha herramienta.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOs8nVdb-cBNo_HIinPe4Nv0zCI9DQr8c7WCzH-Xs6DYkLxH_vg4Wg0xss-v0A0m4jIqleZjLE3iQ6kL8xuBan189sgl9yAc1KQ6Fv-l6sePjKaxx7ARGHIC5olLEysXJ4qb7sAK7U3-o/s1600-h/herr_tinta2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOs8nVdb-cBNo_HIinPe4Nv0zCI9DQr8c7WCzH-Xs6DYkLxH_vg4Wg0xss-v0A0m4jIqleZjLE3iQ6kL8xuBan189sgl9yAc1KQ6Fv-l6sePjKaxx7ARGHIC5olLEysXJ4qb7sAK7U3-o/s320/herr_tinta2004.gif" /></a>Herramienta Bote de Tinta: Se emplea para cambiar rápidamente 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.)<br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4BDy9PVYnuiODQMBg1TuRV0aJM1Y-5eT24pmnupeuVuKXFibBUzORQ-1jHdfuYSDCH2NROGnAheezWO6YRJ_ehijQggu4jy2xC3y21wwhLmvHxSdmuo4gnjRM2S-LlFUyjlVL5YJftt8u/s1600-h/herr_ctgotas2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4BDy9PVYnuiODQMBg1TuRV0aJM1Y-5eT24pmnupeuVuKXFibBUzORQ-1jHdfuYSDCH2NROGnAheezWO6YRJ_ehijQggu4jy2xC3y21wwhLmvHxSdmuo4gnjRM2S-LlFUyjlVL5YJftt8u/s320/herr_ctgotas2004.gif" /></a><br />
</div><div style="text-align: justify;">Herramienta Cuentagotas: Su misión es "Capturar" colores para que posteriormente podamos utilizarlos<br />
</div><br />
<br />
<br />
<div style="text-align: justify;"><strong>La Barra de Herramientas. Opciones</strong> <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><ul><li><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">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 línea o en el objeto que has dibujado.<br />
</div><br />
</li>
</ul><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Entonces aparecerá (o se iluminará si ya estaba presente) un submenú como este: <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4veP8rFck7IVBzj_z9HMHfdbBpCBIzmE5YkQnYDZHW5TQE8v_4IEvtw1XFG8YaEd39Y6hM279BSqZRRmKhHG3f94Y427GDM5EuRA57_7t-GG4DHwr5IOo_7bNE4cVY-UZXs2LOuRtMVff/s1600-h/herr_ajustar2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4veP8rFck7IVBzj_z9HMHfdbBpCBIzmE5YkQnYDZHW5TQE8v_4IEvtw1XFG8YaEd39Y6hM279BSqZRRmKhHG3f94Y427GDM5EuRA57_7t-GG4DHwr5IOo_7bNE4cVY-UZXs2LOuRtMVff/s320/herr_ajustar2004.gif" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmnZ6dJ-RITAKh2z6bQDxy8bwR_F66S2pnE2nhtvLpzEajJwnjT_RchKa_FRBJeJ9t1RvaP2w2CL5yiPKM51liXe6mtN7_YAJiCgyX7SINuiDBvDXCyJTHTxYKB0RSiBAtkB0lvd3Dguu0/s1600-h/barra_herr_opc_lazomx2004.gif" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmnZ6dJ-RITAKh2z6bQDxy8bwR_F66S2pnE2nhtvLpzEajJwnjT_RchKa_FRBJeJ9t1RvaP2w2CL5yiPKM51liXe6mtN7_YAJiCgyX7SINuiDBvDXCyJTHTxYKB0RSiBAtkB0lvd3Dguu0/s400/barra_herr_opc_lazomx2004.gif" /></a>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 sensación de estar "unidos".<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTo8Duwhxf0bPj6a4z26lIcB24BUG0IOcti2F-FzbZ5Y9wiiNMX5iu2tg3xDz61eBTsx3PuVU5GD47HNjvSjUnENPOseAHtIuSP7VrGCnt0DUmGZNcZu_k0Cp3RkGmkUmgEu9PlgRyEHlF/s1600-h/herr_suavizar2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTo8Duwhxf0bPj6a4z26lIcB24BUG0IOcti2F-FzbZ5Y9wiiNMX5iu2tg3xDz61eBTsx3PuVU5GD47HNjvSjUnENPOseAHtIuSP7VrGCnt0DUmGZNcZu_k0Cp3RkGmkUmgEu9PlgRyEHlF/s320/herr_suavizar2004.gif" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Suavizar: Convierte los trazos rectos en líneas menos rígidas.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY4Zaif10dWo8O7TQcObu5ErkIbdtJ7E9Y08Zx-yjycIu_hYxBtOa_NZsjgOJsE_VLvVt5s_qm-OffLRXkk6RKLDX5H9MtL5unqRKFaz0MJdYtMgZO4Fzx8tpSXW9dNV692cguvUkEk22x/s1600-h/herr_enderezar2004.gif" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY4Zaif10dWo8O7TQcObu5ErkIbdtJ7E9Y08Zx-yjycIu_hYxBtOa_NZsjgOJsE_VLvVt5s_qm-OffLRXkk6RKLDX5H9MtL5unqRKFaz0MJdYtMgZO4Fzx8tpSXW9dNV692cguvUkEk22x/s320/herr_enderezar2004.gif" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Enderezar: Realiza la labor inversa. Convierte los trazos redondeados en más rectilíneos.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>EL PANEL MEZCLADOR DE COLORES</strong><br />
<strong></strong><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjny7hf6gAVoWNJ38-yF_lQx6JY039HgyTscoXSwV26ebuhsR8XB4aUk_4PBq486c46a8z7QHcHMCkgiILV8YTc9LY2onqLto_g2-m0zvcjb2SADMR24tWvvFXEkAGgS6D53vv5zjoZjEKs/s1600-h/panel_mezcladormx2004.jpg" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjny7hf6gAVoWNJ38-yF_lQx6JY039HgyTscoXSwV26ebuhsR8XB4aUk_4PBq486c46a8z7QHcHMCkgiILV8YTc9LY2onqLto_g2-m0zvcjb2SADMR24tWvvFXEkAGgS6D53vv5zjoZjEKs/s320/panel_mezcladormx2004.jpg" /></a>El Panel Mezclador de Colores, como su nombre indica se usa para fabricar nuestros propios colores y para seleccionar los que más nos gusten.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">Para seleccionar un color determinado, bastará con hacer clic en las pestañas que se encuentran junto a los iconos de las Herramientas de Lápiz y de Bote de Pintura. (Si queremos modificar el color de un borde, pulsaremos sobre la pestaña que está junto a la Herramienta Lápiz y si queremos modificar un relleno, haremos clic en la pestaña que está junto a la Herramienta Bote de Pintura.) Al hacerlo aparecerá un Panel con multitud de colores para que seleccionemos el que más nos gusta. También permite introducir el código del color según el standard que establece el HTML.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">También se puede determinar el tipo de relleno que aplicaremos a los objetos creados (mediante la Herramienta Bote de Pintura).<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">Se pueden crear diferentes tipos de Rellenos<br />
</div><br />
<span style="color: red;">Sólido</span>: Consiste en un relleno formado por un solo color.<br />
<br />
<span style="color: red;">Degradado Lineal</span>: 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<br />
<br />
<span style="color: red;">Degradado Radial:</span> Es igual que el anterior, pero los degradados tiene forma circular.<br />
<br />
<span style="color: red;">Mapa de Bits</span>: Permite colocar como relleno alguna imagen existente en la película (O ajena a ella si antes se "importa")<br />
<br />
<div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><strong>El Panel Muestras de Color</strong><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVaHFccEmjixIIniBAasd6A9MY9UvTyfmmsLS9KyE120jE_qLZ20HrgR1pvjnEDt-dUPZQQ6PUJvRgPmp4nU5P1__4NDwHGkscPm1pU5iwIg69u4Pk5HLFjJu8gfhhI6v9LfLZBi098DVb/s1600-h/panel_muestrasmx2004.jpg" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVaHFccEmjixIIniBAasd6A9MY9UvTyfmmsLS9KyE120jE_qLZ20HrgR1pvjnEDt-dUPZQQ6PUJvRgPmp4nU5P1__4NDwHGkscPm1pU5iwIg69u4Pk5HLFjJu8gfhhI6v9LfLZBi098DVb/s400/panel_muestrasmx2004.jpg" /></a><br />
</div><div style="text-align: justify;">El Panel Muestras de Color sirve para poder ver de un modo rápido y claro los colores de que disponemos, tanto sólidos (un solo color) como degradados (lineales o radiales). Además, 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 rápidamente cada vez que trabajemos con nuestra película.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Cada película tiene su propio conjunto de muestras y cada vez que la abramos para editarla, podremos usar las muestras que teníamos la última vez que trabajamos con dicha película.<br />
</div><br />
<br />
<br />
<br />
<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div>ANGELIKhttp://www.blogger.com/profile/08357625049992808041noreply@blogger.com0tag:blogger.com,1999:blog-3904304193478329751.post-44790888773286684372009-09-21T10:54:00.000-07:002009-09-28T09:10:16.565-07:00INTRODUCCION<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhequMgkruk9uMFdvvONtWwUTObEFMvmMY_2V35Bq_tPhuFcfM2Zv4656GqneHmbaR_WAkerepmuCVehiQNJjnk5R7cHv8TVJR1Efgl50RNhL5WVd5wSmtW82u7DfiAKLypBt3HGRPGNSHd/s1600-h/logo_flashmx2004.jpg" imageanchor="1" style="clear: right; cssfloat: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" iq="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhequMgkruk9uMFdvvONtWwUTObEFMvmMY_2V35Bq_tPhuFcfM2Zv4656GqneHmbaR_WAkerepmuCVehiQNJjnk5R7cHv8TVJR1Efgl50RNhL5WVd5wSmtW82u7DfiAKLypBt3HGRPGNSHd/s320/logo_flashmx2004.jpg" /></a><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">¿Qué es FLASH? <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Flash MX 2004 es una potente herramienta creada por Macromedia que ha superado las mejores expectativas de sus creadores.<br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Inicialmente Macromedia Flash fue creado con el objeto de realizar animaciones vistosas para la web, así como para crear GIFs animados. <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Los motivos que han convertido a Flash MX 2004 en el programa elegido por la mayoría de los diseñadores web profesionales y aficionados son varios. Veamos pues, porqué es interesante Flash MX 2004. <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">¿Porqué usar FLASH MX 2004? <br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;"><br />
</div><div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: justify;">Las posibilidades de Flash son extraordinarias, cada nueva versión ha mejorado a la anterior, y el actual Flash MX 2004 no ha sido menos. Aunque su uso más frecuente es el de crear animaciones (a lo largo de este curso veremos lo sencillo que puede resultar) sus usos son muchos más. Son tantos, que todos los diseñadores web deberían saber utilizar Flash.<br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Flash ha conseguido hacer posible lo que más se echa en falta en Internet: Dinamismo, y con dinamismo no sólo nos referimos a las animaciones, sino que Flash permite crear aplicaciones interactivas que permiten al usuario ver la web como algo atractivo, no estático (en contraposición a la mayoría de las páginas, que están realizadas empleando el lenguaje HTML). Con Flash podremos crear de modo fácil y rápido animaciones de todo tipo. <br />
</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Flash es fácil de aprender, tiene un entorno amigable que nos invita a sentarnos y pasar horas y horas creando lo que nos dicte nuestra imaginación, pero esto no es suficiente para ser el preferido por los diseñadores profesionales... <br />
</div><div style="text-align: justify;"><br />
</div>ANGELIKhttp://www.blogger.com/profile/08357625049992808041noreply@blogger.com0