Advertisement
  1. Design & Illustration
  2. Global Influences

Cómo Crear un Motivo Inspirado en Túnez en Adobe Illustrator

Scroll to top
Read Time: 13 min

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

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

Si usted planea viajar a Túnez, hacen una parada de medio día en la capital de la cerámica, Nabeul. Sus ojos se danzando alrededor de la pantalla vibrante de cerámica hecha a mano color, tazones de fuente de cristal, jarras, placas, baldosas y todo tipo de atractivos objetos de cerámica, se derrame sobre las calles y las aceras y en patio de la ciudad de tiendas.

Estas cerámicas y joyas de cerámica son la antigua tradición de los artesanos tunecinos.

En este tutorial, utilizará Adobe Illustrator para diseñar un motivo inspirado en Túnez. Vamos a utilizar básicos herramientas de Illustrator, así como herramienta de símbolos y herramientas como la herramienta de pintura en vivo. Además usted aprenderá algunos consejos y trucos para acelerar su flujo de trabajo. Después de completar el diseño, nos subirá para personalizar nuestros propios cojines y cojines.

Si desea ampliar sus conocimientos de patrones geométricos, tenemos una serie dedicada a tutoriales de Diseño de Patrón Geométrico.

Usted puede encontrar muchos gráficos Tunecinos en GraphicRiver, incluyendo muchos mapas útiles para su diseño y necesidades de la infografía.

Ahora, vamos a empezar a crear nuestro adorno!

1. Cómo Configurar el Archivo

Abrir Adobe Illustrator y crear un Nuevo Documento (Archivo >  Nuevo o Control-N) con la siguiente configuración:

Seleccione Imprimir.

Detalles de Precolocación: Tunisian_Motif

  • Número de Mesas de Trabajo: 1
  • Anchura: 1500 px
  • Altura: 1500 px
  • Unidades: Píxeles
  • Modo de Color: CMYK

Y Crear.

Ahora estamos listos para diseñar nuestro motivo.

Create New Document Tunisian Motif Pixels Create New Document Tunisian Motif Pixels Create New Document Tunisian Motif Pixels

2. Cómo Describir y Diseñar el Motivo

Paso 1

Para crear un correcto diseño geométrico, sería un buen comienzo para activar las Guías Inteligentes (Comando-U o Ver > Guías Inteligentes).

Ahora vamos a comenzar dibujando una flor geométrica de 17 segmentos, creando primero el marco de un solo pétalo.

Seleccione la Herramienta Elipse (L) en la barra de Herramientas. Set null Relleno y un Trazo de 15 pt (sistema de la base superior).

Para precisamente crear la elipse, utilice el cuadro de diálogo de Elipse haciendo clic una vez en la mesa de trabajo. Abre el cuadro de diálogo.

Establecer el Ancho y Alto de 500 px.

ellipse dialog box set width height pixelsellipse dialog box set width height pixelsellipse dialog box set width height pixels

Paso 2

A continuación, con la elipse seleccionada, Copiar (Comando-C) y Pegar en el Frente (Comando-F), para crear la misma elipse en la parte superior del original.

Luego, Mover la selección (Objeto > Transformar > Mover Transformar o utilizar el Comando-Shift-M método abreviado) para aplicar a una Distancia Horizontal de 99 px.

Object transform Move horizontal distance 99pxObject transform Move horizontal distance 99pxObject transform Move horizontal distance 99px

Paso 3

Para crear la forma de pétalo, deberemos cortar la parte de intersección de las elipses.

Abra el panel Buscatrazos: Ventana > Buscatrazos. Seleccionar los Modos de Forma: Cruzado.

pathfinder panel shape mode intersect shapepathfinder panel shape mode intersect shapepathfinder panel shape mode intersect shape

Paso 4

Tomar la Herramienta de Selección Directa (A) de la barra de Herramientas y seleccione los puntos de anclaje de izquierda y derecha. Para el diseño de la base del pétalo, Comando-Shift-M para Mover los puntos de anclaje de 45 px Verticales.

move command anchor pints vertical pxmove command anchor pints vertical pxmove command anchor pints vertical px

Paso 5

A continuación, vamos a centro de la base del pétalo a nuestra mesa de trabajo.

Activar Ajustar al Punto: Vista > Ajustar al Punto, por lo que la selección se ajusta al centro de la mesa de trabajo.

Utilice la Herramienta Selección (V) para seleccionar la forma y el complemento, hasta el punto marcado centro, resaltada en rojo las guías inteligentes.

