1. Design & Illustration
  2. Graphic Design
  3. Icon Design

Cómo crear un conjunto de bolas navideñas realistas en Adobe Illustrator

Scroll to top
This post is part of a series called Christmas Illustration Content.
Create a Detailed Christmas Lights Text Effect in Adobe Illustrator

Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)

Sigue este tutorial inspirado en las festividades de invierno y aprende a crear bolas de Navidad realistas en Adobe Illustrator. Al principio crearemos la forma de la bola de Navidad partiendo de un círculo y luego, utilizando la función Crear malla de degradado, definiremos áreas de luz y sombra en la bola. A continuación, podremos colorear la bola a nuestro gusto utilizando colores o degradados y los Modos de fusión. Continuaremos con el tope, el aro y luego con el diseño de la bola de Navidad dorada que consiste en un simple símbolo de copo de nieve mapeado en la superficie frontal. Por último, añadiremos algunos reflejos en la bola para darle un aspecto más realista utilizando Máscaras de opacidad. ¡Empecemos!


Recursos del tutorial

Para completar el tutorial necesitarás los siguientes recursos:


1. Inicia un nuevo proyecto

Abre Illustrator y luego ve a Archivo > Nuevo para abrir un nuevo documento en blanco. Escribe un nombre y establece las dimensiones, luego selecciona Píxeles como Unidades y RGB como Modo de color. A continuación, ve a Edición > Preferencias > Generales y establece Incrementos de teclado en 0,1px. Una vez allí, también puedes establecer las Unidades. Yo siempre uso Puntos para Trazo y Texto y Píxeles para el resto. Estos ajustes te ayudarán a lo largo del proceso de dibujo.

diana_ChGlobes_tut_1diana_ChGlobes_tut_1diana_ChGlobes_tut_1

2. Crea una bola de Navidad dorada

Paso 1

Primero, toma la herramienta Elipse (L) y dibuja un círculo de 130 x 130px. De momento puedes seleccionar cualquier color de relleno.

diana_ChGlobes_tut_2diana_ChGlobes_tut_2diana_ChGlobes_tut_2

Paso 2

Con el círculo seleccionado, ve a Objeto > Crear malla de degradado. Selecciona 4 Filas y 4 Columnas y pulsa OK.

diana_ChGlobes_tut_3diana_ChGlobes_tut_3diana_ChGlobes_tut_3

Paso 3

Ahora, necesitas distorsionar un poco las líneas de malla creadas. Para ello, sólo tienes que seleccionar con la herramienta Selección directa (A) los puntos de la malla y moverlos uno a uno. Ajusta también los controladores si es necesario.

diana_ChGlobes_tut_4diana_ChGlobes_tut_4diana_ChGlobes_tut_4

Paso 4

Esto es lo que debes obtener:

diana_ChGlobes_tut_5diana_ChGlobes_tut_5diana_ChGlobes_tut_5

Paso 5

Ahora, utiliza la herramienta Selección directa (A) para seleccionar cada punto de la malla y rellenarlos con diferentes tonos de gris. De esta manera definirás áreas de luz y sombra en la bola. Copia el código de colores que se muestra a continuación, y una vez que hayas terminado, la bola debería verse como la de la siguiente imagen.

diana_ChGlobes_tut_6bdiana_ChGlobes_tut_6bdiana_ChGlobes_tut_6b

Paso 6

En este punto necesitas una copia del círculo, pero si eres como yo y olvidaste guardar una copia, utiliza el siguiente truco. Selecciona la forma de la malla y luego ve a Objeto > Trazado > Desplazamiento y aplica un Desplazamiento de 0px. Como resultado obtendrás un círculo del mismo tamaño pero sin las líneas de la malla. El nuevo círculo debe estar delante de la malla y ahora puedes rellenarlo con el color indicado abajo, y establecer el Modo de fusión en Color. Le daré el nombre "forma de color".

También puedes probar con otros colores, y dependiendo del color otro Modo de fusión.

diana_ChGlobes_tut_7diana_ChGlobes_tut_7diana_ChGlobes_tut_7

3. Crea el tope dorado

Paso 1

Toma la herramienta Lápiz (N) o la herramienta Pluma (P) si quieres y dibuja unos cuantos bucles como los de abajo. No tienen que ser simétricos por lo tanto es más fácil. Cuando hayas terminado, cierra el trazado en la parte superior y esta será la "forma del tope". Haz unas cuantas copias porque las necesitarás más tarde.

diana_ChGlobes_tut_8diana_ChGlobes_tut_8diana_ChGlobes_tut_8

Paso 2

Ahora, con la herramienta Rectángulo (M) dibuja un rectángulo de 28 x 16px. Rellénalo con el degradado lineal mostrado y envíalo detrás de la forma del tope. Este tamaño debería ser suficiente para cubrir la forma del tope por completo.

