Tag Archives: illustrator

9 MINI TUTORIALES TÉCNICOS: El buscatrazos

2

Continuando con los mini-tutoriales técnicos, hoy os dejo con uno sobre como utilizar el buscatrazos, mi herramienta favorita y una de las más útiles de Illustrator. Es el eje de cualquier trabajo y requiere cierta estrategia para agilizar su manejo. Recordad que en nuestro último post hablamos sobre como manejar todas las posibilidades de la pluma.

Os recomiendo que siempre tengáis el panel de “buscatrazos” abierto y que empecéis a utilizarlo con cualquier excusa, si no lo probáis no podréis entender su importancia.

“Buscatrazos” es un panel que podéis encontrar en el menú “VENTANA” (o windows > Pathfinder en la versión inglesa del programa). Para empezar este tutorial abrid el panel y dibujad dos círculos solapados por el centro (es decir, que esté uno ligeramente encima de otro):

Tutorial-autoformas

Advertisements
Tagged , ,

12 Ilustraciones de personajes para inspirarse

portada

Generalmente los diseñadores no somos grandes dibujantes y no dominamos la perspectiva tan bien como la tipografía. Por eso, he hecho una pequeña selección de trabajos que me inspiran a la hora de abordar un diseño de personaje vectorial.

Referencias dignas, carismáticas y perfectas. Referencias que debemos guardar en un rinconcito del corazón.

Podéis visitar las galerías de los autores pulsando en el nombre del autor.

Attack of Design:

AttackOfDesign

 

Luigi Lucarelli

Pirate_Crew_by_LuigiL

Ovi Nedelcu

3034732_orig

Stanley Chow

Stanley-Chow

Miah Alcorn

HansColorSuggestions

Tagged ,

REGALOS EN STOCKMISSION

titular2

Vintage&Pixelart&frikismo, seríala definición del regalito que he preparado para mis seguidores. Un popurri de estilos para adornar el ordenador.

Muy cerquita de llegar a las 1000 visitas en el blog, aquí tenéis unos “Fondos de escritorio” para ordenadores y Tablets. Espero que os gusten.

*******************

Para pantallas cuadradas

brain troper sushi moustache2

Pantallas panorámicas

brain moustache2 sushi troper

Tablet

brain moustache2 sushi troper

Tagged , , , ,

Regalitos en el Blog

titular

Estoy preparando un pequeño regalito para los lectores del blog que colgaré esta misma tarde.

¿Sera ofertas en ropa interior? ¿Pollitos azules del rastro? ¿Un ofertón en gambas congeladas?

 

Probablemente no, pero tendrá vectores y Pixel Art… ¡Espero que os guste!

Estad al tanto

Tagged ,

6: EXPANDIR EL TEXTO (ERRORES QUE PROVOCAN QUE TUS VECTORES SEAN RECHAZADOS EN SHUTTERSTOCK Y MICROSTOCK EN GENERAL)

6_EXPANDIR-TEXTO

A la hora de trabajar con el texto en las distintas agencias de Microstock nos encontramos con ciertas diferencias de criterio. Hasta ahora estamos tratando los aspectos técnicos que hay que cumplir para poder pasar el examen de Shutterstock (aquí tenéis la lista completa) y luego subir vectores para la venta, pero todas estas reglas son extensibles al resto de agencias. Fotolia, istockphoto, Shutterstock, etc… todos tienen unas condiciones muy similares.

En lo que respecta al texto, hay una regla común. No importa cual sea tu agencia, si tu dibujo lleva texto, debemos evitar que sea EDITABLE.

La clave está en la fuente tipográfica. Si dejamos el texto editable, el comprador puede no tenga la fuente que hemos usado en su ordenador, lo que provoca que su descarga pueda estar “rota” estéticamente hablando.

En la práctica esto se traduce en que, cuando acabemos nuestro diseño, deberemos EXPANDIR el texto:

  • Seleccionándolo en el área de trabajo
  • Haciendo click con el botón derecho del ratón sobre él
  • Eligiendo “Create outlines”

Acabado este proceso, el texto pasará a ser un grupo inalterable.

EXPANDIR-EL-TEXTO2 EXPANDIR-EL-TEXTO3

Sin embargo, llegados a este punto hay una pequeña divergencia entre Fotolia y Shutterstock (de momento me centro en estas dos agencias, que son donde tengo presencia).

SHUTTERSTOCK acepta incluir cualquier tipo de texto en sus vectores y es muy común encontrar ilustraciones con mensajes de “Inserta tu texto aquí”. Esto tan común en SS esta totalmente prohibido en Fotolia. Esta última nos obligará a eliminar el texto en todas nuestras imágenes y esperar a que el cliente entienda que ahí puede meter texto. Básicamente nos anula la opción de hacer sugerencias.

