1. Design & Illustration
  2. Add-Ons
  3. Patterns

Cómo crear un motivo en Adobe Illustrator inspirado en las tribus africanas

Scroll to top

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial crearemos un sencillo pero hermoso motivo africano en forma circular utilizando Adobe Illustrator. Usaremos formas básicas para crear varios símbolos espirituales como la cruz egipcia o ankh y las conchas de cauri. Luego las combinaremos en una linda composición, formando un motivo fluido que encajará perfectamente como papel tapiz, estampado, en una camiseta o cualquier otra cosa en la que lo quieras usar. ¡Comencemos!

Si estás buscando motivos en formato vectorial para tus proyectos, dirígete a GraphicRiver.

1. Cómo configurar la mesa de trabajo

Crea un nuevo documento de 600 px por 600 px en Illustrator con los ajustes dados:

Setting up the canvasSetting up the canvasSetting up the canvas

2. Cómo crear las formas circulares base

Paso 1

Toma la Herramienta Pluma (P), rellena la primera forma de negro #000000, y dibuja una forma circular en la esquina izquierda como se muestra a continuación.

Drawing the first layerDrawing the first layerDrawing the first layer

Paso 2

A continuación, toma la Herramienta Pluma (P), selecciona un relleno amarillo #dc942e, y dibuja otra capa como se muestra en seguida. Luego, haz Clic derecho > Organizar > Enviar detrás.

Adding another layerAdding another layerAdding another layer

Paso 3

Queremos agregar más capas. Nuevamente toma la Herramienta Pluma (P), selecciona un relleno rojo #c8282f, y dibuja otra capa como se muestra abajo. Deja un poco de espacio en blanco.

Adding a red layerAdding a red layerAdding a red layer

Paso 4

Queremos agregar más capas, así que selecciona la Herramienta Pluma (P), selecciona un relleno negro #000000, y agrega otra capa como se muestra abajo.

Adding a black layerAdding a black layerAdding a black layer

Paso 5

Luego, usa la Herramienta Pluma (P), selecciona un relleno rojo #c8282f. Luego, dibuja otra capa y rellénala de amarillo #dc942e.

Adding two extra layersAdding two extra layersAdding two extra layers

Paso 6

Ahora, usa la Herramienta Pluma (P), selecciona un relleno magenta oscuro #691125, y luego dibuja otra capa y rellénala de amarillo #dc942e como se muestra abajo. A continuación, activa la Herramienta Pluma (P), selecciona un relleno rojo #c8282f, y luego dibuja una forma ondulada bajo la forma amarilla. Selecciona la forma, y agrega un trazo negro de 4 pt.

Adding four more layers to the patternAdding four more layers to the patternAdding four more layers to the pattern

Paso 7

A continuación, queremos agregar cuatro capas más. Selecciona la Herramienta Pluma (P). Rellena la primera capa de amarillo #dc942e, la segunda capa de negro #000000, la siguiente capa de rojo #c8282f, y la última de negro #000000, como se muestra abajo.

Adding 4 extra layersAdding 4 extra layersAdding 4 extra layers

Paso 8

En seguida, queremos agregar cuatro capas más. Selecciona la Herramienta Pluma (P) y rellena la primera capa de rojo #c8282f, la segunda capa de negro #000000, la siguiente capa de amarillo #dc942e, y la última de rojo #c8282f, como se muestra abajo.

Adding 4 more layersAdding 4 more layersAdding 4 more layers

Paso 9

Ahora queremos agregar las capas finales de la base. Toma la Herramienta Pluma (P), y rellena la primera capa de negro #000000 y la última capa de turquesa oscuro #065a5e.

Adding the final layers of the baseAdding the final layers of the baseAdding the final layers of the base

3. Cómo agregar elementos dentro de las formas circulares

Paso 1

Comencemos a agregar elementos dentro de cada forma circular, desde arriba. Toma la Herramienta Pluma (P), selecciona un relleno turquesa oscuro #065a5e, y dibuja la forma que se muestra en la siguiente imagen. A continuación, duplica la forma para rellenar el espacio. Selecciona la forma, mantén presionada la tecla Alt, y arrastra la forma en la mesa de trabajo. Luego presiona las teclas Control-D para duplicarla.

Adding shapes inside the third black layerAdding shapes inside the third black layerAdding shapes inside the third black layer

Paso 2

Después, queremos agregar círculos dentro de las nuevas formas que acabamos de crear. Toma la Herramienta Elipse (L), selecciona un relleno amarillo #dc942e, y dibuja círculos pequeños dentro de cada objeto turquesa como se muestra abajo.

Adding circlesAdding circlesAdding circles

Paso 3

Ahora, queremos agregar más profundidad en la capa. Selecciona la Herramienta Elipse (L), selecciona un relleno negro #000000, y dibuja un círculo pequeño dentro de cada círculo amarillo como se muestra en la imagen de abajo.

Adding black circles inside the yellow onesAdding black circles inside the yellow onesAdding black circles inside the yellow ones

Paso 4

