¿Qué es Illustrator?

Illustrator  es una herramienta desarrolada por Adobe, con la que podremos crear y trabajar con dibujos basados en gráficos vectoriales.

Para entender cómo funciona este programa, lo primero es entender qué es un gráfico vectorial, y que diferencia existe con los gráficos basados en mapa de bits.

Puedes descargarte de forma gratuíta una versión de 30 días de prueba del programa desde la web de Adobe.

x655px.en ha sido redimensionada. Haga click en esta barra para ver la imagen completa en 800x471px.

Los logotipos de Illustrator son propiedad de Adobe Systems Incorporated, así como las marcas registradas Adobe, Illustrator, CS3 entre otras. Aulaclic no tiene niguna relación con Adobe.

¿Qué es un mapa de bits?

Las imágenes de mapa de bits, también conocidas como imágenes ráster, están compuestas por puntos individuales denominados píxeles, dispuestos y coloreados de formas diversas para formar un patrón. Pero si aumenta el tamaño del mapa de bits, también aumentará el número de píxeles individuales, haciendo que las líneas y las formas tengan un aspecto dentado, dando la sensación de que ver los píxeles.

   

La reducción del tamaño de un mapa de bits distorsiona la imagen original, ya que se eliminan algunos píxeles para reducir el tamaño de la imagen lo que hace que se pierda información.

   

En el ejemplo vemos que al reducir la imagen, se han perdido píxeles, y ya no se muestra el dibujo de la malla. Si esto lo hacemos desde un editor, y guardamos la imagen, estos píxeles no se recuperan ni volviendo a aumentar la imagen, por lo que hemos perdido calidad.

El color y la forma de una imagen de mapa de bits aparece regular si se observa a distancia, puesto que cada píxel tiene un color propio, puede crearse efectos de realismo fotográfico tales como el sombreado y el aumento de la intensidad de color.

Debido a que las imágenes de mapa de bits forman conjuntos de píxeles ordenados, sus distintos elementos no se pueden manipular (por ejemplo mover) de forma individual.

Se basan en mapa de bits los formanos más habituales, como el jpg, bmp o gif.

¿Qué es un gráfico vectorial?

Las imágenes vectoriales, también llamadas imágenes orientadas al objeto o imágenes de dibujo, se definen matemáticamente como una serie de puntos unidos por líneas. Los elementos gráficos presentes en un archivo vectorial se denominan objetos. Cada objeto es una entidad completa con propiedades tales como color, forma, contorno, tamaño y posición en la pantalla, que están incluidas en su definición.

Considerando que cada objeto es una entidad completa, se puede mover, cambiar sus propiedades una y otra vez manteniendo su claridad y nitidez originales, sin afectar a los restantes objetos de la ilustración.

   

Los dibujos vectoriales no dependen de la resolución. Esto significa que se muestran con la máxima resolución permitida por el dispositivo de salida: impresora, monitor, etc. Por lo tanto, la calidad de imagen de tu dibujo será mejor si lo imprimes en una impresora de 600 puntos por pulgada (ppp) que en una impresora de 300 ppp.

En esta imagen podemos ver que un gráfico del mismo tamaño, pierde resolución al aumentarlo si se trata de un mapa de bits, pero no si se trata de un gráfico vectorial.

Existen programas distintos para tratar estos dos tipos de gráficos. Programas como Photoshop o Paint Shop Pro trabajan sobre mapas de bits. Estos porgramas están más enfocados al tratamiento y retoque fotográfico. Otros programas, como Illustrator o Corel Draw trabajan con gráficos vectoriales. Estos programas son más utilizados para crear imágenes desde cero, aunque lo que creemos lo convirtamos después a un mapa de bits, guardándolo como un gif o un jpg.

Illustrator nos permite también generar un gráfico vectorial a partir de un mapa de bits. Todo esto lo veremos a lo largo del curso.

Comenzando a trabajar

Adobe Illustrator se abre como cualquier programa de Windows. Si durante la instalación se creó un icono de acceso directo en el escritorio, podemos hacer doble clic sobre él para abrirlo. Si no, desde el menú Inicio, podemos buscarlo en Todos los programas, si no está en la lista de programas recientes. Otra opción ágil para encontrarlo es utilizar la caja de búsqueda de Windows Vista.

