Vectorización de tipografías



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

Semanas Vectorización 6 y de 7 tipografías Animación en Photoshop. Por fin entenderás y comprenderás la elaboración de gifs animados para páginas web!

QUÉ ES ILLUSTRATOR? Acerca de Adobe Illustrator

Corte y Grabado Grabado Corte Marcado de líneas Izquierda: Derecha: Izquierda: Centro: (*) Derecha: (*) -

Roberto Quejido Cañamero

DISEÑO DE PERSONAJES. Curso Videojuegos. TUTORIAL BÁSICO DISEÑO DE PERSONAJES Monitor // David Diaz 2012

En este tutorial aprenderemos las técnicas básicas de tratamiento de imágenes vectoriales con Flash.

Seminario: Tratamiento de la imagen digital con GIMP IES Valle de Aller 2007/08

CAPACIDADES DEL ÁREA. CorelDRAW X5

Introducción a la imagen digital: Mapa de bits. Vectores

El tutorial de la herramienta pluma esta recomendado para usuarios de photoshop de nivel principiante.

IMÁGENES DIGITALES. Tipos de imágenes digitales y características

Adobe Illustrator. Aprendiendo Adobe Illustrator...

Dibujo vectorial. Un ejemplo paso a paso

COREL DRAW PARTE II. TERCER y CUARTO BIMESTRE 1 B - 2 AÑO A- B TABLAS

Curso de TIC educativas JITICE 2015

EDICIÓN VECTORIAL CON ADOBE ILLUSTRATOR CS5

Edición de audio. Parte III

Tipos de imágenes Imágenes vectoriales Imágenes de mapa de bits

1. Introducción Qué es Draw? Entorno de trabajo Crear un nuevo documento Preparación de la hoja de dibujo...

Ejercicio paso a paso. Abrir, guardar y cerrar un documento de CorelDRAW 12

Qué es Fireworks? Los mapas de bits

Prácticas de Informática 5

Adobe Illustrator CS3 - Curso online

MÓDULO

Antes de empezar con el tutorial, vamos a ver algunas cosas que nos van a ayudar mucho a entender como usar este programa.

PLATAFORMA E-LEARNING CENTRO DE ESTUDIOS VIRTUALES BANCO CHILE

Draw. Dibujo vectorial

Prácticas de Word XP 1

P á g i n a 1 TRABAJO AUTONOMO DEL ESTUDIANTE. Manual 1. Autor y Compilador: Diego Saavedra. NOMBRE DEL MANUAL: Conceptos, Gimp 2.

UNIVERSIDAD NACIONAL DEL SANTA FACULTAD DE INGENIERIA E.A.P. SISTEMAS E INFORMATICA COMPUTACION II COMUNICACIÓN SOCIAL DREAMWEAVER+FLASH+PHOTOSHOP

Bienvenido a 1000creativos

Educomputacion. Tiene lo que estás buscando Ven y estudia nuestro curso de: (Básico de Computación)

Plan de trabajo del tema 2

Photoshop. Conceptos Básicos

Herramientas de Mapa de Bits

FUNDACIÓN UNIVERSITARIA LUIS AMIGÓ FACULTAD DE EDUCACIÓN LICENCIATURA EN EDUCACIÓN BÁSICA CON ÉNFASIS EN TECNOLOGÍA E INFORMÁTICA CARTA DESCRIPTIVA

Dibujos creados con Word. Mediante autoformas, líneas, rectángulos, elipses, etc.

Lectura No. 3. Contextualización. Nombre: Página web DISEÑO DIGITAL 1. Para qué te sirve saber elaborar una página web?

Operación de Microsoft Excel

Introducción a la plataforma Moodle Aníbal de la Torre Plataforma Moodle. Accediendo a los contenidos

Documento: Resumen de programación Nº de documento: Revisión:

Dinos qué tal lo estamos haciendo

Índice Objetivo... 2 Definición y utilidad de Movie Maker... 3 Cómo iniciar Movie Maker?... 3 Elementos de la ventana de Movie Maker...

Draw. Dibujo vectorial. Módulo 7: Imágenes. Ministerio de Educación, Cultura y Deporte

Tema: Animación en flash. Animando personajes

Adobe Illustrator CS5. Duración: Objetivos:

TUTORIAL ILUSTRACIÓN ADOBE ILLUSTRATOR

