Los siete pecados del vector ¡Por qué lo estás haciendo mal!

Has pasado horas, posiblemente días en una ilustración. Esta es la pieza de un vector del que estás increíblemente orgulloso, pero algo no está bien. Algo no está bien sentado y no tienes idea de lo que es. Mientras sepas que hay algo mal con tu ilustración, estás a mitad de camino para mejorarla..

En este artículo, les contaré acerca de los Siete Vector Pecados. Pecados de los que puedes ser culpable y por qué lo estás haciendo mal. Más importante aún, cómo obtener el camino correcto hacia la santidad vectorial. Les daré algunos ejemplos de fallos en vectores épicos, gracias a algunos de mis trabajos mucho más antiguos que ahora puedo mirar hacia atrás y enfrentar con la palma. Este artículo podría ser lo que necesitas para llevar tu trabajo al siguiente nivel, así que sigamos adelante.!


1. Tienes problemas con los colores

Comencemos con lo más difícil de arreglar. Si tienes problemas con los colores, entonces es probable que necesites algunas lecciones en la teoría del color. Aprender a equilibrar los colores y usarlos de manera efectiva para transmitir su concepto y cualquier emoción, es un arte en sí mismo..

Hablando de equilibrar colores, pasé por una horrible fase de colocar gradientes aleatorios en los fondos de mis retratos porque no estaba segura de qué colores se veían bien con qué. Así que probé dos colores del retrato (abajo de los ojos y la sombra de ojos) y simplemente llené el fondo. Por supuesto, este método no siempre fue efectivo y terminé con colores chocantes ... ¿labios rojos brillantes con ese fondo? De Verdad? Puede encogerse, pero no será la última vez en este artículo que lo haga..


No la belleza americana que conocemos, no con esos colores en conflicto.!

Como lo arreglas?

No hay una solución fácil para esto, ya que puede requerir que te obligues a cambiar la forma en que te acercas al color ... Debería saberlo, ya que es algo que me cuesta hacer por mí mismo. Hay muchos tutoriales que hablan sobre la teoría del color y cómo aplicar tu oficio. Por ejemplo, tenemos muchos en Tuts +: la teoría del color en la ilustración, la teoría del color en el diseño web e incluso nuestro sitio de Mobiletuts +, ya que informan a sus lectores con su introducción a la teoría del color. No es algo sobre lo que puedas leer un artículo y eso es todo, eres el gurú del diseño de colores del año. Necesitas poner en práctica estas habilidades para perfeccionarlas. Vendrá con el tiempo.

Si está ansioso y necesita solucionar pronto sus problemas de color, hay varias maneras de ayudarse a sí mismo dentro de vector, específicamente en Adobe Illustrator. Te recomiendo revisar mi artículo sobre el uso Adobe Kuler, que también pasa por los recursos de color de Illustrator.

Esto va a sonar extremo, pero ¿sabes cómo aprendo sobre el equilibrio de colores? Me tiño el pelo de colores brillantes. Me obliga a coordinar mi ropa, maquillaje y peinado. Es algo superficial y seguro, me encanta tener el cabello rosado brillante en estos días, pero me ha obligado a encontrarme literalmente cara a cara con algo que he necesitado para aprender correctamente y con confianza..


2. Tu contraste es simplemente incorrecto!

Relacionado con los colores, pero no estrictamente algo que pueda modificar con aprender a usarlos correctamente. Esto tiene más que ver con la forma en que vemos las diferentes áreas de una ilustración. Con frecuencia, tiene un proceso para una superficie de una ilustración y luego otro diferente para otra superficie. Estos procesos pueden involucrar diferentes formas de elegir los colores que aplique a su ilustración o puede haber adoptado el proceso de otra persona como propio, por lo que no tuvo tiempo de cambiarlo para seguir el estilo al que está acostumbrado. Déjame mostrarte un ejemplo de mi pasado, quizás puedas ver lo que voy a señalar..


El contraste en este retrato es un legen ... esperen ... dary fail.

Hace un par de años que disgusté a Alyson Hannigan. Dejando a un lado los problemas, este retrato tiene problemas con el contraste. No he agregado suficiente contraste a la piel, pero he logrado agregar contraste al cabello. Puede ver claramente a la derecha del retrato que hay sombras debajo de su cabello y hay sombras en las raíces y un brillo en el cabello. Sin embargo, hay poco contraste en la piel, lo que la hace ver como si no tuviera nariz y su mandíbula carezca de definición. No es muy halagador.?