Al ejecutar el programa, lo primero que este hará será cargar sus archivos, plug-ins, herramientas y menús. Esto tardará algunos segundo, dependiendo de la potencia de nuestro ordenador.

Cuando arranca la aplicación, lo primero que encontramos es la pantalla de bienvenida.

x655px.

Esta ventana se divide en cuatro secciones:

Abrir un elemento reciente:

Aquí encontramos los últimos archivos abiertos desde Illustrator, que podremos abrir con un clic, y la opción de abrir un nuevo.

Crear nuevo:

Si lo que queremos es crear un nuevo documento, podremos elegir uno de los perfiles predefinidos según lo que queramos obtener. Estos perfiles se diferencian en valores preestablecidos para el tamaño, el modo de color, las unidades, la orientación, la transparencia y la resolución.
Por ejemplo, si lo que queremos es imprimir el documento en alta resolución, la mejor opción será Documento para imprimir..., que nos permitirá elegir distintas resoluciones o tamaños de impresión, mientras que si lo que queremos es publicarlo en una página web, será más eficaz elegir Documento para Web....

Otra opción es elegir un plantilla pulsando en Desde plantilla.... Usando una plantilla, podemos crear documentos que comparten ajustes y elementos de diseño. Esto nos facilitará el trabajo cuando debamos crear muchos documentos similares

El entorno de Illustrator se compone por una serie de paneles, barras y ventanas, que podemos mover y desplazar. Y cualquier disposición de estos elementos se conoce como área de trabajo.
Vamos a ver más detalaldamente cuales son estos elementos. Para que se muestren los paneles, prueba a abrir una imagen o un documento ya creado.

Barra de menús.

Es la barra superior desde la que se despliegan los menús como Archivo o Edición. Esta barra es común a la mayoría de las aplicaciones Windows, por lo que ya conocerás su funcionamiento.

Panel de herramientas.

En el lateral izquierdo encontramos este panel, que agrupa las herramientas de dibujo, edición, etc. Algunas herramientas aparecen agrupadas en un mismo icono, el cual se diferencia por tener un triangulito en su esquina inferior derecha. Para desplegarlas hay que mantener pulsado el ratón unos segundos. También podemos acceder a sus propiedades haciendo doble clic.

Panel de control.

En esta barra, situada debajo de la Barra de menús, aparecen opciones propias del objeto que tengamos seleccionado. Por lo que estas opciones variarán según el tipo de objeto. También podemos referirnos a ella como Barra de opciones.

Paneles.

Los paneles o paletas, normalmente situados a la derecha, muestranun grupo de opciones y propiedades relacionadas, como puede ser el Navegador, Color o Pinceles. Pueden estar agrupados en el Menú o Grupo de paneles o podemos encontrarlos flotantes, y aparecer apilados o acoplados. Todos los paneles se pueden agregar desde el menú Ventana.

Ventana del documento.

Cada uno de los documentos aparece en una ventana, que podemos minimizar, maximizar o cerrar. En la esquina izquierda de esta ventana encontramos el Zoom para aumentar o disminuir el documento. También es denominada Ventana de ilustración.
Dentro de esta ventana podemos encontrar otros elementos. Los principales son la mesa de trabajo, que indica el tamaño de la página en la que se imprimirá el documento, y el área de recorte, que delimita la parte del documento que se exportará o publicará.

A veces, pueden parecernos muchos elementos, y darnos la sensación de que nos quedamos sin espacio para ver el documento sobre el que trabajamos. Una solución a esto es pulsar la tecla Tab (tabulador). Al hacerlo, se ocultan o visualizan todos los elementos salvo la Ventana del documento. Si en vez de eso pulsamos Mayúsculas + Tab se ocultarán sólo los paneles.

Es importante conocer estos términos, ya que nos referiremos constantemente a ellos a lo largo del curso.

El panel Capas

En un documento podemos crear varias capas. Las capas nos permiten trabajar con los elementos del documento en distintos niveles. Para hacernos una idea, podemos comparar las capas con una serie de láminas transparentes, en las que podemos dibujar de forma independiente, pero que si las superponemos vemos todas las láminas como un sólo dibujo. El orden de las capas determina el orden de los objetos. Esto hace que al superponer objetos de distintas capas, se muestre encima el objeto de la capa superior, y al fondo los de las capas inferiores. Por eso, se suele colocar los dibujos que forman el findo de la ilustración en las capas de más bajo nivel.

