Illustrator World

viernes, 22 de febrero de 2008

Illustrator World



"Sitio en Internet dedicado exclusivamente a las imágenes vectoriales y aplicaciones de los vectores. Fue creado para servir a varios propósitos: instruir, inspirar y promover la innovación". ¡Es increible lo que se puede conseguir con un programa de dibujo!.

Ver esta web...

Desde Freehand a Illustrator: apuntes para emigrantes

Desde Freehand a Illustrator: apuntes para emigrantes

JPÉREZ: Se acabó la libertad. Illustrator es el programa de las capas. Si no sabes en cual de ellas estás trabajando tendrás problemas. Algunos dicen que Freehand era poco intuitivo. Los que dicen eso son porque no lo manejaban tan bien como el Photoshop. En cualquier caso (snif), la potencia y la calidad de acabado que ofrece Illustrator está fuera de toda duda, como también lo está el vigor de su herramienta de gráficos. Como dijo Marta Redondo, la profesora de los cursos de migración de MGV a quién yo cosí a preguntas para escribir esta lista, «todo en Illustrator se puede cambiar o es editable». Bueno. ¿Preparados? Aquí va un tutorial-guía para Illustrator desde Freehand. Un saludo Marta, reina.

shantanu

Shantanu, Director General de Adobe: malhombre.

TÉRMINOS DE FREEHAND Y SUS HOMÓLOGOS EN ILLUSTRATOR

  • Pegar dentro de trazado: objeto - mascara de recorte - crear. Antes, hemos de tener seleccionados el objeto que queramos introducir dentro del trazado y el trazado en cuestión.
  • Añadir puntas de flecha: filtros-estilizar-añadir puntas de flecha
  • Copiar atributos de texto o trazados: Con el cuentagotas. Seleccionar primero el o los objetos cuya apariencia desees cambiar. Después, toca con el cuentagotas el objeto del cual quieras sacar los atributos. Estos se copian automáticamente en los primeros objetos seleccionados.
  • Realizar uniones de figuras y recortes entre trazados: el buscatrazos. En la parte de modos de forma, el buscatrazos mantiene las figuras originales editables incluso después de haberlas fusionado.
  • La varita mágica de Freehand: el calco interactivo. Esa pequeñísima flechita que hay entre las opciones de menú es para los filtros hay varios estilos predeterminados.
  • Visualizar en esquema: Comando Y.
  • Dividir: Menú «objeto-expandir». También convierte en trazado cada uno de los pasos intermedios de un par de figuras que hemos fusionado. Convierte en trazados los resultados de los cambios del menu «efectos». En el panel del buscatrazos hay un botón de expandir con los mismo efectos que el del menú «objeto».
  • Para aplicar efectos a texto editable (no vectorizado), hay que seleccionarlo pulsando en los bordes de la caja, no con la selección directa del texto..
  • Traer al frente o llevar al fondo: Seleccionando con la tecla control apretada, o clickando con el botón derecho del ratón, nos muestra un cuadro de diálogo donde podemos llevar delante o detrás de la capa el objeto seleccionado.
  • Las fusiones (transformaciones de forma y color) entre dos trazados: Haciendo clic con la tecla alt pulsada, podemos editar cualquier figura intermedia en una fusión entre dos figuras.
  • Menú «efecto-distorsionar y transformar-transformar». Probadlo.
  • Expandir trazados: Menú «efecto-trazado-desplazamiento» y luego menú «objeto-expandir» para hacer del efecto un grupo de vectores simple.
  • Para hacer columnas y modificar párrafos: Menú texto - opciones de texto de área
  • Unir texto a trazado: Haciendo click con la herramienta de texto sobre cualquier línea o trazado, éste se convierte en una guía de texto. Hay una herramienta específica para ello en el botón de texto de la paleta principal.
  • Trazar el texto. Se llama «crear contornos». Texto - crear contornos.
  • Crear guías a partir de un objeto: Clic con control y seleccionar en el cuadro de diálogo que aparece: crear guías.
  • Escalar: Puedes definir si quieres que el grosor de los trazos se escalen junto con toda la figura o quieres que permanezcan invariables.

PARA QUE SIRVE…

  • Panel de estilos gráficos. Sirve como biblioteca de atributos para objetos o texto. Por ejemplo, cuando obtienes un buen grupo de efectos para conseguir un sombreado hiperrealista, puedes guardarlo en el panel de estilos gráficos (clic con arrastre del objeto en cuestión al panel de estilos gráficos) donde quedarán almacenados para aplicarlos de nuevo a otro objeto con un simple movimiento de arrastre. También guarda cualquier otro atributo de apariencia, por simple que sea.
  • El panel apariencia. Es análogo al inspector de objeto de Freehand. Muestra todos los efectos, colores y trazos que tiene el objeto se ve en este panel. Con él, se añaden trazos y rellenos extra que se suman en el panel de apariencia. En él podemos cambiar el orden de apilamiento, tanto los efectos como los trazos y los rellenos que hemos aplicado.
  • La paleta de capas y las guías. Todas las capas de illustrator son anidables unas dentro de otras. Se duplican arrastrandolas y lugo pulsando alt, o desde opciones de la paleta de capas. Es conveniente crear una capa y meter todas las guías en ella. En Illustrator, incluso las guías que arrastramos desde las reglas de los bordes, solo atañen a la capa donde estamos trabajando. Así que mejor todas juntitas en una capa y bloqueamos esta. Máscaras de recorte: en la tecla de opciones del panel de capas hay una opcion de crear máscara de recorte. El trazado debe estar siempre encima del objeto que quiere enmascarar. Importante. Los objetos que están en la misma capa, se tratan como una unidad. Si, por ejemplo, duplicamos un trazado tres veces y tenemos las tres copias en la misma capa y aplicamos un filtro a uno de los trazados que hemos duplicado, el filtro será aplicado también al resto.
  • La paleta de trasparencia: máscaras de opacidad. Sirve para dar trasparencias, pero también para crear máscaras de opacidad. Crear un trazado cerrado con un degradado y colocar sobre la imagen en la que queramos hacer la transparencia en degradado. Con los dos objetos seleccionados, ir al botón de opciones de la paleta de transparencia y aplicar «crear máscara de opacidad». Tambíen esta la opción de «soltar máscara de opacidad» para volver al estado anterior.

COMANDOS. Lo mejor es que personalicemos nuestros propios comandos en el panel de atajos de teclado. Los pocos que aquí resumo están por defecto.

  • Comando-mayúsculas-D: cambia el color del fondo de la mesa de trabajo de blanco a trasparente y viceversa.
  • Comando D: repetir ultimo movimiento. Por ejemplo: si duplicas con desplazamiento (alt), luego puedes repetir esa misma operación cuantas veces quieras con «comando D».
  • Comando Y: visualizar en esquema
  • Comando C: copiar
  • Comando F: Pegar en el mismo sitio. No queda más remedio que repetir este par de comandos (comando c y comando f) si quieres duplicar un objeto. Porque comando D no es duplicar, sino que repite el último movimiento, sea cual sea éste.

LOS EFECTOS Y LOS FILTROS. Los efectos son perfectamente editables y reversibles en cualquier momento del proceso de trabajo. Los filtros, por el contrario, una vez aplicados no son editables.

  • Efecto - estilizar - desvanecer
  • Efecto-resplandor exterior
  • Filtro que pone marcas de corte: filtro-crear-marcas de recorte.

LAS MÁSCARAS DE RECORTE : Tienen la desventaja de que todos los objetos que metemos dentro permanecen editables en modo esquema alrededor de la máscara que los recorta. Es un poco incómodo.

  • Objeto - máscara de recorte - crear. También se pueden crear desde las opciones de la paleta de capas. El trazado siempre encima del objeto que quiere enmascarar. En la tecla de opciones del panel de capas hay una opcion de «crear máscara de recorte».

EL COLOR EN ILLUSTRATOR

  • Puede ser global o no global. El global soporta CMYK o tinta plana. El no global sólo es CMYK. Los colores globales se diferencian de los no globales gracias a un pequeño ángulo blanco en la paleta de muestras. Si hacemos doble clik en cualuiera de estas, nos saldrá un cuadro de diálogo que nos permite cambiarla, ente otras cosas, de global a no global y viceversa.
  • Cambiar colores. Los colores globales permiten que cualquier cambio que hagas sobre ellos en la paleta de muestras, lo acusen también todos los objetos coloreados con ese color global. Solo de ellos se pueden sacar matices.
  • Sacar matices: Llevar el color a al paleta de color y variar el manejador de porcentaje. Ir arrastrando los colores obtenidos a la paleta de muestras. Crear grupo de colores en la paleta de muestras y dejar los matices.
  • Sacar tintes:
  • Guia de color. Es la paleta que muestra por defecto los tintes y los matices de un color. También muestra las diferentes paletas de colores que combinan con el color elegido en una guía llamada “reglas de armonía”.
  • Sobreimpresión. Seleccionar el objeto y sacar la paleta de atributos. En ella, marcar la casilla «sobreimpresión». Activar en el menú «ver» la opción «previsualizar sobreimpresión». Conviene tenerla siempre activada.
  • El reventado está en la paleta de «buscatrazos».
  • Color activo: Selecciona reglas de armonia de colores. Localiza colores no globales o sin nombrar y los convierte en Pantones. Cambia los colores de una composición de manera global por los de otra paleta de colores armónica de nuestra elección.

TEXTO.

  • Encadenar cajas de texto. Hay marcas de desborde de texto cuando éste supera las dimensiones de una caja. Pinchando en el cuadradito rojo de desborde dos veces, (dobleclick) se genera una caja de texto de las exactas dimensiones que la anterior abajo a la derecha, con el resto del texto desbordado en su interior. Si haces un sólo clik en la marca roja de desborde, copia el texto desbordado en una caja exactamente igual que la anterior en el sitio que señalemos con otro click.
  • Para hacer columnas y modificar párrafos: Menú texto - opciones de texto de área
  • Unir texto a trazado: Haciendo click con la herramienta de texto sobre cualquier línea o trazado, éste se convierte en una guía de texto. Hay una herramienta específica para ello en el botón de texto de la paleta principal.
  • Trazar el texto. Se llama «crear contornos».
  • Reglas de armonia en la paleta de guia de color.
  • En quark y esn freehand, se podía aplicar un contorneo a objetos para que los rodde el texto.
  • Cómo duplicar expandiendo y contrayendo el contorno


Cazadores de Blogs en CuatroTipos

Cazadores de Blogs en CuatroTipos


cuatrotipos


muy buen citio para todos aquellos que le gusta el diseño editorial



Cazadores de blogs

Revistas digitales

martes, 19 de febrero de 2008

Newwebpick
newwebpick2.jpg

Revista en formato “flash page flip” dedicada a la ilustración, la fotografía y el diseño en general, con imágenes espectaculares y trabajos realmente buenos. Ésta es una de mis favoritas.

Infografia

Como estan chavos hoy les traigo algo muy bueno y de mucha utilidad , bagando por la red me tope con un blog buenicimo que trata sobre infografia, espero que les guste y que le saquen el jugo.


VisualMente

Globe-Trotters: Break away

Globe-Trotters: Break away

Advertising Agency: FFL Paris, France
Creative Directors: Fred & Farid
Art Directors / Copywriters: Mike Zonnenberg, Jo Dubruque
Photographer: Aurelien Dupuis
Post-production: Lilian Joly, Matthieu Colloud
Published: January 2008

Freddy: 100 metres

Freddy: 100 metres

Let my muscles be up to my dreams.

Advertising Agency: 1861 United, Milan, Italy
Creative Directors: Federico Pepe, Stefania Siani
Art Directors: Federico Pepe, Micol Talso
Copywriters: Stefania Siani, Luca Beato
Photographer: Lorenzo Vitturi

Your vote:

Freddy: Beam

Freddy: Beam

I move along a fragile border between fear and dream.

Advertising Agency: 1861 United, Milan, Italy
Creative Directors: Federico Pepe, Stefania Siani
Art Directors: Federico Pepe, Micol Talso
Copywriters: Stefania Siani, Luca Beato
Photographer: Lorenzo Vitturi

Freddy: Rhythmical dance

Freddy: Rhythmical dance

Make all my ambitions turn into precision.

Advertising Agency: 1861 United, Milan, Italy
Creative Directors: Federico Pepe, Stefania Siani
Art Directors: Federico Pepe, Micol Talso
Copywriters: Stefania Siani, Luca Beato
Photographer: Lorenzo Vitturi

Freddy: Volleyball

Freddy: Volleyball

This hit will be with me for ever.

Advertising Agency: 1861 United, Milan, Italy
Creative Directors: Federico Pepe, Stefania Siani
Art Directors: Federico Pepe, Micol Talso
Copywriters: Stefania Siani, Luca Beato
Photographer: Lorenzo Vitturi

Apumanque Bikes: Skeleton

Apumanque Bikes: Skeleton

Advertising Agency: Espinaca, Chile
Creative Director: Camilo Pérez
Copywriter: Jorge Samur
Art Director: Flinders Cabrera
Retoucher: Bside

Heinz: Jewels, 2

Heinz: Jewels, 2

Ordinary things. Extraordinary good.

Advertising Agency: MARK/BBDO, Czech Republic
Via: adverbox

Sibby's Cupcakery: Kid, 2

Sibby's Cupcakery: Kid, 2

Inside all of us is a kid who wants a cupcake.

Sibby's Cupcakery: Kid, 3

Sibby's Cupcakery: Kid, 3

Inside all of us is a kid who wants a cupcake.

Advertising Agency: BBDO WEST San Francisco, USA
Creative Director: Jim Lesser
Art Director: Reece Hoverkamp
Copywriter: Jack Harding
Illustrator: Anthony Clarkson
Published: January 2008

Solid Private and Commercial Security Services: Born brav

Solid Private and Commercial Security Services: Born brave

Advertising Agency: Walk The Line, Warsaw, Poland
Executive Creative Director: Pawel Miklaszewski
Art Director: Jarek Spula
Copywriter: Adam Mazurek
Retouch: Mateusz Wesolowski

Bayer Aspirin: Nails

lunes, 18 de febrero de 2008

Bayer Aspirin: NailsAdvertising Agency: BBDO, Düsseldorf, Germany

Tarladalal.com: Piano

Tarladalal.com: Piano

Live beyond the kitchen. Effortless recipes at www.tarladalal.com

Fnac: Janis

Fnac: Janis

Vinyl never dies.
New vinyl section at Fnac.

Fnac: Jim

Fnac: Jim

Vinyl never dies.
New vinyl section at Fnac.

Fnac: Elvis

Fnac: Elvis

Vinyl never dies.
New vinyl section at Fnac.

Pattex SuperGlue: Nail


No necesitas algo demasiado elaborado para poder comunicar

Pattex SuperGlue: Nail
Advertising Agency: Incognito, Belgrade, Serbia
Art Director: Djordje Djukanovic

Algunos tips en Illustrator

domingo, 17 de febrero de 2008

Que onda chavos como freehand ya valio madres... jajaja ahora tenemos que entrarle con H... a Ilustrador esta muy sencillo de usar, quien dijo miedo a continuacion un par de tips.

Una breve lista de tips de Illustrator:

Para desbloquear las guías:
Command>Option>; en Mac y Control>Alt>; en PC

Si estás utilizando cualquier herramienta y deseas regresar al puntero de selección por un momento, sólo presiona la tecla de Command en Mac o Control en PC. Así al dejar de presionar la tecla regresarás a la herramienta anterior.

Si no deseas ver la caja (bounding box) que está alrededor de la selección, presiona Command>Shift>B en Mac o Control>Shift>B en PC. Para verla de nuevo has lo mismo, porque la cajita es buena para transformar el trazo sin necesidad de ir a la herramienta de escalar.

Si tienes un buen número de objetos uno sobre otro y deseas seleccionar los que están atrás, puedes utilizar el mouse derecho en la PC o en la Mac con Control y presionar el mouse. Allí verás un menú emergente para seleccionar el siguiente objeto, el primero o el último en turno.

Si deseas una figura a un tamaño específico, ya sabes que es seleccionándola en la barra de herramientas y le das un click, te preguntará las medidas exactas, pero si deseas que al crear esta figura comience desde el centro, sólo mantienes la tecla de Option en Mac o Alt en PC antes de darle el click.

Para deseleccionar TODO en Illustrator aplica Shift>Command>A y en PC Shift>Control>A
Para bloquear un trazo Command>2 Control>2 en PC, para desbloquear TODO Option>Command>2 Alt>Control>2 en PC.
Para esconder un trazo Command>3 Control>3 en PC y para mostrar TODO Option>Command>3 Alt>Control>3 en PC.

Para seleccionar todo menos el objeto que está seleccionado actualmente, tienes que ir al menú Select>Inverse.

Para regresar a los colores por default del relleno y línea, como en Photoshop sólo aplica la tecla D y listo.
Para regresar al puntero normal de selección aplica la letra V
Selección Directa A
Texto T
Pluma P
Claro que si estás escribiendo con la herramienta de texto, no se pueden usar estos atajos.

Si no te es suficiente darle doble click a la herramienta de Lupa, el atajo de Command>0 ó Control>0 en PC para ver TODO. Trata manteniendo la tecla de Command en Mac o Control en PC y dale doble click a la herramienta de Lupa, verás todo al menor tamaño posible, 3.13%

Continuará…

Si sabes de otros tips o atajos, por favor compártelos en los comentarios.

Texto Alrededor de una imagen en 1 minuto

Ahora haremos un texto alrededor de un círculo, manejaremos Illustrator:

circuloLetras12.gif

Primero se crea el círculo de alrededor y con la herramienta del texto sobre un trazo se escribe la leyenda:

circuloLetras3.gif circuloLetras4.gif
(more…)

Alinear en Illustrator

Una de las cosas tan sencillas se vuelve un dolor de cabeza, como el alinear objetos.
Illustrator toma como referencia el que está posicionado en el extremo más próximo al lado a alinear.
Por ejemplo en éste caso se alinearán todos al primer cuadro, dirigiéndose a la base:
alinearIllustrator.gif

Obteniendo algo como esto:
alinear2.gif

Que tal si queremos alinear todo al segundo cuadro:
alinear3.gif

Bueno, el secreto es seleccionar todo lo que queremos alinear, dar un click al objeto que servirá como referencia, en éste caso el segundo cuadro. Posteriormente dar click en la opción de alinear. Y listo se alineará dependiendo al objeto que escojamos. Aquí se mueven todos a la base del segundo.
alinear4.gif

Gradientes transparentes en Illustrator

gradiente transparente Illustrator

Una pregunta frecuente en nuestro foro y en otros más, es saber como producir un gradiente transparente de un lado y sólido por el otro.

Aquí está un tutorial que explica la forma de hacerlo:

Transparent Gradients in Illustrator CS/CS2

Los diferentes Formatos de Illustrator, .ai, .eps, .pdf, etc.

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

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
(more…)

Separación de color en forma vectorial para imprimir en serigrafía

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:
disney maleta

Como ustedes ven los colores Pantone se dividen en:
disney colores pantone

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:
colores pantone
colores pantone maleta

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:
base blancabase blanca

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

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

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.