1. Design & Illustration
  2. Theory
  3. Global Influences

Crea una portada de lista de reproducción de música de Danza del vientre en Adobe Illustrator

Scroll to top
Read Time: 13 min

() translation by (you can also view the original English article)

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

La danza del vientre tiene una larga historia en la cultura de Oriente Medio, y según algunos expertos debe considerarse una danza de celebración, arte es performance o danza folclórica en lugar de entretenimiento de naturaleza seductora o provocativa. Sus raíces son bastante poco claras, pero ha tenido presencia en la historia de Egipto, Turquía, Líbano, Siria, Grecia y la región de "Khaleeji".

Tradicionalmente asociada con elementos religiosos y eróticos, la danza fue creada para adaptarse a la naturaleza de los músculos del torso de una mujer, la cadera y el movimiento del pecho. El danza del vientre se centra principalmente en tejer sensualmente esas partes del cuerpo de forma independiente a los ritmos de la música oriental.

Las bailarinas del vientre a menudo se visten con trajes coloridos y altamente decorados de dos piezas (sujetador y falda), vestidos que fluyen libremente, cinturones embellecidos, bufandas brillantes, cinturones de monedas o ropa de kaftan. También pueden adoptar accesorios como zills, espadas, velos o bastones para su baile.

Hoy en día, el vientre se puede ver en bodas, ocasiones familiares, celebraciones, festivales y restaurantes.

En este tutorial te llevaré a través del proceso creativo de creación de una portada de álbum, desde el boceto ilustrado hasta el formato EPS final. Aprende a crear carátulas que puedas subir a tu lista de reproducción de canciones. Comenzaremos dibujando en Adobe Sketch, pasaremos a algunas herramientas útiles en Adobe Illustrator CC (versión 2014) e incorporaremos Adobe Color CC en el trabajo.

Para obtener un poco de inspiración musical mientras trabajas, dirígete a SoundCloud y sumérgete en algunas melodías exóticas y melodías exuberantes del mundo árabe.

1. Configuración de Adobe Sketch e Illustrator

Paso 1

Una de mis piezas de software de uso común sobre la marcha es Adobe Sketch, que puedes descargar directamente en tu iPad. Es una gran herramienta para esbozar tus ideas dondequiera que esté, tus herramientas se comportan de manera realista y puedes cargar el trabajo terminado directamente en tu Creative Cloud y enviarlo a Adobe Illustrator / Photoshop CC automáticamente.

Comencemos. Abra Adobe Sketch, cambia el nombre de tu proyecto como "Bellydance Cover Art" y comienza a dibujar con el dedo, o si tiene un lápiz óptico compatible con iPad, eso también funcionará. Trabajo con el intuos Creative Stylus, que también puedes comprar en Wacom.

Selecciona la primera herramienta Lápiz en el menú superior y un tono azul oscuro y comienza a dibujar.

Dibuja muy ligeramente al principio. El lápiz funciona a presión, por lo que cuanto más fuerte presiones, más oscuro será el trazo del lápiz. Utiliza la herramienta Borrador para eliminar cualquier error. Una vez que estés satisfecho, asegúrate de haber iniciado sesión en Creative Cloud. Ahora podemos compartir el trabajo, haciendo clic en el menú Compartir, y Enviar a Illustrator.

using adobe sketch to sketch your drawing and share adobe sketch creative stylus pen illustrate share send to illustrator photoshop behance bellydance middle east cover artusing adobe sketch to sketch your drawing and share adobe sketch creative stylus pen illustrate share send to illustrator photoshop behance bellydance middle east cover artusing adobe sketch to sketch your drawing and share adobe sketch creative stylus pen illustrate share send to illustrator photoshop behance bellydance middle east cover art

Paso 2

Tu ilustración se abrirá sola en Adobe Illustrator CC (2014), como "Bellydance Cover Art - Sketch 1.sket".

Ahora queremos crear una portada de álbum, por lo que necesitamos personalizar la mesa de trabajo para que sea un ajuste cuadrado. Archivo > Configuración del documento y selecciona Editar mesas de trabajo.

  • Nombre: Versión de danza del vientre
  • Ancho 22cm
  • Altura 22cm