Esto nos facilita el trabajo sobre todo en documentos más complejos, pudiendo tener en la primera capa el fondo, en la segunda dibujos más detallados, etc.

Para controlar las capas y movernos entre ellas, disponemos del panel Capas.

En este panel encontramos todas las capas. Si nos las creamos, sólo tendremos una. A la izquierda de cada capa, hay un triángulo que expande o contrae la capa, mostrando sus subcapas. Las subcapas son los distintos objetos que la componen.

A la izquierda tenemos dos iconos: un ojo que al pulsarlo oculta o muestra la capa, y un candado , que la bloquea impidiendo su edición.

Debajo, tenemos los controles que nos permiten crear o eliminar capas. Haciendo doble clic sobre una capa, accedemos a sus propiedades, y podemos cambiar, por ejemplo, su nombre.

Hay que tener en cuenta que cuando tengamos más de una capa y dibujemos, lo estaremos haciendo sobre la capa seleccionada, la que aparezca resaltada en azul.

Puedes practicar lo que aquí se ha explicado con el ejercicio paso a paso Manejar las capas.

2.3. Desplazarse por el documento

Podemos mover el área que se visualiza del documento de varias formas:

- Utilizando la herramienta mano podemos desplazar el documento simplemente arrastrando.

- Utilizando la rueda del ratón, para desplazarnos verticalemente si la combinamos con la tecla Ctrl, y horizontalmente si la combinamos con la tecla Mayúsculas.

- Con las barras de desplazamiento típicas de las ventanas de Windows .

Estos métodos son cómodos para desplazamientos cortos, pero podemos perdernos si los usamos para buscar algo en otras partes del documento, en especial en documentos muy grandes. Por eso disponemos del panel Navegador.

En este panel encontramos una vista en miniatura del documento. La zona que estamos viendo aparece enmarcada en rojo. Para movernos a otro lugar, basta con desplazar este marco en la vista de miniatura.

Recuerda, si no visualizas algún panel, puedes activarlo desde el menú Ventana.

Guardar y exportar

Es importante diferenciar, primero, los dos estados de trabajo en los que se puede encontrar un gráfico:

• Un gráficopuede estar en proceso, y no estar todavía acabado. Bien porque queremos grabar en determinado momento para no perder los cambios realizados, o porque deseamos terminar la sesión de trabajo y continuar más adelante.
• O un gráfico puede encontrarse terminado y lista para publicar, imprimir o almacenar.

Por tanto, si el gráfico puede encontrarse en dos estados de trabajo, guardaremos nuestros archivos de formas diferentes. De todas formas, al terminar lo normal es guardar de ambas formas. Es decir, por un lado creamos un archivo de trabajo, y por otro el archivo final, pero si en el futuro queremos volver a editar el archivo, deberemos hacerlo sobre el archivo de trabajo, que guarda todas sus propiedades.
Guardar un documento en proceso:
A salvar el documento sin perder ninguna de sus propiedades, capas, etc, para poder seguir trabajando con él, lo llamaremos simplemente Guardar, y normalmente lo haremos en el formato propio de Illustrator, con la extensión .ai.
Guardar es una opción común en la mayoría de programas, y en todos se hace de forma parecida, por lo que ya te resultará familiar. Los comandos para guardar los encontramos en el menú Archivo. Tenemos varias opciones:

Guardar:

Guarda los cambios en el documento. Si es la primera vez que guardamos, mostrará el diálogo Guardar como, para que elijamos la ubicación y formato del archivo.

Guardar como:

Esta opción guarda los cambios en un archivo nuevo, pudiendo elegir otra ubicación o formato, y seguimos trabajando con el nuevo archivo creado.

Guardar copia:

Como su nombre indica, crea una copia del documento, parecido a la opción Guardar como, pero nos permite seguir trabajando con el documento original.

El diálogo Guardar como es el siguiente:

Desde este diálogo debemos elegir la ubicación del archivo (dónde lo queremos guardar), seleccionando las carpetas de la lista de la izquierda, o utilizando el desplegable Guardar en, y elegir el formato en el desplegable Formato. Ya hemos comentado que normalmente usaremos el formato Adobe Illustrator (*.AI), que es el que nos aparece por defecto.

Desde este diálogo podemos hacer otras tareas, crear carpetas, borrar archivos, etc. Una vez seleccionado, pulsamos el botón Guardar como.