Os dejo dos ejemplos, la primera imagen es válida para Shutterstock, la segunda para Fotolia.

TEXTO1 TEXTO2

Fotolia rara vez se salta la regla del “no texto”. Solo permite integrarlo en tus trabajos cuando es estrictamente necesario, cuando el texto forma parte de tu imagen irremediablemente. Y aveces, desgraciadamente, resultas difícil adivinar cuando consideran justificado meter ese texto. En mi caso, he logrado que me acepten vectores con texto en imágenes de este tipo:

texto3

Lo más frustrante del tema es que Fotolia está llenísima de imágenes con texto falso, con lo que debo deducir que se trata de una regla nueva. En cualquier caso, si vendes vectores, merece la pena que te hagas un hueco en esta agencia. Una vez que poseas un portfolio de unas 200 imágenes, sueles vender a diario.

Tagged , , , , , ,

El examen de Shutterstock

hurra2

¡Al fin! Después de tres meses de espera y paciencia, incontables horas de traducción de los manuales oficiales,  5 pantallas azules de ordenador colgado, 500 palabras claves escritas, 10 copas de vino, 15 hamburguesas del Peggy Sue y 57 millones de pixeles exportados… Soy colaboradora de Shuterstock.

Las luchas contra (que no “con”) el Illustrator han sido arduas e igualadas, pero al final he logrado dominarlo. Esta es la crónica de mi experiencia en el ingreso de Shuterstock, que espero que sea de alguna ayuda a aquellos noveles que pretendan empezar en el mundo del Microstock. Ha sido un largo camino de esperas y rechazos donde, tras muchas correcciones y exasperación, he logrado comprender la mente maquiavélica de los correctores.

Debería comenzar por levantar los ánimos. El microstocker novato deberá saber que los rechazos no son “algo personal” y no tomárselo como una ofensa hacia su trabajo… a no ser que su trabajo sea una basurilla, en cuyo caso solo hay que armarse de paciencia y aprender e inspirarse en los grandes diseñadores. Bueno, o si no, hacer mis tutoriales : P

Pero generalmente, suspender el examen de Shuterstock responde a caprichos técnicos que hay que dominar para poder ser aceptado. Es como sacarse unas mini-oposiciones, hay que aprender un montón de cosas de utilidad dudosa. En este post no os aburriré con los detalles técnicos, esos ya los podéis encontrar en este artículo, me centraré en enumerar las fases de mi debacle y subiros una pequeña muestra de que vectores me permitieron aprobar el examen de acceso.

Me he presentado tres veces al examen. Recordemos que un suspenso conlleva no poder volver a intentarlo hasta un mes después, de modo que en mi caso tres suspensos han supuesto 3 meses de espera (casi cuatro si tenemos en cuenta el tiempo que se va con las correcciones).

  • Mi primer intento fue anulado por el formato. Recibí un cordial mensajes (todos los mensajes son extremadamente amables) avisandome de un problema de versiones. Debía grabar mi trabajo en EPS 10, de modo que me sugerían hacer la conversión y reenviar mi trabajo.
  • El segundo intento fue algo más frustrante, pues se debió en gran parte de inexactitudes en las instrucciones de los manuales de ShuterStock. Problemas de bitmapping, máscaras de recorte, palabras claves incorrectas… cometí todos los errores cometibles y que no aparecen registrados en el manual. Para aprender de mis errores, os recomiendo este post, donde hago un desglose de todo lo que puede fallar: 10 ERRORES TÍPICOS QUE PROVOCAN QUE TUS VECTORES SEAN RECHAZADOS EN SHUTERSTOCK.
  • La tercera, que hice ya de forma obsesiva y enfermiza, no fue tan bien como quería. Aprobé, aunque por los pelos. De mis 10 imágenes, 8 fueron aceptadas. Dos más y suspendo de nuevo. Y todo culpa de más problemas técnicos que, pese a todo, se me habían escapado. En cualquier caso, es cuestión de rutina. Una vez que haces 40 vectores bien, acabas pillándose el truco.

En cuanto a la estética, supongo que entramos en un tema más complicado y subjetivo. Como referencia os dejo mis trabajos: los 8 aprobados. Yo busque enviar imágenes variadas, de texturas, personajes, elementos más serios y ilustraciones más cartoon.

aprobadas

Tagged , , ,

5: EXPANDIR MOTIVOS (ERRORES QUE PROVOCAN QUE TUS VECTORES SEAN RECHAZADOS EN SHUTTERSTOCK Y MICROSTOCK EN GENERAL)

