Unidad Didáctica 01: Adobe Fireworks CS6

Hoja Informativa 03: Texto artístico y ondulado en Fireworks usando trazados

Ejemplo de uso y sus características:

En este caso partimos de una imagen sencilla como es esta:

Luego dibujamos un trazado usando la herramienta Pluma (P). No importa el

grosor, el color o el estilo de trazado, solamente el recorrido que este describe.
Un trazado podría ser esta curva, por ejemplo:

A continuación, insertamos el texto que destinaremos a que siga el trazado

dibujado antes:

Bien, sencillo hasta aquí. Ahora es cuando viene lo esencial:

Seleccionamos al mismo tiempo el trazado y el texto:

Diseño de Página Web -1- Prof. Daniel Rumrrill

Unidad Didáctica 01: Adobe Fireworks CS6

Estando ambos seleccionados, nos dirigimos al menú "Texto" y hacemos clic

en "Unir al trazado (Ctrl+Mayús+Y)":

Inmediatamente se hace la magia y el texto se pone dónde estaba el trazado,

siguiendo su forma. Del mismo modo, el trazado original desparece. Digamos
que es como en flash, una guía, y como tal no se ve. Este proceso, hace que el
texto se posicione encima del trazado y siga sus curvas y recorrido. La gracia de
todo esto, es que el susodicho texto se mantiene como texto editable, con
todas sus propiedades modificables sin problema alguno. Y esto mola.

Diseño de Página Web -2- Prof. Daniel Rumrrill

Unidad Didáctica 01: Adobe Fireworks CS6

Procedamos a arreglar un poco la presentación, y así de paso les muestro

algunas cosillas más:
Observamos que ahora el texto se queda pequeño, puesto que está inclinado,
ahora tiene más espacio. Lo hacemos más grande cambiando el tamaño de la
fuente en el panel Propiedades:

Para no concluir el tip aquí, haremos unos retoques de más para que veáis
algunas opciones más y como afectan al texto en cuestión:

Por ejemplo, copiamos el texto y lo pegamos un poco más abajo, de la siguiente

forma:

A continuación, teniendo seleccionado el segundo texto que acabamos de

pegar, nos dirigimos al menú "Texto" y hacemos clic en la opción "Separar del
trazado":

Diseño de Página Web -3- Prof. Daniel Rumrrill

Unidad Didáctica 01: Adobe Fireworks CS6

Una vez esto, lo que sucede es que volvemos a tener el trazado y el texto
originales:

Por ahora el texto no nos interesa, así que lo eliminamos. Vamos a centrarnos
en el trazado: Lo retocamos un poco, le definimos un bonito estilo de línea y le
damos un grosor apropiado mediante el panel propiedades:

Diseño de Página Web -4- Prof. Daniel Rumrrill

Unidad Didáctica 01: Adobe Fireworks CS6

Ya tenemos una sencilla y clara imagen:

De todas formas, veamos unas cuantas más opciones para poder estilizar el
texto curvado de distintas formas. En el mismo menú de "Texto", teniendo el texto
curvado seleccionado, podemos variar su "Orientación" como sigue en las
imágenes:
(La primera opción es la opción por defecto, es la mostrada en las imagen
anterior)

Diseño de Página Web -5- Prof. Daniel Rumrrill

Unidad Didáctica 01: Adobe Fireworks CS6

Diseño de Página Web -6- Prof. Daniel Rumrrill

Unidad Didáctica 01: Adobe Fireworks CS6

Diseño de Página Web -7- Prof. Daniel Rumrrill

Unidad Didáctica 01: Adobe Fireworks CS6

Bueno, hasta aquí el tip.

Diseño de Página Web -8- Prof. Daniel Rumrrill