Tras pulsar puede que nos aparezca otro cuadro de diálogo, dependiendo del perfil elegido. De momento, dejaremos las opciones que aparecen por defecto.

Ahora el documento se ha guardado, pero deberemos de guardarlo a medida que vayamos realizando cambios. Para ello, la forma más rápida es utilizar la combinación de teclas Ctrl + S, que produce el mismo efecto que ir a Archivo y elegir Guardar.

Guardar un documento ya finalizado, para imprimirlo, publicarlo o almacenarlo.

Al crear un gráfico con Illustrator no buscamos obtener un archivo .ai, si no un PNG o un JPG para publicarlo en una Web o guardar la imagen, un archivo de Flash, o cualquiera de los múltiples formatos que soporta la aplicación. Para ello, debemos exportar el documento.

Esta opción se encuentra en el Archivo → Exportar.

Al exportar, solo se guarda la parte del documento que aparece dentro del área de recorte (el rectángulo verde).

El diálogo que se muestra es parecido a Guardar como. De hecho, la única diferencia es el tipo de archivo que podemos elegir.

Observa que no aparecen los formatos en los que ya habíamos guardado el documento, como el .ai. Estos son formatos que no conservan las propiedades de illustrator, aunque algunos, como el formato de Photoshop si permitan exportar algunas características, como las capas. Por eso es importante guardar una copia del documento en formato de Illustrator para poder volver a editarlo.

Dependiendo del formato que elijamos, al pulsar Exportar nos aparecerán unas opciones de conversión u otras. Por ejemplo, exportar a PNG podremos elegir la resolución y el color de fondo, incluyendo transparencias; si elegimos un JPEG podremos elegir entre mejor calidad o un archivo más pequeño, la resolución, aspectos del formato...; y si elegimos algo más complicado, como Flash, encontraremos una gran cantidad de opciones específicas para ese formato.

Si lo que queremos es obtener una imagen para publicarla en una Web, una forma más interesante de exportar es la opción Guardar para Web... que podemos encontrar en el menú Archivo.

Esta opción resulta más completa para este fin, porque nos permite, por ejemplo, comparar cómo quedaría en distintos formatos, para poder ajustar mejor la calidad y el tamaño, y ver cuanto tardaría en descargarse, que son aspectos muy importantes para una Web. Puedes ver esta opción en detalle en este avanzado .

Realiza el ejercicio paso a paso Mi primer documento, para practicar lo aprendido en la unidad.

Inicio de illustrator - dibujos

Acerca del dibujo

Acerca de los gráficos vectoriales Los gráficos vectoriales están hechos de líneas y curvas definidas por objetos matemáticos denominados vectores. Los vectores describen una imagen según sus características geométricas. Por ejemplo, los cordones de una bota en un gráfico vectorial se definen con un ancho una longitud específicos, en un lugar específico y con un color de relleno específico. Puede mover los cordones, cambiarles el tamaño o el color sin perder la calidad del gráfico. Los gráficos vectoriales son independientes de la resolución, es decir, se pueden escalar a cualquier tamaño e imprimir con cualquier resolución sin perder detalle o claridad. Por tanto, los gráficos vectoriales constituyen la mejor opción para representar gráficos que deben mantener las líneas nítidas cuando se escalan a diferentes tamaños; por ejemplo, logotipos.  

Acerca de los trazados

Conforme dibuja, la línea resultante se denomina trazado. Un trazado se compone de uno o varios segmentos rectos o curvos. El principio y el final de cada segmento están marcados con puntos de ancla, que funcionan como grapas que mantienen un cable en su lugar. Es posible cambiar la forma de un trazado modificando sus puntos de ancla. Puede controlar las curvas arrastrando los puntos de dirección situados al final de las líneas de dirección que aparecen en los puntos de ancla. Los trazados pueden ser abiertos, como un arco, o cerrados, como un círculo. En un trazado abierto, los puntos de ancla del principio y final se llaman puntos finales.  

Componentes del trazado

A. Punto final seleccionado (sólido) B. Punto de ancla seleccionado C. Segmento de trazado curvo D. Línea de dirección E. Punto de dirección Los trazados pueden tener dos tipos de puntos de ancla: puntos de vértice y puntos de curva. En un punto de vértice, el trazado cambia de dirección de forma abrupta. En un punto de curva, los segmentos del trazado están conectados como una curva continua. Puede dibujar un trazado utilizando cualquier combinación de puntos de vértice y de curva. Si dibuja el tipo de punto equivocado, podrá modificarlo.

