Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Patterns

Crear un Diseño de Rangoli Sencillo para el Festival de Luces Diwali en Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

En los siguientes pasos, aprenderás a cómo crear un diseño rangoli sencillo para el Festival de Luces Diwali en Adobe Illustrator.

Para los principiantes, aprenderás a cómo preparar una simple cuadrícula y crear fácilmente la forma base. Aprovechando el panel Apariencia, aprenderás a cómo decorar los bordes de la primera forma. Usando la forma de vector básica, el panel Apariencia y muchos efectos de Transformación, aprenderás a cómo darle estilo al interior de tu círculo.

Finalmente, aprenderás a crear un fondo plano y cómo añadir sombras sutiles debajo de tu diseño rangoli final.

Para más inspiración sobre cómo ajustar o mejorar el diseño final, puedes encontrar muchos recursos en GraphicRiver.

Lo que Necesitarás

Necesitarás los siguientes recursos para completar este proyecto:

1. ¿Cómo Crear un Nuevo Documento y Preparar una Cuadrícula?

Presiona Control-N para crear un nuevo documento. Selecciona Píxeles desde el menú despegable de Unidades. Pon 850 en la anchura y altura. Luego da clic en el botón de Más Configuraciones: Selecciona RGB para el Modo de Color. Pon los Efectos de Rasterización a Pantalla (72 ppp) y luego da clic en Crear Documento.

