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

Cómo Crear un Llamativo Motivo de Frutas en Adobe Illustrator

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

¿Qué comida asocias con la soleada temporada del verano? ¿Quizá frutas frescas y jugos? Para mí, las jugosas sandías y las aromáticas naranjas son las frutas más propias del verano. Así que éste tutorial está inspirado en una anticipación de un brillante y cálido verano, lleno de frutas maduras.

Hoy vamos a crear un motivo colorido y elegante con sandías y naranjas en Adobe Illustrator. Crearemos dos elementos prncipales y cuatro adicionales y haremos un motivo con ellos usando la herramienta Motivo.

Si estás buscando inspiración para motivos vectoriales, puedes encontrar alguna en GraphicRiver.

1. Cómo Crear una Sandía Completa

Paso 1

Primero, vamos a configurar un Nuevo Documento (Archivo > Nuevo Documento o Control-N) y elige los siguientes parámetros:

  • Anchura: 500 px
  • Altura: 500 px
  • Unidades: Puntos (o Pixeles)
  • Mesas de Trabajo: 1
  • Modo de Color: RGB
Setting up a new documentSetting up a new documentSetting up a new document

Paso 2

Y ahora comencemos a crear nuestra sabrosa sandía.

No olvides ir al panel Ver y habilitar las Guías Inteligentes. Con la Herramienta Elipse (L) haz un círculo púrpura de 150 x 150 px (#8472ce).

Creating of the first ShapeCreating of the first ShapeCreating of the first Shape

Elige la Herramienta Pluma (P) y el color púrpura oscuro (#4a288c). Haz tres franjas curvadas en la mitad izquierda de nuestra forma básica.

Luego Copia éstas franjas (Control-C), Pega en el mismo lugar (Control-Mayúsculas-V) y, con un click derecho, ve a Transformar > Reflejo y refléjalas horizontalmente. Mientras mantienes presionada la tecla Mayúsculas, muévelas al lado derecho de la forma báscia.

Creating of the stripesCreating of the stripesCreating of the stripes

Paso 3

Ahora hagamos una sombra semitransparente.

Con la Herramienta Rectángulo (M), crea un rectángulo grande. Establece su opacidad en 45% en el panel superior Opacidad y coloréalo de púrpura (#47034c). Muévelo al lado derecho de la sandía. Luego, manteniendo la forma del rectángulo y la de la sandía seleccionadas, elige la Herramienta Constructor de Formas (Mayúsculas-M) y, mientras mantienes presionada la tecla Alt, elimina la parte redundante del rectángulo.

Making of a shadowMaking of a shadowMaking of a shadow

Paso 4

Ahora hagamos tres iluminaciones.

Elige la Herramienta Elipse (L) y haz click en medio del lado izquierdo de la sandía. Establece el tamaño en 17 x 17 px y haz click en OK (o Enter) en tu teclado). Luego de la misma manera haz dos círculos de 7 x 7 px en ambos lados del primer círclo. Coloréalos de púrpura pálido (#d6c7f9).

Selecciona todas las partes de la sandía y Agrúpalas (Control-G).

Making of three hotspotsMaking of three hotspotsMaking of three hotspots

2. Cómo Crear una Rebanada de Sandía

Paso 1

Veamos lo que hay dentro de nuestra sandía.

Copia la sandía previa y Pégala en una nueva capa en el panel Capas.

Haz un círculo del mismo tamaño que la forma básica (150x150 px), pero coloreado de #6042a8. Colócalo sobre la sandía.

Creating of a basic shape for a sliceCreating of a basic shape for a sliceCreating of a basic shape for a slice

Paso 2

Haz un círculo de 125 x 125 px, y coloréalo de rosa suave (#f294b6). Alínealo con el círculo previo usando el panel Alinear.

Luego haz un círculo de 110 x 110 px coloreado de magenta (#df2754). Alínealo también.

Making of a pink circle and a magenta circleMaking of a pink circle and a magenta circleMaking of a pink circle and a magenta circle

Paso 3

Con la Herramienta Segmento de Línea (\), haz una línea sin relleno y color. Coloca la línea en medio de la sandía verticalmente. Manteniendo los tres círculos que forman la parte interna de la sandía y la línea seleccionados (ve la imagen de abajo), Divídelos usando el panel Buscatrazos. Luego elimina todas las partes del lado izquierdo.

Deleting of the left side of a sliceDeleting of the left side of a sliceDeleting of the left side of a slice

Paso 4

Ahora a las semillas.

Haz un pequeño círculo coloreado de púrpura oscuro (#4a288c). Con la Herramienta Selección Directa (A), selecciona el punto de ancla superior del círculo y arrástralo un poco hacia la parte superior para formar una semilla.

Luego haz cuatro copias más de la semilla y colócalas en el lado derecho de la forma magenta.

También agrega una sombra semitransparente en el lado inferior de la rebanada. Copia su color de la sombra de la sandía completa usando la Herramienta Cuentagotas (I).

Ahora sabes lo que hay dentro de tu sadía.

Making of seeds and deleting of an upper side of a shadowMaking of seeds and deleting of an upper side of a shadowMaking of seeds and deleting of an upper side of a shadow

Paso 5

Y hagamos rápidamente una rebanada.

Solo Copia todas las partes que componen la rebanada, Pégalas en una nueva capa en el panel Capas, y Agrúpalas (Control-G).

All of three elements of a WatermelonAll of three elements of a WatermelonAll of three elements of a Watermelon

3. Cómo Crear una Rebanada de Naranja

Paso 1

Comencemos con un círculo de 70 x 70 px coloreado de naranja (#f47a2a).

Agrega un círculo de 60 x 60 px, coloréalo de #f9a03f, y alínealo dentro de la forma previa. Luego crea un círculo coloreado de naranja pálido (#f9d1aa). Colócalo sobre el círculo previo.

Creating of the two basic shapes of the OrangeCreating of the two basic shapes of the OrangeCreating of the two basic shapes of the Orange

Paso 2

Agreguemos segmentos, llenos de jugo.

Haz un círculo de 10 x 10 px coloreado de #f47a2a. Selecciona su punto de ancla inferior y arrástralo hacia abajo para formar una gota.

Crea siete copias y colócalas todas en la forma del círculo previo.

Making of seeds of the OrangeMaking of seeds of the OrangeMaking of seeds of the Orange

Paso 3

Y haz una sombra como lo hicimos antes con la sandía, pero establece la Opacidad en 30%.

Creating of a shadow of the OrangeCreating of a shadow of the OrangeCreating of a shadow of the Orange

4. Cómo Dividir la Naranja

Paso 1

Copia la mitad de la naranja en una nueva Capa y Divide su sombra horizontalmente. Crea una forma coloreada de naranja profundo (#f25d0a). Colócalo en la mitad de la naranja. Haz unos cuantos círculos de 7 x 7 px y de 3 x 3 px en su lado izquierdo. Coloréalos de naranja pálido (#f9a03f).

Adding of a rindAdding of a rindAdding of a rind

Paso 2

Y haremos dos simpáticas hojas.

Con la Herramienta Elipse (L), haz un óvalo coloreado de púrpura claro (#8472ce) y convierte sus puntos de ancla superior e inferior para formar una hoja.

Coloca un rectángulo coloreado de púrpura oscuro (#281356) en el lado derecho de la hoja. Elimina la parte redundante con la Herramienta Constructor de Formas (Mayúsculas-M) como lo hicimos antes.

Making of the leafMaking of the leafMaking of the leaf

Paso 3

Gira la hoja 45 grados (manteniendo presionada la tecla Mayúsculas) y colócala arriba de la naranja y detrás de ella. Luego Cópiala, Pégala y Refléjala horizontalmente y coloca la nueva copia cerca de la primer hoja. Cambia los lugares de sus colores.

Adding leaves to the OrangeAdding leaves to the OrangeAdding leaves to the Orange

Paso 4

Elimina el lado derecho de la forma naranja profundo.

Como puedes ver en mi captura de pantalla, algunos puntos pálidos se fueron detrás de las partes divididas. Arrástralos a la forma básica de nuevo en el panel Capas.

Deleting of the right side of an OrangeDeleting of the right side of an OrangeDeleting of the right side of an Orange

Paso 5

Copia todas las partes que forman la rebanada de naranja en una nueva capa. Luego divídela vertialmente con la ayuda de a Herramienta Segmento de Línea (\) y el panel Buscatrazos, como lo hicimos antes. Elimina el lado izquierdo.

Making a slice of an OrangeMaking a slice of an OrangeMaking a slice of an Orange

¡Ahora tenemos todos los elementos para crear nuestro impecable motivo brillante!

All the elements for the patternAll the elements for the patternAll the elements for the pattern

5. Cómo Crear el Motivo

Paso 1

Elige todos los elementos y ve a Objeto > Motivo > Crear.

En las Opciones de Motivo, establece el tamaño en 500 x 500 px. Luego coloca los elementos más grandes como gustes. Después de eso, mueve las rebanadas de la sandía y las naranjas.

Place the bigger elementsPlace the bigger elementsPlace the bigger elements

Paso 2

Y por último pero no menos importante, agrega las hojas pequeñas de la naranja para rellenar los espacios vacíos y para crear una mejor composición.

Cuándo estés satisfecho con el resultado, haz click en Hecho en el panel superior.

Ahora encontrarás tu Motivo en el panel Muestras.

Ready pattern and clicking DoneReady pattern and clicking DoneReady pattern and clicking Done

6. Cómo Aplicar y Redimensionar el Motivo

Paso 1

Haz un rectángulo de 500 x 500 px coloreado de púrpura oscuro (#281356) para el fondo y alínealo con la Mesa de Trabajo.

Crea otro rectángulo de 500 x 500 px. Mantenlo seleccionado, ve al panel Muestras (Ventana > Muestras) y haz click en la miniatura de nuestro motivo. ¡Bravo!

Making of the BackgroungMaking of the BackgroungMaking of the Backgroung

Paso 2

Para escalar el Motivo, ve a Objeto > Transformar > Escala. Luego elige sólamente Transformar Patrones y establécelo en 70%.

How to scale the patternHow to scale the patternHow to scale the pattern

¡Momento de Refrescarte!

¡Lo logramos! Bebamos un vaso de jugo. Todos lo mercemos. ¡Espero que hayas disfrutado éste tutorial y hayas encontrado algunos consejos interesante en él! Estaré muy feliz de ver tus resultados en los comentarios.

Final resultFinal resultFinal result