Herramientas de Vector SESIÓN 3 CAPACIDADES EN ESTA SESIÓN El participante al final de esta sesión estará en capacidad de: Diferenciar las herramientas de vector para poder diseñar y editar creativos e interesantes logos, formas vectoriales, y objetos que se utilizarán en las páginas web. Diseñar y editar trazos vectoriales son: pluma, trazado de vectores, formas y línea y otros. TEMAS A DESARROLLAR EN ESTA SESIÓN Objetos vectoriales. Selección y edición. Formatos especiales. Efectos y ajustes especiales. Capas. http://www.ucv.edu.pe/cis/ cisvirtual@ucv.edu.pe
HERRAMIENTAS DE VECTOR 1. 1 OBJETOS VECTORIALES Un objeto vectorial es un elemento gráfico cuya forma se define mediante un trazado. La forma de un trazado de vectores se determina por los puntos que atraviesa. El color del trazo de los objetos vectoriales sigue su trazado y su relleno ocupa el área interior del mismo. El trazo y el relleno determinan el aspecto del objeto cuando se imprime o publica en la Web. 2. 2 FORMAS VECTORIALES GENERADAS POR TRAZOS Genera segmentos independientes cada vez que se arrastra sobre el lienzo. Pueden formar figuras abiertas o cerradas. Herramienta pluma Se utiliza para dibujar líneas de forma libre. Procedimiento: 1. Haga clic en la herramienta Pluma (P). 2. Luego haga clic en cada punto que desea se convierta en arista de la figura (o arrastrar si desea una curva). 3. Para terminar haga clic en punto inicial para cerrar la figura o doble clic para terminar en cualquier momento. 4. Para mejorar la dirección de las líneas rectas, hacer clic izquierdo y arrastrar usando la herramienta subselección. Clic izquierdo Nodo A cada parte del auto asignarle un color, relleno degradado categoría de relleno: lineal, radial y un tamaño de la punta 2. P á g i n a - 2 -
3. 3 ARRASTRANDO NODOS PARA GENERAR CURVAS Tirador de nodos clic izquierdo y arrastrar los nodoshasta generar curva Arrastrar los nodos correspondientes hasta dar forma al producto final, también crear las hojas y el tallo y finalmente asignarle color y relleno degradado radial. Trazado de Vectores: Esta Herramienta nos permite dibujar trazados vectoriales como si se tratara de la herramienta de pincel. La ventaja de los trazados vectoriales radica en que podemos modificar cada uno de los nodos del trazado con la herramienta de subselección. Procedimiento: 1. Clic en herramienta Trazado de vectores(p) 2. Ubicarse dentro del lienzo y arrastrar para dibujar la forma hasta cerrar la figura. Para conseguir trazos rectos mantener pulsada la tecla Shift hasta cerrar el trayecto. Manteniendo pulsada la tecla Shift hacer clic izquierdo en cada vértice, para conseguir trazados rectos. Nodos P á g i n a - 3 -
Todos esos pequeños cuadrados celestes que se encuentran en el trazado son los denominados nodos del vector. Si seleccionamos la herramienta de subselección podemos modificar la posición de ellos haciendo clic izquierdo y manteniéndolo presionado mientras movemos el puntero del ratón. Herramienta volver a dibujar trazado Esta herramienta nos permite corregir los trazados hechos con la herramienta de trazado de Vectores. Ahora lo que haremos será corregir el trazado de vectores que tenemos en el lienzo y para esto nos colocamos sobre dicho trazado. Podemos ver que los nodos de la figura se tornan de color rojo al situarnos sobre ella con esta herramienta seleccionada. Ahora hacemos clic izquierdo desde la parte donde queremos corregir el trazado y volvemos a dibujar desde ese punto moviendo el puntero del ratón. Como podemos ver ahora nuestro trazado ha cambiado. P á g i n a - 4 -
También esta herramienta nos sirve para continuar de dibujar algún trazado de vectores incompleto y para hacerlo simplemente hacemos clic en uno de los extremos del trazado con esta herramienta seleccionada y vemos que el puntero cambia a esta forma. Cuando estemos en la posición que el puntero cambia a la forma que muestra la imagen anterior con el botón derecho del ratón comenzamos a dibujar la línea de trazado. Trayecto corregido, para generar la aleta del delfín. 3. 4 Remodelar trazos A través de estas herramientas es posible afinar los bordes de una figura generada con trazado vectorial. Herramienta Estilo Libre Permite afinar los bordes de una figura creada con trazado vectorial. Haga clic a esta herramienta, arrastrar sobre los bordes. Herramienta Estilo Libre P á g i n a - 5 -
Herramienta Remodelar área Permite modificar la forma actual de la figura a partir del arrastre de unos de sus bordes. Haga clic a esta herramienta y arrastrar a partir de un borde. Herramienta Remodelar área Segmentando figuras estáticas Las figuras estáticas o aquellas que no pueden cambiar de formas, pueden ser segmentadas usando la Herramienta Cuchilla. Haga clic en la herramienta Cuchilla, arrastrar sobre la figura estática que desea segmentar, seleccionar un segmento divido, editarlo (borrar, mover, copiar, escalarlo y pluma.) 4. 5 Formas Prediseñadas: Existen formas geométricas estáticas o dinámicas. Para mostrar todas las formas, haga clic sostenido en botón con forma actual (Ej. Elipse) para ver el menú integrado de formas, clic en forma deseada y arrastrar sobre el lienzo. P á g i n a - 6 -
Ejemplo: Como podemos ver la primera y tercera forma tienen unos rombos de color amarillo, los cuales se usan para cambiar la forma de la figura (figuras dinámicas), mientras que la segunda figura no los tiene (figura estática). P á g i n a - 7 -
PRÁCTICA DE REFORZAMIENTO INTRODUCCIÓN Estimado participante del curso, te doy la bienvenida a esta sesión 03 a nombre del CIS de nuestra universidad César Vallejo. El propósito de la sesión es aprender a diseñar imágenes usando herramientas de vector aprovechando sus propiedades y estilos. Necesitamos de tu compromiso para que juntos podamos generar el conocimiento suficiente en esta nueva aventura. Debes seguir las instrucciones planteadas a modo de ejemplo y tus dudas o sugerencias anotarlas para alcanzármelas por correo o sesión de chat. Disfruta de este tópico titulado: OBJETOS VECTORIALES Los objetos vectoriales en Adobe Fireworks se distinguen de los objetos de mapa de bits porque estos no se fusionan en cada trazo, sino que se mantienen independientes entre sí. Existen varias herramientas vectoriales tales como: Ej. 01. Crea un nuevo lienzo de 600 (Ancho) x 400 (Alto) píxeles de fondo blanco P á g i n a - 8 -
02. Guarda el trabajo como se indica 03. Abre la galería de formas geométricas pulsando un CLIC SOSTENIDO en la herramienta geométrica activa P á g i n a - 9 -
04. Configura los valores como se indica: Un degradado radial de 2 colores (rojo -> blanco) con una textura de malla al 69%. P á g i n a - 10 -
05. Crear un objeto con color de relleno degradado que cubra todo el lienzo. 05. Con la herramienta estrella crea un objeto como fondo. Ejemplo: Estrella de 12 puntas con bordes de 3 puntos y color de relleno amarillo. P á g i n a - 11 -
06. Con la herramienta polígono, crea un objeto que cubra la estrella y deje ver solo las puntas. Ejemplo: Crear un polígono de 12 lados con un color gris y bordes de 3 puntos. P á g i n a - 12 -
SELECCIÓN Y EDICIÓN Es el recurso que disponen las aplicaciones Windows para manipular la posición, tamaño, ajustes y configuración de sus objetos. Los diseñadores gráficos utilizan mucho la manipulación de sus objetos. Ej. (Continuación) 01. Crear una copia del polígono (ALT + arrastre), reduce el tamaño (Herramienta escala y arrastrar nodos) y cambia el color de relleno a blanco. P á g i n a - 13 -
02. Con la herramienta Línea, crear dos líneas laterales que se conecten con puntas de la estrella. Ejemplo: Aplica dos segmentos discontínuos P á g i n a - 14 -
03. Con la herramienta Pluma, crear las dos manecillas de un reloj. Ejemplo: Un horario que apunte a la posición de 3 y un minutero que apunte a la posición de 12 P á g i n a - 15 -
04. Con la herramienta Puntero, ajusta la posición; y con la herramienta Subselección ajustar los detalles de las formas. Ejemplo: P á g i n a - 16 -
FORMATOS ESPECIALES Es la combinación de formatos necesarios para dar vistosidad a los objetos. Las imágenes suelen estar rotuladas con una herramienta especial llamada Texto que es la encargada de destacar los mensajes con el buen uso de sus formatos especiales. Ej.(Continuación) 01. Con la herramienta Texto, crear los rótulos de las horas del reloj. Ejemplo: Utilizar tipo de letra Chiller, tamaño 30 de color azul y en negrita. P á g i n a - 17 -
02. Copia el objeto para los rótulos faltantes. Ejemplo: 03. Agregar el nombre de la empresa y el giro del negocio. Ejemplo: JUST IN TIME en Arial de tamaño 40 y color negro. Regalos en su casa en Brush Script MT de tamaño 41 y color negro. P á g i n a - 18 -
EFECTOS Y AJUSTES ESPECIALES. Son propiedades que afectan a los objetos vectoriales. Consiste en alterar su presentación con una galería de efectos que se superponen manteniendo la independencia del objeto. Ej. (Continuación) 01. Seleccionar el título JUST IN TIME y aplicar efectos de bordes. Ejemplo:Bisel exterior plano de 10 de grosor y color blanco. 02. Seleccionar el título Regalos en su casa y aplicar efectos de iluminado. Ejemplo: Iluminado de 11 de grosor y color amarillo. P á g i n a - 19 -
03. Verificar que los efectos fueron aplicados 04. Guarda los cambios, cerrar la aplicación y verificar el archivo. CAPAS Es un recurso de Adobe para mantener a los objetos en su propio espacio y poder facilitar la combinación con otros objetos. La superposición de estas capas genera un escenario matizado de una gama de objetos. Ej. (Continuación) 01. Mostrar el panel de Capas 02. Ubicar la capa de la estrella P á g i n a - 20 -
03. Arrastrar la capa delante del polígono como se indica y notar el cambio 04. Aplicar un efecto de transparencia en un 30% al objeto estrella P á g i n a - 21 -
05. Guardar los cambios, cerrar la aplicación y verificar el archivo. Glosario de Términos Objeto Vectorial: Es un elemento gráfico cuya forma se define mediante un trazado. La forma de un trazado de vectores se determina por los puntos que atraviesa. Nodo: Pequeños cuadros celestes que se encuentran en el trazado de un objeto vectorial, sirve para modificar la posición de dichos trazados. Formas Prediseñadas: Son figuras geométricas estáticas o dinámicas. IMPORTANTE: Hemos culminado la Sesión 03 y como se puede dar cuenta el acceso, manejo de las herramientas que es muy sencillo. Sin embargo debemos reforzar nuestro aprendizaje viendo el video del tema. Nos encontraremos nuevamente en la Sesión 04. Cuídate! DOCENTE DEL CURSO P á g i n a - 22 -