7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Patterns

Tutorial de Illustrator para crear patrón de piña

Scroll to top
Read Time: 7 mins

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 consejo rápido, aprenderás cómo hacer un patrón fluido con diseño de piña. Utilizaremos formas básicas, efectos con la herramienta Deformar y la opción Motivo > Crear para estructurar este patrón que marca tendencia.

Este tutorial de Illustrator está diseñado para principiantes, pues es muy sencillo de replicar. Si quieres inspiración y motivación, entonces visita GraphicRiver, especialmente su colección de diseño de patrones.

¡Y ahora comencemos el diseño de la piña! 

Cómo crear un patrón de piña

Paso 1

Doy por sentado que ya tienes abierto Adobe Illustrator y que creaste un nuevo documento para el patrón de diseño con una Anchura y una Altura de 850 px

Primero, queremos crear el pequeñito segmento que conforma la mayoría de la piña. Elimina el color de trazo si tienes uno y establece el color de relleno en R=239, G=177, B=3

Luego, toma la herramienta Rectángulo redondeado y crea una figura muy pequeña. Probablemente de manera predeterminada tienes la opción que cuando dibujas un pequeño rectángulo redondeado, tiene vértices muy redondeados y mientras más lo estiras, más puntiagudos serán los vértices. Si no es así, trata de ajustar los vértices de tu rectángulo redondeado arrastrándolos usando la opción widget Vértices interactivos (Ver > Mostrar widget de vértices).

Después de que has creado la forma que necesitas, queremos rotarla 45 grados. Mantén presionada la tecla Mayúsculas y rota el rectángulo redondeado usando la herramienta Selección (V). La tecla Mayúsculas te permite rotarlo exactamente 45 grados.

No desactives la selección, sino crea una nueva copia delante (Control-C, Control-F). Cambia el color de la nueva copia a R=255, G=200, B=32.

 Cómo crear el segmento de la piña para el patrón en el diseño Cómo crear el segmento de la piña para el patrón en el diseño Cómo crear el segmento de la piña para el patrón en el diseño

Paso 2

Posteriormente dibuja un círculo relleno de cualquier color, el cual debería superponerse a los dos rectángulos redondeados como se muestra en la imagen de abajo, en el lado izquierdo del rectángulo redondeado. Para crear un círculo uniforme, mantén presionada la tecla Mayúsculas mientras lo creas. No te confundas por los trazos negros pues los dibujé solo para una mejor visibilidad, pero en verdad no se necesitan.

A continuación, mantén presionadas las teclas Mayúsculas y Alt y mueve el círculo hacia la derecha. Notarás que acabas de crear una nueva copia del círculo que está perfectamente alineado. Ahora, selecciona ambos círculos, pero no los rectángulos redondeados y únelos: presiona el botón Unificar del panel Buscatrazos (Ventana > Buscatrazos).

Y lo último que necesitas hacer es seleccionar los círculos unidos (que ahora son una forma) y selecciona la copia superior del rectángulo redondeado más claro. Finalmente, presiona el botón Menos frente del panel Buscatrazos. ¡El diminuto segmento para el patrón de piña está listo!

Cómo crear el segmento de la piña en el diseño para el patrónCómo crear el segmento de la piña en el diseño para el patrónCómo crear el segmento de la piña en el diseño para el patrón

Paso 3

Ahora que tienes un segmento de la piña, queremos multiplicarlo. Mientras mantienes presionadas las teclas Mayúsculas y Alt y usando la herramienta Selección (V), mueve el segmento hacia la derecha.

Luego presiona Control-D varias veces para obtener una línea de estos segmentos. La combinación Control-D repite tu último movimiento.

Asegúrate de que estén habilitadas tus Guías inteligentes: Ver > Guías inteligentes. Posteriormente selecciona toda la línea del segmento y muévela hacia abajo y diagonalmente. Las Guías inteligentes te ayudarán a colocarla uniformemente. Ahora tienes dos líneas de segmento.

Selecciona las dos líneas de segmento y mientras mantienes presionadas las teclas Mayúsculas y Alt, mueve hacia abajo las líneas. Justo abajo. Presiona varias veces Control-D, hasta que obtengas un rectángulo de los segmentos.

Cómo crear más segmentos para crear el patrónCómo crear más segmentos para crear el patrónCómo crear más segmentos para crear el patrón

Paso 4

Es muy importante agrupar todo el rectángulo del segmento (clic derecho > Agrupar). 

Mientras lo mantienes seleccionado, aplica Efecto > Deformar > Ojo de pez. En la nueva ventana de diálogo, introduce las opciones que ves a continuación. Presiona OK y déjalo aparte.

Cómo deformar los segmentos para el patrón de piñaCómo deformar los segmentos para el patrón de piñaCómo deformar los segmentos para el patrón de piña

Paso 5

Enseguida, queremos crear la forma de la piña. Comienza con un rectángulo redondeado (color de relleno R=204, G=130, B=0) con los vértices muy redondeados. Utiliza para ello la herramienta Rectángulo redondeado.

Mientras lo mantienes seleccionado, aplica Efecto > Deformar > Inflar. En la nueva ventana de diálogo, introduce las opciones que ves a continuación. Presiona OK. Expande la forma: selecciónala y aplica Objeto > Expandir apariencia.

Cómo crear la forma en el diseño de la piñaCómo crear la forma en el diseño de la piñaCómo crear la forma en el diseño de la piña

Paso 6

Toma los dos elementos creados hasta ahora: la forma de la piña y el rectángulo hecho de segmentos. Colócalos uno sobre otro como se observa en la imagen de abajo. Asegúrate de que la forma de la piña sea más pequeña que el rectángulo que está completamente hecho de segmentos. También verifica que los dos elementos estén expandidos.