Como lo arreglas?

En primer lugar, verifique la configuración de su monitor, asegúrese de que, de hecho, está viendo el contraste correctamente. Suena tonto, pero puede ahorrarle mucha frustración y tiempo!

Existe una solución rápida si tiene problemas de contraste en toda la ilustración. Puedes poner una forma en toda la mesa de trabajo, rellenarla con color y luego jugar con Color Dodge y Modos de fusión de quemado de color, entonces ajuste el Opacidad. Esto ayudará a ajustar su contraste en cuestión de clics..

Con mi retrato de Alyson, mirando hacia atrás, podría duplicar la forma de toda la piel y colocarla debajo de los ojos y las capas de los labios. Entonces podría llenarlo de color y luego jugar con Color quemado - Color Burn que da la posibilidad de oscurecer los colores. Así que echemos un vistazo a lo que esto puede hacer.


Huelo una mejora!

Como este es un archivo muy antiguo y ya no tengo el archivo fuente original, no puedo entrar y ajustarlo con precisión. Sin embargo, he puesto un relleno de # 156d86 sobre la parte superior de todo el retrato y ajústelo a Modo de fusión Color Burn, Opacidad 16%. Esto ha puesto de manifiesto el contraste en las sombras de la cara..

Sin embargo, no debemos confiar en soluciones rápidas todo el tiempo y puede ser el caso de seleccionar todas las formas que crean la piel y usar Recolor Artwork para crear el equilibrio correcto de contraste. Alternativamente, mira la forma en que eliges tus colores o renderiza cada área. ¿Hay diferencias en la forma en que lo haces? Si es así, considera que tu proceso sea consistente para evitar problemas de contraste..

Cuando estoy creando retratos en estos días, todavía encuentro problemas con el sombreado de mi piel. Por lo tanto, me aseguro de que cuando termine un área de alto contraste, como el cabello, vuelva a la piel y ayude a equilibrar el contraste mediante el uso de degradados para forzar más sombras y resaltes en áreas para equilibrarlo. Puedes ver esto suceder en mis tutoriales de retratos. No hay nada de malo en "terminar" un área y luego volver a visitarla más adelante para mantener la consistencia en todo.


3. No hay consistencia en tu trabajo

Entonces, después de hablar sobre la consistencia del contraste, veamos la consistencia del estilo. Es posible que haya agregado demasiados detalles en un área y luego no haya incluido suficientes detalles en otra ... el resultado le da un estilo inconsistente y hace que las áreas se vean como si hubiera copiado y pegado un vector en otro.

Esto sucede de la misma manera que con los problemas de contraste ... es posible que haya aprendido un área de una fuente y no lo haya ajustado a su propio estilo. O tal vez le falta motivación para representar un área por encima de otra o, incluso, no está tan seguro de hacerlo.?

Así que echemos un vistazo a uno de los momentos de la palma de mi cara y veamos si puede señalar el problema de coherencia del estilo aquí ...

La inconsistencia en este vector fue suficiente para que Marilyn apretara su corbata tanto que su ojo se saliera del zócalo.

Sí, yo también tuve una fase de Marilyn Manson, pero como se puede ver, la cara está "detallada" en su estilo de renderizado, al igual que en el pelo ... pero parece que no he decidido agregar este mismo estilo en todo ... incluso ¡Agregue un poco de detalle a la mano, pero no lo suficiente para que quede tan claro como el detalle en la cara! Incluso se podría señalar que la mano carece de contraste..

Entonces, ¿por qué está mal? Quiero decir que podrías hacer una pieza que se detalla en un área pero no en el resto, pero el aspecto de este retrato está a medio terminar. Pude haberlo mejorado asegurándome de que las formas creadas para las áreas "simples" fueran más refinadas, dando así la impresión de detalles. Pude haber puesto esfuerzo en hacer la mano correctamente. La verdad del asunto es que este es un retrato a medio terminar y la razón por la que no lo terminé es porque encontré las manos difíciles y encontré la ropa aburrida. Y eso nos muestra. Penosamente.

Como lo arreglas?

