Archivos | Tips de Illustrator RSS feed para esta sección

Tutorial gradientes con Gradient Mesh utilizando Expand

Tomaremos como base cromática la pintura de Vincent van Gogh “The Starry Night”, no es que tomemos los colores exactos, pero funciona como paleta de colores para lo que necesitamos:
Vincent van Gogh

Producimos un gradiente lineal en una capa sobre el Arte:
gradiente

Escondemos momentáneamente la capa del gradiete:
esconder

Para ir tomando los colores de la pintura con la herramienta de gotero:
color gotero

Al tomar el primer color, activamos la capa del gradiente para verlo, lo seleccionamos y si te das cuenta en la paleta del Color verás el pequeño cuadro del color que tomaste con el gotero, arrástralo sobre el cuadrito negro de la paleta de Gradient:
color goterocolor gotero gradientecolor gotero gradiente 2

Así seguimos tomando toda la gama de colores con el gotero en la capa del Arte, regresamos a la capa del gradiente, arrastramos el cuadro pequeño del color bajo la barrita del gradiente, para ir incrementando la gama de color:
colores gotero completo

Y obtenemos algo así:
gradiente completo

Seleccionamos el gradiente y nos vamos a Object>Expand.
Si ustedes están acostumbrados a crear desde cero un Gradient Mesh, saben que en este mismo menú existe la opción de “Create Gradient Mesh…”, pero en esta ocasión no lo usaremos, porque si lo hacemos de esta forma se perderán nuestros colores que ya escogimos y tenemos que comenzar de nuevo:
gradient mesh expand

Aquí está el truco, tienes que escoger en la ventana de diálogo la opción de Gradient Mesh:
expand gradient mesh

Así obtienes un Gradient Mesh con colores predeterminados:
expand gradient mesh 2
Continue Reading →

Tutorial creando un gradiente con Blend en Illustrator

solar ilustracion 12
herramienta blend
Muchos sabemos utilizar la herramienta de Blend en Illustrator, su tarea es crear una pregnancia entre objetos, en este tutorial trataremos de hacer un gradiente que puede ser más versátil que el utilizado regularmente.

Aquí vemos que la S de la ilustración está con el gradiente normal:
solar ilustracion

En este paso crearemos dos círculos con el mismo grosor de la S y le aplicaremos el gradiente que tiene la letra:
solar ilustracion 2

Le aplicamos la opción de Blend, dando un click en el nodo del primer círculo(1) y luego otro click en su correspondiente nodo del otro círculo(2):
solar ilustracion 3

Claro que al aplicarlo tendrá un valor de pregnancia que no corresponde a los pasos que requerimos para lograr una transición fluida:
solar ilustracion 4

Para que tengamos una transición fluida, le damos doble click a la herramienta de Blend, para ver las opciones, escogemos “Specified Steps” y en mi caso decidí que 250 pasos estaría bien:
solar ilustracion 5

Para que tome la forma de la S, tenemos que trazar exactamente a la mitad de esa letra un trazo con la pluma:
solar ilustracion 6

Seleccionamos con el puntero normal, tanto la pregnancia como el trazo, nos vamos al menú Object>Blend>Replace Spine:
solar ilustracion 7
Continue Reading →

Como hacer textura estilo Grunge en forma vectorial

vector grunge
Buen tutorial que muestra como crear una textura muy socorrida entre los ilustradores, lo bueno de esta forma es que es en forma vectorial.

How to Make Vector Grunge

Por cierto que en ese tutorial se menciona al programita llamado Inkscape, es una aplicación Open Source, editora de gráficos vectoriales.
Se las recomiendo ampliamente, sobre todo para lo que se dice en este tutorial.
inkscape

Imagen bitmap en Illustrator con transparencia

En el foro preguntaron si se podía crear transparencia con una imagen importada de Photoshop. Sí se puede, pero es un poco tedioso.

Primero tenemos la imagen de Photoshop en un fondo de Illustrator:
transparencia imagen photoshop en Illustrator

Creas un gradiente del tamaño de la imagen:
transparencia imagen photoshop en Illustrator 2

Posteriormente seleccionas tanto la imagen como el gradiente y en el panel de Transparencia, te vas al triangulito de la extrema superior derecha y escoges Make Opacity Mask:
transparencia imagen photoshop en Illustrator 3

Y listo ya tienes tu imagen con transparencia de un lado:
transparencia imagen photoshop en Illustrator 4

Crea tu propio copo de nieve “snowflake” en Illustrator

Aquí en México casi no cae nieve en la época navideña, solo en algunas partes del Norte del país, pero como estamos tan influenciados por la cultura gringa, pues nos acostumbramos a ver muñecos de nieve o los famosos copos de nieve.
Sabemos que son una belleza matemática:

copo de nieve

También podemos hacer algunos recortando un papel “virtual” como lo muestra este sitio: Make a Flake

copo de nieve 2

O si de plano lo quieres hacer en Illustrator:

Primero creas tu guías que te servirán para producir los lados del copo de nieve, comienzas a trazar con la pluma lo que posteriormente reflejaremos en ambos lados para crear el copo, elegí una línea don puntas redondeadas para que no se vea tan angular:

copo de nieve Illustrator

Trazas únicamente el cuarto del diseño:
copo de nieve Illustrator 2

Escoges la herramienta de Reflejo en la barra de herramientas (se encuentra debajo de la herramienta de rotar).
copo de nieve Illustrator 6

Ya seleccionado el cuarto del diseño, con la herramienta de reflejar, le das un click sobre el eje horizontal aplicando la tecla Option en mac, Alt en PC… (mostrado en la imagen con un círculo rojo).
Te preguntará a cuantos grados o sobre qué eje deseas reflejar tu selección, escoges el Eje Horizontal, puedes ver la previsualización si deseas, algo muy importante es que le digas que COPIE, no OK:

copo de nieve Illustrator 3

Así obtendrás la mitad del diseño:
copo de nieve Illustrator 4

Continue Reading →

Como crear una paleta de color en Illustrator

Es muy importante que estemos preparados. En las vacaciones me gusta hacer “el trabajo sucio”, por ejemplo aquí explicaré como tener diferentes paleta de colores, por si los requerimos en algún trabajo del futuro.

Primero voy a una gran utilidad para “extraer” los colores de una imagen que subes desde tu computadora:
Color Palette Generator
paleta de color 1

Posteriormente le tomo una “foto” al cuadro donde tengo las muestras de color.

La importo a Illustrator, el documento lo tengo como Modo de Color CMYK, porque lo utilizaré para impresión, pero si lo queremos para Web, lo dejamos en forma de RGB.
paleta de color 2

Ya que está en Illustrator, borramos todos los colores de los “Swatches”. Vamos al triángulo del lado derecho de los Swatches y escogemos >Select All Unused:
paleta de color 3

Regresamos al triangulito y le decimos que los borre:
paleta de color 4

Posteriormente tomamos la herramienta de gotero y lo llevamos a los cuadros de color. Al tener el color lo podemos redondear para no tener valores raros. Cyan 67.45, Magenta 47,45, etc. mejor los llevamos a Cyan 70%, Magenta 50%, etc.
En relaidad esos pequeños cambios no hacen una gran diferencia, pero se ve más limpio nuestro trabajo.
paleta de color 5 >>> paleta de color 6

Continue Reading →