Dibujo de líneas y formas sencillas

Para dibujar líneas rectas con la herramienta Segmento de línea Utilice la herramienta Segmento de línea cuando desee dibujar segmentos de línea recta de uno en uno. 1 Seleccione la herramienta Segmento de línea . 2 Lleve a cabo uno de los procedimientos siguientes: • Sitúe el puntero donde desee que comience la línea y arrástrelo hasta donde desee que termine. • Haga clic en el lugar en el que desee comenzar la línea y especifique su longitud y ángulo. Si desea rellenar la línea con el color de relleno actual, seleccione Rellenar línea, y haga clic en Aceptar (Windows) o en OK (Mac OS).    

Para dibujar rectángulos

1Seleccione la herramienta Rectángulo o la herramienta Rectángulo redondeado . 2 Lleve a cabo uno de los procedimientos siguientes: • Arrastre en diagonal hasta que el rectángulo tenga el tamaño deseado. • Haga clic donde desee que esté el vértice superior izquierdo del rectángulo. Especifique la anchura y la altura del rectángulo (y un radio de vértice si es un rectángulo redondeado), y haga clic en Aceptar (Windows) o en OK (Mac OS). Nota: Para crear un cuadrado, mantenga pulsada la tecla Mayús mientras arrastra, o bien introduzca un valor en el cuadro de texto Anchura y haga clic en la palabra Altura para copiar dicho valor en el cuadro Altura.  

Para cambiar el radio de vértice de un rectángulo redondeado

 El radio de vértice determina la redondez de las esquinas de un rectángulo redondeado. • Para cambiar el radio de vértice por defecto, escoja Edición > Preferencias > Generales (Windows), o bien Illustrator > Preferencias > Generales (Mac OS), e introduzca un nuevo valor para Radio de vértice. De forma alternativa puede seleccionar la herramienta Rectángulo redondeado, hacer clic en la ventana de documento e introducir un nuevo valor para Radio de vértice. El radio por defecto se aplicará sólo a los nuevos rectángulos redondeados que dibuje, no a los existentes. • Para cambiar el radio de vértice mientras arrastra con la herramienta Rectángulo redondeado, pulse la tecla de flecha Arriba o Abajo. Cuando los vértices tengan la redondez deseada, suelte la tecla. • Para crear esquinas cuadradas mientras arrastra con la herramienta Rectángulo redondeado, pulse la tecla de flecha Izquierda. • Para crear las esquinas más redondeadas mientras arrastra con la herramienta Rectángulo redondeado, pulse la tecla de flecha Derecha.

Funciones

• Herramienta Pluma : Pincha sobre el área de trabajo para crear trazados con segmentos rectos, pincha y arrastra para crear trazados curvos (Curvas Bezier).
  
  
• Herramienta añadir punto de ancla: Pincha sobre un segmento de trazado para añadir puntos de ancla.
  
• Herramienta eliminar punto de ancla: Pincha sobre un punto de ancla para removerlo del trazado.
  
• 
  
  Herramienta Convertir punto de ancla: Pincha sobre el punto de ancla y arrastralo para crear manejadores bezier (tiradores) donde antes no había, pincha sobre un punto de ancla con tiradores para removerlos.
  
• Tijeras: En ninguna parte del grupo Herramienta Pluma lo verás, pero definitivamente está asociado a él. Pincha en un segmento del trazado para dividirlo en dos trazados.
  

Atajos de Teclado

• Seleccionar herramienta Pluma (P)
• Seleccionar herramienta Añadir punto de ancla (+)
• Seleccionar herramienta Eliminar punto de ancla (-)
• Seleccionar herramienta Convertir punto de ancla (Shift + C)
• Seleccionar herramienta Tijeras (C)

Los Cursores

La herramienta pluma presenta diferentes formas dependiendo de lo que esté haciendo y para qué lo estés usando. Cada uno intuitivamente te alerta de la acción que vas a ejecutar.
(Caps Lock activa entre puntero y cruz)

