Vectorización de tipografías

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Vectorización de tipografías"

Francisco Javier Rojo Godoy
hace 8 años
Vistas:

1 Semanas Digitalización 4 y del 5 dibujo Semana 3 Empecemos! Bienvenidos a una nueva experiencia! Es el momento propicio para aprender lo referente a la vectorización. En estas dos semanas daremos continuidad al ejercicio anterior, retomando el tema de las familias tipográficas. Aprenderemos a convertir imágenes realizadas manualmente en vectores digitales; esto se logra dibujando todos los contornos y rellenos de la imagen mediante curvas. Los dibujos obtenidos a través la vectorización son imágenes de contornos perfectamente definidos, que pueden ampliarse o reducirse a cualquier tamaño, sin afectar su alta calidad. Figura 17 Qué sabes de...? Has utilizado alguna vez una imagen vectorial? Reconoces una imagen de píxeles y una de vectores? El reto es... Las imágenes vectorizadas o trazadas se usan en todos los sistemas de impresión, especialmente en productos de fácil elaboración: pendones, rotulados, afiches, postales, libretas, impresión de gran formato, entre otros, donde se necesitan contornos perfectos que no se deformen al momento de una ampliación, requiriendo trazos reconocibles por un plotter de corte. 219

Aprenderemos a convertir imágenes realizadas manualmente en vectores digitales; esto se logra dibujando todos los contornos y rellenos de la imagen mediante curvas.

2 Semanas 4 y 5 Xavier trabajó varios días en la construcción de una familia tipográfica, dibujando manualmente letras mayúsculas, minúsculas, números y caracteres, para luego hacer varios productos digitales con esas creaciones. Al momento de emprender el trabajo se le presentaron algunas dudas, por su falta de experiencia para vectorizar. Cuál software, herramientas y procedimientos recomendarías a Xavier para lograr un excelente diseño? Para crear una imagen vectorial se utilizan curvas Bézier. Anímate! Desarrolla excelentes familias tipográficas para que las emplees en tus diseños gráficos. Vamos al grano Figura18 Antes de definir lo referido a la imagen vectorial, vamos a precisar lo que son imágenes de mapa de bits, las cuales están compuestas de miles de pequeños puntos llamados píxeles. Su cantidad determina la resolución de la imagen. El ordenador recrea la imagen recordando la posición exacta de cada píxel. Las imágenes están conformadas por miles de pequeños puntos: te animas a contarlos? 220 El vector es un método diferente ya que, en lugar de crear píxeles individuales, genera objetos como rectángulos y círculos, con la particularidad de que, no importa cuánto escales una imagen de vector, no se producirá pérdida de deta-

Cuál software, herramientas y procedimientos recomendarías a Xavier para lograr un excelente diseño? Para crear una imagen vectorial se utilizan curvas Bézier. Anímate!

3 Semanas 4 y 5 lles. Puede ser tan pequeña como una estampilla de correo o tan inmensa como la pared de un edificio. Siempre se verá idéntica! La vectorización consiste en convertir imágenes formadas por píxeles en imágenes formadas por vectores, lo cual se logra dibujando todos los contornos y rellenos de la imagen mediante curvas Bézier. Los dibujos obtenidos a partir de este procedimiento son imágenes de contorno perfectamente definidos susceptibles de ampliarse a cualquier tamaño sin que se modifique su calidad. Las imágenes vectorizadas o trazadas se usan en todos los sistemas de impresión, pero especialmente en serigrafía, bordados, rotulación, grabados e impresión de gran formato, donde se necesita de contornos perfectos que no se deformen al momento de ser ampliados o se requieran trazos reconocibles por un plotter de corte. La curva Bézier es un tipo de línea curva ideada por un ingeniero en los años 60, por medio de un método de descripción matemática, que conseguía definir las transiciones suaves de las curvaturas. Una curva de Bézier tiene cuatro puntos de control y es de orden cúbico; dos de los puntos, que corresponden a los extremos de la línea, son denominados nodos o puntos de anclaje y, los otros, son conocidos como puntos de control o manejadores, los cuales determinan la dirección con que la curva ingresa a los extremos. Muchos software de diseño vectorial y dibujo han adoptado este tipo de líneas e incluso poseen herramientas con el mismo nombre Bézier; algunos de ellos son Adobe Illustrator, Adobe Flash, Macromedia Freehand, Corel Draw, Inkscape. Para comenzar a vectorizar debes tener listas las imágenes digitales en formato.jpg, además de un computador que cumpla con los requerimientos estándares para emprender el diseño. Pasos para vectorizar imágenes 1. Utiliza las tipografías que escaneaste y guardaste la semana anterior en la carpeta Imágenes_digitalizadas_1 ; para ello emplea el programa illustrator CS6. 221