Hay una variedad de maneras en que puedes acercarte a esta:

  • Si está mezclando estilos, considere hacer sus estilos de una manera menos apresurada y áspera. Esto ayudará a evitar que su trabajo parezca incompleto. Las formas de base generales de la ilustración deben coincidir en términos de detalles para hacer cumplir la consistencia.
  • Seguir los tutoriales es excelente y puede aprender una gran variedad de ellos, sin embargo, aprenda a adaptarlos a su conjunto de habilidades actuales para asegurarse de mantener un estilo y una calidad constantes en todo momento..
  • Si sus estilos no funcionan juntos, ¿es porque carece de conocimientos o práctica en esas áreas? Enfrente el problema y aprenda a crear / renderizar esas áreas y objetos vectorizándolos una y otra vez. Pasé por una fase de asegurarme de que todos los retratos tuvieran una mano en ellos. Esto me obligó a enfrentar las áreas en las que no confiaba..
  • Aprende a equilibrar los detalles ... si has agregado más detalles a un área, tal vez otros podrían hacerlo con más. De lo contrario, aprende a saber cuándo dejar de agregar detalles. Planifique el nivel de detalle de la composición antes de comenzar y apéguese a ella!
  • Use estilos gráficos y modifíquelos ligeramente para cada elemento para mantener el estilo consistente.
  • Si la motivación es su problema, defina primero el área que menos le interesa y asegúrese de hacerlo bien. Por lo tanto, tendrá las áreas en las que está más emocionado de renderizar para el final del proyecto y ¡todavía tendrá la unidad para asegurarse de hacerlo bien! Me encanta vectorizar el cabello y los ojos, por lo tanto, los dejo principalmente hasta el final..
  • A menudo recibo trabajo de clientes que desean una serie de retratos de los miembros de su personal o de personas específicas. El truco es unirlos a todos juntos. Esto también se aplica cuando se trata de crear elementos duplicados, como los ojos. Cuando agregue una forma al ojo, cree la misma para el otro ojo justo después de!

Consulte mi tutorial sobre cómo mantener un estilo coherente en una serie de retratos vectoriales para obtener más consejos..


4. Estás siguiendo cada forma única de una imagen común

Las imágenes de stock y las referencias son geniales ... Soy un gran fan. Esto se debe a que, aunque puedo dibujar, necesito ayuda de las imágenes de referencia. Aunque no confío tanto en ellos en estos días (a menudo me desvío de ellos y los uso solo como guía), hace muchos años solía trazar literalmente una curva de imagen de stock para la curva, el color para el color y el resultado final fue efectivamente Una versión vectorial de una fotografía. No hay nada de malo en usar imágenes de stock, solo aprende a usarlas de manera efectiva.

El problema es que, si bien una imagen de archivo puede ser una gran guía, puede detectar artefactos en la imagen que no son naturales o la imagen puede no ser lo suficientemente alta para que pueda captar los detalles que necesita. El último termina creando lo que comúnmente vemos como manchas de color no descriptivo que no tienen relevancia para la ilustración..

Soy un profesional en la falta de este problema ... así que déjame mostrarte un ejemplo de dónde lo hice mal. Puede que te tome un tiempo reconocerlo, pero me pateo por su estupidez.


Todavía soy fan de Kelly, pero tal vez debería enviarla de nuevo para hacerle justicia.!

Sí, son esos jeans! Las manchas de color han creado efectivamente un aspecto borroso en la ropa. El cinturón tiene bordes afilados de color y, en cierta medida, también lo hace la cara ... pero debido a que siguen la imagen de la forma de Kelly Osbourne para darle forma, las líneas de los jeans no son tan nítidas como deberían ser. Sin embargo, hay un vector de pecado aún más grande aquí. A ver si lo has notado ...


¿Efectos de ojo mágico en vector? Veo numeros!

¡Oh la vergüenza! La imagen que estaba usando como referencia para esto era en escala de grises ... y tenía una marca de agua de algún tipo sobre los pantalones vaqueros que estaban grabados en el papel. Realmente vectoré las formas de esto. Mirando hacia atrás, este fue probablemente el número "35" por alguna razón. Me estremezco mucho en esto. Lo negaré excepto en el campo de comentarios de este artículo..

Como lo arreglas?

