Category Archives: Tutoriales

Tutorial: Hacer Sonrisas con el efecto WARP

titular

Supongamos que quieres hacer unos avatares para microstock. Supongamos que esos avatares se tienen que parecer entre sí, pero no ser iguales. Supongamos que necesitas que su expresión varíen ligeramente de uno a otro. Supongamos que no quieres pasarte 10 horas dibujando diferentes tipos de bocas. Pues la solución la tienes en la herramienta ARCO, automatismos para toda la familia.

Si necesitas modificar la expresión de un personaje a otro, como en la imagen de abajo, la boca es clave. Mover ligeramente las cejas para potenciar una expresión es fácil, pero dibujar bocas a veces puede ser algo tedioso.

sonrisas

He aquí un truco.

  1. Dibuja una boca neutra, ni muy triste ni muy contenta. Como esta:boca
  2. Agrupala (Control + G) seleccionando todos y cada uno de sus elementos con la flecha negra
  3. Vete al panel efectos y elije “Warp” (en español deformar)
  4. A continuación elije “Arc” o “Arco” (aunque las demás opciones también producen efectos muy interesantes)
  5. Toca todos los valores y transforma la boca en sonrisa lateral, tuércela, exagérala, conviértela en una mueca triste….bocas
Tagged , , , ,

9 MINI TUTORIALES TÉCNICOS: LA MALLA DE DEGRADADO

 

2

Hoy retomamos los mini-tutoriales técnicos para illustrator que comenzamos hace unos meses. El objetivo es controlar algunas herramientas comunmente ignoradas en vectorial y que, sin embargo, son enormemente útiles. De momento ya hemos hecho un repaso al divertido blend tool, el fundamental buscatrazos, a las útiles autoformas, al desconocido CONTROL + D (imprescindible para hacer relojes) y al apañado offset path. Revisa todos los tutoriales pulsando en los vínculos.

En este post vamos ha hablar de una nueva herramienta: La efectista malla de degradado

La malla de degradado es un automatismo de illustrator que calcula volúmenes y potencia los efectos de relieve de cualquier dibujo. En la práctica se trata de una forma avanzada de manejar los degradados. Como sabéis, los degradados de illustrator son bastante limitados (solo cuentan con dos tipos de degradados, uno lineal y otro circular) y por lo tanto, es complicado sacarles el máximo partido. Generalmente esto no es un problema, ya que en illustrator se pueden hacer hermosas ilustraciones con colores planos y sencillos. Pero si buscamos un efecto más personalizado, hay que dominar esta nueva herramienta.

Con ese objetivo os dejo este tutorial:

Tutorial-malla

En los próximos días, para que os sirva de inspiración, subiré una galería de diseños hechos exclusivamente con malla de degradados. Algunas son francamente impactantes. Mientras, os dejo con un bonito ejemplo de malla de degradado que podéis encontrar en Google.

Ivanova Elly - http://vectorlib.com

 

Tagged , , , , ,

Tutorial: Long shadow

header

Siguiendo el hilo de este POST y por petición de una seguidora, hoy vamos a hacer un tutorial sobre como aplicar un efecto bien famoso en el mundo del diseño actual. Aprovechar a aprenderlo antes de que pueda pasarse de moda.

Se trata del Long shadow, que se aplica a un estilo de iconos planos. La idea es generar una sensación de enorme desnivel y altura, pese a que el objeto del diseño esté visto desde una vista cenital perfecta.  Es una rama del minimalismo y por tanto, cualquier diseño inspirado en esta tendencia debe ser simple, libre de efectos.

Os dejo con un ejemplo:

icono

Y aquí tenéis un tutorial de como hacerlo (haced click en la imagen para ampliar). Recordad que hay muchas formas de aplicar este efecto, hacia un lado o hacia otro, con desvanecidos… aquí solo vamos a aplicar una de ellas.

LONG-SHADOW-tutorial

Tagged , , , ,

9 MINI TUTORIALES TÉCNICOS: CONTROL + D

2

Con este nuevo tutorial llegamos al cuarto punto de nuestro listado de minii tutoriales técnicos.

Sin duda, CONTROL+D es mi herramienta favorita. Es adictiva y ahorra muchísimo trabajo. Es muy muy sencilla, solo necesitáis pulsar CNTR+D después de realizar una acción y podréis ver como el programa, automáticamente repite esa acción.

Gracias a CONTRL+D podemos dibujar cuadrículas uniformes, patrones y, lo más importante, RELOJES. Aquí tenéis el tutorial:

Contrl-d

Para terminar os dejo con algunos ejemplos del uso de CONTROL D en diseños reales (la mayoría son de autores que podéis encontrar en DRIBBBLE.com)

control-d

Tagged , , , , ,

9 MINI TUTORIALES TÉCNICOS: LAS AUTOFORMAS