• Está preparado para comenzar el trazado
• Mientras estas en medio de la creación o edición de un trazado
• Cuando el mouse está presionado
• Cuando te acercas a una sección del trazado; para añadir un punto de ancla al trazado
• Cuando te acercas a un punto de ancla; para removerlo del trazado
• Cuando te acercas al primer punto de ancla del trazado; para cerrar el trazado
• Cuando te acercas al punto final del trazado existente; para continuar trazando
• Cuando te acercas a algún punto de ancla existente

Controles Secundarios del Mouse (con el trazado seleccionado)

1. Pluma sobre un punto de ancla: cambia a Eliminar punto de ancla
2. Pluma sobre un segmento de trazado: cambia a Añadir punto de ancla
3. Pluma sobre el punto de ancla final: cambia a Convertir punto de ancla

Controles de Teclado

1. Shift forza movimientos de 45°, 90°, 135° o 180° mientras creas o editas putos de ancla y manejadores.
2. Seleccionar un puto de ancla con Selección directa y pinchar Eliminar. El ancla y los segmentos adjuntos son borrados dejando dos trazados.
3. Pluma + Option (Alt) : cambia a Convertir punto de ancla.
4. Pluma sobre un manejador bezier + Command (Ctrl) : permite editar la curva.
5. Pluma + Option (Alt) mientras creas una curva: separa la curva (manejadores desarticulados).
6. Pluma sobre un manejador + Option (Alt) : separa la curva (manejadores desarticulados).
7. Tijera + Option (Alt) : cambia a Añadir punto de ancla.
8. Añadir punto de ancla + Option (Alt) : cambia a Eliminar punto de ancla.
9. Eliminar punto de ancla + Option (Alt) : cambia a Añadir punto de ancla.

Preferencias

(Edición> Preferencias > Selección & visualización de puntos de ancla)

1. Tolerancia: El Radio del área seleccionada alrededor de los puntos de ancla. Debe estar entre 1 y 8 pixels, 1px si te sientes mortalmente seguro con tu mouse o quieres tener muchos puntos de ancla cerca unos de otros, 8px si prefieres menos precisión. 3px es el valor predeterminado.
   
2. Selección de objetos solo por trazado : Cuando estpa marcada, esta opción te permite la selección de objetos solo pinchando sobre el trazado. this option allows selection of objects only by clicking their paths. Pinchar en su área de relleno es ineficaz, es comparable a trabajar en modo Contornear (Vista > Contornear).
   
3. 
   
   Ajustar al punto: También lo puedes conseguir vía Vista > Ajustar al punto, también puede ser determinada en un rango de 1 a 8 pixels. Su valor representa el radio alrededor de los puntos de ancla. Cuando dos objetos están alineados, los puntos de ancla se sobreponen a los puntos del otro ya que están posicionados en el rango especificado.
   
4. Visualización de puntos de ancla y manejadores: Deterina la forma como los puntos de ancla del trazado y los manejadores son mostrados.
   
5. Resaltar puntos de ancla al pasar el ratón: Cuando está marcado, los puntos de cancla se iluminan cuando pasas el ratón sobre ellos.
   
6. Mostrar manejadores al seleccionar varios puntos de ancla: Cuando está marcado, esta opción los manejadores de los puntos cuando múltiples puntos están seleccionados. De otra manera, no serían mostrados.
   

Otros Atajos y Tips

• Seleccionar la Herramienta selección directa antes de seleccionar la Herramienta Pluma. Presiona y sostén Command (Ctrl) para accesar la última herramienta seleccionada para edición de rutas y manejadores sin deseleccionar el trazado.
  
• Con el trazado seleccionado, usa la Barra espaciadora para accesar la Herramienta Mano.  Mueve la pantalla sin deseleccionar el trazado o cambiar las herramientas.
  
• Mientras creas o editas un punto de ancla, pincha y sostén el ratón + Barra espaciadora para alterar la posición del punto de ancla en el que estás trabajando.
  
• Con la Herramienta selección directa selecciona el punto final y el inicio del trazado. Command (Ctrl) + J para Unir.
  
• Con la herramienta Selección Directa seleccionar el punto final y el de inicio del trazado. Command (Ctrl) + Option (Alt) + Shift + J para unir y promediar simultáneamente.
• Para suavizar un trazado reduciendo el número de puntos de ancla abre el diálogo Simplificar (Objeto > Trazado > Simplificar) y ajústalo de acuerdo a tus necesidades.
  
