Blog

Hacer textura con Live Trace de Adobe Illustrator CS2

Generalmente, cuando diseñamos un afiche, recurrimos a Adobe Photoshop para aplicar filtros y mejorar estéticamente los textos. Ahora con Adobe Illustrator CS2, podemos usar la característica de Live Trace / Calco interactivo para lograr un efecto similar. Para dar a la tipografía una textura, vamos a vectorizar una fotografía y aplicar una parte del resultado en el texto.

  • Seleccionar una imagen apropiada

Busca una imagen que produzca una buena textura. Podes encontrar fácilmente una imagen de una pared de ladrillo o de metal oxidado para convertir a vectores, con una rápida búsqueda en la web. Al mirar las posibles fotos, trata de encontrar las imágenes que contengan una gran cantidad de pequeños detalles y también tengan un buen contraste entre la luz y la oscuridad.

  • Cambia el tamaño de tu imagen; guardar como .JPEG

Una vez que has encontrado una imagen con la cual trabajar, es posible que desees cambiar su tamaño en Adobe Photoshop, Image -> Image Size / Imagen -> Tamaño de la imagen. No hacer la imagen demasiado pequeña, aunque cuanto mayor sea su imagen, más detalle Live Trace producirá en el resultado. Si tu sistema no tiene mucha memoria o tu procesador es antiguo, una imagen grande que está siendo convertida a vectores va demorarse mucho o inclusive tildar la PC. Cuando hayas terminado de editar la imagen, guardarla como archivo .JPEG de alta calidad.

  • Abrir Live Trace

En Illustrator, abri tu imagen seleccionando File -> Open / Archivo -> Abrir. A pesar de que modificaste las dimensiones de la imagen, aún es más grande que el artboard / mesa de trabajo. No te preocupes: vamos a eliminar gran parte de la imagen vectorizada en los próximos pasos. Selecciona la imagen con la Selection tool / herramienta Selección “atajo de teclado V y elije Object -> Live Trace -> Tracing Options / Objeto -> Calco interactivo -> Opciones de calco. Esto te permite modificar la configuración y la imagen de vista previa antes de la conversión. En el cuadro de diálogo que aparece, activa la opción de Preview / Vista previa. Deja los ajustes preestablecidos. La salida del calco es en blanco y negro, dos colores que son más fáciles para trabajar con esta técnica.

livetrace_00

  • Ajuste de umbral

Normalmente, el único ajuste que hay que cambiar en las  Tracing Options / Opciones de calco es el valor de Threshold / Umbral, que controla la cantidad de blanco o negro que aparece en la imagen. Para nuestra imagen, hemos encontrado el valor por defecto de 128 no mostró la mayor cantidad de detalles que queríamos. Con un poco de ajuste, que se asentaron en un valor de 86. Esto produjo una buena cantidad de pequeños detalles para su uso en el texto.

Cuando hayas terminado de realizar los ajustes en este cuadro de diálogo, hace clic en el botón Trace / Calcar.

livetrace_01

  • Convertir el calco interactivo en trazos

Antes de que puedas trabajar con la imagen vectorizada, tendras que convertirla a trazado. Selecciona el objeto y elije Object -> Expand / Objeto -> Expandir. En el cuadro de diálogo que aparece, hace clic en Aceptar. Queremos trabajar solamente con los objetos negros. Elije la Magic Wand tool / herramienta Varita Magica “atajo de teclado Y, selecciona el color blanco y, a continuación, pulsa la tecla Backspace / Eliminar.

livetrace_03

  • Introducir texto, elegí tu fuente

No vamos a usar la totalidad de la vectorización con el texto. Como tal, se le elimina una buena parte de ella. En primer lugar, tendrás que averiguar qué partes deseas utilizar al ver cómo la textura aparecerá con el texto. Selecciona la Type tool / herramienta Texto “atajo de teclado T y la fuente, fuera de la imagen vectoriza. Utiliza un tamaño relativamente grande unos 70 pt para el texto y deja el negro como color de relleno.

livetrace_04

  • Posición del texto

Cuando hayas terminado de escribir, mueve el texto delante de la imagen vectorizada. Busca una posición a fin de que el texto sea apenas legible. Si puedes ver claramente los contornos de las letras, entonces en el siguiente paso la máscara de recorte hará el texto ilegible. Lo que estamos buscando para nuestro texto es un montón de pequeños detalles en la textura para poner detrás de las letras. Demasiado blanco o demasiado negro el texto no será muy legible cuando se aplique la máscara. En el ejemplo, he resaltado el texto para que puedas verlo claramente.

livetrace_05

  • Hacer un máscara de recorte

Para ver la textura con el texto, vamos a crear una máscara de recorte que utiliza las letras como máscara. Pulsa Ctrl + A para seleccionar todo y elegir Object -> Clipping Mask -> Make / Objeto -> Máscara Recorte -> Crear. Si no estás satisfecho con el aspecto general, utiliza el puntero blanco “atajo de teclado A, para seleccionar el texto y movelo hasta encontrar la textura deseada, o bien, deshace la máscara de recorte y reposiciona el texto en otra área de la textura. También podes cambiar el tamaño de la textura para lograr diferentes apariencias.

livetrace_06

  • Crear una nueva capa

En lugar de mantener toda la textura que no estás utilizando en la máscara de recorte, podes eliminarla rápidamente con el comando Pathfinder / Buscatrazos. Antes de hacer esto, tendrás que deshacer la máscara de recorte, Edit -> Undo Make Clipping Mask / Edición -> Deshacer Mascara de recorte, o tambien podes hacer Objeto -> Máscara de recorte -> Soltar o bien Alt + Ctrl. + 7.
Abri la Layers palette / paleta Capas y ampliar la capa haciendo click en la flecha situada junto a la miniatura. Encontraras dos capas una que contiene el texto y la otra donde se encuantra la textura. Hace click en el icono Create New Layer / Crear nueva capa, y situala entre las dos anteriores, colocale un nombre haciendo doble click en si misma abriras el cuadro de diálogo Layer Options / Opciones de capas y hace click en Aceptar.

livetrace_07

  • Eliminar exceso de fondo

Selecciona la Rectangle tool / herramienta Rectángulo “atajo de teclado M y dibuja un rectángulo en la capa que creaste en el paso anterior. Pulsa Ctrl + A para seleccionar todo. Abri la Pathfinder palette / paleta Buscatrazos o bien Window -> Pathfinder / Ventana -> Buscatrazos y hace clic en el icono de Crop / Recortar. Este comando está en la fila inferior, el cuarto desde la izquierda. Elimina cualquier cosa fuera del rectángulo. Esto reduce el tamaño de tu archivo y ayuda a acelerar el rendimiento de Illustrator. Un grupo de pintura en vivo, indicado por un doble rectángulo de color gris alrededor de la obra, puede aparecer después de aplicar la función. Con la Selection tool / herramienta de Selección, hace doble click en un área vacía del Artboard / Mesa de trabajo para deshabilitarlo.

livetrace_08

  • Volver a aplicar máscara de recorte

En este punto vas a volver a aplicar la máscara de recorte, aunque con una textura menos compleja. Pulsa Ctrl + A para seleccionar el texto y la textura. Selecciona Object -> Clipping Mask -> Make / Objeto -> Máscara Recorte -> Crear o bien Ctrl + 7.

  • Convertir texto a curvas

Con el texto seleccionado, elegí Type -> Create Outlines / Texto -> Crear contornos.
Con el texto convertido a curvas, podes eliminar la textura adicional no utilizada en todo el texto y reducir aún más el tamaño del archivo. Con todo aún seleccionado, hace clic en el icono recortar de la Pathfinder palette / Paleta Buscatrazos.

“Si deseas mantener el texto editable, guarda una copia del archivo antes de aplicar el comando crear contornos.”

livetrace_09

  • Convertir a RGB o CMYK

Después de aplicar Live Trace a una imagen utilizando los ajustes por defecto, el resultado de color es en escala de grises. Para permitir que fuera de RGB o CMYK, anula la selección del objeto y abri la paleta de colores Window -> Color / Ventana -> Color. Hace doble clic en la pestaña de la paleta para ampliar plenamente, si es necesario. Debes ver sólo una barra de color con una K al lado de la paleta. Esto indica el modo de color en escala de grises para el objeto. Selecciona RGB o CMYK en el menú y aplica cualquier color que desees en el texto.

  • livetrace_11Final

livetrace_12


This Post Has 1 Comment

  1. justo lo que nesesitaba :)

Leave A Reply