Una buena colección de este tipo de ilustración, a diferencia de otros lugares que muestran las imágenes en formato BitMap, aquí están en formato vectorial, así las puedes editar en Illustrator, FreeHand o CorelDraw.

72 Free Vector Glass Buttons and Bars

En ese mismo sitio pueden encontrar más ilustraciones vectoriales de ese estilo.

Smashing Magazine se está especializando en proveedor de grandiosas ligas, que compilan diferentes tópicos de ayuda para el Diseño Web.
Ahora nos muestra una de Tutoriales de Illustrator.

Adobe Illustrator Tutorials

Muy buen tutorial que demuestra el proceso en la transformación de una imagen en Bitmap a Vectorial, siguiendo el estilo de la película Scanner Darkly, la cual sigue el método de rotoscopio o en algunos casos Rotoshop Animation, que hace mucho está en el gusto de algunos animadores.

Imitating A Scanner Darkly

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:

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

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:

Trazas únicamente el cuarto del diseño:

Escoges la herramienta de Reflejo en la barra de herramientas (se encuentra debajo de la herramienta de rotar).

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:

Así obtendrás la mitad del diseño:

(more…)

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

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.

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:

Regresamos al triangulito y le decimos que los borre:

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.
>>>

(more…)

Una buena explicación de los diferentes formatos a guardar en Illustrator. (está en Inglés).

Illustrator File Formats explained

Aquí una breve traducción:

Adobe Illustrator (.ai)
Formato nativo de Illustrator, solo este programa lo puede editar. Se basa en el formato PDF, pero Acrobat no lo lee correctamente. Cuando se guarda como .ai se puede editar al 100%, se mantiene la transparencia y guarda una previsualización al estilo PDF 1.4
Este formato es el mejor para trabajarlo en forma personal y es ideal para usarlo en InDesign y Photoshop.

Illustrator EPS (.eps)
Este formato (Encapsulated PostScript) es un estándar gráfico desde hace mucho tiempo. No soporta transparencias con respecto a otras aplicaciones gráficas, así que si se utiliza una transparencia se aplanará “flatten”, para que se pueda importar en otro programa.
Al guardarlo como .eps la mayoría de los efectos se expanden y el texto se puede separar para aplanar el documento. Illustrator guarda una copia .ai dentro del documento .eps por si se desea editar en Illustrator.
La mayoría de las personas que trabajan con InDesign y “Smart Objects” en Photoshop, prefieren el formato .ai en lugar del .eps.
Los usuarios de QuarkXpress todavía trabajan en gran medida con el formato .eps

Adobe PDF (.pdf)
Se guarda un PDF con una copia incorporada del formato nativo .ai, sin aplanar, claro que al momento de salvar se marca la opción de “Preserve Illustrator Editing Capabilities”. Si no se aplica esto, el documento baja de tamaño, pero la edición es más difícil. El texto en este formato es difícil de editar, los efectos se aplanan, etc.

Illustrator Template (.ait)
Sirve para crear una plantilla.

SVG Compressed (.svgz) and SVG (.svg)
Scalable Vector Graphics es un lenguaje en forma de XML para describir una gráfica vectorial en dos dimensiones, puede ser en forma estático o de animación. Se considera un estándar del World Wide Web Consortium.
El formato SVG puede contener formas y trazos vectoriales, imágenes “rasterizadas” y texto.

Opciones para Exportar
Se puede exportar en forma de .jpg, .png, .swf (Flash), .bmp, .tif, .txt (formato de texto), .wmv (Windows meta file) y .dxf (AutoCAD Interchange Format).

¿Cuantas veces nuestro cliente nos pide que hagamos una letra Script con terminaciones al estilo caligráfico?
Tratamos de escanear algunos motivos de algún libro de tipografía antigua. Luego los trazamos en Illustrator y después de horas, tenemos nuestra palabra.

Bueno, en Illustrator existe una paleta llamada Glyphs que muy pocos utilizan.

Si tenemos una tipografía regularmente buena como esta, podemos hacerle algo más:

Nos vamos a Window>Type>Glyphs

(more…)