Habilita la Cuadrícula (Vista > Mostrar Cuadrícula) y Ajustar a Cuadrícula (Vista > Ajustar a Cuadrícula. Necesitarás una cuadrícula cada 10 px. Así que simplemente ve a Edición > Preferencias > Guías y Cuadrículas y pon 10 en la casilla Cuadrícula cada y 1 en la casilla de Subdivisiones. Trata de no desanimarte por toda esa cuadrícula—facilitará tu trabajo. Mantén en mente que puedes habilitarla o deshabilitarla usando Control-" en tu teclado.

Puedes aprender más del sistema de cuadrícula de Illustrator en este tutorial de Andrei Stefan: Entendiendo el Sistema de Cuadrículas de Adobe Illustrator.

Debes también abrir el panel Información (Ventana > Información) para una previsualización en vivo del tamaño y la posición de tus formas. No olvides poner las unidades de medidas a píxeles desde Edición > Preferencias > Unidades. Todas estas opciones incrementarás significativamente tu velocidad de trabajo.

set up grid

2. ¿Cómo Crear el Primer Círculo?

Paso 1

Escoge la Herramienta Elipse (L) y enfócate en la Barra de Herramientas. Borra cualquier color desde el trazo y luego selecciona el relleno y pon su color a R=23 G=50 B=127. Ve a tu mesa de trabajo y simplemente crea un círculo de 490 px — la cuadrícula y la opción Ajustar a Cuadrícula harán las cosas más fáciles.

Abre el panel Alinear (Ventana > Alinear). Pon el alineado a la Mesa de Trabajo (abre el menú desplegable y ve a Mostrar Opciones si no puedes ver la sección de Alinear a, como se muestra en la siguiente imagen). Luego simplemente da clic en los botones Alinear Centro Horizontal y Alinear Centro Vertical. Esto moverá tu forma al centro del lienzo.

circle

Paso 2

Asegúrate de que tu forma esté seleccionada y abre el panel Apariencia (Ventana > Apariencia).

Selecciona el trazo. Pon su color a R=255 G=213 B=6. Luego abre el panel desplegable de Trazo. Pon su Anchura a 10 px y marca el botón Alinear Trazo hacia Afuera.

stroke

Paso 3

Asegúrate de que tu forma permanezca seleccionada y mantente enfocado sobre el panel Apariencia.

Selecciona todo el trazado (simplemente da clic en ese Trazado de texto desde la parte superior del panel) y ve a Efecto > Distorsionar y Transformar > Zig Zag. Pon los atributos mostrados en la siguiente imagen y da clic en OK.

zig zag

¿Cómo Decorar los Bordes del Primer Círculo?

Paso 1

Toma la Herramienta Eclipse (L) y crea dos círculos de 30 px. Rellena las dos formas con R=250 G=0 B=8 y colócalas como se muestra en la siguiente imagen.

Selecciona las dos formas y hazlas en un trazado compuesto simple (Objeto > Trazado Compuesto > Crear o Control-8).

compound path

Paso 2

Asegúrate de que tu trazado compuesto permanezca seleccionado y enfócate en el panel Apariencia.

Selecciona el trazo y pon su color a R=255 G=213 B=6. Cambia la Anchura a 10 px y no olvides de alinear hacia afuera.

align to outside

Paso 3

Asegúrate de que tu trazado compuesto permanezca seleccionado y enfócate sobre el panel Apariencia. Usa el botón Añadir Nuevo Relleno para añadir un segundo relleno y seleccionarlo.

Pon el color a blanco (R=255 G=255 B=255) y ve a Efecto > Trazado > Desplazar Trazado. Pon un Desplazamiento de -10 px y da clic en OK.

offset path effect

Paso 4

Asegúrate de que tu trazado compuesto permanezca seleccionado y enfócate en el panel Apariencia.

Selecciona todo el trazado y ve a Efecto > Distorsionar & Transformar > Transformar. Pon los atributos mostrados abajo y da clic en OK.

transform effect

Paso 5

Toma la Herramienta Elipse (L) y crea dos círculos de 10 px. Rellena las dos formas con R=30 G=148 B=255 y colócalas como se muestra en la siguiente imagen.

Selecciona las dos formas y hazlas en un nuevo trazado compuesto (Objeto > Trazado Compuesto > Crear o Control-8).

second compound path

Paso 6

Asegúrate de que tu nuevo trazado compuesto permanezca seleccionado y enfócate sobre el panel Apariencia.

Selecciona el trazo y pon su color a R=255 G=214 B=6. Cambia la Anchura a 10 px y no olvides alinear hacia afuera.

stroke

Paso 7

Asegúrate de que tu nuevo trazado compuesto permanezca seleccionado y enfócate sobre el panel Apariencia.

Selecciona todo el trazo y ve a Efecto > Distorsionar & Transformar > Transformar. Pon los atributos mostrados debajo y da clic en OK.

transform effect

Paso 8

Asegúrate de que tu nuevo trazado compuesto aun esté seleccionado y ve a Efecto > Distorsionar & Transformar. Pon los atributos mostrados abajo y da clic en OK.

transform effect

4. ¿Cómo Decorar el Primer Círculo?

Paso 1

Cambia la opción de Cuadrícula cada a 5 px. Solo ve a Edición > Preferencias > Guías & Cuadrículas y pon 5 en la casilla correspondiente.

Toma la Herramienta Elipse (L) y crea una forma de 80 x 145 px. Rellena esta nueva forma con blanco. Colócala como se muestra en la primera imagen y asegúrate de que permanezca seleccionada.

Toma la Herramienta Punto de Ancla (Mayus-C) y da clic en el punto de ancla inferior. Ve al punto de ancla superior. Da clic sobre él y luego arrastra la manecilla a 10 px hacia la derecha. Mantente enfocado en las manecillas de este punto de ancla y arrastra como se muestra en la tercera imagen. La cuadrícula y la opción Ajustar a Cuadrícula una vez más serán útiles.

anchor point tool

Paso 2

Asegúrate de que tu forma blanca permanezca seleccionada y enfócate en el panel Apariencia.

Seleccionar el trazo y pon el color a R=255 G=213 B=6. Cambia la Anchura a 10 px y no olvides marcar el botón Unión Redondeada.

stroke

Paso 3

Asegúrate de que tu forma blanca permanezca seleccionada y enfócate en el panel Apariencia.

Selecciona todo el trazo y ve a Efecto > Distorsionar y Transformar > Transformar.

transform effect

Paso 4

Asegúrate de que tu forma blanca aun esté seleccionada. Ve de nuevo a Efecto > Distorsionar & Transformar > Transformar. Pon los atributos mostrados debajo y da clic en OK.

transform effect

Paso 5

Asegúrate de que tu forma blanca aun esté seleccionada y ve una vez más a Efecto > Distorsionar & Transformar > Transformar. Pon los atributos mostrados debajo y da clic en OK.

transform effect

Paso 6

Toma la Herramienta Elipse (L) y crea una forma de 80 x 145 px. Rellena esta nueva forma con R=30 G=148 B=255. Colócala como se muestra en la primera imagen y asegúrate de que permanezca seleccionada.

Toma la Herramienta Punto de Ancla (Mayus-C) y da clic en el punto de ancla inferior. Ve al punto de ancla superior; da clic en él, y luego arrastra la manecilla 5 px hacia la derecha, como se muestra en la segunda imagen.

anchor point tool

Paso 7

Asegúrate de que tu forma azul permanezca seleccionada y enfócate sobre el panel Apariencia.

Selecciona el trazo y pon el color a R=1 G=1 B=71. Cambia la Anchura a 10 px y no olvides alinear hacia dentro.

stroke

Paso 8

Asegúrate de que tu forma azul permanezca seleccionada y enfócate sobre el panel Apariencia.

Usa el botón Añadir Nuevo Trazo para añadir un segundo trazo y selecciónalo. Pon su color a R=1 G=1 B=71. Cambia la Anchura a 10 px. Alinea hacia afuera y no olvides marcar el botón Unión Redondeada.

add new stroke

Paso 9

Asegúrate de que tu forma azul permanezca seleccionada y enfócate sobre el panel Apariencia.

Selecciona todo el trazo y ve a Efecto > Distorsión & Transformar > Transformar. Pon los atributos mostrados debajo y da clic en OK.

transform effect

Paso 10

Asegúrate de que tu forma azul aun esté seleccionada y ve de nuevo a Efecto > Distorsionar & Transformar > Transformar. Pon los atributos mostrados y da clic en OK.

transform effect

5 ¿Cómo Crear el Segundo Círculo?

Paso 1

Toma la Herramienta Elipse (L). Crea un círculo de 300 px y alinea al centro usando los mismos comando desde el panel Alinear.

Rellena esta nueva forma con R=250 G=0 B=8 y entonces selecciona el trazo. Pon su color a R=255 G=214 B=6. Cambia la Anchura a 10 px y no olvides a alinear hacia afuera.

red circle

Paso 2

Asegúrate de tu círculo rojo permanezca seleccionado y enfócate sobre el panel Apariencia.

Selecciona todo el trazado y ve a Efecto > Distorsionar & Transformar > Zig Zag. Pon los atributos mostrados abajo y da clic en OK.

zig zag

6. ¿Cómo Decorar el Segundo Círculo?

Paso 1

Toma la Herramienta Rectángulo (M) y crea una forma de 60 x 100 px. Rellena esta forma con blanco y colócala como se muestra en la primera imagen.

Asegúrate de que tu rectángulo permanezca seleccionado y ve a Objeto > Trazado > Añadir Puntos de Ancla. Toma la Herramienta Borrar Punto de Ancla (-) y simplemente da clic en el punto de ancla de la esquina para borrarlos. Esto hará un rectángulo a partir de un rombo.

Enfócate sobre esta forma y ve al a Herramienta Selección Directa (A). Selecciona los puntos de ancla derecho e izquierdo (resaltado en la tercera imagen) y simplemente arrastra 10 px abajo como se muestra en la cuarta imagen.

rhombus

Paso 2

Asegúrate de que tu forma blanca permanezca seleccionada y enfócate en el panel Apariencia.

Selecciona el trazo y pon su color a R=255 G=214 B=6. Cambia la Anchura a 10 px. Alinea hacia afuera y no olvides marcar el botón Unión Redondeada.

stroke

Paso 3

Asegúrate de que tu forma blanca permanezca seleccionada y enfócate sobre el panel Apariencia.

Selecciona todo el trazado y ve a Efecto > Distorsionar & Transformar > Transformar. Pon los atributos mostrados debajo y da clic en OK.

transform effect

Paso 4

Asegúrate de que tu forma blanca esté seleccionada y ve de nuevo a Efecto > Distorsionar & Transformar > Transformar. Pon los atributos mostrados debajo y da clic en OK.

transform effect

Paso 5

Asegúrate de que tu forma blanca esté seleccionada y ve una vez más a Efecto > Distorsionar & Transformar > Transformar. Pon los atributos mostrados debajo y da clic en OK.

transform effect

Paso 6

Toma la Herramienta Elipse (L) y crea una forma de 50 x 125 px. Rellena este círculo con un verde aleatorio. Colócalo como se muestra en la primera imagen y asegúrate de que tu forma permanezca seleccionada.

Toma la Herramienta Punt de Ancla (Mayus-C) y da clic en el punto de ancla inferior. Ve hacia el punto de ancla superior; da clic en él y luego arrastra la manecilla 5 px hacia la derecha, como se muestra en la segunda imagen.

squeezed circle

Paso 7

Asegúrate de que tu forma permanezca seleccionada y enfócate sobre el panel Apariencia. Cambia el color de relleno a R=250 G=0 B=8.

Selecciona el trazo y pon su color a R=1 G=1 B=71. Cambia la Anchura a 10 px y no olvides alienarlo hacia dentro.

stroke

Paso 8

Asegúrate de que tu forma aplastada permanezca seleccionada y enfócate en el panel Apariencia.

Usa el botón Añadir Nuevo Trazo para añadir un segundo trazo y selecciónalo. Pon su color a R=255 G=214 B=6. Cambia la Anchura a 10 px. Alinea hacia fuera y no olvides marcar el botón Unión Redondeada.

stroke

Paso 9

Asegúrate de que tu forma aplastada permanezca seleccionada y enfócate en el panel Apariencia.

Selecciona todo el trazado y ve a Efecto > Distorsionar & Transformar > Transformar. Pon los atributos mostrados debajo y da clic en OK.

transform effect

Paso 10

Asegúrate de que tu forma aplastada permanezca seleccionada y ve a Efecto > Distorsionar & Transformar > Transformar. Pon los atributos mostrados debajo y da clic en OK.

ABCD

7. ¿Cómo Crear el Tercer Círculo?

Paso 1

Toma la Herramienta Elipse (L). Crea un círculo de 100 px y alinea al centro usando los mismos comandos del panel Alinear.

Rellena esta nueva forma con R=1 G=1 B=71 y luego selecciona el trazo. Pon el color a R=255 G=214 B=6. Cambia la Anchura a 10 px. No olvides alinear hacia afuera.

dark circle

Paso 2

Asegúrate de que tu círculo oscuro permanezca seleccionado y enfócate sobre el panel Apariencia.

Selecciona todo el trazado y ve a Efecto > Distorsionar & Transformar > Zig Zag. Pon los atributos mostrados debajo y da clic en OK.

zig zag

8. ¿Cómo Crear una Burbuja de Diálogo en el Fondo?

Paso 1

Toma la Herramienta Rectángulo (M) y crea una forma de 290 x 55 px. Rellena esta nueva forma con blanco y colócala como se muestra en la siguiente imagen.

white rectangle

Paso 2

Toma la Herramienta Rectángulo (M) y crea un cuadrado de 60 px. Rellena esta forma nueva con R=30 G=148 B=255 y colócala como se muestra en la siguiente imagen. Usa la Herramienta Borrar Punto de Ancla (-) y da clic en el botón izquierdo del punto de ancla para borrarlo.

triangle

Paso 3

Toma la Herramienta Texto (T) y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente Baker Street Inline y pon el tamaño a 270 px.

Ve hacia tu mesa de trabajo y simplemente da clic en él. Pon tu texto y pon el color a R=30 G=148 B=255.

type tool

Paso 4

Toma la Herramienta Rectángulo (M) y crea un cuadrado de 870 px. Rellena esta forma nueva con R=5 G=26 B=115. Asegúrate de que cubra toda la mesa de trabajo y luego envíalo detrás (Objeto > Organizar > Enviar Detrás).

background

Paso 5

Toma la Herramienta Elipse (L) y crea un círculo de 490 px. Rellena esta forma nueva con R=1 G=1 B=71 y colócala como se muestra en la siguiente imagen.

shadow shape

Paso 6

Asegúrate de que tu círculo oscuro aún esté seleccionado. Cambia el Modo de Fusión a Luz Suave y ve a Efecto > Desenfoque > Desenfoque Gaussiano. Pon un Radio de 50 px y da clic en OK.

Envía esta forma detrás (Objeto > Organizar > Enviar Detrás). Luego tráela un paso adelante.

gaussian blur

¡Felicidades! ¡Terminaste!

Aquí está un diseño sencillo rangoli. Espero que hayas disfrutado este tutorial y puedas aplicar estas técnicas en tus proyectos futuros. No olvides compartir tu resultado final en los comentarios de abajo.

Siéntete libre de ajustar el diseño final y hacer el tuyo propio. Puedes encontrar grandes recursos de inspiración en GraphicRiver, con soluciones interesantes para mejorar tu diseño.

easy rangoli design for Diwali

¿Buscando más tutoriales? Te recomiendo los siguientes:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.