Monthly Archives: March 2013

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

Advertisements
Tagged , , ,

TUTORIAL: Dibujando un gato

cat-time

Hoy os dejo un tutorial de como dibujar un gato en Illustrator, paso por paso, utilizando herramientas sencillas.

A quien no le gustan los gatos…

acabado

pasos

pasos2

Tagged , , ,

3: EXCESO DE PESO (ERRORES QUE PROVOCAN QUE TUS VECTORES SEAN RECHAZADOS EN SHUTTERSTOCK Y MICROSTOCK EN GENERAL)

3_PESO

La tercera condición en la lista que deben cumplir nuestros trabajos vectoriales radica en el peso. 15 Mb es el peso máximo que admite Shuterstock para los envíos. Puede parecer un amplio margen, pero hay algunas herramientas que pueden complicarnos bastante la vida a la hora de optimizar. Veamos como minimizar al máximo el tamaño de los archivos.

Para Shuterstock tenemos que subir archivos EPS y no los clásicos de Illustrator (.ai). Esto puede ser un problema, ya que el EPS pesa mucho más que la extensión nativa del programa.

Es decir, que con solo exportar los vectores ya vamos a tener un aumento considerable en el peso del archivo, y un trabajo que pesaba 500 Kb se convierte en un monstruo de 40 Mb.

atracon-comida

Estas son las sanas prácticas que recomiendo:

  • DEFINIR EL TAMAÑO DEL ÁREA DE TRABAJO: Aquí tenemos la clave de todo, a más grande más peso de archivo. Recordemos que esto que tenemos entre manos es un vector, y que podemos hacerlo muy muy pequeño sin que afecte al resultado final. Podríamos hacer un trabajo de 1cm x 1cm sin ningún problema. No obstante, de cara al cliente (que siempre se atiene a la regla de cuanto más grande mejor), mejor no pasarse. Yo utilizo, por norma, áreas de trabajo de unos 800 px x 800 px, aunque si sé que voy a usar herramientas avanzadas, lo puedo disminuir a 400×400.
  • CAMBIAR EL TAMAÑO DEL ÁREA DE TRABAJO SI EL ARCHIVO PESA DEMASIADO: ¿Pero qué pasa se elegí un tamaño de 800×800 y al exportar me encuentro con “el monstruo” (definiremos así a los archivos que pesan más de 15 Mb)? ¿Como modifico mi área de trabajo a posteriori? Fácil: Elige la herramienta de modificar área de trabajo (Shift+O) >reduce el área pinchando en uno de los bordes y arrastrando > ESC para validar > selecciona tu dibujo > disminuye tu trabajo (con Shift pulsado mientras lo escalas). Solo queda avisar que el cambio de tamaño no es proporcional, es decir, si disminuyo a la mitad no reduzco el peso a la mitad. Lo que conlleva hacer varias pruebas y exportar varias veces.
  • LAS HERRAMIENTAS QUE MÁS PESAN: Solo usar la pluma no supone un aumento considerable del peso, pero las herramientas automáticas que recargan de vértices y de cálculos complejos nos acercan “al monstruo”. Y hay algunas realmente problemáticas por lo comunes que son.
        1. Blend Tool (Herramienta fusión): Como explicábamos al final de este post, la herramienta blend tool es fundamental para imitar sombras realistas (culpa de que el desenfoque sea una herramienta vetada en Shuterstock). Y usarla sin cabeza puede suponer un exceso de peso.  El blend tool debe usarse con pocos pasos (30 o 50 está bien), pues si ponemos una fusión de 200 puntos, nuestro archivo puede pesar hasta 50 Mb.
        2. Patterns (o Motivos): Ya explicaremos los motivos con más detalle en el futuro, ya que son herramientas espectaculares, pero de momento baste decir que para enviarlos a Shuterstock hay que expandirlos, lo que convierte a la herramienta en un amigo traidor de más de 15 Mb. No obstante, no es necesario ignorarlos. Si usamos un motivo con cabeza, podemos sacarle mucho partido. Yo recomiendo usar motivos y escalarlos para hacerlos muy grandes, antes de expandirlos. Así ocupan mucho menos, aunque se ven menos bonitos.
        3. La malla de degradado: Las mallas demasiado densas suben bastante el peso del archivo, pudiendo llegar a triplicarlo. No obstante, a no ser que los mezclemos con otras herramientas pesadas, no deberían superar los 15 Mb en ningún caso.
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 , , , ,

10 ERRORES TÍPICOS QUE PROVOCAN QUE TUS VECTORES SEAN RECHAZADOS EN MICROSTOCK

vectoresB

Subir vectores a las webs de microstock no es tan fácil… ya no por los requisitos estéticos, que son accesibles, si no por sus exigencias técnicas. No solo no son fáciles,  sino que suponen una pesadilla para el diseñador típico, que no está acostumbrado a analizar unas reglas tan exhaustivas.

En fotografía ya ocurre, pero resulta menos enfermizo que el vector, además de estar más documentado en Internet. En el propio shutterstock hay muchas más ayudas hacia el campo de la fotografía que en el del vector:

http://www.shutterstock.com/buzz/photography/stock-photography-dos-and-donts

Pero básicamente los motivos de rechazo en fotografía suele ser un mal balance de blancos, imagen desenfocada o con ruido, demasiado filtrado, mala iluminación… y un largo etcétera.

Pero el dominio de la técnica vectorial es harina de otro costal. Nos encontramos con una larga lista de requisitos que hay que cumplir si no quieres que te echen abajo el trabajo. Así que vamos a hacer un análisis de los 10 Errores Técnicos más típicos a la hora de enviar vectores a Shutterstock, Fotolia y compañía. Iremos analizando uno por uno, en diferentes Posts, la lista de las 10 cosas que debemos cumplir para que nuestros vectores no sean rechazados:

  1. Exportar los archivos en EPS8 o EPS10
  2. Problemas de bitmaping: No utilizar sombras, desenfoques ni resplandores.
  3. Tamaño máximo: 15 Mb por EPS.
  4. Máscaras: Nada debe sobresalir del área de trabajo.
  5. Expandir motivos: Todo debe trazarse y los motivos hay que expandirlos.
  6. Trazar el texto: No lo dejes como texto dinámico.
  7. Capas y orden: Borra las capas innecesarias, desbloquea todo, agrupa.
  8. Trademarks: No uses marcas registradas.
  9. Poco valor comercial: Busca temas candentes.
  10. Keywords: Elegirlas y leyes que no debemos incumplir.

En próximos post haremos un análisis exhaustivo de cada uno de estos puntos.

Tagged , , , ,

TUTORIAL: FUSIONES Y OLAS

fusion-tool

Todos conocemos ese recurso vectorial tan popular en el diseño, en que se ven unas olas generadas con una malla de hilos con artísticas ondulaciones. Para los neófitos del Illustrator y del vector hay una buena noticia, es una de las herramientas más sencillas del diseño vectorial.

Hoy os dejo con un pequeño tutorial de como realizar rulos, ondas y mallas con un mínimo esfuerzo.

La herramienta que vamos a utilizar se llama Blend tool (o herramienta fusión si tenemos el programa en español). Podemos acceder a ella con el icono que aparece en el panel de la izquierda (el de herramientas), muy cerquita del cuentagotas.
La herramienta por sí misma no hace gran cosa, pero al editar las propiedades empezamos a obtener milagros.

Seguid estos pasos y obtendréis el resultado deseado:

  1. Dibujamos una línea con la pluma (solo con color de perfil, deja la figura sin color de relleno)
  2. Dibujamos una segunda línea, con otro color diferente (o con el mismo si quieres un efecto más sutil) y también sin color de relleno.
  3. Localizamos el icono del “blend tool” o “fusión” para hacer doble click sobre él.
  4. Se abre una nueva ventana, con las propiedades de las herramientas. Editamos las propiedades y en la pestaña de arriba elegimos “Pasos Especificados” o “Specified Steps“. A la derecha hay un hueco para escribir el número de líneas que quiero que se vean en el efecto. Ponemos 30, que es una buena medida.
  5. Es el momento de unir las dos líneas. Con la herramienta bleend tool seleccionada y editada, hacemos un click en cada una de las líneas. Aseguraos de haber apuntado bien en la línea, que a veces le cuesta pillarlo. Voilà! Se realiza la malla.
  6. Una vez acabado el proceso puedo editar lo que se me antoje con la flecha blanca seleccionada. Simplemente selecciono el vértice que quiero modificar y lo desplazo. También podéis bajar la transparencia de una de las líneas, para que el efecto se desvanezca, o añadir más de una línea para aumentar la complejidad.

Aquí tenéis el proceso en imágenes. Suerte y que la estética os acompañe.

tutorial-bleend-tool

Tagged , , , , ,

TUTORIALES: DIBUJANDO UN OJO EN VECTORIAL

eye-tutorial

Y entre que me aceptan o no en Shutterstock, para ver que tal resultado da esto del microstock, voy a ir aderezando este blog con tutoriales de ilustración. Voy a intentar centrarme en la parte estética, ya que tutoriales sobre Illustrator hay miles. Aquí os dejo uno sobre como realizar ojos, aptos para todos los públicos.

