1. Design & Illustration
  2. Tools & Tips

Los secretos del panel de Apariencia: rellenos múltiples

by
Read Time:27 minsLanguages:

Spanish (Español) translation by Iván Gómez (you can also view the original English article)

En este tutorial, exploraremos el panel Apariencia de Adobe Illustrator para crear objetos que se ven como grupos de formas, pero que en realidad constan de una sola forma con varios rellenos, sin utilizar pinceles. Exploraremos a fondo el panel Apariencia y descubriremos sus secretos. ¡A los fanáticos de Illustrator les encantará este completo tutorial!

Vista previa de la imagen final

A continuación se muestran las imágenes que crearemos en este tutorial mediante el panel Apariencia. ¿Quieres acceso a los archivos completos de Vector Source y copias descargables de cada tutorial, incluyendo este? Únete a Vector Plus por sólo 9$ al mes.

Detalles del tutorial

  • Programa: Adobe Illustrator CS3/CS4
  • Dificultad: Principiante a Intermedio
  • Tiempo estimado de ejecución: 60 minutos

Introducción

Cuanto más exploras Adobe Illustrator, más aprendes sobre su magia y te sorprendes con todos sus secretos. A menudo me gusta crear mis propios desafíos vectoriales, y esta vez, quise dibujar una flor en Illustrator con una sola forma, sin utilizar pinceles. Aquí es donde el que el panel Apariencia lo es todo, la herramienta perfecta para administrar tus objetos complejos. Hoy vamos descubrir la magia del panel Apariencia, sus ventajas y cómo usarlo; luego, con la ayuda del panel Apariencia, crearemos varios objetos para practicar.

Parte teórica

Comencemos con la teoría, para que incluso los principiantes entiendan los secretos de trabajar con varios elementos y el panel Apariencia.

1 - ¿Dónde se encuentra el panel de apariencia?

El panel Apariencia fue introducido en la 9a versión de Illustrator. Agregar esta herramienta, fue definitivamente una decisión muy creativa e inteligente de los desarrolladores. Esta herramienta llevó la modificación de objetos a otro nivel, abriendo nuevos horizontes para los diseñadores vectoriales.

Sugiero que tengas abierto el panel Apariencia para poder acceder a él en cualquier momento. Para abrirlo, ve a Ventana > Apariencia o presiona Mayús + F6. Verás un panel de Illustrator bastante simple, ¡pero ni te imaginas lo que se oculta detrás de él!

2 - ¿Qué significa Apariencia?

El panel Apariencia es un lugar donde se agrupan y realizan todas las modificaciones de un objeto en particular. En realidad, se aplica no sólo a formas, sino también a texto, grupos de objetos, capas completas, etc. Por lo tanto, cualquier objeto en la mesa de trabajo tiene cierta apariencia y se puede ver en este panel. Para acceder a él, selecciona el objeto y, a continuación, ve al panel Apariencia - y lo verás como un listado de objetos. Si no se han hecho cambios al objeto, probablemente verás solamente el trazo, el relleno y la opacidad predeterminados.

Nota importante: asegúrate de tener seleccionado un objeto al acceder al panel Apariencia. Si no hay nada seleccionado, este panel muestra los elementos del último objeto seleccionado, pero no ocurre nada al editarlo.

3 - ¿Qué se muestra allí?

Cuando dije que "todas las modificaciones" aparecen en el panel Apariencia, por su puesto no me refería a todas ellas. Este panel no es igual al panel Historia de Photoshop, por lo que la mayoría de las modificaciones que se hacen al objeto, no aparecen listadas en el panel. Solo aparecen los cambios que modifican la apariencia del objeto, de ahí su nombre: Apariencia (algo así como los estilos de capa en Photoshop). Por lo tanto, cuando mueves un objeto, lo transformas con cualquier herramienta de transformación, lo cortas, o editas nodos, etc., estas acciones no tienen nada que ver con este panel. Por otro lado, cualquier ajuste relacionado con el relleno, el trazo, la opacidad, el modo de fusión, los pinceles o los efectos aplicados al objeto, siempre aparecerán en el panel Apariencia.

4 - Posibilidades de apariencia