TIPOGRAFÍA DIGITAL. Están formadas por lo que se conoce como imagen vectorial. Pueden ser ampliadas o reducidas sin pérdida de calidad al imprimir.

2. ABRIR UN NUEVO DOCUMENTO DE TRABAJO

Metodología del uso de Mapas Mentales con FreeMind Lic. Guillermo Gallegos Candela

CONCEPTOS BASICOS DE IMAGEN DIGITAL

Herramientas Tecnológicas de Poductividad. Sesión 11. Presentaciones electrónicas

SISTEMAS DE NUMERACIÓN

generar columnas de texto y números disponer texto en columnas paralelas (para traducciones por ejemplo) situar imágenes junto a textos.

TUTORIAL PHP WEBQUEST

Creando páginas para mi

AMPLIANDO EL USO DEL EL CORREO ELECTRÓNICO: ARCHIVOS ADJUNTOS

COMO CREAR UN ÁLBUM DE FOTOGRAFÍAS EN MICROSOFT OFFICE POWERPOINT?

Tarea # 5 Valor 10 Puntos. Mapa conceptual Aprendo a pensar

Cómo registrarse y crear su cuenta de usuario? < IMAGEN 2.1.1: HAZ CLIC SOBRE EL BOTÓN RESALTADO

Herramientas de Vector

Configuración de la red

Introducción a la Informática Aplicada a la Filología TABLAS

Draw: objetos en 3D, diagramas de flujo y exportación

CREAR FORMAS BÁSICAS

MANUAL Y ACTIVIDADES

IMAGEN VECTORIAL E IMAGEN DE MAPA DE BITS

INSTRUCTIVO PARA LA CREACIÓN DE PÓSTER DIGITAL CON PowerPoint Versión 2010

CorelDRAW X3. El poder del lente: Composición de diseño V.1

Para crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas.

Illustrator CS4: guía de maquetación

GUÍA 7 Tema: TRAZADOS COMPUESTOS Y MÁSCARAS DE RECORTE.

Buenas prácticas de LexNET Cómo optimizar el proceso de Firma de los documentos. Abogados y Procuradores

CorelDRAW X3. Efectos de relieve y bisel

Módulo II - PowerPoint

AUMENTA TUS SEGUIDORES EN

Resumen de fotos editadas por alumnos/as del 3º ciclo de Educación Primaria. / 12

GUÍA 2 Tema: APLICACIONES BÁSICAS.

Recursos didácticos digitales en Educación Permanente Mª Luisa Miras Cidad

NÚCLEO BÁSICO Nº 5: INTRODUCCIÓN A MICROSOFT WINDOWS XP. SESIÓN DE APRENDIZAJE Nº 5.1: ACCESORIOS DE WINDOWS XP: CALCULADORA, BLOCK DE NOTAS Y PAINT.

Tema: Texturas. Corel Texture.

Bienvenido a los cursos InglesVirtual. Antes de descargar DynEd asegúrate que:

Aspectos a revisar en la maquetación.

Trabajando con Photoshop

Manual de Usuario. Railton da Encarnação Cardoso Teléfono:

CAPÍTULO 1 TAMAÑO DE IMAGEN

Cuando crees tus propios documentos, puede ser que alguna

Curso de Adobe Illustrator CS4

3.1 Definir objetivos y contenidos de la página web

1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a

GUIA 3 Tema: Optimización de imagenes y recursos para la web.

Cómo descargar un video. 2. Dónde se guarda el video. 3. Cómo convertir el formato de un video (para celular) desde el RealPlayer.

Guadalinex Básico Impress

GUARDAR Y RECUPERAR ARCHIVOS EN WORD 2010

Transcripción:

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

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-

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

Semanas 4 y 5 Figura 19 2. 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 20 3. 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

Semanas 4 y 5 Figura 21 4. 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 22 5. Cuando se termine de vectorizar todo, desbloquea la imagen escaneada y elimínala, haciendo clic en Objeto, desbloquear todo (Figura 23 y 24). 223

Semanas 4 y 5 Figura 23 Figura 24 6. 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

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

Semanas 4 y 5 Para saber más Profundiza en el tema de esta semana, visitando las siguientes direcciones web: http://li.co.ve/wd0 http://li.co.ve/wd1 http://li.co.ve/wd2 http://li.co.ve/wd3 http://li.co.ve/wd4 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