Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Icon Design
Design

Cómo Crear Tradicionales Objetos Rumanos en Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Home Sweet Home.
How to Create a 3D Stuffed Letters Text Effect in Adobe Photoshop
How to Create a Mini 3D House in 3D Studio Max

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

Final product image
What You'll Be Creating

En el tutorial de hoy, vamos a echar una mirada minuciosa al proceso de crear un paquete de íconos particularmente interesantes, ya que vamos a ilustrar algunos objetos tradicionales Rumanos que son la definición viviente de lo que fue un "hogar" antes de la era digital. Como siempre, vamos a usar y abusar de las formas geométricas de Illustrator, en combinación con algunas herramientas báscias como el panel Alinear y el panel Buscatrazos.

Dicho eso, toma una taza de café recién hecho ¡y adentrémonos en ello!

También, si estás buscando expandir el proyecto, puedes hacerlo al dirigirte a GraphicRiver y consultar algunos de sus íconos con temática de casa.

1. Cómo Configurar un Nuevo Documento

Ya que espero que tengas abierto Illustrator en segundo plano, tráelo al frente y configuremos un Nuevo Documento (Archivo > Nuevo o Control-N) usando los siguientes parámetros:

  • Número de Mesas de Trabajo: 1
  • Anchura: 800 px
  • Altura: 600 px
  • Unidades: Pixeles

Y de la ficha Avanzado:

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

2. Cómo Configurar una Cuadrícula Personalizada

Ya que vamos a crear los íconos usando un flujo de trabajo pixel-perfect, vamos a querer configurar una agradable pequeña Cuadrícula para que podamos tener control total sobre nuestras formas.

Paso 1

Ve al submenú Edición > Preferencias > Guías y Cuadrícula, y ajusta los siguientes parámetros:

  • Línea de cuadrícula cada: 1 px
  • Subdivisiones: 1
setting up a custom grid

Consejo Rápido: puedes aprender más sobre cuadrículas al leer éste detallado artículo sobre Cómo funciona el Sistema de Cuadrícula de Illustrator.

Paso 2

Una vez que hayas configurado nuestra cuadrícula personalizada, todo lo que necesitamos hacer para asegurar que nuestras formas luzcan nítidas es habilitar la opción Ajustar a Cuadrícula encontrada en el menú Ver, que se transformará en Ajustar a Pixel cada vez que ingreses al modo Previsualización de Pixeles.

Ahora, si eres nuevo en el "flujo de trabajo pixel-perfect", te recomiendo ampliamente consultar mi tutorial cómo crear una ilustración pixel-perfect, que te ayudará a ampliar tus habilidades técnicas en muy poco tiempo.

3. Cómo Configurar las Capas

Con el Nuevo Documento creado, sería una buena idea estructurar nuestro proyecto usando un par de capas, ya que de ésta manera podemos mantener un flujo de trabajo constante al enfocarnos en un ícono a la vez.

Dicho eso, trae al frente el panel Capas, y crea un total de cuatro capas, que renombraremos como sigue:

  • capa 1: cuadrícula de referencia
  • capa 2: flauta de pan
  • capa 3: telar de encudernación
  • capa 4: cucharas de madera
setting up the layers

4. Cómo Crear las Cuadrículas de Referencia

Las cuadrículas de referencia (o cuadrículas base) son un conjunto de superficies de referencia delimitadas de manera precisa, que nos permite crear nuestros íconos al enfocarnos en tamaño y consistencia.

Generalmente, el tamaño de las cuadrículas determina el tamaño de los íconos reales, y siempre deberían ser la primera decisión que hagas al iniciar un nuevo proyecto, ya que siempre vamos a querer comenzar desde el menor tamaño posible y crear sobre ello.

Ahora, en nuestro caso, vamos a estar creando el paquete de íconos usando solo un tamaño, más exactamente 128 x 128 px, que es lo suficientemente grande.

Paso 1