Cuando seleccionas un objeto, verás su relleno, trazo y opacidad en el panel Apariencia. Sin embargo, podrás añadir más rellenos o trazos a tu objeto (no estoy seguro cuántos, pero he llegado a agregar hasta 30 fácilmente). Este es el mayor secreto: ¡la aplicación de múltiples rellenos y trazos es muy poderosa! Hay varias maneras de añadirlos desde el panel Apariencia:

  1. Selecciona un relleno o un trazo en un grupo (dependiendo de lo que quieras agregar) y da clic en el botón Duplicar elemento seleccionado. Se creará una copia del objeto con los mismos parámetros (tipo, color, opacidad, modo, pinceles y efectos) arriba del original.
  2. Selecciona un relleno o un trazo en la lista y arrástralo al icono Duplicar elemento. También puedes elegir Duplicar elemento desde el menú desplegable. Esto es equivalente al método anterior.
  3. Ve al menú del panel y elige Agregar nuevo relleno, o Añadir nuevo trazo. Se creará un nuevo relleno o trazo arriba de todos los demás elementos, sin efectos o pinceles aplicados (sin embargo, heredará el color y el tipo del último relleno o trazo elegido). Si algún elemento está seleccionado en el grupo, el nuevo relleno/trazo quedará arriba del elemento seleccionado.

De esta manera, puedes agregar varios rellenos y trazos a cualquier objeto seleccionado. Esto también aplica para otros elementos de este panel, como los efectos en vivo. Puede que no suene inspirador al principio, pero ten en cuenta esto: hay dos tipos de trazos (color y patrón) y tres tipos de rellenos (color, degradado y patrón), ahora multiplícalo por dieciséis modos de fusión, cien niveles de opacidad, innumerables tipos de ancho y tipos de trazo (también gran cantidad de efectos); ¡ya estás empezando a entender cuántas cosas se pueden hacer con este panel!

5 - Cambiar elementos

Cuando añades rellenos o trazos a un objeto, puedes cambiar su color y tipo eligiendo el elemento en particular de la lista en el panel Apariencia y seleccionar el color, el degradado o el patrón desde el panel Muestras.

En el caso de trazos, puedes cambiar el ancho y tipo de trazo desde el panel Trazos (Comando + F10). Quienes trabajan con Illustrator CS4 pueden elegir el color o cambiar el ancho del trazo directamente desde el panel Apariencia, lo que resulta muy útil.

Por supuesto, intenta cambiar la opacidad y los modos de fusión de cualquier elemento desde el panel Transparencia (Mayús + Comando + F10). Para eliminar un elemento, simplemente arrástralo al icono Papelera. Todos los elementos del panel Apariencia se manejan individualmente: solo que no se pueden mover o transformar por separado con las herramientas habituales.

6 - Más ventajas

No puedes seleccionar un relleno o trazo en particular y editar sus nodos o transformarlo, porque en realidad no es un objeto independiente, sino una parte de la apariencia del objeto. Sin embargo, puedes modificar la forma de cualquier elemento desde el panel Apariencia.

El menú Efectos cuenta con sorprendentes efectos para aplicar rellenos de objetos y trazos a tu medida, ya sea juntos o por separado. Puedes mover y girar el elemento con el efecto Transformar, convertirlo en otra figura con el efecto Convertir en forma, desplazar el trazado aplicando el efecto Desplazamiento de trazado y otros increibles efectos como: sombra y resplandor, y filtros de Photoshop como desenfoque o texturizar. Tienes que probarlos para descubrir todo su poder. Una vez aplicados al elemento, los efectos aparecen en el panel Apariencia con el símbolo FX.

7 - Orden de los elementos

Otra gran característica del panel Apariencia es la posibilidad de cambiar el orden de los elementos de cualquier objeto. Puedes arrastrar fácilmente un elemento hacia arriba o hacia abajo dentro del grupo para lograr el resultado requerido. Igualmente puedes hacer esto con los efectos. Cuando se aplica un efecto a un objeto, el efecto queda en un nivel independiente en el panel Apariencia. Así que puedes arrastrarlo a cualquier elemento para aplicarlo a un relleno o trazo en particular.

En ocasiones, cambiar el orden de los elementos en el panel Apariencia produce un resultado completamente diferente. En la versión de Illustrator CS4 también pueden ocultar elementos haciendo clic en un icono de ojo a la izquierda. Te recomiendo que veas este maravilloso tutorial de Vectortuts+ que explica muchas características del panel Apariencia y el ordenamiento de los elementos: Uso de efectos para crear un diseño llamativo.

8 - Donde podemos usarlo

La aplicación de trazos y rellenos múltiples, así como otros elementos en el panel Apariencia, resultan muy útiles y pueden ahorrar mucho tiempo. Puedes aprovechar todas las ventajas del panel Apariencia en casos donde varios elementos de formas similares deben colocarse uno encima del otro simplemente agregando rellenos adicionales con ajustes diferentes, en lugar de crear varios objetos separados.

También puedes usarlo para crear varios trazos en un único trazado editable, en lugar de usar varias copias del mismo trazado. Además, el panel Apariencia es ideal para crear copias distribuidas uniformemente de objetos o sus partes (relleno o trazo) con el potente efecto Transformar.

Es posible crear objetos que se enmascaren con elementos superiores para que el fondo se muestre a través de ellos (de igual manera que una máscara de opacidad) utilizando únicamente múltiples rellenos o trazos. Incluso, puedes usar la Apariencia para objetos más complejos, donde cada elemento tenga una forma diferente - en este caso, tendrás que aplicar ciertos efectos para conseguirlo.

9 - Donde no podemos usarlo

Aunque el panel Apariencia es muy potente, infortunadamente tiene algunas limitaciones, y no todo se puede crear sobre un mismo objeto. Por defecto, cada relleno y trazo agregado en el panel Apariencia tiene exactamente la misma forma del objeto original. Por lo tanto, puede ser difícil cambiar la forma de algunos elementos.

No puedes usar el panel Apariencia para crear elementos con una forma distinta, ya que no es fácil utilizar varios rellenos en un solo objeto (pero puedes usarlo si necesitas un rectángulo o una elipse, con la ayuda del efecto Convertir en forma).

Es imposible crear una apariencia a partir de objetos con diferentes tipos de rellenos y múltiples nodos, ya que no podemos editar los nodos ni los rellenos en el panel Apariencia.

Tampoco resulta fácil crear apariencias con objetos demasiado separados unos de otros o muy dispersos. Para todas esas situaciones, es preferible crear diferentes objetos, en vez de intentar unir varios objetos en uno solo con el panel Apariencia.

La siguiente imagen muestra estas situaciones: rellenos con diferentes formas, tipos de puntos y dispersos al azar.

10 - Guardar efectos

Aquí otra ventaja más del panel Apariencia que uso muy a menudo: imagina crear un objeto complejo, añadir muchos rellenos y trazos, aplicar efectos y pinceles, ajustar la opacidad y el modo de fusión, con un solo objeto. Luego podrías aplicar esta combinación de elementos a otros objetos, sin gastar tiempo en modificaciones.

Hay una manera sencilla de guardar la combinación de todos los elementos en el panel Apariencia para aplicarlos a cualquier otro objeto. Simplemente selecciona el objeto, abre el panel Estilos gráficos (Mayús + F5) y da clic sobre el botón Nuevo. La Apariencia se guardará como un estilo gráfico (similar a los estilos de capa de Photoshop), puedes nombrarla y aplicarla a las formas seleccionadas.

Parte práctica

Si leíste con atención la explicación anterior, comprenderás lo valioso que resulta el panel Apariencia para hacer el trabajo más fácil y divertido. Vamos a aplicar lo aprendido anteriormente con un ejercicio práctico.

Crearemos cinco objetos con varios rellenos en el panel Apariencia, desde los más fáciles hasta los más complejos. Usaremos el panel Apariencia todo el tiempo, así que asegúrate de que esté abierto (Shift + F6).

Hoy aplicaremos básicamente rellenos y efectos. Usaremos muy pocos trazos y no vamos a usar pinceles - la creación de trazos múltiples se explicó en el tutorial Cómo crear carreteras y vías de ferrocarril en un trazado, en realidad los pinceles son tan sorprendentes que necesitaríamos otro tutorial para explicarlos en profundidad.

11 - El Sol: Comienzo

Creemos un nuevo documento en Adobe Illustrator - Lo hice de 1200 px por 800 px en modo RGB, aunque puedes elegir otros parámetros. Empezaremos por el objeto más fácil: el sol. Dibuja un círculo (L) de 100 px por 100 px, no le apliques color de trazo y aplica un relleno de degradado radial suave de amarillo a naranja.

12 - El Sol: Añadir Rayos

Ahora, con el círculo seleccionado, abre el panel Apariencia (Mayús + F6) y añade un relleno más. Queremos crear los rayos del sol, así que aplicaremos el efecto Inflar. El problema es que este efecto crea rayos dependiendo de la cantidad de nodos en la forma y

solo tenemos cuatro puntos, lo que no es suficiente para crear el efecto. Así que ve a Objeto > Trazado > Añadir puntos de ancla, este comando añadirá cuatro nodos más a la forma. Ahora podemos seleccionar el relleno inferior e ir a Efectos > Distorsionar & Transformar > Fruncir y Engordar, y mueve el deslizador a la izquierda cerca del 130%. Los rayos están listos.

13 - El Sol: Añadir un agujero

Aunque el sol se ve bien, decidí añadir un elemento más - no es del todo necesario, pero le da un detalle creativo. Honestamente, la verdadera razón por la que agregué este paso es porque quiero que aprendas un truco con el panel Transparencia.

Haremos un agujero en el sol, para que el fondo sea visible. Selecciona el sol y añade un relleno más en la parte superior. Su color no importa, así que lo cambié a negro. Ahora ve a Efectos > Distorsionar & Transformar > Transformar, y reduce la escala horizontal y vertical al 50%. Tendrás algo similar a la imagen de abajo - no muy bonito, pero ten paciencia.

14 - El sol: Parte final

Ahora, con el relleno negro superior seleccionado, abre el panel Transparencia (Shift + Comando + F10) y reduce su Opacidad a 0%. Quedará invisible. Vuelve al panel Apariencia y selecciona, en la parte superior, la palabra Trazado, y desde el panel Transparencia marca la opción Grupo de cobertura. El relleno negro superior bloqueará los rellenos inferiores, ¡creando un hueco y dejando ver el fondo!

Esta opción del panel Transparencia funciona con grupos donde los objetos tienen 0% de opacidad y sirven como máscaras, aunque este truco también afecta objetos separados. Modifiqué igualmente el relleno principal (segundo) moviendo el deslizador de degradado amarillo hacia la derecha para hacer la transición más rápida.

¡El sol está listo! Todos los elementos del sol son elementos de Apariencias, mientras que la forma sigue siendo un círculo simple. Aplicamos tres rellenos a esta forma, un efecto y opciones de Transparencia. Puedes comprobarlo habilitando la previsualización de Contornos (Comando + Y). Enseguida es posible que desees guardar esta combinación de efectos como un estilo gráfico, llámalo "sol."

15 - Nubes: Forma principal

Pasemos ahora a otro objeto, las nubes. Primero, crearemos la forma básica de la nube con la Herramienta Elipse (L). Dibuja varias elipses que formen la imagen que necesitamos. No la dibujes muy grande - mi nube quedó de 180 px por 90 px.

Ahora combina las elipses en una sola forma dando clic en el botón Unir en el panel Buscatrazos, presiona luego Expandir (o simplemente presiona Alt-clic en el botón Unir para añadir y expandir con un solo clic). Cambia el color de relleno a azul claro (#AFEBF9) y el trazo a azul vivo (#57E0FF) con 1 pt de ancho.

16 - Nubes: Volumen

Ahora usaremos un simple truco para dar algo de dimensión a la nube. Añade un relleno más en el panel Apariencia y aplícale a un degradado predeterminado de blanco a negro. Cambia el ángulo de degradado en el panel Degradado (Comando + F9) o con la Herramienta Degradado (G) a -90 grados (de arriba a abajo). Ahora ve al panel Transparencia y cambia el modo de fusión de relleno a Superponer.

17 - Nubes: Suavizado

Para hacer la nube más difusa, vamos a suavizar sus bordes. Con la forma seleccionada, selecciona en la parte superior del panel Apariencia la palabra Trazado (asegúrate de que el efecto se aplique a toda la forma, en vez de a un relleno en particular) y ve a Efectos > Estilizar > Desvanecer, e ingresa un valor de 10 pt. El efecto aparece ahora en la parte inferior del panel Apariencia, y podrás cambiar los ajustes en cualquier momento. La nube se ve mucho mejor ahora.

18 - Nubes: Duplicación

Mencioné anteriormente en la sección Teórica, que podemos hacer copias con el panel Apariencia. Vamos a duplicar la nube. Una vez más, con la forma completa seleccionada (trazado superior en el panel Apariencia), ve a Efectos > Distorsionar & Transformar > Transformar, y cambia Mover horizontal a -60 pt, y Mover vertical a 30 pt. Marca la casilla Vista previa e introduce 1 para el número de copias. Si te gusta el resultado, aplica el efecto.

19 - Nubes: Más copias

Podríamos haber creado más copias con el último efecto de transformación, pero se verían demasiado uniformes. Es mejor que apliquemos un efecto más para crear más nubes.

Una vez más, con la forma seleccionada, ve a Efectos > Distorsionar & Transformar > Transformar (en el cuadro de diálogo haz clic en Aplicar nuevo efecto). Esta vez, cambia Mover Horizontal a 70 pt y Mover Vertical a 30 pt. Ingresa igualmente 1 copia y reduce la escala vertical y horizontal al 90%. Si estás satisfecho con el resultado, aplica el efecto.

¡Las nubes están listas! Son bonitas y suaves, y tenemos ya varias copias, mientras que la forma sigue siendo una sola. Todos los efectos que vemos son sólo trucos de magia del panel Apariencia. Aquí usamos dos rellenos, un trazo y varios efectos. Puedes guardarlo como estilo gráfico para aplicarlo a otras formas más adelante - nómbralo "nubes".

20 - Margarita: Inicio

Procedamos con la creación de otro objeto: vamos a dibujar una margarita. Dibuja un círculo (L) de 40 px por 40 px. Llénalo con un degradado radial azul de un tono claro (#00A6E0) a un tono más oscuro (#345197) de azul.

Ahora selecciona el relleno en el panel Apariencia y ve a Efectos > Distorsionar y Transformar > Transformar, ingresa 60% para la Escala Vertical y 145% para la Escala Horizontal. No muevas los otros deslizadors, pero asegúrate de elegir el punto de la parte inferior media desde el pequeño proxy de la derecha para asignar un punto de transformación. Aplica el efecto ¡y el pétalo está listo!

21 - Margarita: Pétalos

De nuevo, con el único relleno seleccionado, ve a Efectos > Distorsionar & Transformar > Transformar, elige Aplicar nuevo efecto. Introduce 100% para la Escala Vertical y Horizontal, activa el punto inferior medio en el proxy, y escribe 45 para el ángulo. Para Número de copias, introduce 7 y aplica el efecto. Ahora tenemos ocho pétalos para nuestra margarita.

22 - Daisy: más pétalos

Ahora haremos otra fila de pétalos. Duplica el único relleno que tenemos en el panel Apariencia - obtendrás dos rellenos iguales. Elige la copia inferior y haz doble clic en el texto del efecto Transformar superior. Editaremos este efecto para que los pétalos se vean debajo de los superiores.

Cambia la Escala Vertical a 80% y la Escala Horizontal a 180%, ahora verás los pétalos inferiores. Aún así, no están posicionados correctamente, así que vamos a rotarlos. Con el relleno inferior seleccionado, vuelve a ir a Efectos > Distorsionar & Transformar > Transformar, elige Aplicar nuevo efecto. El único parámetro que necesitamos cambiar aquí es Ángulo - cámbialo a 22,5 grados, deja el número de copias a 0, y el punto de transformación que necesitamos ahora es central. Aplica el efecto y mira el resultado.

23 - Margarita: Centro

Ahora, añade un nuevo relleno usando el menú del panel Apariencia. De esta manera, el nuevo relleno se agregará sin efectos, a diferencia de cuando copias un relleno existente. Aplica un degradado de amarillo a naranja.

De nuevo ve a Efectos > Distorsionar & Transformar > Transformar, sólo tienes que mover el relleno un poco hacia abajo, así que cambia Mover vertical a -20pt y aplica (ingresa 0 para copias y punto central para proxy). Ahora agrega una sombra sutil a este relleno (Efecto > Estilizar > Sombra paralela), usa naranja para el color y cambia el desplazamiento en X e Y a 1 pt.

24 - Margarita: Textura

Para completar la parte central de la margarita, duplica el relleno amarillo superior y cambia el relleno de degradado a Motivo - elegí el motivo Media tinta (Ventana > Muestras > Motivos > Gráficos básicos > Texturas). Puedes probar con otro motivo de esta biblioteca - lo único que queremos aquí es una textura irregular.

Ahora, desde el panel Transparencia, cambia el modo de fusión del relleno de textura a Superponer, y tendrás una bonita superficie texturizada. Ten presente que los rellenos de motivo son tan poderosos como otros elementos en el panel Apariencia.

25 - Margarita: finalización

Probablemente hayas notado que el nuevo relleno de textura ha ocultado el efecto de sombra. Aquí no lo necesitamos, pero no lo elimines. Activa el texto de sombra paralela en el relleno de patrón superior y arrástrala hacia abajo hasta el primer relleno azul. De esta manera movemos un efecto de un elemento a otro.

Haz doble clic en efecto y simplemente cambia el color de la sombra de naranja a azul. Ahora duplícalo arrastrándolo al botón Nuevo, en el panel Apariencia. Arrástralo hacia abajo hasta el relleno azul inferior. Ahora todos los elementos proyectan una sombra sutil.

¡La margarita está completa! Parece un grupo complejo de muchos objetos, pero se trata de una sola forma - todos los elementos están hechos con el panel Apariencia. Aplicamos cuatro rellenos, incluyendo un relleno de patrón, y varios efectos a ella. De nuevo, guarda el objeto como un estilo gráfico para usarlo más adelante (pero ten en cuenta el tamaño de los objetos al aplicarlo).

26 - Mariquita: Forma básica

Es hora de un objeto más desafiante: vamos a hacer una mariquita. Dibuja una elipse (L) de 120 pt por 100 pt. Por favor, házla de este tamaño exacto, ya que todas las modificaciones futuras se basarán en este tamaño.

Deja el trazo de 1 pt negro, y cambia el color de relleno a rojo (#E21B25). Selecciona el relleno rojo en el panel Apariencia y agrega alguna sombra interior desde Efectos > Estilizar > Resplandor interior. Cambia el color a rojo, Opacidad a 50%, y Desenfoque a 12 pt.

Agrega un nuevo relleno en el panel Apariencia y aplícale un degradado radial de blanco a negro. Ahora en el panel Transparencia, cambia su modo de fusión a Superponer para crear el brillo.

27 - Mariquita: Añadir alas

Ahora necesitamos las alas; o mejor dicho, el borde entre ellas. Necesitamos un delgado trazo negro en medio de la elipse. Aunque parezca imposible, crearemos esto con efectos.

Agrega un nuevo relleno negro sin efectos en la parte superior del grupo en el panel Apariencia. Ahora ve a Efectos > Convertir en forma > Rectángulo. Aquí podemos convertir cualquier forma en rectángulo - lo que necesitamos es un rectángulo muy delgado de (2pt) y 120 pt de largo. Podríamos introducir dimensiones absolutas (120 x 2 pt), pero si lo hacemos así, más tarde, cuando la mariquita se guarde como un estilo gráfico y se aplique a otra forma, este relleno puede que no encaje en la forma si tiene un tamaño diferente.

Así que sugiero que introducir un tamaño de rectángulo relativo: 0 pt extra para ancho y -49 pt extra para altura. Por último, aplica Efectos > Deformar > Arco, a este relleno y reduce la Curva al 15%.

28 - Mariquita: Dibujando la cabeza

Para añadir la cabeza, crea un nuevo relleno negro sin efectos en el panel Apariencia. Ahora ve a Efectos > Distorsionar & Transformar > Transformar, reduce un poco el nuevo relleno y muévelo para que parezca una cabeza: reduce la Escala Horizontal a 40%, Escala Vertical a 45%, e ingresa 50 pt para el Mover Horizontal. La cabeza está lista, lo único que tenemos que hacer es arrastrar este relleno desde la parte superior del grupo hasta su parte inferior en el panel Apariencia.

29 - Mariquita: Creación de las patas

La parte más difícil de este objeto son sus patas, ya que puede resultar difícil crearlas con rellenos. Podrías agregar seis rellenos negros, convertirlos en rectángulos delgados y, a continuación, transformarlos por separado. Pero creo que este proceso es muy largo, así que tengo un método más creativo: usaremos solamente un trazo adicional; aunque prometí usar solo múltiples rellenos, creo que me perdonarás esta excepción cuando veas esta divertida técnica.

Añade un trazo negro al objeto en el panel Apariencia. Luego, en el panel Trazo (Comando + F10), ajusta algunos parámetros: cambia el ancho a 20 pt, asegúrate de que el icono Remate esté activado, selecciona Alinear trazo a exterior y marca Línea discontinua. Aquí, asigna el siguiente orden: 2 pt trazo - 56 pt hueco. ¡Listo! El trazo discontinuo se convirtió en seis patas. Ten en cuenta que si la elipse inicial tiene un tamaño diferente, tendrás que elegir un tamaño exacto del hueco.

30 - Mariquita: Adición de manchas y finalización

Hemos llegado al elemento más desafiante de la mariquita, las manchas. Por supuesto, podemos crearlas duplicando la cabeza, llenando seis veces, y luego transformar cada mancha manualmente para colocarlas en su cuerpo. Pero de nuevo, encontré una forma más práctica de agregar puntos que seguro te gustará. Sólo necesitaremos un trazo más siempre y cuando ya tengamos uno creado.

Añade un trazo negro más al objeto en el panel Apariencia. Ahora desmarca la opción Guión en el panel Trazo por un momento, déjalo de 20 pt de ancho, pero activa la opción Alinear Trazo al centro.

Ahora ve a Efectos > Distorsionar & Transformar > Transformar, y reduce la Escala Horizontal y Vertical al 65%. Regresa al panel Trazo y activa nuevamente Línea discontinua. Ingresa 1 pt para el trazo y 37 pt para el hueco. Por último, cambia el Remate a a Extremo redondeado; ¡el trazo queda como seis bonitos puntos! Una vez más: estos valores funcionan si el tamaño de la elipse inicial es de 120 pt por 100 pt, si no es así, tendrás que elegir el tamaño del hueco manualmente.

La mariquita está lista, lo único que queda aquí es añadir una sombra paralela a todo el objeto (color rojo oscuro y 50% para opacidad). No fue fácil hacer este objeto así que ahora puedes guardar los efectos como un estilo gráfico. El objeto sigue siendo una elipse simple, verificalo activando la previsualización de contornos (Comando + Y). Para este objeto, usamos cuatro rellenos y tres trazos, y numerosos efectos.

31 - Rosa: Comienzo

Ahora llegamos al último y más complejo objeto de esta serie: la rosa. Crea la base para ella: una elipse de 80 pt por 65 pt. Ten en cuenta que todos los efectos se basarán en este tamaño.

Haz que no tenga trazo y aplica un relleno degradado radial de rosa claro (#E23770) a un tono más oscuro (#BA0053). Ahora ve al panel Apariencia y aplica un efecto Transformar para crear 4 copias de este pétalo, ingresa 72 para el ángulo y elige el punto de la parte inferior media en el proxy.

32 - Rosa: Añadir más pétalos

Duplica el relleno arrastrándolo al icono Nuevo en el panel Apariencia, luego ve a Efectos > Distorsionar & Transformar > Transformar, para aplicar una nueva transformación. Ingresa 85% para Escala Horizontal y Vertical para reducir los pétalos, e inserta 30 para el ángulo para rotarlos. Asegúrate de que el punto central está seleccionado en el proxy y aplica.

Para agregar más pétalos, duplica nuevamente el relleno superior en el panel Apariencia, da clic en la flecha pequeña para mostrar los efectos aplicados y haz doble clic en el efecto Transformar inferior. Cambia la configuración de transformación: ingresa 85% para escala horizontal y vertical para reducir los pétalos, e inserta 30 grados en Ángulo para girarlos. Asegúrate de que el punto central está elegido en el proxy y aplica.

33 - Rosa: Centro

Para crear la parte central de la rosa, agréga un nuevo relleno desde el menú del panel Apariencia. Cambia el degradado de amarillo a naranja, luego ve a Efectos > Distorsionar y Transformar > Transformar y reduce la Escala Horizontal a 50% y Escala Vertical a 60%, ahora cambia Mover Vertical a -30 pt, y aplica. El relleno se reducirá y quedará centrado. Ahora ve a Efectos > Distorsionar & Transformar > Emborronar e ingresa 5% y marca Relativo para Tamaño, 10 para Detalle y Suavizar para Puntos.

Duplica el relleno amarillo superior y cambia la configuración de transformación haciendo doble clic sobre el efecto en el panel Apariencia. Cambia la Escala Horizontal a 30% y la Escala Vertical a 40%, cambia igualmente la dirección del degradado manteniendo presionada la tecla Alt y arrastra el deslizador amarillo al naranja, para cambiarlos de posición. No estoy seguro de si una rosa en realidad pueda tener un centro como este, pero en mi imaginación seguramente sí.

34 - Rosa: Creación del tallo

Añade un nuevo relleno a la rosa desde el menú del panel Apariencia y hazla verde. Ahora ve a Efectos > Convertir en Forma > Rectángulo, elige esta vez Absoluto para el tamaño, y deja un valor de 4 pt Horizontalmente y 250 pt Verticalmente.

Ahora ve al efecto Transformar y cambia solo Mover Vertical a -200pt y aplícalo. El último efecto para el tallo es Efectos > Distorsionar & Transformar > Zigzag, ingresa 2 pt para Tamaño, marca Absoluto, deja 4 Crestas por segmento y elige Suavizado. Por último, arrastra el tallo a la parte inferior del grupo en el panel Apariencia.

35 - Rosa: Dibujando la hoja

Terminemos la flor con una hoja. Añade un nuevo relleno a la rosa, no importa la ubicación; podría quedar en la parte inferior o en la parte superior del grupo. Cambia su color a un verde un poco más claro que el tallo.

Ahora transfórmalo de esta manera (por supuesto, desde Efectos > Distorsionar & Transformar > Transformar). Digita 60% para Escala Vertical, inserta 30 pt para Mover Horizontal, -150 pt para Mover Vertical e ingresa 40 para el ángulo. Este relleno se verá como una hoja, siempre y cuando el tamaño inicial de tu objeto sea exactamente como el mío.

36 - Rosa: Transformación de la hoja

Con el último relleno verde seleccionado, ve a Efectos > Deformar > Bandera, elige Horizontal, e ingresa -20% en Curvar, para distorsionar la hoja. Enseguida, para agregar algo de dimensión, aplica una sombra interior: ve a Efectos > Estilizar > Resplandor Interior, y cambia la Opacidad a 50%. Establece el color en verde oscuro y Desenfoque en 10 pt. Ahora puedes copiar este relleno para agregar más hojas, solo con el efecto Transformar de edición aplicado (ángulo, escala y movimiento).

37 - Rosa: Finalización

La rosa está casi lista, lo único que deseo añadir es un sutil efecto de Sombra paralela al centro inferior amarillo, y otra sombra con los mismos parámetros, a toda la forma. Ahora la flor parece estar sobre una superficie.

¡Listo! La rosa está terminada, este fue el objeto más complejo en este tutorial, ¡y no parece estar hecha con una sola forma! Se necesitaron ocho rellenos y un muchos efectos (así como un poco de paciencia) para crear esta flor. Guarda el efecto como un estilo gráfico y nómbralo "rosa". No puedo prometerte que se vea bien en otros objetos sin antes hacer algunos ajustes.

Conclusión

Hoy aprendimos a trabajar con el panel Apariencia, sus secretos, ventajas y limitaciones. Pusimos en práctica la teoría creando cinco objetos diferentes desde el panel Apariencia. Creamos bonitos elementos caricaturescos a partir de una sola forma cada uno, con apariencia de grupos de varios objetos.

Algunos de ellos bastante simples, otros, algo desafiantes y un poco complicados, como la mariquita y la rosa. Puedes seguir y aprender más sobre el tema y dibujar algunos paisajes o crear tus propios objetos con el panel Apariencia. Espero que principiantes y maníacos de Illustrator (como yo) encuentren algo útil en este tutorial.

Suscríbete a Vectortuts+ RSS Feed para estar al día con los últimos tutoriales y artículos vectoriales.

One subscription.
Unlimited Downloads.
Get unlimited downloads