5_expanir-motivos

Con este post terminamos de cubrir los primeros 5 errores que pueden echarnos atrás a la hora de subir vectores al Microstock.

Siguiendo los 10 puntos que enumerábamos, llegados a este punto ya habremos cumplido la mitad de los aspectos técnicos que exige la venta de vectores online y habremos: guardado nuestro proyecto para EPS 10, evitado el uso de efectos que generan bitmapping, vigilado el tamaño de nuestro archivo y, mediante una máscara, asegurarno de que ningún elemento sobrepase el área de trabajo.

Ahora toca asegurarnos de que en la ilustración todo es editable. Y este es uno de los errores más fáciles de olvidar, porque no es algo que podamos ver a simple vista.

Este quinto punto encaja con el tutorial sobre como hacer motivos que vimos en el post anterior, ya que se centra en este incompatibilidades que causa este efecto. Auqnue por otra parte, es muy fácilmente arreglable.

Pongamos que hemos vectorizado una simpática pieza de shushi y le hemos aplicado un motivo para que el arroz parezca arroz (he aquí la muestra):

5_expanir-motivos

Los motivos, muy útiles en el diseño vectorial para lograr texturas, son elementos editables. Es decir, que en cualquier momento podemos sustituir las rallitas del arroz por, por ejemplo, estrellas de mar. Las webs de microsotock exigen que los vectores enviados sean dibujos cerrados, para que el cliente no puedo cargárselos por error.

Todo esto nos lleva a que los motivos deben convertirse en formas antes del envío mediante un sencillo proceso.

El motivo se encuentra en una capa individual, como si fuera un color. Para hacerlo válido debemos seleccionar la capa del motivo (o simplemente hacer click sobre el en el área de trabajo) y:

  1. Elegir el menú Objeto y seleccionar la opción expandir apariencia
  2. Volver a elegir el menú Objeto y ahora seleccionar Expandir
  3. Se abre una ventana emergente de confirmación, sobre la que pulsamos Ok,

Y listo, ya tenemos el motivo/pattern expandido. A simple vista todo sigue igual, pero si ahora pasamos el ratón por encima del motivo (despacio y sin hacer click) notaremos que aparecen líneas escondidas, como cuadrados invisibles y áreas de edición.

5_expanir-motivos2

Tagged , , , ,

10 Ilustraciones vectoriales para inspirarse

portada

10 imágenes inspiradoras con base o inspiración Vectorial:

Aquí os dejo una pequeña selección de imágenes que nos pueden inspira a la hora de realizar nuestras ilustraciones. Cada imagen contiene un vínculo a la galería de su autor, que sin duda merece la pena visitar.

1tumblr_lvo02egpyH1r27wa5o1_500 planter 82011-Kawasaki-Vulcan-1700-Classic-LT-Metallic-Imperial_RE_Flat_Filter2_drib 10robot_400x300 9 chamaco 7beetle_final_fullview 6waterbombd 5Paranorman 4Outfished 2Sputtle_iPhone

Tagged , , ,

2: PROBLEMAS DE BITMAPPING (ERRORES QUE PROVOCAN QUE TUS VECTORES SEAN RECHAZADOS EN SHUTTERSTOCK Y MICROSTOCK EN GENERAL)

2_BITMAPPING

Sin duda, uno de los problemas más frustrantes en el rechazo de Microstock (aquí tenéis la lista completa) es el del Bitmapping. Básicamente, este problema es fruto de la conversión de nuestros Illustrators a EPS10. Al transformar nuestro trabajo (último modelo y utilizando las técnicas más novedosas de adobe) a una versión viejuna, empiezan a aparecer errores de incompatibilidad en las herramientas.

Esto se traduce a una simple regla, si dibujas alegremente y sin meditar bien, luego el EPS 10 se cargará tus esfuerzos de un plumazo. Pero no todas las herramientas sufren una mala conversión, si solo pintas usando la pluma, los degradados, las máscaras y el busca-trazos ve tranquilo, tus vectores no se verán afectados en la exportación. Estas técnicas son sencillas y existen desde siempre, y a shutterstock le gustan. El problema es que, en ocasiones, el diseñador necesita usar herramientas más avanzadas para dejar tu trabajo fino fino.

tucan_Pixelado

Las herramientas avanzadas ya son otro tema, y es que  algunas de las más populares generan incompatibilidades. Esta es la lista negra de efectos problemáticos:

  • Drop Shadow / Sombra paralela
  • Blur / Desenfoque
  • Degradados con transparencias: Si uno de los puntos del degradado tiene aplicado un alpha.

Cualquiera de estas cuatro herramientas no se exportan correctamente a EPS10 y cuando el cliente abre el archivo, se encuentra con un elemento compuesto de “pixels”. No hay forma de arreglarlo, simplemente no puedes usarlas. Nada en tu Illustrator debe tener aplicado un efecto de los nombrados o tu envío será rechazado automáticamente.

Para comprobar que no has usado estos efectos ilegales por error en tu illustrator, tenemos una forma rápida de revisar que todo esta en su sitio. Y os recomiendo hacer esto en todos vuestros trabajos, por que es una apuesta sobre seguro. A través del panel “Vínculos” o “Links” del programa podemos revisar que no haya nada marciano en el archivo. Seguid estos sencillos pasos:

  1. Guarda tu AI a EPS10 y cierra tu trabajo. 
  2. Abre el archivo exportado a EPS de nuevo en Illustrator.
  3. Abre el panel vínculos y revisa que este vacío

LINKS

Si hay algo en el panel vínculos, es que tienes un problema de bitmapping. Pulsa en “go to link” o “ir al vínculo” y elimina esa forma que da problemas.

En general no es un drama no poder usar estas herramientas, ya que podemos buscar un sustituto decente. Lo más complicado es realizar sombras realistas sin usar el blur. Shutterstock nos sugiere utilizar la herramienta fusión (de la que hablábamos en un post anterior) para conseguir el efecto, y realmente debo admitir que funciona. Puedes lograr el efecto de desvanecido juntando dos círculos con la fusión y bajando la transparencia de uno de ellos. Os dejo con uno de mis diseños para Shutter como ejemplo de que podemos conseguir sustituyendo el blur por el blend tool.

aspirina

Tagged , , , , , ,

1: EXPORTACIÓN (ERRORES QUE PROVOCAN QUE TUS VECTORES SEAN RECHAZADOS EN SHUTTERSTOCK Y MICROSTOCK EN GENERAL)

1_EXPORTAR-A-EPS

Como decía en mi anterior post, vamos a analizar uno a uno los errores más comunes a la hora de “malsubir” vectores a Shutterstock (y que serán muy parecidos en el resto de páginas de microstock).

El error número uno es la exportación. Y este es la madre de todos los errores. Literalmente, ya que por culpa de esta conversión surgen el 90% de los problemas relacionados con nuestro amado trabajo.
Aquí tenemos la regla número 1 y la más importante, sin esto realizado correctamente los demás errores van a dar absolutamente igual. Nos tiraran el trabajo abajo sin ni siquiera mirarlo.

Cuando terminemos un proyecto de Illustrator hay que revisar una serie de factores antes de darlo por acabado: Revisar las capas, agrupar si se puede, borrar capas ocultas… pero lo más importante es guardar en el formato adecuado.

El EPS es un archivo compatible con todo, menos problemático que un .ai y, eso sí, más pesado. Hay muchos tipos de EPS y los que nos piden en Shutterstock son los más antiguos. Básicamente por que los formatos viejos no dan problemas de incompatibilidad cuando los abres en ordenadores añejos. Y como no podemos controlar que tipo de ordenador tienen nuestros clientes…

Para guardar nuestro archivo Illustrator a EPS 8 o 10 hay que seguir este simple proceso:

  • Seleccionamos Archivo > Guardar como
  • En la nueva ventana, debajo del nombre, elegimos Illustrator EPS
  • En la nueva ventana, seleccionamos Illustrator 8 EPS o  Illustrator 10 EPS en la primera pestaña de arriba (donde podemos leer “versión“).
  • Luego, en ese mismo panel, justo debajo, leeréis transparencia (transparency). Es importante establecer la transparencia al 100% desde el botoncito de custom que tenéis a la derecha (no la pestaña desplegable). Si no podéis modificar la transparencia porque os aparece inactiva, no os preocupéis, es porqué no habéis aplicado ninguna.

Podemos guardarlo a nuestro gusto en la versión 8 o en la 10. La 8 es más antigua y da muchos más problemas, de modo que yo recomiendo guardarlo en la versión 10 siempre. Tanto la versión 8 como la 10 nos van a traer infinidad de problemas a la hora de adaptar nuestra moderna versión de Illustrator al formato viejuno, pero la conversión a la 8 es más desesperante, sobretodo si hemos usado herramientas medianamente avanzadas.

Además. scostumbraros a grabar, justo después del EPS, un JPG de 800 pixels en su lado más largo. Os lo pedirán como muestra visual y para colgarlo en la web. La forma más rápida de exportar el JPG a este tamaño es con “Archivo>guardar para Web”, donde podéis escribir el tamaño personalizado.

Tagged , , , ,