Haz clic en Aceptar.

editing artboard on adobe illustrator cc name bellydance cover adjust width and height 22cm square artboardediting artboard on adobe illustrator cc name bellydance cover adjust width and height 22cm square artboardediting artboard on adobe illustrator cc name bellydance cover adjust width and height 22cm square artboard

Archivo > Guardar como, Bellydance_Player_Cover_Art.ai.

Necesitamos cambiar el nombre y bloquear la capa para que podamos trazar nuestro dibujo en la parte superior, así que abra Windows > Capas. Cambia el nombre de la capa como "Boceto".

Haz doble clic en la capa para abrir el menú Opciones de capa y marca Bloquear y atenuar imágenes en: 25% y Aceptar.

locking layers and creating new layers layer options panel sketch lock print dim images 25 trace percentage illustrator adobe locking layers and creating new layers layer options panel sketch lock print dim images 25 trace percentage illustrator adobe locking layers and creating new layers layer options panel sketch lock print dim images 25 trace percentage illustrator adobe

En la parte superior de la capa De boceto, crea una nueva capa y nómbrala "Ilustración", para que podamos comenzar a rastrear el trabajo en esta capa.

Una característica interesante del nuevo Adobe Illustrator CC (2014) es que puedes crear tu propio panel de herramientas personalizado, para combinar todas las herramientas que usas comúnmente para dibujar.

Ve a Herramientas de Windows > > Panel Nuevas herramientas, así como "Herramientas de ilustración" y haz clic en Aceptar. Aparecerá un nuevo panel Herramientas. Simplemente puedes arrastrar y soltar cualquier herramienta desde la barra de herramientas original al panel personalizado y, a continuación, cerrar la barra de herramientas original, para conservar solo las herramientas que necesitas.

Create layers and customize tool panel on adobe illustrator CC 2014 release new tools create new layer workspacesCreate layers and customize tool panel on adobe illustrator CC 2014 release new tools create new layer workspacesCreate layers and customize tool panel on adobe illustrator CC 2014 release new tools create new layer workspaces

Más adelante, puedes guardar los paneles de Herramientas personalizados en tus espacios de trabajo, creando un espacio de trabajo dedicado al dibujo. Área de trabajo de Windows > > Nueva área de trabajo.

Archivo > Guardar (Comando-S).

2. Herramientas de rastreo

Paso 1

Antes de comenzar a trazar la obra de arte, aprendamos algunas nuevas herramientas destacadas.

Por lo general, cuando rastreo, me gusta rastrear las pequeñas cositas en la parte superior y bajar a la piel, el cabello y el fondo, ya que las áreas más grandes no necesitan mucho trabajo. El traje de la bailarina del vientre está completamente embellecido, por lo que podemos comenzar llenando los formularios en su atuendo.

La herramienta de lápiz (P) es una de las herramientas más importantes de Adobe Illustrator. En la versión 2014 de Illustrator CC, las nuevas actualizaciones de la herramienta le brindan más precisión y flexibilidad al crear tu arte. Una característica principal es la vista previa de la herramienta de lápiz, que te permite ver tu ruta (línea roja) antes de colocar tus puntos de anclaje y le ahorra la limpieza de rutas más adelante.

Pen Tool preview option in adobe illustrator CC tracing points Pen Tool preview option in adobe illustrator CC tracing points Pen Tool preview option in adobe illustrator CC tracing points

Otra característica interesante para probar es la capacidad de arrastrar controladores de puntos desiguales.

En versiones anteriores, cuando se agregaba un punto, se creaban identificadores de anclaje igualmente emparejados. Ahora, al agregar un nuevo punto y mantener presionadas las teclas Comando y Alt, puede variar la longitud de los nuevos controladores del punto de anclaje y controlar más tus curvas, sin arruinar su forma.

adobe illustrator cc creating control unequal paired anchor points hold down command control keys in adobe illustrator cc 2014 releaseadobe illustrator cc creating control unequal paired anchor points hold down command control keys in adobe illustrator cc 2014 releaseadobe illustrator cc creating control unequal paired anchor points hold down command control keys in adobe illustrator cc 2014 release

