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

Cómo Crear un Motivo de Estilo Mid-Century en Adobe Illustrator

Scroll to top
Read Time: 10 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

¡El estilo retro regresó para quedarse! Podemos sentir su presencia a través de fuentes hechas a mano, colores pastel, una paleta de colores limitados, y claro, formas simples. Y con la primavera aquí y el verano en camino, podemos poner a prueba éste estilo al crear un lindo motivo mid-century hecho de frutas y verduras.

Inspírate con la fabulosa colección de Motivos Vectoriales Decorativos que puedes fácilmente encontrar en GraphicRiver.

1. Cómo Crear un Nuevo Documento

Después de abrir Adobe Illustrator, ve a Archivo > Nuevo (Control-N). En el cuadro de diálogo, establece el Perfil en Web y establece la Anchura en 1000 px y la Altura en 500 px. Ésta será el área donde creamos la unidad del motivo.

Create a new documentCreate a new documentCreate a new document

2. Cómo Crear un Bosquejo

Paso 1

Crear un bosquejo es la manera más fácil de obtener un resultado tan cerca de tu idea como sea posible. Hagamos uno con muchas frutas y verduras bonitas

Dibuja 10 u 11 tipos diferentes de frutas y verduras, y agrega caras sencillas a ellas consistiendo de dos puntos como los ojos y una línea curva para un labio. Dibujé 11 de ellas: una piña, un gajo de limón y un limón entero, una berenjena, una pera, una manzana, una remolacha, una fresa, una zanahoria, un tomate y cerezas. Uso un tono muy claro de gris porque hará mucho más fácil el proceso de calcado. Bloquea el bosquejo (Control-2).

Sketch of 11 types of fruitSketch of 11 types of fruitSketch of 11 types of fruit

Paso 2

Nos gustaría crear un motivo más complejo, así que incorporaremos hojas verdes para fines decorativos, que estarán esparcidas alrededor de los objetos. Dibuja cuatro tipos de hojas de hierba, comenzando con una sencilla y finalizando con una más compleja. También, dibuja cinco diminutas hojas y objetos que usaremos para rellenar los espacios vacíos en el motivo.

Sketch some leavesSketch some leavesSketch some leaves

3. Cómo Crear una Paleta de Colores

Antes de comenzar a trabajar en la ilustración, toma un momento para definir la paleta de colores. Elegí cinco colores intensos (amarillo, naranja, rosa, azul, y verde) y un azul oscuro. La idea es tener los colores claros como los principales y el oscuro como el fondo. De ésta manera, la ilustración obtendrá un cierto contraste y será placentera al ojo del espectador. Con toda confianza agrega cualquier otro color claro y fresco que quisieras tener en ésta ilustración.

Create a Color PaletteCreate a Color PaletteCreate a Color Palette

4. Cómo Calcar un Bosquejo

Paso 1

Una vez más, estaremos usando la Herramienta Pluma (P) como nuestra herramienta principal para crear ésta ilustración. Ilustraciones de estilo mid-century están perdonando líneas sueltas, así que calca el bosquejo sin ninguna preocupación de que podría estropearlo.

Comencemos por calcar el bosquejo más complejo: la piña. Ésto podría parecer más complicado que el resto de frutas y verduras bosquejadas, pero requiere únicamente la Herramienta Pluma (P) para hacerlo, así que no debería ser un problema.