• Por el contrario, si quieres más puntos de ancla ve a Objeto > Trazado > Añadir puntos de ancla.
• Para prevenir que la Herramienta Pluma cambie su función cuando interactua con otros puntos de ancla o trazados, abre el diálogo preferencias generales (Edición > Preferencias > Generales) ay marca la opción Desactivar Auto añadir/eliminar. La Herramienta Pluma ahora solo dibujará trazados.
  

Sugerencias Prácticas

• Arrastra los manejadores desde el primer punto de ancla cuadno comiences un trazado curvo.
• Arrastra los manejadores solo un tercio de la curva q estas creando para un trazado suavizado.
  
• Ubica los puntos de ancla en la curva donde el trazado comienza a cambiar de dirección, no en el medio de la curva.
  

 

Crear un personaje vectorial en Illustrator Panda

Adobe Illustrator es mi herramienta favorita para la creación de diseños de personajes divertidos y lindo. Con sólo unas pocas formas simples, una mezcla de colores del degradado y pocas sombras aquí y allá se puede construir algunas ilustraciones de gran apariencia. Aquí hay un tutorial paso a paso del proceso utilizado para crear un personaje Panda fresco, de los lineamientos básicos a través del diseño final detallado.

El personaje que vamos a construir hoy en día que comenzó como una maqueta de una serie de formas aleatorias armó rápidamente en Illustrator.Esto proporciona la base sobre la que los gradientes de varios colores y pueden ser superpuestos para crear un personaje reconocible. Entonces, cuando todo lo que se está formando y buscando la forma en que deberían, algunos toques extra en forma de sombras realmente puede ayudar a añadir un nivel extra de profundidad y realismo. He aquí cómo se hace todo desde el principio ...

Abre Adobe Illustrator y crear un nuevo documento. Dibuje un círculo sobre la mesa de trabajo, a continuación, arrastre hacia abajo punto más alto con la herramienta de selección directa para aplastar el círculo un poco.

Dibuja otro círculo, esta vez un poco más pequeño para representar la nariz.Arrastre el punto más alto de este círculo de la calabaza también el círculo en una forma irregular.

Añadir un par de círculos perfectamente redondos para dar cuerpo a la zona de boca, asegurando que se encuentran en el centro.

Una serie de círculos puede construir el área de los ojos. Dibuja un círculo global de gran tamaño, y luego copiar (CMD + C) y pegarlo en su lugar (CMD + F), a la baja luego de escala mientras mantiene Shift y Alt. Use un círculo para el contorno del ojo, la pupila, luego un par de pequeños toques de luz.