Luego selecciona la forma de la piña, y haz una copia de ella delante (Control-C, Control-F). Creaste una copia directamente delante de ella, pero queremos tener esta copia delante del rectángulo hecho de segmentos. Así que corta la copia (Control-X) y colócala delante del rectángulo de segmentos.

Mientras mantienes las dos formas superiores seleccionadas, presiona el botón Cortar en el panel Buscatrazos.

Cómo crear la piña en el tutorial de IllustratorCómo crear la piña en el tutorial de IllustratorCómo crear la piña en el tutorial de Illustrator

Paso 7

Agreguemos algunas hojas a nuestra piña en el diseño del patrón. Dibuja una elipse verde (R=48, G=158, B=131) usando la herramienta Elipse (L).

Toma la herramienta Punto de ancla (Mayúsculas-C) y haz clic en sus puntos de ancla superior e inferior. Se harán puntiagudos.

Crea una copia de ella delante (Control-C, Control-F), haz la copia más pequeña y más oscura (R=1, G=107, B=87), y hazla más estrecha.

Cómo hacer un patrón de piña detallada con hojasCómo hacer un patrón de piña detallada con hojasCómo hacer un patrón de piña detallada con hojas

Paso 8

Agrupa la hoja (clic derecho > Agrupar) y crea una nueva copia de ella, porque queremos tener dos hojas.

 Selecciona la nueva copia y defórmala: Efecto > Deformar > Arco. Introduce las opciones que ves abajo y presiona OK. Ahora, expande la forma (Objeto > Expandir Apariencia).

Cómo deformar las hojas de la piña para el patrón en el diseñoCómo deformar las hojas de la piña para el patrón en el diseñoCómo deformar las hojas de la piña para el patrón en el diseño

Entonces ahora tienes dos hojas:

 Cómo deberían lucir dos hojas al crear el patrón Cómo deberían lucir dos hojas al crear el patrón Cómo deberían lucir dos hojas al crear el patrón

Paso 9

Coloca la hoja derecha detrás de la piña. Luego, coloca la hoja deformada detrás de la piña, en el lado izquierdo.

Después de ello, toma la herramienta Reflejo (O) y mientras mantienes presionada la tecla Alt, haz clic en el centro de la piña. En la nueva ventana de diálogo, introduce Eje vertical, Ángulo 90 grados y luego presiona Copiar. Así es como obtienes la tercera hoja.

Asegúrate de que las hojas permanezcan en el centro de la piña y posteriormente crea una copia de ellas atrás (Control-C, Control-B). Desplaza las tres nuevas copias hacia arriba y hazlas un poco más pequeñas. Cambia el color de relleno de las nuevas hojas a R=0, G=133, B=106 (puedes dejar la parte interior más oscura sin cambio). ¡El patrón de diseño de piña está listo! 

Colocando las hojas en la piña en el diseño del patrónColocando las hojas en la piña en el diseño del patrónColocando las hojas en la piña en el diseño del patrón

Paso 10

Creemos un fondo para nuestro patrón de diseño. Lo crearemos por separado, para que podamos cambiar fácilmente su color posteriormente.

Toma la herramienta Rectángulo (M) y haz clic en tu mesa de trabajo. En la nueva ventana de diálogo, introduce 850 px en Anchura y Altura. Cambia el color de relleno a R=249, G=226, B=112.

Cómo crear el fondo en el patrón de piñaCómo crear el fondo en el patrón de piñaCómo crear el fondo en el patrón de piña

Paso 11

Selecciona tu piña y aplica Objeto > Motivo > Crear. Obtendrás una apariencia que será algo similar a la imagen observada a continuación. 

Introduce las opciones que ves abajo. Las partes más importantes aquí son las opciones Ladrillo por columna y Mover el azulejo con los gráficos, pero otras opciones serán distintas a la mías para crear el patrón. Siéntete libre de experimentar con ellas y elige las que más te gusten. Cuando estés satisfecho de la apariencia de tu futuro patrón de piña, presiona el botón "Hecho" (se localiza sobre la ventana Opciones de motivo).

Después de eso, puedes eliminar con seguridad tu piña, porque ya está guardada en la memoria de tu computadora.

Cómo crear el patrón con el diseño de piñaCómo crear el patrón con el diseño de piñaCómo crear el patrón con el diseño de piña

Paso 12

Después de usar la herramienta Rectángulo (M), haz clic otra vez en tu mesa de trabajo e introduce 850 px en Anchura y Altura. Coloca el nuevo rectángulo en el centro de la mesa de trabajo.

Desde el panel Muestras (Ventana > Muestras), elige tu nuevo patrón. ¡Y observa la magia después de aprender cómo hacer un patrón!

Resultado final del tutorial IllustratorResultado final del tutorial IllustratorResultado final del tutorial Illustrator

¡Fabuloso trabajo, ahora sabes cómo hacer un patrón!

¡Y concluiste el tutorial de Illustrator! Espero que hayas disfrutado crear este diseño de patrón fluido tanto como yo. Si quieres seguir dibujando pero no sabes qué dibujar, entonces visita Graphic River. Tiene una enorme selección de imágenes y patrones. 

Como puedes ver, no es tan difícil crear excelsos diseños de patrones en Adobe Illustrator. En verdad espero que te haya gustado este tutorial y ¡nos vemos la próxima vez!

Así es como luce nuestro patrón de piñaAsí es como luce nuestro patrón de piñaAsí es como luce nuestro patrón de piña

Si te fascinan los tutoriales de Illustrator sobre crear patrones, quisiera recomendarte dos que he creado aquí en Envato Tuts+:

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
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.