Recomendaciones estéticas, no abuséis de los colores. En cada ilustración debe haber un foco de interés, algo que llame la atención a primera vista, y la mejor forma de lograrlo es usar un color vivo en ese elemento. Pero cuidado, si todo los colores del dibujo son vivos, nada va a atraer a la vista.

De modo que lo mejor es aplicar colores desaturados a la ilustración y buscar un solo objeto que quieras resaltar con un color llamativo. Y los ojos son siempre una buena apuesta para los colores vivos.

EYE-design

Tagged , , , ,

TUTORIALES: HERRAMIENTAS QUE HACEN EL DISEÑO VECTORIAL MÁS FACIL

herramientas-para-el-ahorro

Vectores y microstock son una combinación complicada que nos obligan a optimizar y encontrar trucos que simplifiquen el trabajo. Cada ilustrador tiene su truco para avanzar rápidamente… algunos optan por el diseño hiper-minimalista, otros por generar siluetas negras, otros por efectos automáticos,  unos pocos no ahorran en gastos ni racanean el tiempo, y otros secuestran a un “becario” para que trabaje por ellos… nada nuevo… Yo por mi parte dilapido la herramienta “desplazamiento” de Illustrator.

Es la herramienta más útil que he encontrado hasta ahora y siempre tiene su lugar en todos mis dibujos. Ahorra tiempo y genera un efecto mucho más detallado a las ilustraciones, además de quedar bastante natural.

El desplazamiento sirve para duplicar y escalar un elemento con un acabado perfectamente uniforme. Es decir, que logramos como una especie de línea de perfil totalmente editable y que se autoordena en las capas. Pero la mejor forma de verlo es probarlo.

  1. Recomendaría dibujar una forma algo amorfa para la primera prueba, como pudiera ser una nube o una media luna, que también funciona muy bien.
  2. Para lanzar la herramienta, seleccionar vuestra nube y clikar en el menú Objeto (Object) > Trazado (Path) > Desplazamineto (Offset Path).
  3. En la ventana emergente, en el primer espacio, elegid el número de pixels de ancho que tendrá el desplazamiento (mínimo 10 para que se note en el ejemplo).
  4. Veréis como se crea una nueva forma, copia del anterior, pero más grande. Esta forma podemos usarla para dar matices a nuestro dibujo, con sutiles cambios de color.

Podríais pensar que esta herramienta hace lo mismo que duplicar y escalar, pero no es así. Mirad el ejemplo que hay a continuación, la nube de arriba esta hecha escalando, la de abajo con el desplazamiento.

desplazamiento2

Con esta herramienta se trabaja a destajo. Un método puede ser generar un dibujo sencillo y después aplicar varios desplazamientos a todos los elementos… Y con varios me refiero que a la misma figura podemos aplicarle un desplazamiento de 3 pixels, luego a este desplazamiento añadirle otro de 8 pixels, y a este uno de 4 pixels… es una cadena…  Estos desplazamientos añaden volumen y se pueden editar y deformar para darle más gracia. Os lo dejo escenificado con una pamplina que he hecho para la ocasión. Agrandarla para ver los detalles del proceso.

desplazamiento

Tagged , , ,

VECTOR VS FOTOGRAFÍA

VECTOR-VS-FOTOS

Una vez focalizado Shutterstock como primer objetivo, queda establecer las bases de cual es la mejor forma de sacar rentabilidad al asunto. Aunque he ignorado el resto de las webs, no creo que haya gran diferencia entre los métodos, aunque sí en los requisitos de entrada. Parece ser que el examen de Sutter es el más exigente.

COMPARANDO
Recordabamos que para entrar en microstock tienes 3 caminos: Video, Foto o Vector. Es difícil pasar el examen de fotografía y seguramente es la categoría que menos dinero proporcione.  ¿Cuál es el problema? Que todo el mundo cree que sabe hacer fotos, que muchos las hacen decentemente, que mucha gente se desenvuelve con photoshop y que casi todos pueden montarse un mini estudio. Seamos realistas, en el campo de la fotografía la competencia va a ser agobiante.
Solo por poner un ejemplo, si buscamos “árbol” en Fotolia, la palabra más aburrida y genérica que pueda ocurrirsele a un empresario, obtendremos 18.000 resultados en fotografía y solo 3.000 en vectores. Y vectores realmente de calidad solo habrá 1000.