Comienza por calcar las partes más grandes del objeto, como el cuerpo y la corona (2). Pasa a la otra parte de la corona. Agrega dos círculos como los ojos y la forma curva como una boca (3). Una vez que termines con éstas partes, coloréalas de amarillo (#f1c82e) y verde (#a6d36b)-colores de nuestra paleta. Elige un tono de verde más oscuro para la segunda parte de la corona (4).

Cuando termines con eso, dibuja seis líneas diagonales, coloréalas en una tono de amarillo más claro, y multiplícalas. Refleja las líneas multiplicadas y colócalas sobre las líneas originales, para crear una formación de red (5). Colócalas sobre el cuerpo amarillo de la piña (6). No olvides Eliminar el bosquejo una vez que termines de calcar.

Trace the pineapple Trace the pineapple Trace the pineapple

Paso 2

El segundo objeto para ser calcado es la remolacha. Comienza con las formas más grandes-el cuerpo y las hojas. Coloréalas de rosa (#f4688b) y verde (#a6d36b). Agrega la cara. Si eres demasiado perezoso para hacerlo, solo utiliza la misma cara que creaste para la piña. Y como toque final, agrega algunas líneas curvas decorativas justo arriba de la cara.

Trace the beetrootTrace the beetrootTrace the beetroot

Paso 3

A continuación están las cerezas. Puedes calcarlas por separado, o calca una de las cerezas y luego multiplícala y colócala sobre el bosquejo de la segunda cereza. Para hacer las cosas más diversas, haz una de las cerezas sonriendo y la otra con el ceño fruncido. Coloréalas de rosa y verde, igual que la remolacha. Usa un tono de verde más oscuro para los tallos.

Trace the cherriesTrace the cherriesTrace the cherries

Paso 4

El tercer objeto para calcar es la fresa. Haz primero la cabeza y el tallo (2),  y pasa a las hojas (3). Agrega la cara también (3). Colorea el cuerpo de rojo (#f16359), las hojas verdes (#a6d36b), los ojos azul oscuro (#1b142c), y la boca blanca o rosa claro (4).

Para añadir más detalles a ésta fruta, dibuja aproximadamente 20 diminutos puntos y coloréalos de un tono ligramente más claro del rosa que usamos para el cuerpo (5). Organízalos aleatoriamente sobre el cuerpo de la fresa (6).

Trace the strawberryTrace the strawberryTrace the strawberry

Paso 5

A diferencia de la fresa, la zanahoria es más fácil de dibujar. Solo calca el cuerpo y las hojas, y agrega los ojos. Recuerda, puedes usar los ojos y la boca que ya has creado para las otras frutas y verduras. Colorea la zanahoria de naranja (#f17c45) y las hojas verdes (#71ca7d). No olvides Eliminar el bosquejo una vez que termines de calcar.

Trace the carrotTrace the carrotTrace the carrot

Paso 6

La manzana es el sexto objeto que calcaremos. Como los objetos previos, éste es sencillo también. Calca primero la parte grande, y luego calca la hoja y el tallo. Agrega los ojos y la boca también. Colorea la manzana de rojo (#f16359) y la hoja de verde (#a6d36b). Usa un tono ligeramente más oscuro de verde para el tallo.

Trace the appleTrace the appleTrace the apple

Paso 7

El gajo de limón consiste de dos formas más grande que parecen un semicírculo. Calca únicamente uno, multiplícalo, y escálalo hacia abajo para obtener un segundo. Calca los detalles y los ojos. Toma el color amarillo de nuestra paleta (#f1c82e) y usa un tono ligeramente más claro de amarillo para la parte interior.

Trace the lemon wedgeTrace the lemon wedgeTrace the lemon wedge

Paso 8

El limón consiste de sólamente una forma de cuerpo más grande y su cara. Una vez que termines de calcarlos, coloréalo de amarillo (#f1c82e). Para hacer las cosas más interesantes, éste limón tiene una boca fruncida. Para añadir más detalles, dibuja una diminuta lágrima color amarillo pálido y colócala debajo de uno de los ojos. Agrega unos pequeños puntos amarillo pálido arriba de la cara.

Trace the lemonTrace the lemonTrace the lemon

Paso 9

La berenjena también tiene el ceño fruncido porque me dí cuenta que a muchas personas no les gusta. Así que primero calca el cuerpo, y luego las hojas y el tallo. Elige el azul (#0092bc) de nuestra paleta de colores para el cuerpo y el verde (#a6d36b) para las hojas. La cara está en un tono oscuro de azul, como el resto de las frutas y las verduras que acabamos de crear.

Trace the eggplantTrace the eggplantTrace the eggplant

Paso 10

La pera es el décimo objeto que vamos a crear. Al igual que el resto, es muy sencilla, consistiendo de un cuerpo, una hoja, un tallo y una cara. Calca primero la parte más grande y coloréala de verde (#a6d36b). Calca la hoja y el tallo y coloréalas de un tono de verde más oscuro. Colorea los elementos faciales de azul oscuro (#1b142c).

Trace the pearTrace the pearTrace the pear

Paso 11

El tomate es el último objeto para calcar. Una vez que termines de calcar el bosquejo, colorea el cuerpo de rojo (#f35457) y las hojas verdes (#71ca7d). Multiplica el tomate y refléjalo. Cambia el color del cuerpo de la copia a verde (#23a15f). De ésta manera obtenemos dos clases de tomates, que serán útiles cuando conformemos el motivo.

Trace the tomatoesTrace the tomatoesTrace the tomatoes

Paso 12

Calquemos las hojas decorativas que ya hemos bosquejado. Solo usa la Herramienta Pluma (P) y hacer líneas curvas. No sigas el bosquejo estrictamente; solo úsalo como una guía. Colorea las hojas en diferentes tonos de verde.

Trace the herb leavesTrace the herb leavesTrace the herb leaves

Paso 13

Continúa calcando las otras dos hojas decorativas. Coloréalas de diferentes tonos de verde.

Trace the rest of the herb leavesTrace the rest of the herb leavesTrace the rest of the herb leaves

Paso 14

Y al final, llegamos a las pequeñas hojas decorativas que harán perfectos los detalles y objetos para rellenar las partes vacías del motivo. Éstos son los últimos objetos que calcaremos hoy. Una vez que termines, coloréalos de diferentes tonos de verde.

Trace the detailsTrace the detailsTrace the details

5. Cómo Preparar la Unidad de Motivo

Paso 1

Necesitaremos crear la unidad de motivo que repetiremos. Para éste propósito, necesitamos tener un área donde organizaremos los objetos ya calcados y coloreados. Utilizaremos la mesa de trabajo que creamos, y crearemos un rectángulo del mismo tamaño.

Selecciona la Herramienta Rectángulo (M) y haz click en cualquier parte del área de trabajo. En el cuadro de diálogo, agrega 1000 pixeles como valor de Anchura y 500 pixeles como valor de Altura. Colorea el rectángulo de azul oscuro. Usaremos éste rectángulo como fondo porque la mayoría de nuestros objetos tienen colores brillantes, y podría ser confuso si hacemos la composición en un fondo blanco.

Create a backgroundCreate a backgroundCreate a background

Paso 2

Comienza a agregar las frutas y verduras que creamos antes. Intenta rellenar las esquinas primero con los objetos más adecuados. Usé la piñas, las cerezas y los limones. Con toda confianza Redimensionálas y Rótalas si piensas que es necesario.

Place the objects in the corners of the backgroundPlace the objects in the corners of the backgroundPlace the objects in the corners of the background

Paso 3

Pasa a las siguientes frutas y verduras. En el centro de la imagen, agregué la remolacha, la manzana, la berenjena y la pera. Trata de colocarlas cerca de los bordes del fondo para que una vez que creamos la unidad, la repetición sea fluída.

Place more objects over the backgroundPlace more objects over the backgroundPlace more objects over the background

Paso 4

Agrega las últimas frutas y verduras. Agregué la zanahoria, los tomates, y la fresa. Puedes ver cómo la ilustración se hace más rica con varias formas y colores.

Add the rest of the objectsAdd the rest of the objectsAdd the rest of the objects

Paso 5

Una vez que terminemos con el primer lote de objetos, podemos agregar las hojas decorativos. Colócalos en lugares donde veas espacios vacíos entre los objetos.

Add the decorative leavesAdd the decorative leavesAdd the decorative leaves

Paso 6

Y como un último paso de la preparación de la unidad del motivo, podemos agregar los pequeños detalles: las diminutas hojas y los círculos. Dispérsalos aleatoriamente sobre los espacios vacíos de la ilustración. Es muy importante rellenar los huecos cerca de los bordes del fondo azul oscuro. Ésto resultará en una bonita transición entre unidades de motivo cuando seccionemos el motivo en azulejos.

Add the detailsAdd the detailsAdd the details

Paso 7

Una vez que terminemos de rellenar el fondo azul oscuro con objetos, puedes Eliminarlo.

Remove the backgroundRemove the backgroundRemove the background

6. Cómo Crear el Motivo

Paso 1

Selecciona los objetos y Agrúpalos (Control-G). Ve a Ventana > Opciones de Motivo. El panel Opciones de Motivo aparecerá. Ve a la flecha de opciones y haz click en la opción Crear Motivo.

Open the Pattern Options panelOpen the Pattern Options panelOpen the Pattern Options panel

Paso 2

Las opciones de gris llegarán a estar disponibles para personalización. Nombra el motivo "Fruits and Veggies" y selecciona la opción Ladrillo por Fila desde el menú Tipo de Azulejo. Haremos un tipo de azulejo de Ladrillo por Fila porque nuestro motivo tiene orientación de paisaje para que la transición se vea mucho mejor en una dirección horizontal. Haz click en cualquier parte del área de trabajo para salir del modo de Opciones de Motivo.

Select the Brick by Row optionSelect the Brick by Row optionSelect the Brick by Row option

Paso 3

Una vez que termines de crear el motivo, encuéntralo en el panel Muestras. Automáticamente aparecerá aquí. Pruébalo sobre un fondo azul oscuro al elaborar una forma, y coloréalo al tomar nuestro motivo desde las muestras. Se ve fabuloso, ¿no?

Test the patternTest the patternTest the pattern

¡Felicidades, Ahora Has Terminado!

¡Magnífico trabajo! Creamos un divertido y colorido motivo de estilo retro. El uso de motivos es ilimitado-puedes personalizarlos como fondo de escritorio o de teléfono, úsalos como parte de diseño web, o solo imprímelos como parte de tu papelería.

En caso de que quieras descargar y usar otros motivos decorativos, puedes fácilmente encontrarlos en GraphicRiver.

Mid Century Vegetable and Fruit Pattern Illustrator TutorialMid Century Vegetable and Fruit Pattern Illustrator TutorialMid Century Vegetable and Fruit Pattern Illustrator Tutorial
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.