Utilice círculos más para construir una oreja, utilizando el acceso directo CMD + Shift + [enviar a los círculos en la parte posterior de la pila. Copie el oído y la vista, reflexionar (Objeto> Transformar> Reflect) y la posición en el lado opuesto.

El cuerpo principal de la panda se origina en un gran rectángulo redondeado.Pulse la tecla de cursor hacia arriba repetidamente para maximizar el radio de la esquina.

No queremos que la esquina redondeada en la parte inferior, por lo que dibujar una forma temporal para el uso junto con la opción del frente Menos de la herramienta Pathfinder.

Utilice la herramienta Lápiz para añadir a continuación un punto extra en el centro del borde inferior. A continuación, arrastre a la baja este punto, mientras que la celebración de CMD con la herramienta Pluma (esto cambia temporalmente a la herramienta de selección directa).

Mantenga presionada la tecla Alt y, a continuación, arrastre hacia el exterior desde el punto. Esto creará bezier asas que le permiten ajustar la curvatura de la parte inferior.

Dibuja un círculo pequeño en otra parte de la mesa de trabajo, a continuación, coloque un rectángulo temporal que cubre la mitad de la forma. Utilice la opción frontal Menos de la paleta de Pathfinder para cortar la forma.

Coloque las dos semi-círculos, como los pies, a continuación, dibuje el contorno de las piernas con unos pocos clics en bruto de la herramienta Pluma. Fósforo encima de las esquinas superiores con los bordes del cuerpo, a continuación, pulse CMD + Shift + [enviar a la espalda.

Pegar en otra copia de la semi-círculo, pero esta vez gira en 180 grados y la escala ligeramente hacia arriba para su uso como una pata.

Utilice la herramienta de lápiz para dibujar o menos el resto del brazo. Arrastre las curvas Bézier para añadir un borde curvado que fluye.

Duplicar el brazo, reflejan a continuación, coloque en el lado opuesto. Enviar este brazo en la espalda por lo que se arrastra por detrás del cuerpo.

Con la presenta completa, es el momento de añadir algo de color. Borrar el golpe de la cabeza, luego vuelva a colocar el relleno con un gradiente de blanco a gris. Realice los ajustes necesarios radial y llevar el control deslizante cerca de blanco al gris para maximizar la cantidad de blanco. Utilice la herramienta Degradado para arrastrar, la calabaza y la posición del gradiente de precisión en la cabeza para dar el color deseado.

Continuar sustituyendo el relleno de todos los elementos individuales con gradientes. Las áreas negras deben utilizar un color gris oscuro a negro degradado y los ángulos de los ajustes necesarios con la herramienta Degradado.

Los dos círculos que forman la boca del cañón puede ser ajustada de modo que un gradiente fluye a gris a la transparencia para dar un efecto sutil. Ajuste los ángulos para que el gradiente se inicia desde el centro luego fluye hacia el exterior.

Dibujar en algunos detalles adicionales, tales como algunos círculos que representan los bigotes. Colóquelos a cada lado de la boca del cañón con un relleno de gris medio.

Duplicar un círculo de la boca y empujar hacia adentro un poco. Pegar en otra copia de la circular y utilizar esto como una herramienta, junto con la Pathfinder para cortar el exceso. Esto deja una media luna delgada que puede ser llenado con un color gris oscuro para enfatizar la boca.

Coloque una copia de la media luna en el lado opuesto, y acabar con el área facial, con un par de círculos negros que representan las fosas nasales.

Añadir un blanco similar al gradiente de gris al cuerpo, ajustar los ángulos según sea necesario. También agregue un resplandor interior (Efecto> Estilizar> Resplandor Interior) de color gris para extender la sombra alrededor de los bordes del cuerpo, de modo que las líneas se mantiene prominente.

Un simple círculo con un gris suave y sutil a un gradiente de transparencia puede crear rápidamente una zona del pecho para el Panda.

Rellene todos los miembros de la gradiente de negro a gris oscuro, el ajuste de los ángulos para que los gradientes de flujo vertical.

Todo el color ya está en marcha y el personaje es reconocible, pero hay algunos retoques que realmente pueden ayudar en el diseño se destacan.Añadir una gota de sombra suave (Efecto> Estilizar> Sombra paralela) para el contorno de los ojos y la nariz. Utilice los ajustes sutiles del 30% de opacidad, 0 offset y desenfoque de 1 mm.

Duplicar el contorno de la cabeza y la calabaza ligeramente. Llenarlo con negro a continuación, añadir un desenfoque gaussiano (Efecto> Blur> Gaussian Blur) con la configuración de alrededor de 30 píxeles.

Pulse Comando + [varias veces hasta que el objeto negro aparece debajo de la cabeza, pero por encima del cuerpo. Reducir la transparencia hasta en un 10% para crear una sombra sutil.

Repita el proceso con el brazo y los gráficos de la mano. Combinar las dos formas con la herramienta Pathfinder, se llenan de puro negro, añadir un desenfoque gaussiano, ajustar el orden de apilamiento a continuación, reducir la opacidad.

Estas técnicas de sombreado poco realmente ayudan a dar profundidad al personaje, permitiendo que ciertos elementos de saltar de la pantalla.

Utilice la herramienta de lápiz para dibujar una forma aproximada de la rama de la pata del Panda.

Llene la rama con un gradiente de color verde, a continuación, añadir las costillas a lo largo de su longitud con formas en bruto con la herramienta Pluma.

Continuando con la herramienta de pluma, dibujar algunas formas curvas que representan unas cuantas hojas. Haga clic y arrastre el punto primero, seguido por un solo clic en la punta. Haga clic en el punto de nuevo para restablecer las curvas, y luego completar el camino de regreso al principio.

Copie toda la rama de bambú, se fusionan, rellenamos de negro, añadir el desenfoque gaussiano entonces posicionarse como una sombra sobre el cuerpo del Panda.

Un degradado radial simple en el fondo muy pronto hace que nuestro carácter fresco pequeño panda completo! Lo que empezó como algunas formas básicas es ahora un personaje lleno-en total, con variaciones de color y tono.