Pueden encontrarse muy buenos vectores en microstock, perfectos y elaborados, pero también hay un gran número de vectores mejorables. En fotografías hay mejor proporción calidad y cantidad. Y eso juega en contra del fotógrafo de microstock. Hay fotos espectaculares, vendibles, con unos requisitos técnicos complicados, con una iluminación trabajada… hacer una foto así no es cosa de un minuto. Y si tardo mucho en hacerla, ya no me sale rentable.

Solo hay que ver como se lo ha montado el ricachón del microstock, Yuri Arcurs, un joven fotógrafo danés que se ha hecho con el top ventas del mundillo. Y no es casualidad, sino visión. Solo puede comprenderse viendo este vídeo  en el que Yuri nos hace un tour por su “pequeño” estudio fotográfico. Esto es optimizar, esto es sistematizar, esto es hacer dinero gracias a la perfección.

Eso nos deja solo dos salidas, o hacemos fotos envidiables y a mansalva, o nos pasamos al vector. Si tienes la posibilidad de compatibilizar ambas áreas, se logra el equilibrio ideal. Las fotos pueden ser un complemento a tu trabajo vectorial y aportar mayor ganancia, pero de forma aislada no nos va a hacer ricos. Los vectores en cambio son más escasos y tienen menos competencia, pero pueden exigir más inversión de tiempo.

FOTOGRAFÍA
Si lo nuestro es la fotografía
, y la única forma de hacer vectores sería hacer un pacto con el diablo (que nunca debe desecharse, pese a lo que digan las películas), entonces imitemos desde la modestia al amigo Yuri. Aprendamos de su filosofía, ya que esto es el microstock, y no se trata de hacer el portfolio de la belleza y la poesía. Nuestro objetivo debe ser la venta bajo el mínimo esfuerzo… o al menos la elección de temas candentes.

Aquí tenemos un par de vínculos para ver sus famosas fotos:
http://www.shutterstock.com/g/yuriarcurs/sets
http://es.fotolia.com/p/17174

Una buena opción de tema para las fotos son los bodegones y las figuras aislada, como un tenedor sobre fondo blanco (si no tienes un tenedor, siempre puedes sustituirlo por un pingüino). Pero lo que más va a triunfar son los modelos con sonrisa falsa y fingiendo trabajar de fontaneros o médicos. Si tienes acceso a eso, el microstock podría merecer la pena. Si solo pretendes vender las fotos de tus vacaciones para sacarles algo de partido, hazlo, pero sin esperar grandes resultados.

VECTORIAL
El vector es un tema diferente
. Esta en alza, está de moda, es muy cómodo de manejar para el comprador y hay pocos. Pero pueden llegar a ser elaborados y sacarte mucho tiempo. Así que el único camino es optimizarlos. Los vectores que están entre los favoritos no son los más complicados, si no los que responden a una demanda (además de cumplir con un buen gusto estético). Y pueden ser sorprendentemente sencillos de realizar.

Esto es una pequeña muestra de los más vendidos en fotolia:

VECTOR-VS-FOTOS

Así pues, se plantea como obligatorio plantearse una estrategia a la hora de realizar vectores para microstock. Este es el camino que yo he elegido:

  1. Brainstorming: Busqueda de temas que pueden considerarse comerciales. Aquí puede ayudarnos esta página: http://submit.shutterstock.com/top100kw.mhtml
    Es la lista de las 100 palabras más buscadas en Shuterstock. Dentro de esos temas y sus variaciones, hay que buscar lo más sencillo de realizar.
  2. Busqueda de competencia. Análisis de su calidad y cantidad: Vale… la palabra más buscada es “flores“. Vamos a buscar el término en el microstok. Si encuentras más de 5000 resultados y además no vas a poder hacer nada mejor de lo que ya existe, yo cambiaría de área. Flores está saturado y una flor más no creo que vaya a dar dinero.
  3. Encontrar el nicho: Tomo una decisión, buscando ilustraciones que no están tan saturadas, buscando el hueco para la mía. Por ejemplo, he decidido realizar un vector de una mujer en pijama. Mujer es un término de busca poderoso, pero había pocos ejemplos de chicas en pijama.
  4. Decidir la técnica y Optimizar: Yo soy partidaria del minimalismo en los vectores, aunque nada fan de las siluetas negras, de modo que me decanto por dibujos simples. Aunque otra opción es detallar muchísimo y luego reutilizar. Dibujar a la mujer del pijama muy elaborada y luego cambiarle poses, trajes, pelo, contexto… para sacar de un mismo vector 10 versiones diferentes.VECTOR-VS-FOTOS2

Aún está por demostrar si esta técnica funciona, aunque de momento esta respaldada por el sentido común y la opinión de varios expertos en el microstock. Espero poder probarla en persona en poco tiempo.

Tagged , , , , , , , , , ,