diana_ChGlobes_tut_9bdiana_ChGlobes_tut_9bdiana_ChGlobes_tut_9b

Paso 3

Selecciona el rectángulo dorado y la forma del tope (sin trazo y sin relleno) y ve a Objeto > Máscara de recorte > Crear (Control-7).

diana_ChGlobes_tut_10diana_ChGlobes_tut_10diana_ChGlobes_tut_10

Paso 4

Selecciona una de las copias de la forma del tope y muévela un poco hacia abajo pulsando la tecla de flecha hacia abajo de tu teclado 3 veces (Incrementos de teclado: 0,1px). Rellénala con marrón oscuro y envíala detrás de todo yendo a Objeto > Organizar > Enviar detrás (Mayús-Control-[). Llamaré a esta forma "borde del tope" (1).

A continuación, con la herramienta Elipse (L) dibuja una elipse de la longitud del tope y rellénala de negro. Esta forma se denomina "tope posterior" y debe estar en la parte posterior (2).

diana_ChGlobes_tut_11diana_ChGlobes_tut_11diana_ChGlobes_tut_11

4. Crea el aro

Paso 1

Toma la herramienta Pluma (P) y dibuja un trazado como el de abajo, luego dale un Trazo de 1pt de cualquier color. Con el trazado aún seleccionado, selecciona Expandir y Desagrupar en el menú Objeto. Obtendrás la forma del "aro" y ahora puedes rellenarla con el degradado lineal mostrado.

diana_ChGlobes_tut_12diana_ChGlobes_tut_12diana_ChGlobes_tut_12

Paso 2

Copia y Pega delante (Control-F) la forma de "aro" (naranja) y luego Copia y Pega delante (Control-F) la forma naranja de nuevo (verde). Mueve la forma verde un poco hacia la izquierda presionando la tecla de flecha hacia la izquierda dos veces. Ahora, selecciona ambas formas (naranja y verde) y presiona Restar en el panel Buscatrazos. Como resultado obtendrás el borde delgado de color naranja.

diana_ChGlobes_tut_13diana_ChGlobes_tut_13diana_ChGlobes_tut_13

Paso 3

Rellena el borde delgado del paso anterior con blanco y luego pon el Modo de fusión en Superponer y la Opacidad en 50%.

diana_ChGlobes_tut_14diana_ChGlobes_tut_14diana_ChGlobes_tut_14

Paso 4

Copia y Pega delante (Control-F) la forma de "aro" (azul) y luego Copia y Pega delante (Control-F) la forma azul de nuevo (púrpura). Mueve la forma púrpura un poco hacia la derecha presionando la tecla de flecha derecha dos veces. A continuación, selecciona ambas formas (azul y púrpura) y pulsa Restar en el panel Buscatrazos. Obtendrás el borde azul delgado en el lado izquierdo del aro.

diana_ChGlobes_tut_15diana_ChGlobes_tut_15diana_ChGlobes_tut_15

Paso 5

Rellena el borde del paso anterior con negro y establece una Opacidad del 50%. En este punto el tope debe verse como en la siguiente imagen:

diana_ChGlobes_tut_16diana_ChGlobes_tut_16diana_ChGlobes_tut_16

5. Agrega detalles en el tope

Paso 1

En este paso necesitarás otra copia de la forma del tope. Trae esta copia delante de todo yendo a Objeto > Organizar > Traer al frente (Mayúsculas-Control-]) y luego rellénala de rojo, por ejemplo. Ahora, Copia y Pega delante (Control-F) la forma roja y muévela un poco hacia abajo. Teniendo ambas formas seleccionadas (rojo y verde) pulsa Restar en el panel Buscatrazos. Obtendrás un borde en la parte superior.

diana_ChGlobes_tut_17diana_ChGlobes_tut_17diana_ChGlobes_tut_17

Paso 2

Rellena el borde del paso anterior con el degradado radial que se muestra a continuación, y luego establece el Modo de fusión en Subexposición de color y la Opacidad en 35%.

diana_ChGlobes_tut_18diana_ChGlobes_tut_18diana_ChGlobes_tut_18

Paso 3

Puedes añadir más detalles en el tope, pero esto es opcional. Coloca unos cuantos círculos pequeños en el borde y también en los bucles y rellénalos de negro. Agrupa (Control-G) los círculos, luego establece el grupo en el Modo de fusión Superponer y la Opacidad en 50%.

diana_ChGlobes_tut_19diana_ChGlobes_tut_19diana_ChGlobes_tut_19

6. Añade sombra debajo del tope

Paso 1

Primero, Agrupa (Control-G) todas las formas que componen el tope y luego muévelas por encima de la bola de Navidad dorada. Para añadir la sombra debajo del tope ve al siguiente paso.

diana_ChGlobes_tut_20diana_ChGlobes_tut_20diana_ChGlobes_tut_20

Paso 2

Dibuja una elipse justo cerca del borde superior de la bola y luego dibuja otra más pequeña como se muestra en la imagen (1). Rellena ambas con negro. Establece la elipse más grande en el Modo de fusión Multiplicar y 0% de Opacidad, y la elipse más pequeña en el Modo de fusión Multiplicar y 100% de Opacidad (2).

Con las formas aún seleccionadas, ve a Objeto > Fusión > Opciones de fusión, elige 20 Pasos especificados y luego vuelve a Objeto > Fusión > Crear (Alt-Control-B). Baja la Opacidad del grupo de fusión resultante al 40% (3).

diana_ChGlobes_tut_21diana_ChGlobes_tut_21diana_ChGlobes_tut_21

7. Guarda el símbolo de copo de nieve

Paso 1

En este paso utilizaremos los símbolos vectoriales de Copos de nieve creados por all-silhouettes. Descárgalos, abre el archivo y copia los copos de nieve en tu documento. Del conjunto he utilizado el copo de nieve rojo para la bola de Navidad dorada, y el copo de nieve verde para la bola de Navidad verde.

diana_ChGlobes_tut_22diana_ChGlobes_tut_22diana_ChGlobes_tut_22

Paso 2

Ahora, toma el copo de nieve y ve a Efecto > Distorsionar y transformar y aplica el efecto Transformar para obtener unos cuantos copos de nieve en fila. Para ampliar el efecto aplicado, selecciona Expandir apariencia en el menú Objeto. Arrastra el grupo de copos de nieve resultante al panel Símbolos para guardarlo.

diana_ChGlobes_tut_23diana_ChGlobes_tut_23diana_ChGlobes_tut_23

Estos son los ajustes que he utilizado para el efecto Transformar:

diana_ChGlobes_tut_24diana_ChGlobes_tut_24diana_ChGlobes_tut_24

8. Aplica copos de nieve en la bola de Navidad

Paso 1

Copia y Pega delante (Control-F) la "forma de color", luego establece el relleno en ninguno, y el trazo en cualquier color. Haz una selección con la herramienta Selección directa (A) y elimina todos los puntos de anclaje del lado izquierdo.

diana_ChGlobes_tut_25diana_ChGlobes_tut_25diana_ChGlobes_tut_25

Paso 2

Teniendo el trazado del paso anterior seleccionado, ve a Efecto > 3D > Girar. En la ventana que se abre selecciona Posición frontal y deja los demás ajustes como están. Pulsa el botón Mapear ilustración para continuar. En la ventana Mapear ilustración selecciona el símbolo de copo de nieve de la lista y aplícalo en la superficie frontal del globo (1 de 2). Puedes mover o escalar el símbolo y cuando estés conforme con el resultado pulsa OK.

diana_ChGlobes_tut_26diana_ChGlobes_tut_26diana_ChGlobes_tut_26

Paso 3

Para expandir el objeto 3D selecciona Expandir apariencia en el menú Objeto. Ahora, utiliza el panel Capas para encontrar el grupo resultante, y ábrelo hasta que veas el grupo de copos de nieve. Toma el grupo de copos de nieve y arrástralo por encima del objeto 3D y luego elimina todo lo demás de ese grupo. No necesitas el objeto 3D sino solo los copos de nieve.

diana_ChGlobes_tut_27diana_ChGlobes_tut_27diana_ChGlobes_tut_27

Paso 4

Ajusta el grupo de copos de nieve al Modo de fusión Luz suave.

diana_ChGlobes_tut_28diana_ChGlobes_tut_28diana_ChGlobes_tut_28

9. Añade reflejos a la bola de Navidad

Paso 1

Toma la herramienta Elipse (L) y dibuja dos elipses blancas y una negra sobre la bola. Colócalas como se muestra en la siguiente imagen y establece el Modo de fusión en Superponer para las tres.

diana_ChGlobes_tut_29diana_ChGlobes_tut_29diana_ChGlobes_tut_29

Paso 2

Copia y Pegar delante (Control-F) estas elipses y rellénalas con un degradado radial de blanco a negro. Ajusta el Modo de fusión de Superponer a Normal para las tres.

diana_ChGlobes_tut_30diana_ChGlobes_tut_30diana_ChGlobes_tut_30

Paso 3

A continuación, selecciona las dos formas superpuestas en la parte superior derecha y elige Crear máscara de opacidad en el menú desplegable del panel Transparencia. El Modo de fusión debe establecerse en Superponer.

diana_ChGlobes_tut_31diana_ChGlobes_tut_31diana_ChGlobes_tut_31

Paso 4

Continúa con las dos formas superpuestas de la parte superior izquierda y selecciona de nuevo Crear máscara de opacidad. Lo mismo aplica con las dos elipses de la parte inferior de la bola de Navidad.

diana_ChGlobes_tut_32diana_ChGlobes_tut_32diana_ChGlobes_tut_32

Paso 5

En este punto necesitas perfeccionar los bordes con la ayuda de una máscara. Primero, Copia y Pega delante (Control-F) la "forma de color" y luego llévala al frente de todo yendo a Objeto > Organizar > Traer al frente (Mayúsculas-Control-]). Borra el color de relleno. Ahora, selecciona esta copia, las tres elipses y ve a Objeto > Máscara de recorte > Crear (Control-7).

diana_ChGlobes_tut_33diana_ChGlobes_tut_33diana_ChGlobes_tut_33

Paso 6

En la siguiente imagen puedes ver un antes y un después de la creación de los reflejos en la bola de Navidad.

diana_ChGlobes_tut_34bdiana_ChGlobes_tut_34bdiana_ChGlobes_tut_34b

10. Experimenta con nuevos colores y diseños

Paso 1

Puedes crear fácilmente otras versiones de color de la bola de Navidad y aquí te explicamos cómo. Primero haz una copia de la bola dorada, luego selecciona la "forma de color" y reemplaza el color de relleno existente por rojo. Ajusta el Modo de fusión a Luz suave. Para hacerla aún más brillante, Copia y Pega delante (Control-F) la nueva "forma de color" y reemplaza el relleno rojo por el degradado lineal mostrado a continuación. Deja el Modo de fusión en Luz suave. Acabas de obtener una clásica bola roja de Navidad.

diana_ChGlobes_tut_35diana_ChGlobes_tut_35diana_ChGlobes_tut_35

Paso 2

Para obtener la verde, haz otra copia de la bola de Navidad dorada. Selecciona la "forma de color" y rellénala con el degradado lineal que se muestra a continuación, y esteblece el Modo de fusión en Color. Para hacerla más brillante, Copia y Pega delante (Control-F) la nueva "forma de color" y cambia el Modo de fusión a Luz suave manteniendo el mismo degradado.

diana_ChGlobes_tut_36diana_ChGlobes_tut_36diana_ChGlobes_tut_36

Paso 3

A continuación, selecciona el otro copo de nieve del conjunto y multiplícalo. Organiza los diferentes tamaños como se muestra en la siguiente imagen, y luego arrastra todo al panel de Símbolos para guardar el nuevo símbolo. Para aplicar el símbolo sigue de nuevo las explicaciones del paso 8. Básicamente, creas el objeto 3D y mapeas el símbolo, después de expandirlo, eliminas el objeto 3D y mantienes sólo los copos de nieve.

diana_ChGlobes_tut_37diana_ChGlobes_tut_37diana_ChGlobes_tut_37

Paso 4

Rellena los copos de nieve más grandes del frente con el degradado radial mostrado a continuación, y los copos de nieve más pequeños de los lados con el segundo degradado. Establece el grupo de copos de nieve en el Modo de fusión Trama.

diana_ChGlobes_tut_38bdiana_ChGlobes_tut_38bdiana_ChGlobes_tut_38b

Paso 5

Como puedes ver arriba, las bolas de Navidad rojas y verdes tienen un tope plateado. Para obtenerlo, utiliza una copia del tope dorado y sólo cambia algunas cosas. En primer lugar, rellena el rectángulo con el degradado mostrado (1) y luego sustituye el color de relleno marrón oscuro del "borde del tope" por negro al 50% (2). Para el aro utiliza el segundo degradado mostrado (3) y deja el resto de las formas y detalles como están (4). Fácil, ¿verdad?

diana_ChGlobes_tut_39bdiana_ChGlobes_tut_39bdiana_ChGlobes_tut_39b

11. Termina las bolas de Navidad

Las tres bolas de Navidad están listas. Si deseas colgarlas usando cintas, toma la herramienta Rectángulo (M) y dibuja un rectángulo largo hasta el aro. Añade un punto extra en la parte inferior del rectángulo con la herramienta Añadir punto de ancla (+) y luego mueve este punto un poco hacia abajo usando la tecla de flecha hacia abajo de tu teclado. Haz lo mismo para las otras bolas.

diana_ChGlobes_tut_40diana_ChGlobes_tut_40diana_ChGlobes_tut_40

¡Felicidades! Terminaste

Ahora tienes los conocimientos necesarios para dibujar diferentes bolas de Navidad. Utilizando el mismo principio puedes crear otros tipos de bolas en cuanto a colores, forma y diseño. También puedes utilizar cualquiera de los copos de nieve del conjunto para decorar tus adornos navideños. Siéntete libre de añadir cintas, lazos, muchos destellos, copos de nieve y luces, ya que es Navidad y está permitido.