Los dibujos obtenidos a partir de este procedimiento son imágenes de contorno perfectamente definidos susceptibles de ampliarse a cualquier tamaño sin que se modifique su calidad.

4 Semanas 4 y 5 Figura Para dar inicio a la vectorización, debes bloquear la imagen, a fin de evitar que se mueva de lugar. Haz clic en Objeto, Bloquear, Selección o puedes utilizar Ctrl+2 (figura 20). Figura Utilizando la herramienta Pluma comienzas a vectorizar; sin soltar el ancla, le das la forma a la tipografía que tienes en la mesa de trabajo (Figura 21). 222

lugar. Haz clic en Objeto, Bloquear, Selección o puedes utilizar Ctrl+2 (figura 20).

5 Semanas 4 y 5 Figura Al tener listas las tipografías vectorizadas, selecciona una por una; luego, en la ventana busca la opción Trazos y, con la tipografía escogida, haz clic en Combinar para lograr la imagen deseada (Figura 22). Figura Cuando se termine de vectorizar todo, desbloquea la imagen escaneada y elimínala, haciendo clic en Objeto, desbloquear todo (Figura 23 y 24). 223

la opción Trazos y, con la tipografía escogida, haz clic en Combinar para lograr la imagen deseada

6 Semanas 4 y 5 Figura 23 Figura Al tener listos los vectores, procede a guardar, haciendo clic en Archivo, Exportar,.jpg, Guardar, Opción transparente (figuras 25, 26 y 27). 224 Figura 25

7 Semanas 4 y 5 Figura 26 Figura Abre una carpeta dónde vas a guardar todas las tipografías y asegúrate de que tenga los fondos transparentes (figura 28). Figura

8 Semanas 4 y 5 Para saber más Profundiza en el tema de esta semana, visitando las siguientes direcciones web: Aplica tus saberes Es hora de aplicar las competencias específicas logradas hasta ahora. Comienza a vectorizar las tipografías que has elaborado, empleando para ello Adobe Illustraitor CS6. Una vez terminado el proceso, guarda el trabajo en una nueva carpeta, colocándole el nombre de Imágenes_digitalizadas_2, para luego poder aplicarlas en distintas producciones y animaciones, creando así un estilo propio. Comprobemos y demostremos que Comparte con tus compañeros los vectores digitales que has elaborado hasta ahora, mayúsculas y minúsculas, números y caracteres. Haz la presentación de forma digital empleando los recursos a tu alcance. Anímate! Tienes las competencias necesarias para producir excelentes vectorizaciones con las producciones que tú mismo has creado! 226

Una vez terminado el proceso, guarda el trabajo en una nueva carpeta, colocándole el nombre de Imágenes_digitalizadas_2, para luego poder aplicarlas en distintas producciones y animaciones, creando

Documentos relacionados

Figura 84. Cuál es el programa indicado para vectorizar?, conoces otras herramientas de vectorización?, en qué aplicarías los vectores?

Figura 84. Cuál es el programa indicado para vectorizar?, conoces otras herramientas de vectorización?, en qué aplicarías los vectores? Semanas 13 y 14 Empecemos! Bienvenidos a esta nueva experiencia! En las semanas anteriores aplicamos las competencias para trabajar con las herramientas de vectorización de imágenes y rotulación; esta