2

Continuando mi lista de mini tutoriales técnicos, os dejo con uno sobre como dominar las auto-formas de Illustrator. Tienen muchas más opciones de las que parece. Además, hay un montón de dibujos que podemos sacar directamente de estas figuras. Generan una sensación limpia y perfecta.

Tutorial-autoformas

Tagged , , ,

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

Tagged , ,

9 MINI TUTORIALES TÉCNICOS: Los automatismos de Illustrator

2

Si quieres ser un gran diseñador de Illustrator, hay un par de herramientas a las que debes hermanarte: Cuidarlas, atenderlas, comprenderlas y adorarlas. Quizá podrías hacer un sacrificio en su nombre cada solsticio (valdrá con sacrificar un pen drive a la luz de la luna).

Puedes llegar a ser un gran dibujante vectorial sin tener un conocimiento profundo del programa, pero nunca serás un maestro. Illustrator es perfección, es delicadeza y es técnica. Debemos aprender a aprovechar sus automatismos en nuestro favor y no contentarnos con solo dibujar a mano alzada.
Si conoces ligeramente illustrator habrás descubierto la importancia de la pluma. La pluma es la base de dibujo, con ella creamos casi todos los dibujos. Es perfecta para un dibujo orgánico, para un personaje, para hacer curvas, para dibujar de cero. Pero también es imperfecta, asimétrica, emocional. Si queremos diseñar cosas más serias (como el trabajo de Meg Robichaud que tenéis abajo) , necesitamos otras herramientas:

Meg

El programa nos ofrece todo un mundo de automatismos realmente interesantes. Si eres principiante, deberías empezar a pelearte con la pluma hasta dominarla (algunos profesionales se conforman con solo manejar la pluma como medio de trabajo). En cuanto te sientas cómodo con ella, comienza a realizar esta pequeña lista de mini-tutoriales (pulsa en el nombre para abrir el tutorial):

Mientras vamos subiendo estos tutoriales, os dejo con una pequeña guía sobre como sacarle máximo partido a la pluma. Esta herramienta tiene muchas posibilidades, ¡a veces más avanzadas de lo que parece a simple vista!

Tutorial-pluma

Tagged , , , , , , , , , , , , ,

Y UN VECTOR GRATUITO DURANTE SOLO 15 DÍAS…

girl

Bueno, parece que agosto se ha terminado y con el se alejan el silencio y la pausa de verano. En el blog estábamos en estado vegetativo (intentando ahorrar energía para la reinserción en el mundo laboral), pero no solo eramos nosotros… también en el negocio del microstock estaba el público en hibernación. Agosto es el mes del vacío, que para el Microstock suele traducirse en una bajada en las ventas. En mi caso ha supuesto un ingreso 50% menor de lo esperado, aunque al menos el negocio no se ha congelado.

Para que no se haga triste la bienvenida de Septiembre, en Stockmission vamos a abrir el mes con un regalo. Durante solo 15 días voy a poner, de forma totalmente gratuita, uno de los vectores que tengo a la venta en Microstock. Espero que sirva de ayuda a los nuevos Microstockers, para que echéis un ojo a un .ai acabado y ordenado.

Aquí tenéis el Archivo Illustrator >>> Plazo finalizado.

Tagged , ,

TUTORIAL: RUEDA CON PASOS

tutorial-reuda

Hoy os dejo un tutorial de como hacer una sencilla rueda, perfecta para infografías, uno de los vectores que tengo a la venta. Ampliad la imagen que está a continuación para verlo bien.

TUTORIAL

Tagged , ,

TUTORIAL: APLICANDO MOTIVOS PARA SIMULAR ROPA

Pins2

Una de las opciones más interesantes del diseño vectorial son los motivos (o Patterns en Inglés). Se trata de una herramienta automática que sobrepone un efecto de textura muy natural. La diferencia entre un motivo y una textura radica en su regularidad. El motivo es limpio, sencillo, decorativo. La textura ensucia y debe ser muy discreta.

Aquí tenéis dos imágenes para que podáis ver la diferencia (ambas de dribbble.com). La primera tiene aplicada una textura de papel, para reflejar la imperfección y aportar algo de realismo. La segunda esta compuesta por un motivo de illustrator, que genera un efecto limpio, definido y directo.

IMG_0657IMG_1164

Las texturas son una gran herramienta de diseño, harta conocida, pero los motivos están en repentina alza. Han logrado robar su parcela de diseño y son perfectos para lograr efectos retro, imagenes tipo Lichtenstein y juegos de color muy interesantes.

Las aplicaciones son infinitas, pero en este post, para aprender como aplicar los motivos, vamos a aplicarlos a la ropa. Concretamente en unas medias decorativas.

acabado las-formas

PATTERN1 PATTERN2 PATTERN3

Tagged