Fuentes Embebidas en Flash « « DaHouseCat

  • DaHouseCat PlayStation Move: el nuevo control del PS3 http://bit.ly/bPMA1j ^WL
TeknoGato

Fuentes Embebidas en Flash

En ocasiones, mientras trabajamos en nuestras películas en Flash, requerimos usar algún tipo de letra diferente a los comunes. En este momento es cuando debemos utilizar la capacidad que tiene Flash para adjuntar las fuentes que utilizamos. Esto nos garantizará que se vea correctamente en cualquier computadora.

Para realizar esta acción, lo primero que debemos tener es una fuente que no sea común y un texto dinámico, los textos estáticos se renderean como mapas de bits por eso no necesitamos embeberlos.

fuentes_embebidas

Abrimos el panel de la biblioteca (library) y seleccionamos Nueva Fuente

fuentes_embebidas_2

fuentes_embebidas_3

Esto nos Abrirá un panel con las propiedades de la fuente, debemos nombrar a nuestra fuente de una manera que la reconozcamos, por cuestión de orden la nombraremos igual que a la fuente local.

fuentes_embebidas_4

Después de dar clic en Aceptar (Ok) podremos ver que en nuestra biblioteca aparece un símbolo con una "A" y el nombre de la fuente, esto quiere decir que la fuente ha sido agregada a nuestra biblioteca.

fuentes_embebidas_5

Ahora a llegado el momento de asignarle a nuestros textos dinámicos la fuente que acabamos de embeber, seleccionamos nuestro texto dinámico y hacemos clic en la opción para elegir el tipo de letra, cuando encontremos la fuente notaremos que hay dos, el nombre de la fuente y otra con el mismo nombre pero con un asterisco a un lado, esta es la fuente embebida.

fuentes_embebidas_6

Ahora procederemos a seleccionar la que fuente embebida (la que tiene el asterisco), para que de esa manera sea utilizada por nuestro texto dinámico.

fuentes_embebidas_7

Después de esto, tendremos que seleccionar que caracteres deseamos se incluyan en nuestra biblioteca, esto lo decidiremos según lo que vayamos a tener en los textos dinámicos, por lo general tenemos cuatro tipos Mayúsculas, Minúsculas, Números y Símbolos de Puntuación; tenemos que dar clic en el botón "embeber" (embed) para que se abra la ventana con las opciones que tenemos.

fuentes_embebidas_7_1

Y listo =)



Usando Fuentes Embidas con Action Script.


Para hacer uso de la fuente que acabamos de embeber a través de Action Script es necesario primero enlazarla para su uso en Action Script. Para ello vamos a la biblioteca, hacemos clic secundario sobre la fuente que embebimos y seleccionamos la opción Enlazar (Linkage).

fuentes_embebidas_8_as

Nos aparecerá una ventana con las propiedades que podemos utilizar, debemos asignarle un nombre identificador que será el que usemos en nuestro código de Action Script para hacer referencia a la fuente embebida. Dejen marcadas las opciones "Exportar para Action Script" y "Exportar en el primer frame". Con esto tendremos lista la fuente para usarla con nuestro Script.

Usemos el siguiente código como ejemplo para observar el comportamiento de la fuente embebida con el codigo de Action Script (Se requiere conocimientos acerca de ActionScript), el siguiente codigo creará un TextField llamado "mitextfield", aceptará el uso de fuentes embebidas, aplicará un Antialias Avanzado (para que se vea más claro) y pondrá la cadena con el tipo de letra que embebimos.

[as]var formato:TextFormat = new TextFormat();
formato.font = “1979_as”; //Hacemos referencia a través del nombre que asignamos
createTextField(“mitextfield”, 1, 180, 140, 220, 22);
mitextfield.embedFonts=true; //Nos permite utilizar la fuente embebida
mitextfield.antiAliasType = “advanced”;
mitextfield.text=”DaHouseCat”;
mitextfield.setTextFormat(0,mitextfield.length,formato);[/as]

El resultado final será el siguiente:

resultado

Este tutorial fue escrito para la comunidad BLUEForte, si tienes alguna duda por favor haz tus preguntas en el Foro de Flash de la Comunidad










21 Comentarios en “Fuentes Embebidas en Flash”

  1. leandono dice:

    Pues era una de las muchas cosas que todabia no tenia del todo claro ^^ buena explicaci

  2. deftones_sv dice:

    excelente tutorial.

  3. VANESSA dice:

    gracias… en serio muchas gracias por fin alguien habla flash en cristiano, me has sacado un gran peso de encima, desde ahora soy tu fan

  4. Stopa dice:

    Que onda Bro.

    Apenas realixe tu mini Tuto :smoke_tb:
    me quedo de maravilla.

  5. Graciela dice:

    Por favor escriban en espa

  6. JimmySlam dice:

    Entonces, como hacemos lo de embeber caracters con actionscript???

  7. quito dice:

    Es muy buena la explicacion y mas con imagenes ya que termin

  8. inyaka dice:

    hola gatoCasero saludos desde el imperio
    se me hab

  9. DaHouseCat dice:

    Graciela El significado de render

    JimmySlam si no te enteraste por que no lees donde dice: Usando Fuentes Embidas con Action Script. *Se not

  10. Italo dice:

    Excelente site!! sos un maestro!!!
    Salu2 desde
    mas Tecno .com

  11. cholo power dice:

    tutorial maximo maximo

  12. Shint dice:

    Muchisimas gracias por el tutorial… Conciso, métodico, bien explicado… Excelente!

  13. kike_leader dice:

    Mas claro el agua, muy buena explicacion. Todas mis dudas respecto al tema resueltas.

  14. Soma dice:

    :happy:exelente

  15. javier ruiz dice:

    Muy buenos tips de embeber. Felicidades.

    Ahora hay que hacer tutoriales para AS3 por que ahora es la moda.

    saludos

  16. chefuz dice:

    hola no se si funciona o no mira lo que hago es probar si me queda la fuente borrando la original y usando solo la que tiene font* pero no me reconoce es como si nada me ayudan please que me estoy rompiendo la cabeza

  17. chefuz dice:

    ooooh error mio…. la fuentes se quedan en el swf ya compilado si no me equivoco ::::: exelente la explicacion
    un abrazo

  18. marga dice:

    saludos:
    entonces.. si escribo una palabra o texto en flash que sea estático no necesito hacer nada de eso? ¿se verá bien en cualquier pc?
    Por ejemplo en letras que convertiré en botón para hacer un menu?
    Mil graciasss

  19. Digiel dice:

    Esta si que es una explicación…bien hecho.

  20. lowis dice:

    se agradece

  21. IDUNSA dice:

    Muy pero muy bueno exlente informacion, ojala todas las webs fueran como esta , saludos …

Escribe un Comentario

XHTML: Puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

:alien: :angel: :angry: :blink: :blush: :cheerful: :cool: :cwy: :devil: :dizzy: :ermm: :face: :getlost: :biggrin: :happy: :heart: :kissing: :lol: :ninja: :pinch: :pouty: :sad: :shocked: :sick: :sideways: :silly: :sleeping: :smile: :tongue: :unsure: :w00t: :wassat: :whistle: :wink: :wub: