Dibujar formas en Illustrator (avanzado) – por Manuel Hernández

Parece que el blog va dando frutos y la gente está más o menos contenta con su contenido, pero además hay algunos lectores que se deciden y me envían sus “trucos” para que los publique.

Valga esta pequeña introducción para comentar que un amable seguidor de Desfaziendo Entuertos, escribió en los comentarios una duda al cual contesté a la par por mail y en el blog.

El resultado del cruce de “emilios” es el siguiente: Una recopilación de trucos/comandos de teclado que podemos utilizar a la hora de dibujar formas en Illustrator desarrollada por Manuel Hernández, que según me comentó, es profesor de Diseño Gráfico.

Sin más preámbulos, os dejo con esta recopilación que es más que aconsejable tener “apuntada”

Con cualquier herramienta de forma que lo admita podemos utilizar las siguientes combinaciones de teclas:

  • Mayúsculas + Arrastrar: dibuja la forma elegida según una proporción 1:1. Con las herramientas de líneas abiertas las rota en ángulos de 45º o 90º. Con la herramienta polígono o estrella lo nivela a 0º.
  • Alt + arrastrar: dibuja la forma a partir de su centro geométrico.
  • Mayúsculas + Alt + Arrastrar: combina las 2 anteriores. Traza desde el centro y con una proporcionalidad 1:1.
  • Barra Espaciadora + Arrastrar: recolocamos la forma en el área de trabajo. Al soltar la Barra Espaciadora continuaremos dibujando la forma.

De manera individual para cada herramienta tenemos:

Cuadrado de vértices redondeados: FLECHA ARRIBA redondea los vértices. FLECHA ABAJO angula los vértices. FLECHA IZDA. máximo angulación (90º). FLECHA DCHA. máxima redondez en el vértice para conseguir una circunferencia.

Polígono: FLECHA ARRIBA añade más lados. FLECHA ABAJO reduce número de lados del polígono hasta el triángulo equilátero.

Estrella: es la que más variantes ofrece, así que las explicaré todas. Utilizaré un efecto para representarlo que descubrí gracias al blog http://desfaziendoentuertos.prepress.es/ y que resumo más abajo.

Al hacer click y arrastrar generamos una estrella que crece desde su centro geométrico y de manera proporcional las aristas y la distancia de cada uno de los vértices respecto al centro. Con Mayúsculas pulsado la nivelamos (0º).

trazar_pagina_1001.jpg

Con el CTRL (en Mac Comando) pulsado bloqueamos la posición del vértice interior y sólo alejamos el vértice exterior.

trazar_pagina_1002.jpg

Mientras dibujamos, FLECHA ARRIBA aumenta el número de puntas. FLECHA ABAJO las disminuye hasta crear una estrella de 3 puntas.

trazar_pagina_2001.jpg

La siguiente variante tengo que reconocer que la descubrí por casualidad. Comenzamos haciendo click para dibujar una estrella. Sin soltar pulsaremos la tecla ALT GR (en Mac es la tecla Opción). Veremos que la estrella sufre una transformación de sus “vértices interiores” para generar otra estrella con las mismas características de tamaño y número de puntas pero siguiendo la siguiente norma: las puntas se unen por líneas rectas imaginarias de manera alterna. Si miramos el dibujo se entenderá mejor. Se unen la 1, la 3, la 5, y la 7. Luego la 2, la 4, la 6 y enlaza al final con la 1.

trazar_pagina_2002.jpg

Y siguiendo la misma línea, hacemos click, arrastramos para dibujar la estrella, presionamos ALT GR y sin soltar bajamos el número de puntas con la FLECHA ABAJO al mínimo (3).
Seguidamente pulsamos una vez la FLECHA ARRIBA (seguimos con ALT GR pulsado) y se nos cambia la estrella al modelo del dibujo.

trazar_pagina_2003.jpg


Ahora ya podemos soltar ALT GR e ir modificando el número de puntas que tendrá esta nueva modalidad de estrellas con las teclas FLECHA ARRIBA y ABAJO.

trazar_pagina_3001.jpg

Se produce un efecto curioso al programar esta forma de estrella si pulsamos la tecla CTRL y arrastramos para definirla.

trazar_pagina_3002.jpg

Para regresar a la forma de estrella por defecto sólo hay que volver a pulsar ALT GR mientras se dibuja una y observaremos como vuelve al estado normal.

Estos son algunos ejemplos trazando con la herramienta estrella mientras hacemos uso del truquillo que viene a continuación:

trazar_pagina_3003.jpgtrazar_pagina_4001.jpgtrazar_pagina_4002.jpg

Repetir el objeto mientras se traza

Nada más sencillo que apretar la “ñ” (> en mac) mientras se traza la forma. Podemos combinarlo con el “space” para crear más formas mientras desplazamos la original.

trazar_pagina_5001.jpg

Una gran explicación sobre como dibujar formas en Adobe Illustrator “de una manera más creativa”, pero también más controlada. He de decir que yo no he conseguido reproducir en mi Mac el truco de que salgan las líneas interiores en las estrellas, pero en un PC funciona perfectamente tal como lo explica Manuel.

Creo que los lectores agradecerán este post.