Además de aprender a dibujar, este se reduce a la experiencia y mucha práctica. Y lo que es más importante, esforzarse para ir más allá de su zona de confort. Si vector todas las formas, recogerá todos los defectos en una imagen. Tomarse el tiempo para reconocer patrones y texturas puede ayudarlo a evitar los problemas de representación de jean, por ejemplo, pero también cómo se construyen los objetos..

No siempre tienes la mejor calidad de imagen a mano, especialmente si estás mostrando una cara famosa. Sin embargo, asegurarse de que puede esperar formas y dibujarlas con confianza sin importar lo que dice la referencia ayudará a darle a su ilustración un aspecto profesional.

Por experiencia personal, tuve años de crear ilustraciones vectoriales como pasatiempo y no me pagaron por ello. Así pude experimentar y jugar con los retratos que hice. Llegó a un punto en el que me di cuenta de que estaba copiando imágenes de archivo y no estaba obteniendo nada de eso. Así que me prometí a mí mismo que con cada nuevo proyecto de vectores que comenzara, iba a desviarme de la imagen de stock y agregaría algo nuevo o lo modificaría. De esto, gané la confianza de poder crear peinados extravagantes, ropa e incluso expresiones alteradas. Si no tienes confianza en el dibujo, presiona cada ilustración para ir más allá de lo que está justo delante de ti..


5. Tu línea de arte parece apresurada

Ser capaz de hacer una línea de arte de aspecto profesional no es una tarea fácil. Al parecer, algunas personas se olvidan de verificar las cosas más simples, como los límites de ingletes y terminan teniendo sus errores en la televisión. No puedo ver este espectáculo de la misma manera nunca más ...

El show de comedia de John Bishop en el Reino Unido ... con un rincón poco fiable en la esquina superior izquierda

Las ingletes, las líneas que se cruzan y el peso del trazo son solo algunas de las áreas a las que es posible que deba prestar más atención. Si no está haciendo un gráfico con estilo de boceto, entonces tendrá que prestar atención a su arte lineal. No gastar tiempo en perfeccionar esto hará que su arte de línea se vea descuidado, apresurado y reduzca significativamente la calidad de su trabajo.

Como lo arreglas?

Suponiendo que no está creando un gráfico con estilo de boceto, donde lo complicado es ser un desorden, hay algunas áreas clave a las que deberá prestar atención:

  • Esquinas y límites: Si su arte lineal consiste en muchas esquinas nítidas, juegue con las configuraciones de Esquina y Límite en el panel Trazo. El gráfico de John Bishop en el fondo podría haberse evitado si el diseñador modificara el ángulo de esa esquina afilada para evitar que la esquina plana suceda. Si no puede obtener el ángulo correcto, considere crear la esquina manualmente a partir de una forma rellena.
  • Peso del trazo: Por lo general, cuanto más delgado sea el peso del trazo, más fino será el detalle que está creando. Sin embargo, recuerde que si está trabajando en la impresión para no dibujar sus líneas demasiado delgadas, son redundantes a la ilustración..
  • Guías inteligentes: Habilitar guías inteligentes (Control + U). Esto te ayudará a asegurarte de que tus líneas se crucen entre sí. No desea que las líneas de conexión se crucen entre sí o incluso que no se toquen entre sí cuando deberían estar conectadas.!
  • Caps vs Width Tool vs Width Profiles: Para las líneas que están abiertas, considere el aspecto de esas líneas al resto del diseño. Si busca un diseño elegante, es posible que desee utilizar puntas cónicas. Por lo tanto, Profile: Width Profile 1, tal vez el extremo cónico que desea para lograr ese aspecto. Se verá mejor que usar una tapa específica y menos problemas que usar la herramienta de ancho.

Puede obtener excelentes consejos para perfeccionar su arte de línea visitando mi tutorial Funky Line Art Portrait y mi tutorial Vintage Scooter.


6. Esas curvas parecen descuidadas

La tendencia de diseño plano está bien sobre nosotros y no parece estar disminuyendo, pero no es solo este estilo el que ha dependido de curvas suaves y precisas. Para muchas ilustraciones que dependen de un aspecto simple y minimalista, las curvas son un aspecto esencial del diseño..

Aunque la mayoría de mi trabajo ha involucrado muchos detalles, el símbolo de la Horda de este me persigue. Esas curvas ... oh, bajan la calidad de este retrato..


Fallo épico en ese símbolo, aunque para ser justo, interpreto a un personaje de alianza..

Eche un vistazo más de cerca a los puntos del símbolo alrededor de su cabeza ... y las curvas externas del mismo. Parece bastante descuidado ¿no te parece? Bueno, imagina que estás trabajando en una pieza que se basa en este estilo, no solo en un elemento. Ese es un accidente automovilístico vectorial esperando a suceder.

Como lo arreglas?

Si trabaja predominantemente con formas simples y diseño minimalista, no solo en esta tendencia de diseño plano, entonces olvídese de usar el Lapicera, la Herramienta de pincel o incluso el Herramienta Lápiz. Es hora de aprender de la vieja escuela y formar sus ilustraciones a partir de formas básicas, líneas rectas y efectos. Aprender cómo usar Ruta de desvío, Efecto> Deformación y Efecto> Distorsionar y transformar. Definitivamente es hora de familiarizarse con el Pionero panel mientras estás en ello.

Estas herramientas y efectos básicos harán lo que dice en la lata, mantendrá esas líneas y formas básicas. La herramienta Pluma (y otras) no son precisas para crear las formas que está buscando y la precisión es la clave para crear curvas suaves.

Si te gusta este estilo, te recomiendo los tutoriales de Vectortuts + autor Andrei Marius. Es un artista vectorial altamente capacitado y crea la mayoría de sus diseños sin usar la herramienta Pluma. Esto significa que confía en usar las herramientas clave necesarias para crear curvas suaves. Un gran ejemplo de "hacerlo bien" sería su asombroso tutorial sobre cómo crear un encendedor detallado sin usar la herramienta Pluma..


Fumar puede estar mal, pero no hay nada de malo en estas curvas o líneas.!

7. No estás guardando tu derecho de vectores

Cada vez que un artista vectorial utiliza Guardar como ... para crear un JPG, un punto de anclaje pierde sus barras de control. He visto mucho en mi tiempo y estoy agradecido de que esta no sea una de esas cosas en las que me he equivocado. Has pasado por todo este esfuerzo para hacer que tu arte vectorial se vea fantástico, de hecho no estás fallando en ninguno de los otros seis pecados vectoriales, pero caes en el último obstáculo. He visto a personas que incluso han ido tan lejos como para hacer capturas de pantalla de su trabajo y pegarlo en Adobe Photoshop y guardarlo allí, solo para obtener la resolución que desean. No es broma.

¿Por qué esto es tan malo? Bueno, la forma en que Adobe Illustrator muestra su trabajo en tiempo real no es necesaria cómo se mostrará cuando lo guarde correctamente y con la resolución que requiera. Esto es especialmente cierto cuando se utiliza arte lineal, efectos de trama en vivo y mallas de degradado. Si no guarda sus archivos de imagen web correctamente, todo el tiempo que ha dedicado a crear esa imagen vectorial perfecta desaparecerá..

Como lo arreglas?

Sólo hay una manera ... uso Archivo> Guardar para web y dispositivos (o Guardar para Web en versiones posteriores). Además, si está utilizando Adobe Illustrator CS4 y más allá, use su Herramienta de tablero de trabajo (Shift + O) efectivamente como una herramienta de recorte y define el área de su composición. Luego, cuando guarda para la Web, puede especificar sus resoluciones Anchura altura y Clip a Artboard Sólo para guardar dentro de esa área ... Simples!


Si no lo sabía, puede encontrar esta opción en el menú Archivo.

Obtén esa herramienta de elipse y dibuja un halo!

Hay una cosa que todos tenemos en común y es que todos fuimos principiantes en un momento de nuestras vidas vectoriales. No fue hasta que cometimos esos errores y aprendimos de ellos que supimos la dirección correcta a seguir. Me ha llevado más de una década llegar a donde estoy ahora y, a veces, me enojo con uno de los pecados, pero al ser consciente de ellos puedo evitar que vean la luz del día..

No se castigue y recuerde que las reglas están hechas para romperse. Mejorará si siente pasión por lo que está haciendo y mejorará. Sin duda, si sigues siguiendo el contenido asombroso aquí en Tuts +, llegarás más rápido y quizás puedas mostrarnos una o dos cosas.!

La imagen de vista previa se ha creado utilizando un paquete Tuts + Premium: Devil Heads.