Comienza por bloquear todas las capas menos la de la "cuadrícua de referencia", y luego toma la Herramienta Rectángulo (M) y crea un cuadrado naranja (#F15A24) de 128 x 128 px, que ayudará a definir el tamaño general de nuestros íconos.

creating the main shape for the reference grid

Paso 2

Agrega uno más pequeño de 120 x 120 px (#FFFFFF) que actuará como nuestra área activa de dibujo, dándonos así un margen interior de 4 px en todos los costados.

creating the main shape for the active drawing area

Paso 3

Agrupa los dos cuadrados que componen la cuadrícula de referencia usando el atajo de teclado Control-G, y luego crea tres copias a una distancia de 40 px una de la otra, asegurando alinearlas con el centro de la Mesa de Trabajo.

Una vez que termines, bloquea la capa actual y dirígete a la siguiente donde comenzaremos a trabajar en nuestro primer ícono.

creating and positioning the remaining reference grids

5. Cómo Crear la Flauta de Pan

La flauta de pan, también conocida como zampoña, es un sencillo pero interesante instrumento musical que data de la Grecia antigua. Toma su nombre de Pan, el dios de la naturaleza y protector de los pastores. El mismo nombre es un derivado de la palabra "paein" que significa "pastar", que es probablemente la razón por la que tantas culturas, incluyendo la mía, han asociado el instrumento con el acto de pastoreo.

Para mí, éste pequeño objeto tiene un significado especial, ya que logra regresarme en el tiempo y llevarme al lugar donde la vida era más simple, y el hogar no se trataba todo sobre el lugar, sino las personas que lo hacían un hogar.

Ahora, sin más pérdida de tiempo, asegúrate de estar en la capa adecuada (esa sería la segunda) e iniciemos el proyecto al recrearla.

Paso 1

Comienza a trabajar en la sección superior de la flauta de pan, al crear un rectángulo de 8 x 6 px, que pondremos de color #899E47, y luego alínealo con el borde superior del área activa de dibujo, colocándolo a una distancia de 4 px de su borde superior y 20 px de su borde izquierdo.

creating and positioning the main shape for the upper section of the pan flutes body

Paso 2

Da a la forma un contorno usando el método Trazo, al crear una copia de ella (Control-C) que pegaremos delante (Control-F) y luego ajustamos al cambiar su color a #2B3249 y luego intercambiando su Relleno con su Trazo (Mayúsculas-X). Establece el Grosor del Trazo en 4 px, seleccionando y agrupando ambas formas después usando el atajo de teclado Control-G.

adding the outline to the main shape of the pan flutes upper body

Paso 3

Crea nueve copias de la forma que acabamos de agrupar (Control-C > Control-F nueve veces), y luego distribuyéndolas horizontalmente a la derecha de la original, usando el panel Alinear para que sus contornos terminen superponiéndose.

creating and positioning the remaining shapes for the pan flutes upper section

Paso 4

Crea los tubos usando diez rectángulos (#A8755A-ve las dimensiones abajo) con un contorno de 4 px de grosor (#2B3249), que apilaremos horizontalmente uno junto a otro, agrupándolos (Control-G) y luego colocándolos debajo de los rectángulos más pequeños.

  • primer tubo: 8 x 110 px
  • segundo tubo: 8 x 102 px
  • tercer tubo: 8 x 94 px
  • cuarto tubo: 8 x 82 px
  • quinto tubo: 8 x 74 px
  • sexto tubo: 8 x 66 px
  • séptimo tubo: 8 x 54 px
  • octavo tubo: 8 x 46 px
  • noveno tubo: 8 x 38 px
  • décimo tubo: 8 x 30 px
creating and positioning the main shapes for the pan flutes pipes

Paso 5

Agrega una línea de Trazo de 4 px de grosor y 8 px de ancho (#2B3249) para la sección inferior del primero, cuarto y séptimo tubo, colocándolo a una distancia de 2 px de sus contornos. Una vez que termines, selecciona y agrupa todas las formas que tenemos hasta ahora usando el atajo de teclado Control-G.

adding the horizontal detail lines to the pan flutes pipes

Paso 6

Crea la sección horizontal que sostiene todos los tubos usando un rectángulo de 92 x 16 px (#CE9D78) con un contorno de 4 px de grosor (#2B3249), que agruparemos (Control-G) y luego alineamos centrado con los tubos, colocándolo a una distancia de 12 px del borde superior del área activa de dibujo.

creating and positioning the main shapes for the section holding the pan flutes pipes together

Paso 7

Comienza a agregar detalles a la sección del paso previo, al crear la flor del centro usando ocho círculos de 2 x 2 px (#2B3249), que colocaremos alrededor de otro de 2 x 2 px (#2B3249). Una vez que los tengas en su lugar, no olvides seleccionarlos y agruparlos (Control-G) para que no se separen por accidente.

creating and positioning the main shapes for the pan flutes center flower

Consejo Rápido: para el paso actual y el siguiente te recomiendo habilitar el modo Previsualización de Pixeles (Alt-Control-Y) ya que te dará la capacidad de colocar cuidadosamente todos y cada uno de los círculos como se aprecia en la imagen de referencia. Una vez que termines, sal del modo al presionar de nuevo Alt-Control-Y.

Paso 8

Comienza a trabajar a la izquierda del motivo ondulado decorativo usando un par de círculos de 2 x 2 px (#2B3249), que colocaremos como se ve en la imagen de referencia. Una vez que termines, selecciona y agrupa (Control-G) todos los círculos antes de seguir con el siguiente paso.

creating and positioning the main shapes for the pan flutes left decorative pattern

Paso 9

Finaliza el ícono actual al agregar el segmento derecho del motivo decorativo, usando una copia de uno de los del paso previo (Control-C > Control-F), que colocaremos en el lado opuesto de la flor, asegurando reflejarlo verticalmente una vez que lo tenemos en su lugar (click-derecho > Transformar > Reflejo > Vertical). Una vez que termines, selecciona y agrupa (Control-G) el motivo decorativo a la sección subyacente, haciendo lo mismo para todas las formas que componen el ícono después.

finishing off the pan flute icon

6. Cómo Crear el Aro de Bordado

Vivir en una era digital puede realmente borrar algunos de los elementos artísticos antiguos de la mente de uno, especialmente si esa persona nunca los encontró en la vida real. Bordar, que se piensa tuvo su origen en la Edad de Piedra, fue y aún en algunos lugares es una parte poderosa de la cultura y tradición Rumana, ya que ha sido usado como un medio de decoración de hogares y ropa y herramientas utilizadas en esos días.

Para mí personalmente, bordar me trae muchos recuerdos de mi niñez, cuando solía sentarme junto a mi abuela y observarla pasando horas creando bellas piezas de arte para decorar su casa.

Dicho eso, regresemos a nuestro propio arte, al primero asgurarnos que estamos en la capa adecuada (esa sería la tercera) y luego creando nuestro segundo ícono.

Paso 1

Comienza a trabajar en el cuerpo principal del aro al crear un círculo de 106 x 106 px (#CE9D78) con un contorno de 4 px de grosor (#2B3249), que agruparemos (Control-G) y luego lo alineamos al centro con el borde superior de la subyacente área activa de dibujo.

creating and positioning the main shapes for the sewing frames larger body

Paso 2

Crea un círculo más pequeño de 90 x 90 px (#A8755A) con un contorno de 4 px de grosor (#2B3249), que agruparemos (Control-G) y luego lo alineamos al centro con el del paso previo.

creating and positioning the main shapes for the sewing frames inner body

Paso 3

Agrega el lienzo usando un círculo 78 x 78 px (#EFD4C5) con un contorno de 4 px de grosor (#2B3249), que agruparemos (Control-G) y luego alineamos al centro con la sección previa. Una vez que termines, selecciona y agrupa (Control-G) las tres secciones juntas también.

creating and positioning the main shapes for the sewing frames canvas

Paso 4

Comienza a trabajar en la sección inferior del aro al crear su contorno usando un rectángulo de 20 x 18 px (#2B3249), que alinearemos al centro con el borde inferior del área activa de dibujo, asegurando enviarlo detrás de los círculos más grandes (click derecho > Transformar > Organizar > Enviar Detrás).

creating and positioning the main shape for the outline of the sewing frames bottom section

Paso 5

Agrega la sección de relleno usando un rectángulo más pequeño de 12 x 14 px (#CE9D78) que alinearemos al centro con el borde superior de la forma previamente creada.

adding the fill shape to the bottom section of the sewing frame

Paso 6

Crea una línea de Trazo de 18 px de altura 4 px de grosor (#2B3249), que alinearemos al centro con la forma del paso previo.

adding the vertical detail line to the sewing frames bottom section

Paso 7

Comienza a trabajar en el pequeño tornillo de ajuste, al crear su cuerpo principal usando una línea de Trazo de 44 px de anchura 4 px de grsor (#2B3249), que colocaremos hacia la sección inferior del aro, dejando un hueco de 2 px entre él y el contorno más grande.

creating and positioning the main shape for the body of the sewing frames tightening screw

Paso 8

Agrega la cabeza del tornillo usando un cuadrado de 8 x 8 px (#2B3249), que alinearemos al centro con el punto de ancla derecho del cuerpo. Una vez que termines, selecciona y agrupa (Control-G) las dos formas, envíalas detrás de la sección inferior después (click derecho > Transformar > Organizar > Enviar Detrás).

adding the head to the sewing frames tightening screw

Paso 9

Comienza a trabajar en el flor decorativa al crear la sección central usando cuatro cuadrados de 2 x 2 px (#2B3249) que colocaremos para que finalicen formando un signo de más. Agrupa (Control-G) las formas y luego alínealas al centro con el lienzo.

creating and positioning the main shapes for the center section of the sewing frames decorative flower

Paso 10

Habilita el modo Previsualización de Pixeles (Alto-Control-Y) y crea la sección sperior del pétalo superior izquierdo de la flor, usando tres conjuntos de cuatro cuadrados de 2 x 2 px (#E56F5C) que colocaremos uno junto a otro, empujando cada conjunto 2 px hacia arriba para que terminen formando un conjunto de escaleras. Agrupa (Control-G) los cuadrados y luego colócalos en el lado izquierdo del signo de más, asegurándote dejar un hueco de 2 px entre ellos.

creating and positioning the main shapes for the upper section of the sewing frames top left petal

Paso 11

Crea una copia de la sección del paso previo (Control-C > Control-F), que rotaremos (click derecho > Transformar > Rotar > 90°) y luego reflejaremos horizontalmentre (click derecho > Transformar > Reflejo > Horizontal), colocando la forma resultante debajo de la original.

creating and positioning the main shapes for the bottom section of the sewing frames left petal

Paso 12

Da al pétalo un contorno, al agregar un par de cuadrados de 2 x 2 px (#2B3249) alrededor de sus dos secciones que lo componen, asegurándote seleccionar y agrupar (Control-G) todos una vez que termines.

adding the outline to the sewing frames top left petal

Paso 13

Crea los otros pétalos usando tres copias (Control-C > Control-F tres veces) del que acabamos de terminar de trabajar, que colocaremos alrededor del centro del signo de más, reflejándolos como sea necesario.

adding the remaining petals to the sewing frames flower

Paso 14

Continúa agregando detalles a la flor al crear cuatro copias (Control-C > Control-F cuatro veces) de su signo de más del centro, que colocaremos en el borde exterior del espacio encontrado entre cada par de pétalos.

adding the remaining plus signs to the sewing frames flower

Paso 15

Finaliza la flor, y con ella el mismo ícono, al agregar líneas diagonales a cada uno de sus pétalos, usando cuatro conjuntos de cuadrados de 2 x 2 px (#2B3249). Una vez que termines, selecciona y agrupa (Control-G) todas las formas que componen la flor, haciendo lo mismo para todo el ícono después.

finishing off the sewing frame icon

7. Cómo Crear las Cucharas de Madera

Ahora estamos en nuestro tercer y último ícono, que se compone de un conjunto de tradicionales cucharas hechas a mano, que es otro medio poderoso de expresión de las ideas de la gente Rumana, usadas no sólamente para decorar sino también como un utensilio dentro de sus hogares.

Ni siquiera voy a hablar mucho de ésta forma de arte, ya que estoy esperando que al crear éste pequeño ícono tengas mucha curiosidad para buscar más información sobre ella.

Dicho eso, asegúrate de estar en la capa adecuada (esa sería la cuarta) y finalicemos ésto.

Paso 1

Comienza a tabajar en la primera cuchara al crear un círculo de 8 x 8 px (#D3685E) con un conotrno de 4 px de grosor (#2B3249), que agruparemos (Control-G) y luego colócalo a una distancia de 16 px del borde izquierdo del área activa de dibujo, asegurándote alinearlo con su borde superior después.

creating and positioning the upper circular section of the first wooden spoon

Paso 2

Crea un círculo ligeramente más grande de 12 x 12 px (#CE9D78) con un contorno de 4 px de grosor (#2B3249) arriba del cual agregaremos otro círculo de 4 x 4 px (#2B3249). Agrupa (Control-G) las tres formas, y luego colócalas debajo de la sección previa.

adding the second circular section to the first wooden spoons handle

Paso 3

Crea el primer conjunto de pétalos de la cuchara usando dos rectángulos de 10 x 10 px (#CE9D78), que ajustaremos al establecer el Radio de sus vértices exteriores inferiores en 8 px y sus vértices interiores superiores en 4 px dentro de las Propiedades del Rectángulo del panel Transformar. Da a las formas resultantes un contorno de 4 px de grosor (#2B3249), individualmente agrupando (Control-G) cada pétalo, y luego colocándolos debajo de la sección previa.

adding the first set of petals to the first wooden spoons handle

Paso 4

Crea los conjuntos restantes de pétalos usando tres copias (Control-C > Control-F tres veces) de los que ya tenemos, apilándolos verticalmente uno debajo de otro.

adding the remaining sets of petals to the first wooden spoons handle

Paso 5

Ajusta el color de alguno de los pétalos al seleccionarlos cuidadosamente usando la Herramienta Selección Directa (A) y luego cambiando el color a #A7855A.

adjusting the color of some of the first wooden spoons petals

Paso 6

Crea una copia (Control-C > Control-F) de las dos secciones circulares de la cuchara, que colocaremos debajo de sus pétalos, asegurándote reflejarlas horizontalmente (click derecho > Transformar > Reflejo > Horizontal) y cambia el color de la forma rellena más grande a #A8755A.

adding the bottom circular sections to the first wooden spoons body

Paso 7

Crea la sección que conecta la pequeña cabeza cóncava con el mango de la cuchara usando un rectángulo de 8 x 16 px (#A8755A) (1), que ajustaremos al agregar un par de puntos de ancla laterales a una distancia de 4 px de su borde superior usando la Herramienta Añadir Punto de Ancla (+) (2).

Luego, individualmente selecciona y empuja los puntos de ancla superiores de la forma al anterior a una distancia de 2 px (click derecho > Transformar > Mover > Horizontal > + / -4 px dependiendo en qué lado comiences) (3) dando a la forma resultante un contorno de 4 px de grosor (#2B3249) (4).

creating the main shapes for the section connecting the first wooden spoons body to its bowl

Paso 8

Agrega dos líneas de Trazo de 8 px de anchura 2 px de grosor (#2B3249) verticalmente apilados 3 px uno de otro, agrupando (Control-G) y luego colocando la sección actual debajo del círculo más pequeño.

positioning the connecting section onto the first wooden spoons body

Paso 9

Finaliza la cuchara al crear su cabeza cóncava usando un círculo de 16 x 16 px (#CE9D78), que ajustaremos al seleccionar y empujar su punto de ancla inferior hacia abajo a una distancia de 6 px (click derecho > Transformar > Mover > Vertical < 6 px). Da a la forma resultante un contorno de 4 px de grosor (#2B3249), agrupando (Control-G) y luego colocando las dos formas en la sección previa. Una vez que termines, selecciona y agrupa (Control-G) todas las formas que componen la cuchara, antes de pasar al siguiente.

finishing off the first wooden spoon

Paso 10

Comienza a trabajar en la segunda cuchara del ícono al crear un rectángulo de 8 x 20 px (#A8755A) que ajustaremos al establecer el Radio de sus vértices en 4 px desde dentro de las Propiedades del Rectángulo del panel Transformar. Da a la forma resultante un contorno de 4 px de grosor (#2B3249) seguido por tres círculos de 2 x 2 px (#2B3249) verticalmente apilados a 2 px uno de otro, agrupando (Control-G) y luego colocando las formas en el lado derecho de la primera cuchara, a una distancia de 24 px.

creating and positioning the main shapes for the upper section of the second wooden spoons body

Paso 11

Agrega la sección circular usando un círculo de 12 x 12 px (#A8755A) con un contorno de 4 px (#2B3249) arriba de la cual agregaremos un círculo más pequeño de 4 x 4 px (#2B3249), agrupando (Control-G) y luego colocando las formas debajo de la sección previamente creada, para que finalicen superponiéndose.

adding the circular section to the upper section of the second wooden spoons body

Paso 12

Crea un rectángulo de 12 x 16 px (#CE9D78) que convertiremos en un diamante al agregar un nuevo punto de ancla al centro de cada uno de sus bordes usando la Herramienta Añadir Punto de Ancla (+), eliminando los vértices después usando la Herramienta Eliminar Punto de Ancla (-). Da a la forma resultante un contorno de 4 px de grosor (#2B3249), agrupando (Control-G) y luego colocándolos en atrás de la sección circular (click derecho > Transformar > Organizar > Enviar Detás).

adding the diamond section to the second wooden spoons body

Paso 13

Crea dos círculos de 8 x 8 px (#899E47) con un contorno de 4 px de grosor (#2B3249), individualmente agrupando (Control-G) y luego colocándolos en cada lado de la sección superior del diamante.

adding the two side circular sections to the upper section of the second wooden spoons body

Paso 14

Comienza a trabajar en el cuerpo principal de la cuchara al crear un rectángulo de 8 x 10 px (#A8755A), seguido por uno más grande de 12 x 34 px (#A8755A), que uniremos y colocaremos debajo de las secciones previas.

creating and positioning the main shapes for the second wooden spoons main body

Paso 15

Ajusta la forma al establecer el Radio de sus vértices superiores en 4 px, agregando un par de puntos de ancla superiores a una distancia de 14 px de su borde inferior. Luego, individualmnete selecciona y empuja los puntos de ancla inferiores al interior a una distancia de 4 px (click derecho > Transformar > Mover > Horizontal > + / - 4 px dependiendo de que lado empieces.

adjusting the shape of the second wooden spoons main body

Paso 16

Crea la sección más clara del cuerpo usando un cuadrado de 12 x 12 px (#CE9D78) que alinearemos al centro con la forma más grande colocándolo a una distancia de 15 px de su borde superior.

adding the lighter section to the second wooden spoons body

Paso 17

Da al cuerpo más grande un contorno de 4 px de grosor (#2B3249), seguido por cinco líneas de Trazo de 12 px de anchura 2 px de grosor (#2B3249) verticalmente apilados 3 px uno de otro, que agruparemos (Control-G) y luego alineamos al centro con el rectángulo más claro de la sección.

adding the outline and the horizontal detail lines to the second wooden spoons main body

Paso 18

Agrega dos pares de círculos de 2 x 2 px (#2B3249) verticalmente apilados 2 px uno de otro, colocando uno en la sección superior del cuerpo y el otro en la sección inferior. Una vez que termines, selecciona y agrupa todas las formas que componen la actual sección usando el atajo de teclado Control-G.

adding the little circles to the second wooden spoons main body

Paso 19

Agrega un círculo de 8 x 8 px (#899E47) con un contorno de 4 px de grosor (#2B3249), que agruparemos (Control-G) y luego colocalo arriba de la sección previa, a una distancia de 22 px del borde inferior del área activa de dibujo.

adding the circular section to the bottom of the second wooden spoons body

Paso 20

Finaliza la cuchara, al agregar la cabeza cóncava usando una elipse de 16 x 22 px (#A8755A) con un contorno de 4 px de grosor (#2B3249), que agruparemos (Control-G) y luego colócala debajo del círculo más pequeño. Una vez que termines, selecciona y agrupa (Control-G) todas las secciones que la componen, antes de pasar a la tercera y última cuchara.

finishing off the second wooden spoon

Paso 21

Comienza a trabajar en la tercera cuchara, al crear una elipse de 12 x 16 px (#CE9D78) con un contorno de 4 px de grosor (#2B3249) arriba de la cual agregaremos un círculo de 4 x 4 px (#2B3249), agrupando (Control-G) y luego colocando las tres formas a una distancia de 20 px desde el borde derecho de la segunda cuchara.

creating and positioning the main shapes for the upper circular section of the third wooden spoons body

Paso 22

Crea un círculo de 8 x 8 px (#CE9D78) con un contorno de 4 px de grosor (#2B3249) que agruparemos (Control-G) y luego colocamos debajo de la sección previa, a una distancia de solo 3 px.

adding the smaller circular section to the third wooden spoons body

Paso 23

Crea otros dos círculos de 8 x 8 px (#D3685E) con un contorno de 4 px de grosor (#2B3249), que individualmente agruparemos (Control-G) y luego colócalos en los lados de las dos secciones que tenemos hasta ahora.

adding the side circular sections to the third wooden spoons body

Paso 24

Crea un círculo de 12 x 12 px ligeramente más grande (#A8755A) con un contorno de 4 px de grosor (#2B3249) arriba del cual agregaremos un círculo de 4 x 4 px (#2B3249). Agrupa (Control-G) las tres formas y luego colócalas debajo de la sección circular.

adding the larger circular section to the third wooden spoons body

Paso 25

Comienza a trabajar en la flor de la cuchara al crear sus pétalos usando cuatro cuadrados de 10 x 10 px (#CE9D78), que ajustaremos al establecer el Radio de sus vértices en 6 px desde dentro de las Propiedades del Rectángulo del panel Transformar. Da a las formas resultantes un contorno de 4 px de grosor (#2B3249), y luego colócalas ligeramente sobre la sección previa, seleccionando y agrupando (Control-G) las cuatro.

creating and positioning the main shapes for the third wooden spoons flower petals

Paso 26

Cambia el color de los pétalos inferior izquierdo y superior derecho a #A8755A, y luego agrega un círculo de 8 x 8 px (#D3685E) con un contorno de 4 px de grosor (#2B3249) en su centro, agrupando todos después usando el atajo de teclado Control-G.

adding the circular section to the third wooden spoons flower

Paso 27

Crea una copia (Control-C > Control-F) de la sección circular encontrada arriba de la flor de la cuchara, y colócala debajo de ella, asegurándote cambiar el color de su forma rellena a #CE9D78.

adding the bottom circular section to the third wooden spoons body

Paso 28

Crea el cuerpo inferior de la cuchara usando un rectángulo de 20 x 32 px (#A8755A), desde la parte inferior de la cual eliminaremos dos elipses de 14 x 24 px (resaltadas con rojo) usando el Modo de Forma Menos Frente del panel Buscatrazos. Una vez que termines, coloca la forma resultante debajo de la sección previa.

creating and positioning the lower section of the third wooden spoons body

Paso 29

Establece el Radio de los vértices superiores de la forma resultante en 10 px (2), agregando un rectángulo más claro de 20 x 12 px (#CE9D78) que colocaremos a una distancia de 6 px de su borde superior (3). Luego, agrega cinco líneas de Trazo de 20 px de anchura 2 px de grosor (#2B3249) verticalmente apiladas 3 px una de la otra, que agruparemos (Control-G) y luego alinéalas al centro con el centro de la forma más pequeña (4).

Agrega un círculo de 4 x 4 px (#2B3249) en la parte superior de la forma más grande (5), seguido por un contorno de 4 px de grosor (#2B3249) (6), seleccionando y agrupando (Control-G) todas las formas.

adding details to the lower section of the third wooden spoons body

Paso 30

Finaliza la cuchara, y con ella el mismo ícono, al agregar su pequeña cabeza cóncava usando un rectángulo de 16 x 22 px (#CE9d78) que ajustaremos al establecer el Radio de sus vértices en 8 px desde dentro de las Propiedades del Rectángulo del panel Transformar. Da a la forma resultante un contorno de 4 px de grosor (#2B3249), agrupando (Control-G) y luego colocando los dos debajo de la sección previamente creada. Una vez que termines, selecciona y agrupa (Control-G) todas las secciones que componen el ícono.

finishing off the wooden spoons icon

¡Se acabó!

¡Magnífico trabajo! Espero que hayas logrado seguir y hayas entendido todos y cada uno de los pasos, y lo más importante hayas aprendido algo nuevo y útil a lo largo del camino.

finished project preview
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.