Otra herramienta útil para probar es la herramienta curvatura (Shift-~). Es básicamente la herramienta de lápiz (P) con una opción de giro curvo. Te ayuda a dibujar tus curvas de forma más suave y rápida.

Es un poco complicado acostumbrarse a la primera vez, así que tómate tu tiempo para probarlo. Un truco de esta herramienta es la capacidad de dibujar círculos perfectos. Simplemente selecciona la herramienta Curvatura (Mayús-~) y haz clic una vez en el centro de cada guía circular. Con cuatro clics puedes crear un círculo.

curvature tool shift creating perfect circle in adobe illustrator cc 2014 releasecurvature tool shift creating perfect circle in adobe illustrator cc 2014 releasecurvature tool shift creating perfect circle in adobe illustrator cc 2014 release

Y en caso de que desees tener una línea recta entre los puntos, simplemente haz doble clic en el centro de cada guía.

using the curvature tool sfift to create smooth curves and straight linesusing the curvature tool sfift to create smooth curves and straight linesusing the curvature tool sfift to create smooth curves and straight lines

Si hay un trazado existente que deseas corregir, simplemente selecciona la forma con la Herramienta de selección (V) y, a continuación, toma la Herramienta de curvatura (Mayús-~) y selecciona el trazado, para convertirlo en una curva suave.

selection tool and curvature tool to convert straight path to smooth curve on illustrator cc 2014 releaseselection tool and curvature tool to convert straight path to smooth curve on illustrator cc 2014 releaseselection tool and curvature tool to convert straight path to smooth curve on illustrator cc 2014 release

Si te resulta difícil al principio, simplemente usa la herramienta Ellipse (E), especialmente cuando necesites dibujar las elipses de la moneda.

Una vez que te acostumbres a las nuevas funciones, todo lo que realmente necesitas para rastrear la ilustración es la Herramienta de pluma (P), la Herramienta de curvatura (Shift-~) y la Herramienta de elipse (E). Establece el trazo en negro sin color de relleno y comienza a trazar.

tracing using the pen tool P curvature tool Shift and ellipse tool E on adobe illustrator cctracing using the pen tool P curvature tool Shift and ellipse tool E on adobe illustrator cctracing using the pen tool P curvature tool Shift and ellipse tool E on adobe illustrator cc

Paso 2

El color es esencial para un buen diseño, por lo que debes asegurarte de elegir los tonos correctos. Hay varias aplicaciones para ayudarte a elegir el esquema de color correcto. Utilicé Adobe Color CC. Para este álbum decidí ir con tonos rojos ardientes.

Crea tus esquemas de color, nómbralos y guárdalos.

Adobe Color CC color scheme generator hot reds blood redAdobe Color CC color scheme generator hot reds blood redAdobe Color CC color scheme generator hot reds blood red

Adobe Color CC genera temas que puedes sincronizar con aplicaciones de escritorio de Adobe como Photoshop e Illustrator, y aplicaciones móviles como Illustrator Line, Illustrator Draw y Photoshop Sketch.

Abre Temas de color de Windows.

Si estás conectado a través de Creative Cloud, haz clic en el botón Actualizar y todos los temas se sincronizarán en Illustrator.

Refresh color themesRefresh color themesRefresh color themes

¡Vamos a colorear!

A medida que avanzas, organiza el orden de apilamiento de las formas de acuerdo con su estratificación adecuada.

Para mover un objeto a la posición superior o inferior de tu grupo o capa, selecciona el objeto que deseas mover y elige Objeto > Organizar > Traer al frente (Mayús-Comando-]) u Objeto > Organizar > Enviar atrás (Mayús-Comando-[).

Para mover las formas de un objeto hacia el frente o hacia atrás, selecciona el objeto que deseas mover y elige Objeto > Organizar > Adelantar (Comando-]) u Objeto > Organizar > Enviar hacia atrás (Comando-[).

color shapes using color scheme saved adobe color cc onto illustrator cc 2014color shapes using color scheme saved adobe color cc onto illustrator cc 2014color shapes using color scheme saved adobe color cc onto illustrator cc 2014

Paso 3

A continuación, rastrea las partes del cuerpo, utilizando las mismas herramientas, con el Trazo establecido en negro y Relleno en ninguno.

use the pen tool p curvature tool shift and ellipse tool to trace on adobe illustrator ccuse the pen tool p curvature tool shift and ellipse tool to trace on adobe illustrator ccuse the pen tool p curvature tool shift and ellipse tool to trace on adobe illustrator cc

En el panel Capas, crea una nueva capa en "Ilustración" y así como el título "Fondo".

Traza con la herramienta curvatura (Shift-~) una parte del humo, en la capa "Artwork", en la parte superior de la cadera de la bailarina del vientre. Luego, en la capa "Fondo", traza el resto de la ilustración de humo.

Archivo > Guardar (Comando-S).

artwork tracing drawing pen tool curcature tool and ellipse tool bellydance cover artartwork tracing drawing pen tool curcature tool and ellipse tool bellydance cover artartwork tracing drawing pen tool curcature tool and ellipse tool bellydance cover art

Paso 4

Bloquea las capas "Ilustración" y "Fondo", Crea una nueva capa encima de "Ilustración" y así como el título "Texto".

Abre la ventana > pinceles. En el submenú del panel Pinceles, Abrir biblioteca de pinceles > > Artistic_Calligraphic artístico.

Open Window Brushes In Brushes panel submenu Open Brush Library Artistic Artistic_Calligraphic adobe illustratorOpen Window Brushes In Brushes panel submenu Open Brush Library Artistic Artistic_Calligraphic adobe illustratorOpen Window Brushes In Brushes panel submenu Open Brush Library Artistic Artistic_Calligraphic adobe illustrator

Se abrirá el panel de Artistic_Calligraphic. Encontrarás un cepillo plano de 40pt.. Arrástralo y suéltalo en el panel Pinceles y, a continuación, cierra el panel Artistic_Calligraphic.

Haz doble clic en el pincel 40pt.flat y se abrirá el panel Opciones de pincel. Ajusta la configuración a:

  • Ángulo: 62 grados / Aleatorio
  • Redondez: 35 por ciento / Rueda del lápiz óptico
  • Tamaño: 46pt / Aleatorio

Haz clic en Aceptar.

40pt flat brush setting adjust degrees percentage size random stylus wheel pressure40pt flat brush setting adjust degrees percentage size random stylus wheel pressure40pt flat brush setting adjust degrees percentage size random stylus wheel pressure

Haz clic en B, un acceso directo para la herramienta Pincel, y con el pincel recién modificado seleccionado, traza el texto árabe "Ya Habibi", que se traduce como "Mi amor". No todo el mundo tiene la versión de Oriente Medio de Illustrator, por lo que es más fácil dibujar el texto en este punto.

tracing arabic text with 40t adjust brush settingstracing arabic text with 40t adjust brush settingstracing arabic text with 40t adjust brush settings

A continuación, coloquemos el texto en inglés. Haz clic en T, el acceso directo de la herramienta Tipo.

En la barra de menú superior encontrarás:

  • Carácter: Aquí puedes seleccionar la fuente de tu elección. Seleccioné la fuente Brody.
  • Tamaño de fuente: 59 pt.

Asegúrate de que el párrafo esté alineado a la izquierda y a la dirección de párrafo de izquierda a derecha.

Ahora gira el texto Rotar (R), para que esté alineado con el árabe "Ya Habibi".

character align left paragraph direction ya habibi text rotate tool type toolcharacter align left paragraph direction ya habibi text rotate tool type toolcharacter align left paragraph direction ya habibi text rotate tool type tool

A continuación, selecciona la herramienta de texto (T) nuevamente, con la fuente Brody, 32 pt, Párrafo: Alinear la dirección del párrafo izquierdo y de izquierda a derecha, y escribe "Música de danza del vientre del Medio Oriente".

Archivo > Guardar (Comando-S).

Type tool align left align right bellydance music from the Middle East paragraph Type tool align left align right bellydance music from the Middle East paragraph Type tool align left align right bellydance music from the Middle East paragraph

Paso 5

Bloquea la capa "Texto" y desbloquea "Ilustración".

Pasa a Adobe Color CC y selecciona los tonos de piel, cabello, humo y fondo.

Una vez que hayas terminado, vuelve a Illustrator y al panel Sincronizar temas de color.

adobe color cc to adobe illustrator cc export color themes saved sync artboardadobe color cc to adobe illustrator cc export color themes saved sync artboardadobe color cc to adobe illustrator cc export color themes saved sync artboard

Comienza a colorear los elementos restantes de la mesa de trabajo. Mientras coloreas, organiza correctamente el orden de apilamiento de los elementos.

Selecciona el objeto que deseas mover y elige entre:

  • Objeto > Organizar > Adelantar (Comando-])
  • Objeto > Organizar > Enviar hacia atrás (Comando-[)
  • Objeto > Organizar > traer al frente (Mayús-Comando-])
  • Objeto > Organizar > Enviar a atrás (Shift-Command-[).

Si sientes que necesitas agregar o quitar elementos, improvisa a medida que avanzas.

artwork color palette bellydance illustration cover arrange back front backward forwardartwork color palette bellydance illustration cover arrange back front backward forwardartwork color palette bellydance illustration cover arrange back front backward forward

Ventana > Trazo y abre las opciones del panel Trazo. Elige Peso: 2 pt y Tapa redonda: Unión redonda.

Comprueba Dashed Line y establece Dash en 0 pt y Gap en 5 pt. Esto creará el efecto de cuentas en sus adornos de vestido. Intenta variar los valores de los puntos para crear una variación en la pieza.

dash and gap effects beads on dress embellisment bellydancerdash and gap effects beads on dress embellisment bellydancerdash and gap effects beads on dress embellisment bellydancer

Archivo > Guardar (Comando-S).

Selecciona la herramienta Lápiz (N) y agrega algunos adornos más utilizando la misma configuración de cuentas.

Pencil tool N sketch bead effect embellishment adobe illustrator ccPencil tool N sketch bead effect embellishment adobe illustrator ccPencil tool N sketch bead effect embellishment adobe illustrator cc

Paso 6

Desbloquea la capa "Fondo" y el color en el humo.

Abre Windows > Degradado. Selecciona la herramienta Rectángulo (M) y rellena el color de fondo con un degradado radial de fuego (amarillo a rojo).

Desbloquea la capa "Texto" y dé color al texto.

Para la fuente ilustrada en árabe, Object > Expand Appearance. Para el tipo inglés, Escribe > Crear contornos.

Expand appearance of fonts and outline type to fill color adobe Illustrator CC gradient backgroundExpand appearance of fonts and outline type to fill color adobe Illustrator CC gradient backgroundExpand appearance of fonts and outline type to fill color adobe Illustrator CC gradient background

Coloca el texto como te parezca adecuado.

Luego, con la Herramienta de selección (V), selecciona todo el texto y Grupo (Comando-G). Arrastra ligeramente hacia abajo, mientras mantienes presionada la tecla Alt, para Duplicar el texto.

Transparencia de Windows. Da al nuevo grupo un modo de transparencia Multiplicar. A continuación, object > Organizar > Enviar hacia atrás (Command-[) y Archivar > Guardar (Command-S).

using group and direct selection tool to arrange and duplicate text with transparency multiply adobe illustratorusing group and direct selection tool to arrange and duplicate text with transparency multiply adobe illustratorusing group and direct selection tool to arrange and duplicate text with transparency multiply adobe illustrator

3. Patrón y efectos

Paso 1

Bloquea las capas "Texto" y "Ilustración" y pasa a la capa "Fondo".

Agreguemos un patrón al fondo.

Selecciona la herramienta Polígono en nuestro panel Herramientas predeterminado: Ventana > Herramientas > predeterminada (la desventaja de una barra de herramientas personalizada es la capacidad de arrastrar todo el submenú de la herramienta con cada herramienta).

Selecciona Todo (Comando-A) y presiona Comando-2 para bloquear selección. Necesitamos bloquear todos los elementos para que no se interesen en el camino de nuestro diseño de patrones.

Crea un polígono relleno de naranja.

Selecciona la forma y mantén presionada la tecla shift y notarás que la forma está restringida a moverse solo en un plano horizontal o vertical. Si mantienes presionada la tecla Opción/Alt y shift-Arrastrar, hará una copia que está alineada horizontalmente.

Ahora Comando+D, para duplicar la acción y rellenar las dimensiones de la mesa de trabajo.

polygon tool duplicate shift alt drag selection copy polygon tool duplicate shift alt drag selection copy polygon tool duplicate shift alt drag selection copy

Agrupa (Comando-G) los polígonos y, a continuación, mantén pulsada la tecla Opción/Alt y Arrastra para hacer una copia. Alinea el segundo grupo en ángulo con los polígonos superiores y shift y arrastra para copiar un último polígono para llenar el espacio vacío al final.

shift alt drag vertically to copy polygon groupshift alt drag vertically to copy polygon groupshift alt drag vertically to copy polygon group

Selecciona ambos grupos y mantén pulsada la tecla Opción/Alt y Arrastra para realizar una copia verticalmente. A continuación, Comando D para duplicar y rellenar las dimensiones de la mesa de trabajo.

Select both groups and hold down OptionAlt and Drag to make a Copy vertically Then Command D to Duplicate and fill artboard dimensionsSelect both groups and hold down OptionAlt and Drag to make a Copy vertically Then Command D to Duplicate and fill artboard dimensionsSelect both groups and hold down OptionAlt and Drag to make a Copy vertically Then Command D to Duplicate and fill artboard dimensions

Archivo > Guardar (Comando-S).

<Selecciona Todo (Comando-A) y Grupo (Comando-G). A continuación, haz clic en Objeto > Organizar > Enviar a atrás (Shift-Command-[) para enviarlo detrás del humo.

Establece Transparencia en el modo Pantalla, al 80%.

Select All Command A Group Command G Object Arrange Send To Back ShiftCtrl behind smoke Set transparency to Screen mode at 80Select All Command A Group Command G Object Arrange Send To Back ShiftCtrl behind smoke Set transparency to Screen mode at 80Select All Command A Group Command G Object Arrange Send To Back ShiftCtrl behind smoke Set transparency to Screen mode at 80

Objeto > Desbloquear todo (Comando-Opción-2).

Desbloquea las capas "Ilustración" y "Texto".

Selecciona todas las formas de humo, con la herramienta de selección directa (V), y dele un modo de transparencia de pantalla del 50-85%.

Archivo > Guardar (Comando-S).

screen transparency mode and percentage to smoke effectscreen transparency mode and percentage to smoke effectscreen transparency mode and percentage to smoke effect

Altera la transparencia del humo como mejor te parezca y fija los colores o transparencias que encuentres no tan precisos en la composición.

Volví y fijé los tonos de piel a un tono más claro, ajusté la superposición de transparencia del patrón al 43%, agregué color al fondo degradado y ajusté la sombra del texto.

Paso 2

Finalmente, todo lo que necesitas hacer es exportar la imagen.

Archivo > Guardar (Comando-S).

Archivo > Exportar, formato JPEG, con usar mesas de trabajo marcadas y haz clic en Exportar.

En el cuadro emergente Opciones JPEG, selecciona RGB para Modo de color, con resolución de pantalla de 72 ppi y Aceptar.

JPEG options box color mode rgb screen resolution 72ppi okJPEG options box color mode rgb screen resolution 72ppi okJPEG options box color mode rgb screen resolution 72ppi ok

Finalmente, abre el reproductor de música de tu elección y agrega la ilustración a tu lista de reproducción.

Playlist display artwork music playerPlaylist display artwork music playerPlaylist display artwork music player

¡Felicidades! ¡La portada de tu lista de reproducción está lista!

Hemos creado una carátula de lista de reproducción, que puedes subir a tus canciones favoritas de danza del vientre.

Aprendimos a dibujar sobre la marcha con Adobe Sketch y luego compartir nuestro trabajo a través de Creative Cloud, y descubrimos algunas herramientas útiles en Adobe Illustrator CC (versión 2014) como la nueva vista previa del lápiz, la herramienta curvatura, la personalización de la barra de herramientas, el uso de pinceles para crear texto, la adopción de las funciones de Adobe Color CC y muchos trucos más.

Espero que hayas disfrutado de este tutorial, y esperando ver tu versión del diseño.

¡Veamos esas creaciones!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads