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

Crear un Motivo Continuo con Temática de Lápices en Adobe Illustrator

Read Time: 8 mins

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

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

En el tutorial de hoy vamos a echar un vistazo rápido al proceso de crear un motivo con tema de lápices en Adobe Illustrator. Aprenderá a cómo hacerlo y usar formas geométricas y herramientas básicas.

Oh, y no olvides que siempre puedes expandir tu biblioteca yendo a GraphicRiver, donde encontrarás una gran selección de motivos de vector.

Habiendo dicho eso, toma un sorbo de café, y comencemos.

1. ¿Cómo Preparar un Nuevo Archivo de Proyecto?

Vamos a comenzar creando un Nuevo Documento yendo a Archivo > Nuevo, o usando Control-N. Luego ajustaremos el documento de la siguiente manera:

  • Número de Mesas de Trabajo: 1
  • Anchura: 1560 px
  • Altura: 1360 px
  • Unidades: Píxeles

Y desde la pestaña de Avanzado:

  • Modo de Color: RGB
  • Efectos de Rasterización: Pantalla (72 ppp)
  • Modo de Previsualización: Por Defecto
setting up a new documentsetting up a new documentsetting up a new document

2. ¿Cómo Crear el Fondo?

Una vez que tengamos nuestro nuevo proyecto de archivo, podemos comenzar en el motivo actual creando el fondo.

Paso 1

Toma la Herramienta Rectángulo (M) y crea una forma de 1560 x 1360 px, que colorearemos usando #ffd44d y luego alinearemos al centro de la mesa de trabajo subyacente, usando las opciones Alinear Vertical y Horizontal Centro del panel Alinear.

creating and positioning the main shape for the backgroundcreating and positioning the main shape for the backgroundcreating and positioning the main shape for the background

Paso 2

Comienza en la parte de los agujeros, creando la forma principal. Usa una elipse de 120 x 32 px, que colorearemos usando #ffb450 y luego alinear al centro de la Mesa de Trabajo como hicimos con el rectángulo más grande.

creating the main shape for the first instance of the repeating holecreating the main shape for the first instance of the repeating holecreating the main shape for the first instance of the repeating hole

Paso 3

Haz zoom sobre la forma que hemos creado y añade su sección más oscura interior usando otra elipse de 120 x 32 px, que colorearemos usando #e2963b, y luego posicionaremos encima de su mitad superior, como se ve en la imagen de referencia.

adding the inner darker section to the first instance of the repeating holeadding the inner darker section to the first instance of the repeating holeadding the inner darker section to the first instance of the repeating hole

Paso 4

Ya que queremos que la sección más oscura permanezca reducida a la superficie de la elipse más clara, tendremos que enmascararla usando una copia (Control-C) de la última, que pegaremos en frente (Control-F) y luego, con ambas seleccionadas, simplemente da clic-derecho > Crear Máscara de Recorte. Una vez hecho, asegúrate de seleccionar y agrupar ambas formas usando Control-G, antes de proceder al siguiente paso.

masking the inner darker section of the repeating holemasking the inner darker section of the repeating holemasking the inner darker section of the repeating hole

Paso 5

Ahora que tenemos nuestro primer agujero, podemos usarlo para crear una fila, haciendo dos copias (Control-C > Control-F dos veces), que colocaremos a los lados, a una distancia de 400 px. Tan pronto tengas los agujeros en su lugar, asegúrate de que selecciones y agrupes (Control-G) las tres antes de proceder al siguiente paso.

creating the first row of holescreating the first row of holescreating the first row of holes

Paso 6

Comienza trabajando en la fila más ancha pegando otra copia del agujero inicial, usando Control-F, que colocaremos derriba de la original, a una distancia de 104 px, asegurándote de alinearlo al borde izquierdo de la Mesa de Trabajo.

creating and positioning the main hole for the wider rowcreating and positioning the main hole for the wider rowcreating and positioning the main hole for the wider row

Paso 7

Crea las instancias restantes usando tres copias (Control-F tres veces) que colocaremos a 400 px de la que acabamos de crear, asegurándote de seleccionar y agrupar (Control-G) las cuatro.

adding the remaining holes to the wider rowadding the remaining holes to the wider rowadding the remaining holes to the wider row

Paso 8

Añade el resto de filas usando copias de las que acabamos de crear, que pondremos verticalmente a una distancia de 104 px, una de la otra, alternándolas como se ve en la imagen de referencias. Toma tu tiempo, y una vez hecho, asegúrate de seleccionar y agruparlas todas, usando Control-G.

adding the remaining holes to the backgroundadding the remaining holes to the backgroundadding the remaining holes to the background

3. ¿Cómo Crear el Lápiz viendo para Arriba?

Ahora que hemos terminado de trabajar en el fondo, podemos gradualmente añadir nuestros elementos. Comenzaremos con la primera variación del lápiz.

Paso 1

Posiciónate sobre uno de los agujeros, y crea el cuerpo principal del lápiz, usando un rectángulo de 48 x 152 px, que colorearemos usando #ff7348 y luego alinearemos al centro del punto de ancla inferior.

creating the main shape for the upward-facing pencilcreating the main shape for the upward-facing pencilcreating the main shape for the upward-facing pencil

Paso 2

Añade la sección inferior de la punta usando una elipse de 48 x 16 px (#ffe5cc). Borra la mitad superior, seleccionando su punto de ancla superior, usando la Herramienta Selección Directa (A) y luego presionando Borrar. Cierra el trazado resultante usando Control-J, colocando la forma ajustada como se ve en la imagen de referencia.

adding the lower section of the tip to the upward-facing penciladding the lower section of the tip to the upward-facing penciladding the lower section of the tip to the upward-facing pencil

Paso 3

Crea la sección superior de la punta, usando un cuadrado de 48 x 48 px (#ffe5cc), que transformaremos en un triángulo, añadiendo un nuevo punto de ancla hacia el centro de su borde superior, usando la Herramienta Añadir Punto de Ancla (+) y luego borrando sus vértices superiores, usando la Herramienta Borrar Punto de Ancla (-). Luego, queremos ajustar su nitidez cubriendo el punto de ancla superior para suavizar, usando la función Convertir puntos de ancla para suavizar, y re-posicionando sus manecillas.

adding the upper section of the tip to the upward-facing penciladding the upper section of the tip to the upward-facing penciladding the upper section of the tip to the upward-facing pencil

Paso 4

Añade la punta coloreada usando un círculo de 40 x 40 px (#916353), que posicionaremos como se ve en la imagen de referencia, asegurándonos de enmascarar una copia (Control-C > Control-F) de la forma subyacente. Una vez hecho, selecciona y agrupa (Control-G) todas las formas que componen el lápiz, antes de proceder a la siguiente.

adding the colored section to the tip of the upward-facing penciladding the colored section to the tip of the upward-facing penciladding the colored section to the tip of the upward-facing pencil

Paso 5

Ya que queremos que la sección inferior del lápiz siga la curvatura del agujero, vamos a enmascararla usando una copia ajustada (Control-C > Control-F) de la elipse subyacente, que seguiremos toda la altura del objeto.

masking the upward-facing pencilmasking the upward-facing pencilmasking the upward-facing pencil

Paso 6

Una vez terminado de crear y enmascarar el lápiz, puedes popular algunos de los agujeros interiores, usando copias (Control-C > Control-F), variando sus tamaños como se ve en la imagen de referencia.

adding the upward-facing pencils to the backgroundadding the upward-facing pencils to the backgroundadding the upward-facing pencils to the background

4. ¿Cómo Crear el Lápiz Boca Abajo?

Ahora que tenemos el lápiz boca arriba en su lugar, podemos proceder al otro lápiz, que crearemos usando un par de formas geométricas básicas.

Paso 1

Posiciónate sobre uno de los agujeros vacíos, y crea el cuerpo principal del lápiz, usando un rectángulo de 48 x 194 px, que colorearemos usando #ff7348 y luego alinearemos al centro del punto de ancla inferior de la elipse.

creating the main shape for the down-facing pencilcreating the main shape for the down-facing pencilcreating the main shape for the down-facing pencil

Paso 2

Añade la forma principal para la parte inferior del lápiz, usando una elipse de 48 x 12 px, que colorearemos usando #ffe5cc y luego posicionaremos encima de un rectángulo más grande para que termine superponiendo su mitad inferior.

adding the rear end to the down-facing penciladding the rear end to the down-facing penciladding the rear end to the down-facing pencil

Paso 3

Crea la sección coloreada interior usando una elipse de 16 x 4 px, que colorearemos usando #916353 y luego alinearemos al centro de la forma más grande del paso anterior. Una vez hecho, no olvides seleccionar y agrupar (Control-G) todas las formas que componen el lápiz, antes de proceder a la siguiente.

adding the inner colored section to the down-facing penciladding the inner colored section to the down-facing penciladding the inner colored section to the down-facing pencil

Paso 4

Así como hicimos con la variación anterior del lápiz, asegúrate de enmascarar la actual, usando una copia modificada (Control-C > Control-F) de la elipse subyacente para que cubra toda la altura del objeto.

masking the down-facing pencilmasking the down-facing pencilmasking the down-facing pencil

Paso 5

Rellena alguno de los agujeros vacíos (tanto el interior como el exterior), usando un par de copias de alturas variadas, poniendo el color de Relleno para alguno de sus cuerpos #7ba1ff.

adding the downward-facing pencils to the backgroundadding the downward-facing pencils to the backgroundadding the downward-facing pencils to the background

Consejo: Cuando estés llenando los agujeros que caigan dentro de los bordes de la mesa de trabajo, asegúrate de que los añadas en pares encontrados en lados opuestos, de otra manera el motivo terminará quebrándose.

5. ¿Cómo Crear el Borrador?

Ahora que tienes ambas variaciones del lápiz en su lugar, podemos proceder al último elemento, el borrador, que es probablemente la más fácil de crear, como verás en los siguientes momentos.

Paso 1

Comienza a posicionarte en un agujero vacío, y luego crea la forma principal para su cuerpo inferior, usando un rectángulo de 64 x 18, que colorearemos usando #ffe7e1 y luego alinearemos al centro del punto de ancla inferior de la elipse.

creating the lower section of the erasercreating the lower section of the erasercreating the lower section of the eraser

Paso 2

Añade el cuerpo superior del borrador usando un cuadrado de 64 x 64 px (#5ec9f7), que ajustaremos poniendo el Radio de sus vértices superiores a 8 px desde las Propiedades del Rectángulo en el panel Transformar. Una vez hecho, asegúrate de que selecciones y agrupes (Control-G) todas las formas que lo componen antes de proceder al siguiente paso.

creating the upper section of the erasercreating the upper section of the erasercreating the upper section of the eraser

Paso 3

Rápidamente enmascara el borrador usando una copia ajustada (Control-C > Control-F) de la elipse subyacente para que iguale la altura del objeto como se ve en la imagen de referencia.

masking the erasermasking the erasermasking the eraser

Paso 4

Tan pronto hallas terminad de trabajar en borrador, puedes usar copias (Control-C > Control-F) para popular algunos de los agujeros restantes, añadiendo variaciones: volteando alguno de sus colores de relleno como se ve en la imagen de referencia.

adding the erasers to the backgroundadding the erasers to the backgroundadding the erasers to the background

6. ¿Cómo Crear el Motivo?

Ahora que tenemos nuestros elementos, podemos finalmente usarlos para crear el motivo.

Paso 1

Comienza seleccionando y agrupando todas las formas (excepto la del fondo) usando Control-G, asegurándote de enmascararlas, usando una Copia del fondo, que pegaremos en frente (Control-F), y luego con todas ellas seleccionadas, simplemente daremos clic-derecho > Crear Máscara de Recorte. Una vez hecho, selecciona y agrupa (Control-G) las formas enmascaradas y el fondo antes de proceder al siguiente paso.

masking all the shapes togethermasking all the shapes togethermasking all the shapes together

Paso 2

Selecciona el trabajo que acabamos de agrupar y luego ve a Objeto > Motivo y presiona Crear, que traerá una nueva ventana donde podemos ajustar algunas de las configuraciones, pero primero le daremos un nombre personalizado.

naming the custom patternnaming the custom patternnaming the custom pattern

Paso 3

Luego, queremos escoger Cuadrícula como Nuestro Tipo de Azulejo, asegurando de poner los valores de Altura y Anchura iguales a los de la Mesa de Trabajo (1560 x 1360 px). Puedes usar la opción del Tamaño del Azulejo a Arte, que debe producir el mismo resultado.

setting the size of the pattern tilesetting the size of the pattern tilesetting the size of the pattern tile

Paso 4

Finalmente, vamos a dejar la Superposición y las Copias como son, y presionaremos Hecho, que guardará nuestra configuración.

pattern overlap and copies settingspattern overlap and copies settingspattern overlap and copies settings

7. ¿Cómo Usar el Motivo?

Así que hemos terminado de crear nuestro motivo, ¿pero cómo lo usamos?

Bueno, si abres el panel de Muestras, notarás que ha sido añadido a la Biblioteca, lo que significa que podemos ponerlo como nuestro color de Relleno y luego usa la Herramienta Rectángulo (M) para dibujar formas diferentes.

example of using the custom patternexample of using the custom patternexample of using the custom pattern

Consejo: Ya que hemos usado formas más grandes para crear el motivo actual, necesitarás dibujar un rectángulo lo suficientemente grande para que se ajuste a toda la composición. Si quieres usar el motivo en proyectos más pequeños, puede fácilmente cambiar el tamaño (clic-derecho > Transformar > Escalar) a uno que te parezca.

¡Buen Trabajo!

Ahí lo tienes: una manera fácil y buena de crear tu propio motivo de lápices.

Como siempre, espero que te hallas divertido en el proyecto. Si tienes alguna pregunta, siéntete libre de hacerlas en la sección de comentarios. Te responderé en cuanto pueda.

finished project previewfinished project previewfinished project preview
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.
One subscription.
Unlimited Downloads.
Get unlimited downloads