Sanp to point Selection tool Smart guidesSanp to point Selection tool Smart guidesSanp to point Selection tool Smart guides

Paso 6

Seleccione el Herramienta Rotar (R) y mantenga pulsada la tecla Alt para fijar el centro del punto del eje de rotación en la base del pétalo. Se abrirá el cuadro de diálogo Rotar.

Para calcular el radio que necesita de 17 segmentos, dividir 360° por 17, y obtendrá ° 21,18. Tan establecer el Angulo de Giro en (sentido antihorario) 21,18 ° o °-21,180 para ir hacia la derecha.

Seleccione Copiar para hacer un duplicado del pétalo.

set rotate angle degrees clockwise copy set rotate angle degrees clockwise copy set rotate angle degrees clockwise copy

Paso 7

Transformar Otra Vez usando el atajo Comando-D, para repetir el resto de las rotaciones de pétalo.

Comando-G para Agrupar todos juntos. Archivo > Guardar (Comando-S).

Duplicate Copy action petal degrees pasteDuplicate Copy action petal degrees pasteDuplicate Copy action petal degrees paste

Paso 8

Ahora vamos a dibujar algunas elipses alrededor de nuestro patrón. Tomar la Herramienta Elipse (L) y seleccione un Relleno blanco y sin Trazo.

Siga las guías inteligentes y dibujar un elipse de 65 px Anchura y Altura en el centro del motivo. A continuación, dibujar una elipse de 25 px con un Relleno negro y Trazo nulo en el centro del motivo.

Ellipse Tool Fill Stroke Color center artboardEllipse Tool Fill Stroke Color center artboardEllipse Tool Fill Stroke Color center artboard

Paso 9

Ahora hemos creado un pétalo 500 px de radio, así que la circunferencia de la flor debe ser dos veces ese número para el diámetro. Con la Herramienta Elipse (L), crear un círculo con una Anchura y Altura de 1000 px, null Relleno y Trazo negro de 15 pt. centro mediante las guías inteligentes.

Si usted quiere asegurarse de que su objeto se centra en la mesa de trabajo, abra el panel Alinear (Ventana > Alinear). Simplemente seleccione el objeto y seleccione Alinear a la Mesa de Trabajo, desde el cuadro de diálogo Opciones de Alinear. Y seleccione Centro de Alineación Horizontal y Vertical.

align to artboard objects panel ellipse tool centeralign to artboard objects panel ellipse tool centeralign to artboard objects panel ellipse tool center

Paso 10

A continuación, nos compensará elipses alrededor del motivo. Con la elipse exterior seleccionada, Objeto > Ruta > Ruta de Offset y Offset: 20 px. A continuación, establezca su Trazo en 10 pt. Repita Objeto > Ruta > Ruta de Offset y Offset 65 px.

object path offset ellipse pixels set stroke object path offset ellipse pixels set stroke object path offset ellipse pixels set stroke

Paso 11

Con el sendero recién creado seleccionado, vamos a repetir el desplazamiento con Objeto > Ruta > Ruta de Offset y Offset en 20 px. Establecer su Trazo en 15 pt.

He decidido ampliar la ilustración levemente para caber dentro del marco. Objeto > Transformar > Escala. Fijar en Uniforme 115%  y Aceptar.

object transform scale uniform percentage previewobject transform scale uniform percentage previewobject transform scale uniform percentage preview

Paso 12

A continuación, vamos a llenar los espacios en las esquinas mediante la creación de un hoja-como patrón con la Herramienta Arco.

Haga clic y mantenga la Herramienta Segmento de Línea (\) para seleccionar la Herramienta Arco. Haga clic una vez en la mesa de trabajo para establecer los valores de curvatura en el cuadro de diálogo Opciones de Herramienta Segmento de Arco como:

  • Longitud Eje X: 129 px
  • Haz clic donde quieras el arco para empezar en el localizador de punto de referencia Plaza para determinar el punto desde el que se dibuja el arco.
  • Longitud Eje Y: 222 px
  • Tipo: Abierto
  • Pendiente: 77 Convexa
  • Vale
arc tool segment options setting curvaturearc tool segment options setting curvaturearc tool segment options setting curvature

Paso 13

Utilice las guías inteligentes para dibujar un arco desde el punto de intersección (Intersect) superior a la elipse intersección punto y otro arco de la elipse intersección punto punto de anclaje superior de la hoja.

arc center point intersect draw leafarc center point intersect draw leafarc center point intersect draw leaf

Paso 14