Nuevamente muchas gracias a Manuel Hernández por su contribución.

Duplica indefinidamente un elemento mientras lo dibujas en Illustrator

Supongo que ya sabes como dibujar una forma (estrellas, elipses, rectángulos…) con Illustrator, pero el si diseño requiere que ésta se repita indefinidamente, habitualmente copias/pegas hasta hartarte y llenar la página con el elemento deseado.Pero…

¿Sabías que puedes duplicar indefinidamente una forma mientras la dibujas en Illustrator?

Cuando quieras hacer esto, sólo deberás empezar a dibujar y mientras tanto pulsar la tecla “>” (mayor que) en Mac. Si utilizas Windows la tecla a utilizar será la “ñ” (eñe). La magia de Illustrator y los movimientos de tu ratón harán el resto.

Mira el video y comprueba lo que se puede hacer.

Imagen de previsualización de YouTube

Si a la par también pulsas la barra espaciadora, podrás duplicar tu figura horizontal y verticalmente.

Imagen de previsualización de YouTube

Por cierto, prueba a hacer esto con la herramienta de líneas (luego, si quieres, les puedes aplicar un estilo bonito)…

Estrellas en Illustrator

¿Sabes como definir la cantidad de puntas que quieres tenga la estrella que estás dibujando con la Herramienta Estrella? ¿Y el radio Interior? ¿Y el Exterior?

Deberás seleccionar la Herramienta Estrella (que no la “Estrella de las Herramientas”) y pinchar en cualquier lugar de tu diseño. Aparecerá un menú donde podrás definir estos parámetros. En cuanto pulses el botón Aceptar, aparecerá una Estrella según tu la hayas definido.

estrella.jpg

¿Pero sabías que puedes ir cambiando el número de puntas de la Estrella mientras la dibujas?

Sólo tienes que empezar a trazarla (en este caso pinchando en cualquier lugar y arrastrando el ratón) e ir pulsando las teclas de Cursor Arriba o Cursor Abajo en función de cuantas puntas necesites.

Para que veas como funciona esta técnica, te pongo un pequeño vídeo. Mi primer videotutorial, que “ilu” ;)

Imagen de previsualización de YouTube

Tutoriales de Ilustración con Illustrator en Español

En el blog de Juan Moraga G., Ilustradamente hablando y + encontrarás distintas obras de este ilustrador-diseñador-publicista. El contenido gráfico es inmejorable, pero lo mejor de todo es que el autor explica paso a paso como va generando su obra, desde que concibe el boceto hasta que termina la ilustración. Dibujando, aplicando efectos, retocando… ¡y todo con Illustrator!

santa2.jpg santa.jpg santa_def.jpg

Sencillamente ex-ce-len-te. No deberías perdértelo.

Aplicar trazos a las imágenes con fondo transparente en Adobe Illustrator

Esta técnica se puede utilizar en Illustrator CS2 así como en CS3, y puede resultar útil a la hora de aplicar efectos a una imagen directamente en illustrator.

Para comenzar utilizaremos una imagen en formato PSD con el fondo transparente:

diablillo.jpg

La colocaremos en Illustrator teniendo cuidado de activar las capas necesarias para solamente “importar” el objeto deseado.

importacion.jpg

Una vez colocada la imagen en Illustrator, procederemos a aplicar un nuevo trazo al objeto desde la paleta Apariencia.

anadir-trazo-nuevo.jpg

En este momento no apreciaremos nada nuevo en nuestra imagen… Salvo que si observamos en la paleta Apariencia, hay un trazo aplicado a un grupo aunque no se vea en nuestra imagen.

trazo-anadido.jpg

Pero llega la magia…

Teniendo seleccionada la imagen (y habiendo añadido un nuevo trazo), accederemos al menú Efecto–>Trazado–>Contornear Objeto.

contornear-objeto.jpg

En este momento se habrá aplicado un trazo alrededor de la imagen que por defecto será de un punto de grosor (y que podremos cambiar posteriormente).

contorneado.jpg

En este punto ya hemos conseguido nuestro propósito. El problema es que el nuevo trazo que hemos creado solamente es modificable a nivel de color y de grosor. Sería muy conveniente hacerle completamente editable.

Pues manos a la obra… Ahora accederemos al Menú Objeto–>Expandir Apariencia.

expandir-apariencia.jpg

Objetivo conseguido… Nuestra imagen ahora presenta un trazo completamente editable. Lo que ha sucedido al Expandir la Apariencia ha sido que Illustrator ha creado un nuevo grupo de objetos con la imagen y el trazo aplicado a ésta. Si lo deseamos podemos desgrupar los elementos y actuar con ellos como deseemos.

Una puntualización: Al Expandir la Apariencia el trazo queda por delante de la imagen (que sigue teniendo el fondo transparente). Si el grosor que hemos elegido es muy grande, tapará ciertas zonas. Por lo tanto si es necesario, deberemos traer ésta hacia adelante para que el trazo sólo se vea por detrás.

De esta forma podremos aplicar estilos al nuevo trazo creado.

garabateado.jpg

O también podremos modificarle independientemente y hacer con él lo que queramos…

fusion1.jpg

Página 4 de 9« Firstanterior...23456siguiente...Last »