Ahora vayamos a la siguiente capa. Toma la Herramienta Elipse (L) , selecciona un relleno negro #000000, y dibuja un círculo alargado entre cada espacio como se muestra abajo.

Adding circles on the next layerAdding circles on the next layerAdding circles on the next layer

Paso 5

A continuación, agrega más objetos en la siguiente capa. Activa la Herramienta Rectángulo (M), selecciona un relleno negro #000000, y arrastra cuatro rectángulos pequeños hacia la capa roja como se muestra abajo.

Adding rectangles inside the red layerAdding rectangles inside the red layerAdding rectangles inside the red layer

Paso 6

Ahora, queremos agregar más profundidad también en esta capa. Activa la Herramienta Rectángulo (M). Rellena el primer rectángulo de amarillo #dc942 y colócalo dentro del primer rectángulo negro. En seguida, duplica el rectángulo amarillo, mantén presionada la tecla Alt en el teclado, y arrástralo hacia el segundo rectángulo negro, cambiando el color a turquesa oscuro #065a5e. Luego, duplica cada rectángulo coloreado y colócalos como se muestra abajo.

Adding more elements on the red layerAdding more elements on the red layerAdding more elements on the red layer

Paso 7

A continuación, queremos agregar círculos en la siguiente capa. Toma la Herramienta Elipse (L), selecciona un relleno amarillo #de9b3f, y rellena el espacio con círculos como se muestra en la imagen de abajo. Duplica el primero presionando Alt en el teclado, y luego presiona Control-D para duplicar más círculos.

Adding circles on the black layerAdding circles on the black layerAdding circles on the black layer

Paso 8

Ahora, queremos agregar más elementos en esta capa. Toma la Herramienta Elipse (L), selecciona un relleno turquesa oscuro #065a5e, y dibuja un círculo dentro de cada círculo amarillo como se muestra en la siguiente imagen.

Adding more circlesAdding more circlesAdding more circles

Paso 9

En seguida, queremos agregar más círculos en esta capa. Toma la Herramienta Elipse (L), selecciona un relleno blanco #ffffff, y luego rellena el espacio con círculos pequeños como se muestra en la imagen de abajo.

adding more circlesadding more circlesadding more circles

4. Cómo crear la cruz egipcia

Paso 1

Toma la Herramienta Pluma (P), cambia el trazo a blanco #ffffff, y dibuja un contorno de gota de agua.

Base of the Ankh crossBase of the Ankh crossBase of the Ankh cross

Paso 2

A continuación, toma la Herramienta Pluma (P), y dibuja la capa exterior para finalizar la cruz como se muestra abajo.

Finish the crossFinish the crossFinish the cross

Paso 3

Ahora queremos cambiar el color de la cruz egipcia antes de agregarla a la siguiente capa. Activa la Herramienta Selección (V), selecciona la primera forma y rellénala de negro #000000. Selecciona la forma exterior y rellénala de blanco #ffffff, y luego aplica Clic derecho > Organizar > Enviar detrás.

Changing the color of the crossChanging the color of the crossChanging the color of the cross

5. Cómo agregar la cruz egipcia y otros elementos

Paso 1

Ahora queremos agregar la cruz en la capa negra. Arrastra la cruz hacia la capa, toma la Herramienta Selección (V) y redimensiona la cruz, presionando la tecla Mayúsculas mientras la escalas. Luego, mantén presionada la tecla Alt para duplicar el objeto y rellena el espacio como se muestra abajo.

Adding the Ankh crossAdding the Ankh crossAdding the Ankh cross

Paso 2

En seguida, queremos añadir elementos en la siguiente capa. Toma la Herramienta Pluma (P), sin relleno, y cambia el color de trazo a blanco #ffffff y el tamaño del trazo a 3 pt. Luego dibuja las tres líneas verticales y presiona Control-G para agruparlas. Luego, dibuja cuatro líneas horizontales y presiona Control-G para agruparlas. En seguida, duplica cada objeto agrupado manteniendo presionada la tecla Alt, y rellena el espacio como se muestra abajo.

6. Cómo duplicar el diseño para rellenar la mesa de trabajo

Paso 1

Ahora que hemos terminado de dibujar todos los elementos, queremos duplicar el mismo diseño en el otro lado de la mesa de trabajo para finalizar el motivo. Toma la Herramienta Selección (V), selecciona todos los elementos, y presiona Control-G para agruparlos. En seguida, presiona Alt en el teclado y arrastra la forma duplicada hacia el lado vacío de la mesa de trabajo.

Paso 2

A continuación, selecciona el diseño duplicado, y aplica Clic derecho > Transformar > Rotar. Cambia el Ángulo a 180 y haz clic en OK.

Paso 3

Ahora que hemos rotado nuestro diseño, queremos cambiar el color turquesa a rojo y el color rojo al turquesa para incorporar un poco más de contraste. Activa la Herramienta Selección Directa (A), haz clic en la capa turquesa, y usa la Herramienta Cuentagotas (I) para tomar la muestra del color rojo desde cualquiera de las capas rojas. Usa la misma técnica para cambiar la capa roja.

Changing colors of the duplicated designChanging colors of the duplicated designChanging colors of the duplicated design

Paso 4

Luego, toma la Herramienta Pluma (P), cambia el trazo a negro #000000, y dibuja una línea en el borde de la capa turquesa y la capa roja como se muestra abajo.

Adding the black layers to break down the designAdding the black layers to break down the designAdding the black layers to break down the design

7. Cómo agregar más objetos para rellenar el espacio restante

Paso 1

Elige la Herramienta Selección (V), selecciona un diseño agrupado, y mantén presionada la tecla Alt para duplicarlo. Luego redimensiónalo y colócalo en la esquina inferior izquierda. Ahora activa la Herramienta Selección Directa (A) y haz clic en cada área turquesa, cambiando el color a amarillo y la última capa a negro como se muestra en la imagen de abajo. Usa la Herramienta Cuentagotas (I) para tomar la muestra de los colores.

Adding more designs on the artboardAdding more designs on the artboardAdding more designs on the artboard

Paso 2

A continuación, duplica los diseños de la esquina inferior izquierda a la esquina superior derecha. Selecciona el diseño, presiona la tecla Alt, y arrástralo hacia la esquina superior derecha. Luego, haz Clic derecho > Transformar > Rotar. Cambia el Ángulo a 180 y haz clic en OK.

Duplicating the designs at the top right cornerDuplicating the designs at the top right cornerDuplicating the designs at the top right corner

Paso 3

Queremos rellenar el espacio en blanco. Primero, toma la Herramienta Pluma (P), selecciona un relleno amarillo #dc942, y dibuja en el espacio en blanco de la izquierda. Luego haz Clic derecho > Organizar > Enviar Detrás. En seguida, usa la Herramienta Pluma (P), selecciona un relleno rojo #c8282f, y dibuja sobre el espacio en blanco de la derecha. Luego haz Clic derecho > Organizar > Enviar Detrás.

Adding colors on the white backgroundAdding colors on the white backgroundAdding colors on the white background

Paso 4

Toma la Herramienta Pluma (P), selecciona un relleno negro #000000, y dibuja algunas capas en las formas que hemos creado previamente como se muestra abajo.

Adding black layers on the colored shapesAdding black layers on the colored shapesAdding black layers on the colored shapes

8. Cómo dibujar la concha de cauri

Paso 1

Elige la Herramienta Pluma (P), y dibuja la mitad de la concha como se muestra abajo. Comienza desde arriba. No te preocupes, pues no tiene que ser perfecta.

Drawing the cowrie shellDrawing the cowrie shellDrawing the cowrie shell

Paso 2

Continua dibujando la forma como se muestra en la imagen de abajo, y cierra el trazado en el punto donde iniciaste.

Finishing the cowrie shellFinishing the cowrie shellFinishing the cowrie shell

Paso 3

Ahora que hemos terminado de dibujar nuestra concha, selecciónala y cambia el color a blanco #ffffff.

Filling the color in whiteFilling the color in whiteFilling the color in white

Paso 4

En seguida, queremos añadir la concha en las dos capas negras del centro. Selecciona la concha de cauri, redimensióanala mientras presionas la tecla Mayúsculas y duplica las conchas para rellenar ambas capas negras como se muestra en la imagen de abajo. Presiona la tecla Alt, y arrastra la concha para duplicarla tantas veces como necesites.

Adding the cowrie shellsAdding the cowrie shellsAdding the cowrie shells

Paso 5

Ahora que hemos agregado las conchas de cauri, queremos añadir círculos en las capas negras vacías bajo el triángulo que creamos previamente. Activa la Herramienta Elipse (L), selecciona un relleno blanco #ffffff y dibuja círculos como se muestra abajo.

Adding more circles on the black layersAdding more circles on the black layersAdding more circles on the black layers

9. Cómo elaborar un motivo fluido

Paso 1

¡Aquí está la parte divertida! Queremos hacer el motivo fluido, pero primero queremos librarnos de cualquier objeto que se haya salido del lienzo. Selecciona la Herramienta Rectángulo (M), elige un relleno de cualquier color, y luego arrástralo en la mesa de trabajo. En seguida, selecciona todo en la mesa de trabajo, y haz Clic derecho > Crear Máscara de Recorte.

Making a clipping maskMaking a clipping maskMaking a clipping mask
End result of clipping maskEnd result of clipping maskEnd result of clipping mask

Paso 2

Ahora, queremos crear un motivo fluido. Selecciona el motivo, y ve a Objeto > Motivo > Crear. Cambia la Anchura y la Altura a 600 px.

Showing how to create a seamless patternShowing how to create a seamless patternShowing how to create a seamless pattern

¡Felicidades! ¡Nuestro motivo circular africano está terminado!

¡Espero que hayas disfrutado el tutorial y descubierto algunas cosas útiles! ¡Sigue creando!

Final PatternFinal PatternFinal Pattern