ESTOS TUTORIALES SON EXCLUSIVOS PARA WOMENDESIGNS.COM CREADOS POR Y PARA VOSOTROS
RECORDAD QUE ESTÁ PROHIBIDO COMPARTIR CLAVES DE ACCESO, NI DISTRIBUIRLOS NI HACERLOS VUESTROS

TUTORIAL 2 FLASH PROFESSIONAL 8: TEXTOS DESPLAZADOS MANUALMENTE Y CON INTERPOLACION

Materiales AQUÍ

Abrimos un nuevo documento flash. Si vas a usar el fondo que facilito las dimensiones son de 506px de ancho por 309px de alto, pero recuerda que tú debes crear tus propios diseños para que todo sea creación tuya, esto es sólo un ejercicio para que practiques.

En el nuevo documento creado he dejado la velocidad predeterminada de 12fps y el fondo también el blanco predeterminado (te recuerdo que los fondos deben ser del mismo color de la web donde se vaya a alojar)

ARCHIVO/IMPORTAR/IMPORTAR A ESCENARIO y escoge el fondo. Si haces click en él deberás tener en PROPIEDADES que está ajustado al ancho y alto que te comenté al principio y valores 0 en X e Y.

Repite este paso de importar para los dos botones que te facilito (igualmente puedes diseñarlos tú de acuerdo a tu fondo). Colócalos en el escenario donde gustes, pero dejando espacio libre para luego poder incluir el texto (fíjate en mi colocación)

Haz click en cada uno de ellos y pulsa F8; en la ventana que sale elije BOTÓN y el centro del registro. Si te fijas en propiedades tendrás

y donde pone nombre de instancia escribe up_btn para el botón de arriba y down_btn para el botón de abajo.

Ahora selecciona la herramienta texto, y en la zona que has dejado libre para él, escribe la primera parte de tu texto, el que quieres que se lea sin necesidad de pulsar los botones. Escribe lo que gustes, pero deberá ocupar una línea. Y vete a TEXTO/DESPLAZAMIENTO PERMITIDO.

Fíjate ahora en las propiedades del texto cuando lo tienes seleccionado:

Elijes el tipo de letra, tamaño, color, alineación...pero ten activo SUAVIZADO PARA LEGIBILIDAD, MULTILÍNEA e INTRODUCCIÓN DE TEXTO, y donde dice NOMBRE DE INSTANCIA escribe campotexto_txt

Vuelve a la zona de texto y escribe la segunda parte de tu texto, el que se leerá cuando se pulsen los botones.

Haz click ahora en el fotograma 1 y mira en el desplegable de ACCIONES:

tienes que escribir donde aparece ese 1 la siguiente secuencia tal como te la doy: ¡RESPETA LOS ESPACIOS!

down_btn.onPress = function () {
campotexto_txt.scroll += 1;
};
up_btn.onPress = function () {
campotexto_txt.scroll -= 1;
};

Utiliza ARCHIVO/VISTA PREVIA DE LA PUBLICACIÓN para ver cómo va tu trabajo, y si te gusta ARCHIVO/EXPORTAR/EXPORTAR PELÍCULA.

Y si queremos usar en nuestros diseños flash con texto una barra de desplazamiento lateral? Pues muy sencillo. Más si cabe que antes:

Colocas el fondo en el escenario, añades el campo de texto, que es hacer click en la herramienta texto y click en el escenario y el ancho y alto lo modificas con las flechas del rectángulo. En propiedades ahora sólo es necesario que pongas INTRODUCCIÓN DE TEXTO Y MULTILÍNEA; vete a VENTANA/COMPONENTES/USERINTERFACE/UISCROLLBAR y con el ratón arrástralo al lado del campo de texto (en la zona más a la derecha) Puedes modificar el alto para ajustarlo en PROPIEDADES de dicho elemento como ya debes haber aprendido.

Y para finalizar este tutorial, un par de ejemplos de cómo puedes poner efectos de texto a tus diseños:

Habiendo creado el documento y colocado en el escenario tu fondo, ahora se trata de crear una nueva capa como viste en el tutorial flash1. Y con la herramienta texto escribe en la nueva capa el texto que gustes (de tamaño pequeño pero visible, ya que vamos a deformarlo alargándolo). Conviértelo en símbolo pulsando F8

Ahora haz click en el fotograma número 20 de ambas capas (como queremos seleccionar los dos fotogramas 20 de ambas capas, mantén pulsada la tecla MAYÚSCULAS de tu teclado). Y luego F6 para fijarlos.

Estarás más o menos así, con lo que elije la herramienta transformación libre y deforma el nombre que hayas escrito estirando de las esquinas o laterales para hacerlo más grande, más largo

Baja a propiedades verás que tienes una zona que pone COLOR, pues te invito a que hagas pruebas de este efecto cambiando la opción del desplegable...por ejemplo verás que si pones ALFA y 0% el efecto de texto será de mayor a menor opacidad según crece...En cambio si no tocas nada verás que la opacidad es la misma y que sólo crece...

Y el último paso para este ejercicio es que señales el fotograma número 15 de la capa texto y pulses botón derecho del ratón para elegir la primera opción: CREAR INTERPOLACIÓN DE MOVIMIENTO.

Prueba ahora cómo va tu película y si todo está ok, expórtala y dala nombre.

Y ahora te enseñaré cómo hacer desplazar un texto por tu diseño. POR FAVOR, TEN EN CUENTA QUE TODO LO QUE TE ESTOY EXPLICANDO LO PUEDES APLICAR A TUS DISEÑOS SIN QUE SEA TEXTO, SINO ELEMENTOS DE DISEÑO.

Repite los mismo pasos para crear tu nuevo documento y añadirle el fondo. Escribe tu texto, colócalo justo delante de tu escenario y fondo y conviértelo en símbolo (F8); vete al fotograma número 15 de ambas capas y conviértelos en clave pulsando F6

Sitúate en el fotograma 15 de la capa texto y desplaza tu texto hacia la zona donde quieres que haga su primera parada en el desplazamiento. Haz click en el fotograma 10 y con el botón derecho del ratón crea interpolación de movimiento.

Ahora vuelve a señalar los fotogramas 30 de ambas capas como clave y lo mismo con los 45. Y desplaza con cuidado el texto, estando seleccionado el fotograma 45 de la capa texto, al final de tu escenario

Haz click en el fotograma 40 y añade de nuevo interpolación de movimiento. Y LISTO!!!