Seleccione la Herramienta Selección Directa (A) en la barra de Herramientas y seleccionar el punto de ancla, para Unir trazados por Objeto > Ruta > Unir (Comando-J).

Repita las creaciones de hoja dibujando una intersección de la parte inferior izquierda y superior derecha de la hoja de base. Seguir los puntos de intersección (Intersect) resaltados en las guías inteligentes para alinear las rutas adecuadamente.

Luego, seleccione los puntos de anclaje superior de cada hoja, utilizando la Herramienta de Selección Directa (A) y Unir los caminos (Comando-J).

draw arc smart guides join pathsdraw arc smart guides join pathsdraw arc smart guides join paths

Paso 15

Agrupar el patrón de la hoja presionando Comando-G.

Seleccione el Herramienta Rotar (R) y establecer el punto de eje de rotación en el centro del motivo. Shift‑Alt y Arrastre para copiar y limitar el ángulo de 45°. Mientras arrastra, el eje de la reflexión se gira y se encajarán a presión y el ángulo de lanzamiento. Repita el procedimiento para llenar los otros bordes.

Archivo > Guardar (comando-S).

rotate tool snap to point reflect 45 degree anglerotate tool snap to point reflect 45 degree anglerotate tool snap to point reflect 45 degree angle

3. Cómo Agregar en Detalle Patrones y Color

Paso 1

Ahora que nuestro patrón se establece básicamente, podemos añadir algunos detalles

Seleccione la primera elipse que rodea el motivo centro, y Objeto > Ruta > Ruta Offset, Offset en 36 px y OK.

A continuación, abra el panel Trazo (Ventana > Trazo), establece el Grosor de Trazo en 66 pt, seleccione Línea Discontinua y sistema dash-brecha-dash-gap en 10pt-10pt-10pt-90pt, para crear un patrón de tablero de doble alrededor de. Asegúrese de que selecciona el icono Preservar Exacta Dash y Longitud de las Brechas desde las opciones.

offset path set stroke weight dashed line dasg gap patternoffset path set stroke weight dashed line dasg gap patternoffset path set stroke weight dashed line dasg gap pattern

Paso 2

A continuación, crearemos un pequeño patrón dentro del adorno floral.

Seleccione la Herramienta Elipse (L) y con un Relleno negro, Trazo nulo, dibujar una elipse simple con un Ancho 23 px y de Altura 62 px.

A continuación, dibuja dos elipses más pequeñas con Ancho 15 px y de Altura 15 px a ambos lados de la elipse sola. Alinea todo correctamente siguiendo las guías inteligentes.

A continuación, seleccione la Herramienta Punto de Ancla (Shift-C) y forma cónica los extremos de la media elipse como se muestra a continuación.

Y Agrupo (Comando-G) los tres objetos juntos.

ellipse tool pattern create anchor point tool taperellipse tool pattern create anchor point tool taperellipse tool pattern create anchor point tool taper

Paso 3

Utilizando la Herramienta de Selección Directa (A), seleccionar el grupo de círculos y arrastre verticalmente hasta el siguiente hueco rectangular, mientras mantiene pulsadas las teclas Shift-Alt para restringir el movimiento y copia del grupo.

Luego, manualmente la Escala abajo del grupo, el cuadro delimitador, mientras mantiene pulsadas las teclas Shift-Alt.

Luego repita el segundo grupo de duplicación y moviendo verticalmente hasta el tercer espacio rectangular y utilice el delimitador para achicar un poco, mientras mantiene pulsadas las teclas Shift-Alt.

Su motivo debe parecerse a esto.

direct selection tool pattern create ellipse copy paste scaledirect selection tool pattern create ellipse copy paste scaledirect selection tool pattern create ellipse copy paste scale

Paso 4

Grupo (Comando-G) los tres objetos juntos.

Seleccione la Herramienta Rotar (R). Mantenga pulsada la tecla Alt para fijar el punto de eje de rotación en el centro del motivo. Se abrirá el cuadro de diálogo Rotar. El Angulo de Rotación en -21,180 ° para ir hacia la derecha y seleccione Copiar.

Transformar Otra Vez (Comando-D) para copiar el resto de los 17 segmentos.

Paso 5

A continuación, vamos a añadir un patrón circular entre nuestras líneas discontinuas.

Tome la Herramienta Elipse (L) con un Relleno negro, Trazo nulo y dibuja un círculo de 23 px dentro de la línea de centro del salpicadero.

A continuación, dibuja otro círculo con el Trazo negro, Relleno nulo, alrededor de la primera.

En el panel Trazo, seleccione la configuración como:

  • Ancho: 11 pt
  • Tapa: Tapa Redonda
  • Esquina: Ronda Unida
  • Seleccione Línea Discontinua y establezca el Tablero: 0 pt y Gap: 25 pt
  • Seleccione el icono de Alinear a las Esquinas y Final de Camino

Esto creará puntos alrededor de nuestro círculo.

stroke wweight adjust setting create dotsstroke wweight adjust setting create dotsstroke wweight adjust setting create dots

Paso 6

Grupo (Comando-G) el círculo con el camino punteado.

Seleccione la Herramienta Rotar (R). Defina el punto de eje de rotación en el centro del motivo, manteniendo pulsada la tecla Alt para abrir el cuadro de diálogo Rotar. El Angulo de Rotación en -11,180 ° para ir hacia la derecha y seleccione Copiar.

Transformar Otra Vez (Comando-D), hasta que usted llene todos los espacios alrededor de la línea discontinua.


Paso 7

Tomar la Herramienta de Selección Directa (A) y seleccione la tercera elipse alrededor del motivo.

Objeto > Ruta > Desplazamiento, y Desplazamiento a 10 px.

Desde el panel Trazo, establecer la configuración de trazo de la nueva ruta de acceso como:

  • Ancho: 10 pt
  • Tapa: Tapa Redonda
  • Esquina: Ronda Unida
  • Seleccione Línea Discontinua y establezca el Tablero: 0 pt y Gap: 40 pt
  • Seleccione el icono Preservar Salpicadero Exacto y Longitud de las Brechas.

Archivo > Guardar (Comando-S).

4. Cómo Agregar Detalles de Color

Paso 1

Vamos a colorear!

Comenzar con los trazos. Para mover más rápido, seleccione un trazo, Seleccionar > Mismo > Grosor de Trazo y selecciona todos los trazos del mismo peso.

Aplicar el color del trazo. Empecé con estos colores hexadecimales:

  • Mar azul #23255a
  • Aqua-Azul #1b82bc
  • Azul Cielo #27aae1
  • Aqua Verde #20baae
  • Verde #009e8f
color hex selection same stroke weight color hex selection same stroke weight color hex selection same stroke weight

Paso 2

A continuación, tenemos que subir nuestras muestras de color y hacer que abrir el panel Muestras (Ventana > Muestras). Desde el panel, haga clic en el botón Muestra Nueva o seleccione Muestra Nueva en el menú.

He subido un par colores, para experimentar con lo que funciona mejor.

swatches panel new swatch color menuswatches panel new swatch color menuswatches panel new swatch color menu

Paso 3

Vamos a aplicar color a nuestras formas.

Con la Herramienta Selección (V), seleccione el motivo floral. A continuación, haga clic en el en Herramienta Cubo de Pintura en Vivo (K), que se oculta bajo la Herramienta Forma (Shift-M), y haga clic en la selección. Esto convierte el objeto seleccionado en un grupo de Pintura en Vivo.

Así, cuando mueves la Herramienta Cubo de Pintura en Vivo (K) sobre ellos, las diferentes secciones que están listas para ser pintados marcado. La herramienta básicamente permite rellenar los espacios y formas.

Ahora, probar diferentes colores en diferentes zonas de relleno.

live paint bucket tool color shape builderlive paint bucket tool color shape builderlive paint bucket tool color shape builder

Paso 4

Toma la Herramienta Selección (V) y seleccione los tres grupos creó para la flores y Desagrupar (Shift-Comando-G) dos veces de su grupo.

Utilice la Herramienta Selección (V) para seleccionar las formas de tamaño similar, Grupo juntos por Comando-G y aplica un color de Relleno desde el panel de Muestras de su elección.

direct selection tool fill swatchesdirect selection tool fill swatchesdirect selection tool fill swatches

Paso 5

Utilice la Herramienta de Selección Directa (V) para seleccionar el círculo negro rodeado con una trayectoria de puntos. Seleccionar cada uno y aplicar Muestra de Relleno diferentes para cada uno.

direct selection tool color swatch fillsdirect selection tool color swatch fillsdirect selection tool color swatch fills

Paso 6

Vamos a crear un fondo para nuestro motivo.

Seleccione la Herramienta Rectángulo (M), haga clic una vez sobre la mesa de trabajo y el cuadro de diálogo Rectángulo caja se abrirá. La Anchura y la Altura en 1500 px, y dar a la selección un tono de color azul oscuro.

Centro desde el panel Alinear, eligiendo Alinee a Mesa de Trabajo en el cuadro de diálogo Opciones de Alinear. Y seleccione Alineación Centro Horizontal y Vertical.

Objeto > Organizar > Enviar a (Shift-Command-[).

rectangle tool background align to artboard arrange send to backrectangle tool background align to artboard arrange send to backrectangle tool background align to artboard arrange send to back

Paso 7

Seleccionar todos los trazos con la Herramienta Selección (V).

Objeto > Expandir Apariencia. A continuación, Objeto > Expandir... para abrir el cuadro de diálogo Expandir. Echale un vistazo todo Objeto, Relleno y Trazo, luego OK.

Entonces Objeto > Expandir... otra vez, pero esta vez, compruebe Relleno y Trazo, luego OK, para que los trazos de grupo también pueden ser ampliados.

Ahora todos los trazos son formas.

object expand appearance dialog box create shapesobject expand appearance dialog box create shapesobject expand appearance dialog box create shapes

Paso 8

Con las formas ampliadas aún seleccionadas, vamos a aplicar color a nuestros espacios.

Seleccione la Herramienta Cubo de Pintura en Vivio (K), para convertir los objetos seleccionados en un grupo de Pintura en Vivo. Luego pasa el cursor sobre las distintas secciones que marcado y pintan el color de su elección.

Live paint bucket tool color swatchesLive paint bucket tool color swatchesLive paint bucket tool color swatches

Paso 9

Para la última parte, apliquemos un Símbolo a la ilustración, por lo que podemos agregar instancias de ese símbolo varias veces en el fondo de la obra de arte sin agregar realmente el grupo de arte varias veces.

Abra el panel de Símbolos, Ventana > Símbolos.

Seleccione uno de los círculos con un grupo alrededor de la línea punteada. Copiar (Comando-C) y luego Pegar (Comando-P) para crear una copia y la escala ligeramente del recuadro manteniendo la tecla Shift para restringir proporciones.

Haga clic en el botón Nuevo Símbolo en el menú del panel Símbolos, o arrastre la ilustración en ese panel. De forma predeterminada, el grupo seleccionado se convierte en una instancia del nuevo símbolo.

En el cuadro de diálogo Opciones de Símbolo:

  • Seleccione tipo de exportación de símbolo: Gráfico
  • Tipo de Símbolo: Símbolo Estático
  • OK
create new symbol panel menu copy pastecreate new symbol panel menu copy pastecreate new symbol panel menu copy paste

Paso 10

Para nuestro ejemplo, seleccione la miniatura en el panel Símbolos y elija la Herramienta de Rociar Símbolo (Shift-S) para agregar casos al azar en el fondo.

Utilice la Herramienta de Cambio de Símbolo, que se encuentra bajo el menú de la Herramienta de Rociar Símbolo, si necesita cambiar la dirección de las instancias.

symbol sprayer tool shifter instancessymbol sprayer tool shifter instancessymbol sprayer tool shifter instances

Paso 11

Ya casi terminamos. Volver a tu diseño y ajustar color ajustar sus instancias. Ahora necesitas Exportar el archivo (Archivo > Exportar Como), con la configuración:

  • Formato: JPG
  • Verificación Usar Mesas de Trabajo
  • Exportar

Establecer el cuadro de diálogo Opciones de JPEG:

  • Modo de Color: CMYK
  • Calidad: Máxima
  • Resolución: Alta (300ppi)
  • OK
JPEG Options use artboards export resolution highJPEG Options use artboards export resolution highJPEG Options use artboards export resolution high

Paso 12

¡Excelente! Una vez que han exportado sus archivos, puede ir a Redbubble, Society6, Vistaprint, Zazzle o cualquier diseño personalizado similar sitios web y subir tus archivos para crear tus almohadas!

tunisian inspired motif design pattern misschatz upload tunisian inspired motif design pattern misschatz upload tunisian inspired motif design pattern misschatz upload

¡Hermoso Trabajo!

Nuestro motivo tunecino está hecho y listo para aplicar en la mercancía. ¡Maravilloso trabajo!

Puede utilizar su imaginación, añadir más símbolos y detalles o crear patrones más complejos mediante el estudio de diseño geométrico.

Espero que disfrutaron de este proceso creativo y aprender algunos nuevos consejos y trucos que puede utilizar para crear más motivos en el futuro.

¡No dude en compartir sus resultados en los comentarios!

final tunisian motif pattern pillow cushion designfinal tunisian motif pattern pillow cushion designfinal tunisian motif pattern pillow cushion design
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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads