INSTITUTO JOHN KENNEDY El presente material forma parte de los contenidos digitales del Inst. John Kennedy. Se proh铆be su uso o distribuci贸n sin consentimiento de su autor o de la instituci贸n misma.
[EL DISEÑO VECTORIAL]
Prof. Mariano Correa
Índice: El diseño vectorial
………………………………………………. 3
Técnicas de vectorización
…………………………………………….… 4
Vectorizar un mapa de bits
………………………………………..…… 10
Agrupar y desagrupar
………………………………………..…… 11
La necesidad de convertir a curvas
………………………………………..…… 12
Exportar un diseño en Corel
………………………………………..…… 13
Material pedagógico digital del
INSTITUTO JOHN KENNEDY
Las Piedras 152 - Tel. 4226717 San Miguel de Tucumán – CP. 4000 - República Argentina
2
[EL DISEÑO VECTORIAL]
Prof. Mariano Correa
EL DISEÑO VECTORIAL Comentábamos a modo introductorio en nuestros apuntes “INTRODUCCIÓN AL DISEÑO”, uno de los grandes beneficios del diseño en Corel, UN DISEÑO EN COREL NO PIXELA AL ESTIRARSE. Recordemos, cuando diseñamos algo en Corel, básicamente unimos puntos llamados nodos y al distanciarlos (estirar), estos se alejan entre sí sin deformar la línea que los une, conservando las propiedades de cada nodo intactas. Para comprender mejor, veamos esta imagen:
Si observas con atención, esta imagen fue realizada con Corel y cada pequeño punto (nodo) que conforma la imagen, se une a otro arriba, abajo, a la izquierda y a la derecha de sí mismo, conformando una suerte de red que le da forma al rostro. Si seleccionáramos todo y estiráramos, esta imagen no perdería definición, ya que cada nodo sabe cómo debe ser la línea que lo conecta a otro nodo (recta, curva, qué tan larga, qué tan curva y en qué inclinación, etc). Llamamos a esto, una IMAGEN VECTORIZADA ya que trabajamos con vectores. ¿Esto sirve únicamente para poder estirar? ¡No!, y aquí viene lo más sorprendente, cuando realizamos un diseño vectorial, podemos exportarlo a otros programas de diseño como AUTOCAD (diseño estructural) y BLENDER (diseño y animación en 3D), para realizar formidables trabajos tridimensionales. Exportamos nuestro trabajo en un formato compatible con el software elegido y luego éste nos permite abrirlo con todas sus propiedades intactas. En el caso del diseño vectorial la información importante está en cada nodo de nuestro diseño y es esto lo más relevante de la tarea de exportar un diseño vectorial.
3
[EL DISEÑO VECTORIAL]
Prof. Mariano Correa
TÉCNICAS DE VECTORIZACIÓN Un buen ejercicio para aprender a vectorizar es incorporar las técnicas desde un nivel básico e ir avanzando en complejidad poco a poco. Comencemos por lo más sencillo, descargamos este logotipo:
Trabajaremos únicamente sobre las letras EA y como una forma de iniciar este camino de composición vectorial. Buscamos dicho logo en Google imágenes, lo descargamos a una carpeta en nuestra computadora y lo importamos desde Corel (Archivo -> Importar -> localizamos el archivo).
Cliqueamos en el centro de nuestra hoja y la imagen quedará fijada allí.
4
[EL DISEÑO VECTORIAL]
Prof. Mariano Correa
Luego, nos dirigimos a la barra de herramientas y seleccionamos HERRAMIENTA RECTÁNGULO. Insertamos ese rectángulo sobre el logo y moldeamos esta forma de modo tal que adquiera el aspecto de una parte del logo.
Para lograr esto, debemos convertir nuestro rectángulo A CURVAS (botón derecho del mouse sobre la forma, de esta manera:
Luego, utilizando la HERRAMIENTA FORMA, comenzaremos la deformación arrastrando cada nodo a un punto de quiebre de línea sobre la imagen, casi como si calcáramos:
Para trabajar mucho más cómodos, sugerimos rellenar la forma con un color diferente a la imagen y quitar los bordes a la forma. Recuerda que para hacerlo debes ir abajo a la derecha y realizar los cambios necesarios.
5
[EL DISEÑO VECTORIAL]
Prof. Mariano Correa
Lo que sigue es más complicado, el resto del logotipo. Allí, será necesario AÑADIR y ELIMINAR NODOS, ya que el rectángulo que insertamos tiene solo 4 nodos (uno por cada esquina). Para lograrlo, será necesario ubicarnos sobre la línea y hacer clic con el botón derecho: Como vemos en la imagen, realizamos la misma tarea que en la parte superior del logo, pero esto nos permite replicar solo una parte, quedando todo el resto (azul) sin replicar. Para extender nuestra forma y continuar, realizamos la tarea que se aprecia en la figura, nos ubicamos en el lugar sobre la línea en el que necesitaremos un nodo más y con el mouse elegimos AÑADIR. Si añades 3 nodos (indicados en rojo), a los 4 iniciales de la forma, tu rectángulo comienza a tomar este aspecto:
Recuerda que debes arrastrar cada nodo a cada punto en donde se quiebra la línea y ante la necesidad de continuar el trayecto, debes añadir más y más nodos. Tu replica debe ir quedando de esta manera:
Añade más y más nodos hasta terminar de cubrir de anaranjado todo el azul. 6
[EL DISEÑO VECTORIAL]
Prof. Mariano Correa
A esta altura seguramente ya te habrás dado cuenta cuan útil es la herramienta AÑADIR NODO, tanto como habrás comprendido como replica un logotipo. Una vez que hayas terminado de cubrir toda la superficie, con el mouse retira la imagen original hacia un costado y compara tu logotipo con la imagen. ¡GRAN TRABAJO!, ¡y no pixela!, ¡estira ambos y notarás que tu réplica posee esa ventaja!.
Es porque cuando estiras tu réplica, cada nodo le indica a Corel qué línea debe unirlo a su correspondiente nodo de contacto, sin importar a que distancia se encuentre. Incluso podremos alterar su color, rotarlo, invertirlo, duplicarlo e inclusive exportarlo. ¡SI!, el diseño vectorial se basa en una técnica de contacto entre nodos. ¡Ese es el secreto!. ¿Vamos por algo aún más complejo?... ¡TRABAJAR CON CURVAS! Y aquí se complicará la historia, pero si aprendemos esta técnica, estaremos en condiciones de replicar cualquier cosa en Corel. Hacemos lo mismo, solo que esta vez importamos un logo que tenga algo de curvas.
¿La técnica?, como vemos, exactamente la misma, insertar un rectángulo y deformarlo. 7
[EL DISEÑO VECTORIAL]
Prof. Mariano Correa
Arrastramos cada nodo del rectángulo a los accidentes o quiebres de línea visibles en el logo.
¡Cómo!, ¿no quedó igual la réplica?. Es natural, el dibujo original tiene trazos curvos, razón por la cual haremos lo siguiente, nos ubicaremos en cada nodo y con el botón derecho del mouse SOBRE EL NODO, le indicaremos que pase A CURVA el trayecto de la línea.
Debes hacer exactamente lo mismo con los demás nodos, especialmente con el que se comunica con este. Aparecerán unas flechas:
Intenta mover las flechas hacia abajo o hacia arriba, también, hacer más corto o más largo el tamaño de cada flecha. Habrás notado que al realizar estos movimientos, afectas casi a tu antojo la curva en la forma, pudiendo así deformar la figura a piacere. Intenta replicar la imagen a la perfección, no olvidando que en el rodillo del mouse tienes el control para alejar y acercar el zoom toda vez que necesites ser más preciso. ¡A TENER EN CUENTA!, el diseñador que sabe trabajar con curvas no necesita agregar nodos para obtener una curva ideal en una réplica. Por lo general los añade en demasía, aquel que carece de práctica en el uso de esta herramienta. ¡PRACTICA!. 8
[EL DISEÑO VECTORIAL]
Prof. Mariano Correa
Básicamente, el trabajo que hacemos es este: Llamaremos entonces, a cada extremo de las flechas PUNTO DE CONTROL. Recuerda que ese punto de control nace en el nodo y termina en el extremo de la flecha y que tanto al contraer la flecha hacia su nodo, como al dirigirla en otra dirección, podemos controlar la dirección de la curva. Solo es cuestión de práctica y paciencia, práctica y paciencia que recomendamos ampliamente dominar como técnica, ya que nos permitirá ahorrarnos tiempo y lograr unos diseños con unos acabados impecables. Existe una gran variedad de movimientos posibles dominando esta técnica, estos se encuentran mejor definidos en el siguiente gráfico:
9
[EL DISEÑO VECTORIAL]
Prof. Mariano Correa
VECTORIZACIÓN DE UN MAPA DE BITS Existe un camino más corto a la hora de intentar replicar un logotipo o imagen en diseño vectorial, la opción VECTORIZAR MAPA DE BITS. Este proceso invita a realizar el mismo proceso que hemos explicado, pero de manera automática: importamos una imagen -> botón derecho del mouse -> Vectorizar mapa de bits.
Para comenzar y solo para comenzar, aceptaremos la primera sugerencia, VECTORIZACIÓN RÁPIDA (hacemos clic en ella). Al hacerlo, vamos a advertir que no es la mejor opción, ya que al vectorizar nuestro logo, comete algunos errores en los detalles más finos. De todos modos para comienzo esta bien. El de la izquierda es nuestro MAPA DE BITS (la imagen que importamos), el de la derecha es nuestro logo vectorizado, que como se aprecia, en algunos detalles (recuadro rojo), no resultó del todo favorecido. Quedará en nuestras manos corregir esos detalles, haciendo uso de las técnicas que hemos aprendido, advirtiendo que podemos vectorizar de forma más detallada haciendo uso de las demás opciones. 10
[EL DISEÑO VECTORIAL]
Prof. Mariano Correa
AGRUPAR Y DESAGRUPAR Corel Draw, en sus distintas versiones, es tan versátil, que nos permite tener un absoluto control sobre los objetos que componen nuestro diseño, siendo posible separarlos (desagrupar) y unirlos (agrupar), toda vez que sea necesario. ¿Para qué agrupamos y desagrupamos?, simple, cuando necesitamos trabajar solo una parte de nuestro diseño, sin afectar el resto, es que desagrupamos y elegimos únicamente ese elemento. Luego, cuando hemos terminado y necesitamos unir todos los elementos que componen un logotipo o diseño, rodeamos toda el área con el mouse y AGRUPAMOS.
Existe una variante a DESAGRUPAR, se denomina DESAGRUPAR TODO y no es otra cosa que un proceso en el cual la tarea de desvincular las partes es aún más precisa y detallada. Esta última es ideal para aquellos casos en los que un logo posee muchos detalles pequeños y nos es necesario trabajarlos individualmente o por separado. Por ejemplo (ver imagen de la derecha), la única forma de cambiar los colores de cada parte de un mismo logo, es desagrupándolas, sino, el cambio de color afectará a todo el logo por igual.
11
[EL DISEÑO VECTORIAL]
Prof. Mariano Correa
LA NECESIDAD DE CONVERTIR A CURVAS Un detalle no menor siempre pasa inadvertido cuando enseñamos a utilizar esta fabulosa herramienta de diseño vectorial que es Corel Draw, la necesidad de convertir a curvas siempre nuestros diseños. Convertir a curvas no se utiliza solamente para comenzar a deformar o corregir trayectos en un logotipo, convertir a curvas convierte el objeto en un dibujo vectorial que será interpretado tal cual por cualquier otro computador que abra nuestro trabajo. En ocasiones utilizamos en diseño algunas tipografías muy bonitas, pero cuya fuente no se encuentra almacenada en otro computador donde intentaremos abrir luego nuestro trabajo. Al no encontrarse la misma tipografía, Corel intentará reemplazarla por otra similar, siendo los resultados en ocasiones decepcionantes. Veamos este ejemplo, lo que quizás en nuestra computadora se vea así:
Al abrirlo en otra computadora que no posea esa tipografía (fuente), podría verse así:
¡Muy diferente!, ¿NO?... de hecho, ¡podría arruinar nuestro trabajo!. Imagínate enviar a imprimir un cartel enorme, confiando en que tu trabajo se ve de una manera y que en imprenta se vea de esta otra y se imprima así. La solución radica en Convertir a Curvas también nuestros textos, en realidad al enviar a impresión tenemos que convertir a curvas absolutamente todos los elementos de nuestro diseño. 12
[EL DISEÑO VECTORIAL]
Prof. Mariano Correa
Es importante recalcar que a la hora de vectorizar, las demás opciones del menú VECTORIZAR MAPA DE BITS, pueden sernos muy útiles ya que nos permitirán lograr una mejor terminación en el proceso de vectorización. Estas opciones son: DIBUJO LINEAL – Ideal para cuando el resultado que queremos lograr de una vectorización es un dibujo y no un logo o un diseño. LOGOTIPO y LOGOTIPO DETALLADO – Como su mismo nombre lo indica, los resultados a lograr son preferentemente trazos (en el primer caso simples, en el segundo de un diseño más complejos). CLIPART – Muy utilizado cuando queremos convertir un mapa de bits o imagen en un dibujo al estilo dibujos animados. IMAGEN DE BAJA CALIDAD e IMAGEN DE ALTA CALIDAD – Es para aquellos casos en los que queremos crear un diseño a partir de una foto (un diseño simple en el primer caso, un diseño más complejo -rico en elementos- en el segundo). EXPORTAR UN DISEÑO EN COREL Cuando vamos a almacenar nuestro trabajo en Corel, disponemos de una serie de opciones en GUARDAR COMO TIPO (el campo que figura debajo de aquel donde le ponemos nombre). Nos permite guardar nuestro trabajo en un formato compatible con los más importantes programas del mercado en diseño, animación 3D, etc. Por mencionar algunos, AI (para Adobe Ilustrator), DXF y DWG (para Autocad, que es un programa de diseño estructural muy utilizado en arquitectura y diseño de mecánica), SVG (Scalable Vector Graphics para cualquier programa de diseño y animación 3D -imagen de ejemplo inferior-), etc.
Una recomendación, siempre almacena primero tu trabajo en formato CDR (Corel Draw), por si necesitas a futuro continuar trabajando el original. 13
[EL DISEﾃ前 VECTORIAL]
14
Prof. Mariano Correa