A diferencia de HTML y otros lenguajes donde las tipografÃas que se utilizan en el diseño web dependen directamente de las tipografÃas que estén instaladas en la PC del usuario, en Flash puedes utilizar cualquier fuente y esta es quizás una de las principales ventajas para los diseñadores.
Las fuentes Flash trabajan como si fueran un elemento vectorial (de hecho, lo son), por esto es que son escalables: puedes aumentar o disminuir su tamaño con la seguridad que se van a ver con una calidad excelente. También puedes realizar animaciones con fuentes. Sigue leyendo y conoce todo sobre el tratamiento de texto en Flash…
Nociones básicas de tratamiento de fuentes en Flash
En Flash no existe diferencia entre texto en caja y texto suelto, como sà sucede en Photoshop e Illustrator. Aquà siempre que utilizamos texto, Flash creará una caja contenedora. Inicialmente, si hacemos un clic con la herramienta de texto en el espacio de trabajo y comenzamos a escribir, el texto continuará linealmente (ejemplo 1). Si en vez de hacer clic, arrastramos el mouse generando una caja, el texto quedará contenido en los lÃmites de esta caja (ejemplo 2). Las dimensiones de la caja se pueden editar, siempre utilizando la herramienta de texto.
En el ejemplo 1, el texto ha sido seleccionado normalmente (con la flecha negra). Esto me permite mover la caja de texto y agrandar o achicar el texto de la caja.Por otro lado, en el ejemplo 2 estamos trabajando con la herramienta de texto. Esto habilita la posibilidad de editar las dimensiones de la caja, sin cambiar el tamaño de la tipografÃa.
Cada vez que trabajes con la herramienta de texto, en el panel de propiedades aparecerán una serie de opciones, entre las más comunes están las de editar el formato del párrafo, estilos, tipografÃa, tamaño y color. Todas similares a las de un editor de texto común.
Pero también hay opciones propias de Adobe Flash. Veamos todas:
- Formato de texto (T): Esto lo veremos a continuación, pero básicamente puedes elegir entre texto estático (static text), texto dinámico (dynamic tex) y texto de entrada (input text).
- TipografÃa, tamaño, color, estilo y párrafo (A): En la lÃnea de arriba a la derecha verás opciones para cambiar la tipografÃa elegida, el tamaño de la fuente, el color, el estilo (negrita, cursiva) y la alineación del párrafo (izquierda, centrado, derecha o justificado).
- Párrafo (¶): Haciendo clic sobre el sÃmbolo de párrafo puedes cambiar los valores para la sangrÃa, el interlineado y los márgenes del texto.
- Dirección del texto: Al lado del sÃmbolo de párrafo verás el sÃmbolo Abcd, para editar la dirección del texto.
- Espaciado (A\V): Agranda o achica el espacio entre caracteres.
- Sub-texto (aª): Una opción para hacer subÃndices y superÃndices.
- Optimización: Al igual que otros programas de Adobe, Flash permite optimizar el texto con anti-alias especial para una mejor legibilidad, anti-alias para animaciones, bitmap o generar un anti-alias propio.
- Dimensiones de la caja: Debajo a la izquierda aparece la información de tamaño y posición de la caja de texto. Puedes editarlas directamente desde ahÃ.
- Enlaces: Bajo el signo del eslabón, podemos linkear un texto a un sitio web. Selecciona el texto a linkear y pega la URL en el espacio en blanco al lado del eslabón, tal como está en el gráfico.
En Flash hay tres formatos de texto, cada uno con una funcionalidad diferente. Para cambiar el formato de un texto debes tener seleccionada la herramienta de texto y elegir entre una de las opciones del cuadro T. Veamos para que sirve cada una:
Texto Estático
Es el texto que no requiere interactividad con el usuario. Puede ser el texto de un artÃculo, la presentación de una compañÃa, un tÃtulo en una página web… En fin, es texto que se mira y no se toca.
En el gráfico podemos ver un sitio de ejemplo. Aquà se utilizó para la mayorÃa del texto el formato de Texto Estático (Static Text).
Cuando tengo Texto Estático, el Panel de Propiedades me muestra dos opciones extras:
1. Hacerlo seleccionable.
2. Linkearlo a una URL.
El Texto Estático siempre está dentro de una caja contenedora cuyas dimensiones dependen directamente de la cantidad de texto que haya. Esto es porque no tiene sentido agrandar una caja de texto que no contenga texto.
Haz clic aquà para ver el boceto de CuchiSushi con las opciones de texto.
Texto de Entrada
Este tipo de texto sirve para los casos en los que el usuario pueda ingresar texto al sistema. El ejemplo más común es un formulario de contacto, pero existen otras situaciones en las que podrÃa ser interesante este tipo de interacción con la persona que visita tu sitio. En la imagen de arriba, dentro del formulario de consulta hay dos campos con Texto de Entrada: la consulta en sà misma y el espacio para escribir un e-mail.
En estos casos la caja contenedora de texto puede ser más grande que el texto que contiene. Aquà hay dos formas de crear una caja de texto: igual que en el texto estático o arrastrando con el cursor para crear una caja. De esta manera, puedes definir los lÃmites del campo de escritura.
Pero cuando trabajas con Texto de Entrada (Input Text) aparecen nuevas opciones. Una de las opciones es especificar la cantidad máxima de caracteres que se puede escribir en nuestro campo de texto (en este caso 500).
También puedes definir un nombre de variable (Var) para trabajar luego con ActionScript (esto lo veremos próximamente en nuestra clase de formularios de contacto).
La opción a la izquierda de Var puede ser seleccionada en el caso que quieras mostrar un recuadro alrededor del campo de texto. A la izquierda, bajo el sÃmbolo <> podrás renderizar el texto como HTML.
Pero lo más interesante está en el menú A. Aquà puedes elegir el formato de tu Texto de Entrada. Tienes 4 opciones: lÃnea simple, multilÃnea, multilÃnea sin envoltura y contraseña. Los formatos no especifican la cantidad máxima de caracteres a escribir asi que debes aclararlo en el campo de Caracteres máximos.
- El texto multilÃnea es un campo de texto donde la caja actúa como lÃmite hacia los costados. Si el texto supera el ancho de la caja, continuarás escribiendo en una lÃnea siguiente.
- El campo en lÃnea simple permite escribir texto en una única lÃnea. Es muy útil en un formulario con varias opciones cortas como por ejemplo nombre, dirección, teléfono.
- Texto multilÃnea sin envoltura. Esta caja de texto no tiene lÃmites. A medida que vas escribiendo continúas en la misma lÃnea hasta que das enter para pasar a la lÃnea inferior.
- El formato password permite escribir contraseñas y mostrarlas como asterÃsticos.
Haz clic aquà para ver el funcionamiento en lÃnea.
Texto Dinámico
El Texto Dinámico (Dynamic Text) permite generar acciones interesantes con ActionScript. Además, se pueden enlazar a una URL, cosa que el Texto de Entrada no permite. Por otra parte, acepta los formatos de lÃnea simple, multilÃnea y multilÃnea sin envoltura, tal como en el ejemplo anterior.
En el Texto Dinámico también se utiliza para incorporar información externa dentro de nuestro archivo SWF.
Haz clic aquà para descargar un ZIP los archivos FLA originales de esta clase (57 Kb)
| << CLASE ANTERIOR |
Lunes, 19 de Mayo de 2008 a las 13.20
hola alejandra quiero que pedirte un inmenso favor,en mas de una ocasion he intentado dar la propiedad de servir como link a los botones que he creado con animacion en flash pero o se como hacerlo, mira por ejemplo creo el boton del ejemplo anterior de la pagina sobre hilos y quiero que al dar click me enlace a su informacion.
como lo hago te agradeceria si me escribes a mi correo guiandome sobre ello.
tu informacion y manejo de los temas es genial. te agradesco y felicito. no se si este es el medo para pedirte este favor.
Lunes, 19 de Mayo de 2008 a las 16.08
Hola Juan Pablo. Me encantarÃa responderte. Sólo quisiera saber a qué ejercicio en particular te refieres. ¿Qué tipo de botón quieres que actúe como enlace? Déjame el nombre de la clase para que pueda orientarme.
Martes, 20 de Mayo de 2008 a las 22.38
Mira quiero que me expliques con cualquier boton solo es para darle la propìedad de que me sirva como link. la clase en la que se empieza a tratar de los botones es clase 9 taller sobre botones,por ejemplo creo un boton que incluye animacion lo que quiero es que al darle click me dirija a mi informacion. En tu ejemplo cuando das click sobre cualquier boton de la pagina de las lanas cambia primero a la pagina donde aparece la fotgrafia de las personas creadoras de la pagina en el boton que dice QUIENES SOMOS Y asi con los demas que luego empezate a tratar, entre ellos los botones invisibles con accion scrip.
Gracias espero que me haya hecho entender.
Domingo, 22 de Junio de 2008 a las 15.03
Los felicito me parece un buen curso; sin embargo, como hay tantos detalles en flash quedan algunas dudas. Gracias por compartirlo
Miércoles, 30 de Julio de 2008 a las 01.40
Gracias por el curso es muy bueno. Pero tengo un problema con un juego que estoy desarrollando en flash y es el siguiente cree un texto dinamico para informar al jugador cuanto dinero le queda, y al publicar el swf aparece en esta caja de texto un simbolo extraño que reemplaza al signo pesos que puse, No se como arreglarlo.
Quisiera me ayudarn con esta duda y de antemano
Gracias
Miércoles, 20 de Agosto de 2008 a las 13.29
Hola!
te hago una consulta, quiero saber si se puede enviar un newsletter que contenga flash.
Ya que estoy haciendo las pruebas del que diseñe que es una parte en flash y otra en jpg, y cuando lo armo en el dreamweaver, y luego lo enviÃo no se ve correctamente el swf.
Gracias desde ya por tu respuesta.!!
Jueves, 21 de Agosto de 2008 a las 16.17
¡Hola, Andrea!
No es lo más recomendable enviar un archivo flash por mail, porque hay mil posibilidades de que la pelÃcula swf sea bloqueada. Pero si decides hacerlo de todas formas, deberÃas embeber el OBJETO en el HTML del mail, recurriendo a una dirección web donde esté alojado el archivo flash.
¡Saludos y gracias por tu pregunta!
Sábado, 25 de Julio de 2009 a las 15.37
hola k tan, tengo un problema.
lo que pasa es que tengo un cuadro de texto (para introducir texto), pero necesito k el texto que sea introducido aparesca en otra parte, k es lo que pasa que donde debe de aparecer es dentro de un clip de pelicula, no se de que manera hacerlo, por que si se hace que el texto aparesca por fuera del clip si me da bien pero dentro no, quiero que me ayudes con eso, graxias
Sábado, 1 de Agosto de 2009 a las 02.29
Muy interesante el post. Felicitaciones por la web… Acá dejo un link con algunos consejos sobre como trabajar proyectos Flash. Gracias, saludos!
http://exportamelapeli.blogspot.com/2009/07/flash-tips.html
Sábado, 12 de Septiembre de 2009 a las 13.20
Hola hola, ayudaaa, soy nuevo en flash y me descargue un template para crear mi sitio web, todo va bien, pero me encontré con un problema: Tengo unas cajas de texto predeterminadas y las puedo modificar tanto en tamaño de caja como en fonts y colores, pero al momento de hacer el preview no se ve que se ha hecho ningun cambio en dicha caja de texto… osea se presenta tal cual me vino el template. Por favor si me sacan de esta duda que me tiene todo el dia metido en esta computadora estaré muy agradecido.
Saludos.
Sábado, 12 de Septiembre de 2009 a las 13.22
Me olvidé de acotar al comentario.. esta template esta bajado a la version en flash 7 action script 1,0 y su layer de action solo me dice esto:
this.createTextField(”contentdisplay_txt”, this.getNextHighestDepth(), 195, 90, 190, 290);
//
contentdisplay_txt.multiline = true;
contentdisplay_txt.wordWrap = true;
contentdisplay_txt.embedFonts = true;
//
contentFormat = new TextFormat();
contentFormat.font = “Font_1″;
contentFormat.size = 10;
contentFormat.color = 0×333333;
//
contentdisplay_txt.text = fordisplay_txt.text;
contentdisplay_txt.setTextFormat(contentFormat);
//Remove user input text field
fordisplay_txt._x = 3000;
//Remove Scroll buttons
if (contentdisplay_txt.maxscroll<=1){
Scroller._x = 3000;
}
Lunes, 21 de Septiembre de 2009 a las 16.39
TendrÃa que ver el archivo al que te refieres…
Martes, 8 de Diciembre de 2009 a las 06.36
mira lo ke pasa esk no se como darle el efecto a un texto
Domingo, 24 de Enero de 2010 a las 00.14
Justo lo que estaba buscando… Sólo que algo me queda en el aire, tengo una duda, es importante saber a donde se va el texto introducido o el mail… pensé que en el archivo original encontrarÃa un geturl:mailto… a donde quieras que se vaya esa información que te dejaron como duda o comentario, cuyo remitente (podrÃa ser solo a manera de referencia) es el mail que introdujeron.
Me podrÃas ayudar? Es decir, necesito recibir la información que me escriben por mail o como sea…
Gracias
Lunes, 25 de Enero de 2010 a las 16.19
Hola Gerardo, puedes ver lo que necesitas en la siguiente clase:
http://www.elwebmaster.com/talleres/taller-de-flash-formulario-de-contacto
Para más detalles, puedes visitar el temario del taller donde accederás al resto de las clases:
http://www.elwebmaster.com/talleres/taller-de-flash-temario
Saludos,
Ale
Viernes, 19 de Febrero de 2010 a las 00.38
Hola Alejandra quisiera saber cómo tengo que hacer para que un botón al presionarlo me cargue texto en un cuadro en la misma escena, por favor desearÃa si me pudieses mandar los pasos al e-mail, desde ya muchas gracias…
Lunes, 22 de Febrero de 2010 a las 13.36
Hola MarÃa. SerÃa óptimo conocer un poco más el proyecto para ver si la solución se adapta o no, pero lo normal en estos casos es crear un fotograma donde aparezca el texto. Supongamos que tienes tu escena estática en el fotograma (frame) Nº 1. Puedes crear allà un botón que te lleve al fotograma Nº 2, donde sà está el texto. La acción para el botón serÃa:
on (release) {
gotoAndStop(1);
}
¡Saludos!
Martes, 3 de Agosto de 2010 a las 16.07
Hola Alejandra, primero muchas gracias por toda la ayuda que brindas, de verdad gracias a tu taller he mejorado muchisimo. Tengo un problema puntual, he comprado una plantilla en templatemonster para mi pagina web (no he mejorado tanto como para hacer algo asà de profesional yo mismo) es una pagina con XML, el problema es que al modificar la pelÃcula (tipo de letra del titulo por ejemplo) al publicar la pelÃcula, el tamaño del texto cambia, se pone al mÃnimo (8 creo) y es ilegible, pero si uso el mismo XML con la pelÃcula que viene por defecto, todo funciona correctamente, ya no se que hacer, creo que pasa por un tema de publicación…
De antemano gracias por tu ayuda.