Blog Vecindad Gráfica Diseño Gráfico

Una buena lista que vi en Design Float, para los que buscan tutoriales de programas vectoriales.

• Vectorkid.com
• Blog.SpoonGraphics
• Vectorials
• BittBox
• VECTORTUTS
• Illustrator Tutorials on Pixel2Life
• Adobe Illustrator on the Web Design Library
• Vectips
• NDesign Studio - Illustrator Tutorials
• Illustrator Tutorials on Good-Tutorials
• Browsing Illustrator on deviantART
• Vecpix
• Vector Guru - Illustrator Tutorials

13 Amazing Sites to find all the Vector Tutorials you could ever need

Emma Alvarez muestra una buena colección de tutoriales con Illustrator (en Inglés).

65 Adobe Illustrator Tutorials

Un script para Illustrator CS3 que muestra paletas de color a partir de una imagen de Flickr. Ahora solo es para Mac.

AI CS3 + Flickr + In The Mod mashup

El efecto de 3D en Illustrator te puede ayudar a crear un efecto de “wireframe” combinado con una superficie sólida.

El tutorial está en Inglés, pero se entiende muy bien.

Fun with AI’s 3D tool

Me han pedido que explique en forma general como se hace la separación de color en Illustrator. Es una mini explicación, pero pienso que les puede ayudar a planear su diseño.

En esta oportunidad mostraré una separación que hice para una maleta de Disney:

Como ustedes ven los colores Pantone se dividen en:

Cada imagen debe llevar solo esa combinación de colores Pantone y no más, si ustedes ven más Pantones en la paleta de Swatches, es porque se estuvo probando diferentes tonos, hasta llegar al color final:

Claro que como se va a imprimir sobre un material oscuro, el fondo de esta combinación de Pantones debe llevar una base blanca, para la cual se produjo un color Spot llamado Off White:

El mapa en negro se imprime normal sobre la maleta, sin base blanca, pero respetando la plasta de base blanca donde van las figuras:

Al final cuando está el fondo de la maleta y la base blanca, se imprimen los colores Pantone de las figuras:

Como ven, no es muy usual en diseños vectoriales meter porcentajes de color, porque se convertirán en medio tono y se notarán los puntos. Es mejor escoger otro Pantone más claro en caso de que se desee un tono más ligero.
Claro que esto significa más gasto en todo. Por eso es importante que con una paleta de colores limitada se pueda distribuir bien el diseño.

Paso a paso de como se trazó un personaje en Illustrator (Inglés).
Para la creación de un personaje como este, es necesario que sepas dibujar, no existe un tutorial para producir personajes de la nada.

Create a Vector Pirate Cartoon Character from a Hand Drawn Sketch

Un tutorial en Inglés para que puedas crear tu propio icono RSS con vectores.

Create a Vector RSS Icon with Illustrator

Me han preguntado si al crear unas tarjetas de presentación en Illustrator se puede repetir a la hora de imprimir como en Corel Draw.
Bueno, en Illustrator es un poco más complicado que solo pedir una impresión repetida. Aquí muestro una forma de hacerlo, pero cada persona puede encontrar una forma más fácil y rápida.

En una hoja tamaño carta, primero creas un rectángulo con el tamaño de la tarjeta 3.5 x 2″ (9 x 5 cm), y el diseño que va en ella, debes estar bien seguro que el contenido no esté muy cerca de la orilla, para que no se corte, de 3 a 5mm son suficientes.

Seleccionas el rectángulo exterior y vas a Filter>Create Cropmarks.

Al crear las marcas de corte, vemos que se crean con el color de “Registration”, el cual se imprimirá en todos los negativos de los Pantones.

Seleccionamos las marcas de corte que se muestran, con la herramienta de selección de grupo y las borramos:

Seleccionamos con la misma herramienta todo, excepto las dos marcas de corte de la izquierda:

De ahí vamos a Object>Transform>Move…

Le damos el valor de lo ancho mas un poco más, porque en la parte de atrás de la tarjeta existe un color que cubre todo y requiere un poco de “sangría”. Unos 55mm está bien. Tenemos que darle al botón de Copiar para que se duplique del lado derecho:

Luego con Shift + Alt en la PC o Shift + Option en la Mac, arrastramos las marcas que quedaron del lado izquierdo y se copiarán del otro lado:

Ya que tenemos las dos tarjetas, las seleccionamos con las cuatro marcas de corte que se muestran:

Nos vamos otra vez a Object>Transform>Move… y ahora le damos en la opción vertical un valor de -5.55 y Copiamos:

Ya nada más, sin deseleccionar le damos otras dos veces a Object>Transform>Transform Again
O con el atajo Control + D en PC o Command + D en la Mac, :

Así tendremos un set de 8 tarjetas en una hoja. Al final seleccionamos las líneas de corte de arriba y las arrastramos con Shift + Alt o Shift + Option, para duplicarlas en la parte de abajo:

No se te olvide quitarle la línea de los rectángulos, solo te ayudó en el diseño, pero no se imprimirá. Desde ese set ya puedes cambiar la información de cada trabajador, así puedes determinar si una persona requiere más tarjetas, puedes tenerla repetida en esa hoja.

Con el mismo método obtenemos también la parte de atrás:

Tal vez se sienta que son muchos pasos, pero en realidad cuando te acostumbras, lo haces en unos cuantos minutos.

Existen diferentes formas para crear este efecto en Illustrator, este que les muestro es uno que te deja cambiar el texto en un solo movimiento. En el pasado se hacía con copiar y pegar atrás o enfrente y moverlo un poco para simular la profundidad, pero para para cambiar una letra del texto lo tenías que hacer en las tres copias.
Aquí lo puedes hacer una vez. y se mostrará inmediatamente.

ACTUALIZACIÓN para los que me han preguntado donde están los pantones.
La paleta de colores Pantone está en Window>Swatch Lybraries>Pantone Solid Coated

Primero creamos el fondo con un Pantone al 50%:

Al texto le damos igual porcentaje del Pantone, para que se “funda” con el fondo:

Al incorporarle una línea alrededor del texto, ya saben que Illustrator la acomoda mitad afuera y mitad adentro, distorsionando así la forma de las letras.:

Para evitar esto, en el panel de Apariencia arrastran hacia arriba el relleno “fill”, así quedará visualmente atrás la línea y la tipografía no perderá la forma, en mi caso le dejé una línea de 2 puntos:

ACTUALIZACIÓN de un problema que tienen algunos cuando tratan de arrastrar el relleno.
Si no lo pueden mover, pueden hacer lo siguiente, antes de aplicarle el color Pantone al texto, se van al panel de Apariencia y crean un Relleno Nuevo, así lo podrán cambiar por el color que sea y ya se puede mover hacia donde quieran:

Seleccionado la línea en el panel de Apariencia…:

…Nos vamos a Effect>Distort & Transfor>Transform… y ahí movemos la línea dependiendo cuanto desees de sombra, los valores son negativos para que esté un poco a la izquierda y abajo:

Para crear el filo blanco, seleccionamos en panel de Apariencia la línea y la duplicamos:

Expandemos con doble click, para cambiarle el color de línea a blanco:

Posteriormente doble click a los efectos y le damos valores positivos y listo ya tenemos un texto simulando relieve:

Como el texto queda con todo el relieve en uno solo, ya puedes cambiar inmediatamente la leyenda por lo que desees y conserva el efecto: