1. Design & Illustration
  2. Add-Ons

Consejo rápido: Cómo crear un motivo uniforme de granos de café en Illustrator

Scroll to top
This post is part of a series called Caffeine Fuelled Vector.
Create a Detailed Coffee Beans Text Effect in Adobe Illustrator
Create a Coffee Cup Mock Up in Adobe Illustrator Using the 3D Revolve Effect

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

En los siguientes pasos aprenderás a crear un sencillo motivo de granos de café en Adobe Illustrator. Empezarás aprendiendo a crear un simple pincel artístico. A continuación, utilizando algunas herramientas y efectos básicos junto con la Secuencia de comandos Redondear cualquier esquina, aprenderás a crear la forma inicial del grano de café, a multiplicarla, a cambiar su tamaño y a recolorearla. Por último, aprovechando la opción Ajustar a cuadrícula aprenderás a crear tu propio motivo.

Ya tienes tu Logotipo de cafetería, de modo que ya sabes cuál es la paleta de colores con la que puedes trabajar. Te mostraré cómo crear un motivo básico de granos de café utilizando los mismos colores del logotipo, que podría ser utilizado para una variedad de cosas, incluyendo: papel tapiz, fondos de impresión y web, manteles, etc... La lista es interminable. Así que vamos a sumergirnos en este tutorial.


1. Prepara un nuevo documento

Paso 1

Pulsa Control + N para crear un nuevo documento. Introduce 600 en las casillas de anchura y altura y luego haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72ppi) y asegúrate de que la casilla Alinear nuevos objetos con cuadrícula de píxeles esté desmarcada antes de hacer clic en Aceptar.

Activa la cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Para empezar necesitarás una cuadrícula cada 5px. Simplemente ve a Edición > Preferencias > Guías > Cuadrícula, introduce 5 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. También deberías abrir el panel de información (Ventana > Información) para obtener una vista previa con el tamaño y la posición de tus formas. No olvides establecer la unidad de medida en píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.

coffeeBeanPattern1coffeeBeanPattern1coffeeBeanPattern1

2. Crea la forma inicial del grano de café

Paso 1

Usando la herramienta Elipse (L), crea una forma de 65 por 5px y rellénala de negro. Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y sigue concentrándote en este círculo comprimido. Cambia a la herramienta Convertir punto de anclaje (Mayúsculas + C) y haz clic en los puntos de anclaje izquierdo y derecho resaltados en la primera imagen. Al final tu forma debería ser como en la segunda imagen. Abre el panel Pinceles (Ventana > Pinceles), asegúrate de que tu forma negra sigue seleccionada y pulsa el botón Nuevo pincel (señalado por la pequeña flecha azul en la siguiente imagen). Marca la casilla Pincel artístico y haz clic en Aceptar. Escoge un nombre para tu nuevo pincel artístico, asegúrate de introducir todas las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

coffeeBeanPattern2coffeeBeanPattern2coffeeBeanPattern2

Paso 2

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Para el siguiente paso necesitarás una cuadrícula cada 1px. Por lo tanto, ve a Edición > Preferencias > Guías y cuadrícula e introduce 1 en la casilla Línea de cuadrícula cada. Usando la herramienta Elipse (L), crea una forma de 58 por 40px y rellénala con R=71 G=58 B=48. Concéntrate en esta nueva forma, cambia a la herramienta Selección directa (A), selecciona el punto de anclaje superior y arrástralo 3px hacia abajo.

coffeeBeanPattern3coffeeBeanPattern3coffeeBeanPattern3

Paso 3

Usando la herramienta Pluma (P), crea un trazado horizontal de 65px y colócalo como se muestra en la primera imagen. Selecciónalo y céntrate en el panel Apariencia (Ventana > Apariencia). Asegúrate de que no hay ningún color establecido para el relleno y luego selecciona el trazo. Añade el pincel artístico hecho en el primer paso y luego ve a Efecto > Distorsionar y transformar > Zig Zag. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

coffeeBeanPattern4coffeeBeanPattern4coffeeBeanPattern4

Paso 4

Asegúrate de que el trazado con el pincel artístico sigue seleccionado y ve a Objeto > Trazado > Contornear trazado. Selecciona el trazado resultante junto con la forma marrón, abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en el botón Menos frente. Ve al panel Capas (Ventana > Capas), selecciona el grupo de formas resultante y Desagrúpalo (Mayúsculas + Control + G). Selecciona las tres formas más oscuras y elimínalas.

coffeeBeanPattern5coffeeBeanPattern5coffeeBeanPattern5

Paso 5

Para este paso necesitarás la Secuencia de comandos Redondear cualquier esquina. Puedes encontrarla en el artículo de Vectortuts+ 20 Secuencias de comandos gratuitas y útiles para Adobe Illustrator. Guárdala en tu disco duro, vuelve a Illustrator y toma la herramienta Selección directa (A). Selecciona los cuatro puntos de anclaje resaltados en la primera imagen y ve a Archivo > Secuencia de comandos > Otras secuencias de comandos. Abre la Secuencia de comandos Redondear cualquier esquina, introduce un radio de 5px y haz clic en Aceptar. Al final tus formas deberían ser como en la segunda imagen. Selecciona ambas formas y conviértelas en un Trazado compuesto (Objeto > Trazado compuesto > Crear o Control + 8)

coffeeBeanPattern6coffeeBeanPattern6coffeeBeanPattern6

3. Multiplica la forma del grano de café

Paso 1

Selecciona tu trazado compuesto y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia. Ve al panel Capas, selecciona el grupo resultante y pulsa Mayúsculas + Control + G dos veces. Al final deberías tener cuatro trazados compuestos similares como se muestra en la segunda imagen.

coffeeBeanPattern7coffeeBeanPattern7coffeeBeanPattern7

Paso 2

Concéntrate en tus trazados compuestos, abre el panel Transformar (Ventana > Transformar) y asegúrate de que el botón Limitar proporciones de anchura y altura está marcado. Selecciona la segunda forma de grano de café (empieza a contar desde arriba) y simplemente introduce 50 en la casilla de anchura (W:) del panel Transformar. Desplázate hacia abajo hasta la siguiente forma compuesta, selecciónala e introduce 40 en la casilla de anchura (W:). Por último, selecciona la forma de grano de café inferior e introduce 30 en la casilla de anchura. Al final tus cuatro granos de café deberían tener el aspecto de la tercera imagen.

coffeeBeanPattern8coffeeBeanPattern8coffeeBeanPattern8

Paso 3

Selecciona tus cuatro granos de café, agrúpalos (Control + G) y ve a Efecto > Distorsionar y transformar > Transformar. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Objeto > Expandir apariencia. Ve al panel Capas, selecciona el grupo resultante y pulsa dos veces Mayúsculas + Control + G.

coffeeBeanPattern9coffeeBeanPattern9coffeeBeanPattern9

Paso 4

Selecciona la columna central de granos de café y sustituye el marrón utilizado para el relleno por R=211 G=53 B=53. Desplázate a la columna derecha de granos de café y establece su color de relleno en R=255 G=210 B=0.

coffeeBeanPattern10coffeeBeanPattern10coffeeBeanPattern10

3. Haz el motivo de los granos de café

Paso 1

Para el siguiente paso necesitarás una cuadrícula cada 5px. Por lo tanto, ve de nuevo a Edición > Preferencias > Guías y cuadrícula e introduce 5 en la casilla Línea de cuadrícula cada. Con la herramienta Rectángulo (M), crea un cuadrado de 250px y rellénalo de blanco. Ve al panel Capas y bloquea esta forma para asegurarte de que no la seleccionarás/moverás accidentalmente. Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y enfócate en tu rectángulo blanco. Cambia el tamaño/rota tus formas de granos de café y distribúyelas más o menos como se muestra en la siguiente imagen. Utiliza el atajo de teclado Control + C > Control + F para multiplicar tus formas si es necesario. Asegúrate de que ninguna de las formas de los granos de café salga de tu cuadrado blanco.

coffeeBeanPattern11coffeeBeanPattern11coffeeBeanPattern11

Paso 2

Haz nuevos granos de café y colócalos más o menos como se muestra en la primera imagen. Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y elige la herramienta Rectángulo (M). Crea una forma de 30 por 250px, colócala como se muestra en la segunda imagen, rellénala de negro y baja su Opacidad al 50%.

coffeeBeanPattern12coffeeBeanPattern12coffeeBeanPattern12

Paso 3

Selecciona el rectángulo negro y las formas de los granos de café que salen del cuadrado blanco y duplícalos (Control + C > Control + F). Selecciona estas copias y arrástralas 250px hacia la izquierda como se muestra en la segunda imagen. Ve al panel Capas y elimina ambos rectángulos negros.

coffeeBeanPattern13coffeeBeanPattern13coffeeBeanPattern13

Paso 4

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula), haz más granos de café y colócalos aproximadamente como se muestra en la primera imagen. Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y elige la herramienta Rectángulo (M). Crea una forma de 250 por 30px, colócala como se muestra en la segunda imagen, rellénala de negro y baja su Opacidad al 50%.

coffeeBeanPattern14coffeeBeanPattern14coffeeBeanPattern14

Paso 5

Selecciona el rectángulo negro y las formas de los granos de café que salen del cuadrado blanco (en la parte superior) y duplícalos (Control + C > Control + F). Selecciona estas copias y arrástralas 250px hacia arriba como se muestra en la segunda imagen. Ve al panel de Capas y deshazte de esos rectángulos negros.

coffeeBeanPattern15coffeeBeanPattern15coffeeBeanPattern15

Paso 6

Concéntrate en el panel Capas y desbloquea el cuadrado blanco. Selecciónalo, muévete al panel Apariencia y simplemente quita el color del relleno. Selecciona este cuadrado invisible junto con todas esas formas de granos de café y ve a Edición > Definir motivo. Ve al panel CTRL (Ventana > Muestras) y encontrarás tu nuevo motivo.

coffeeBeanPattern16coffeeBeanPattern16coffeeBeanPattern16

4. Usa el motivo

Paso 1

Elige la herramienta Rectángulo (M), crea una forma del tamaño de tu mesa de trabajo y rellénala de blanco. Asegúrate de que esta nueva forma permanezca seleccionada, céntrate en el panel Apariencia y añade un segundo relleno utilizando el botón Añadir nuevo relleno (señalado por la pequeña flecha azul). Selecciona este nuevo relleno y añade tu motivo de granos de café desde el panel Muestras.

coffeeBeanPattern17coffeeBeanPattern17coffeeBeanPattern17

Paso 2

Vuelve a seleccionar tu forma con el motivo, céntrate en el panel Apariencia y simplemente sustituye el blanco por R=206 G=164 B=118 o cualquier otro color.

coffeeBeanPattern18coffeeBeanPattern18coffeeBeanPattern18

¡Felicitaciones! Terminaste.

Ya tu trabajo está listo. Así es como debería verse. Puedes volver a colorear fácilmente todo el motivo, así que no dudes en utilizar tu conjunto de colores favorito. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos.