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

Crear un Set de Iconos de Carros en Affinity Designer

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

En el tutorial de hoy, vamos a echar un vistazo de cerca al proceso de crear un set de iconos de carro en Affinity Designer, usando nada más que formas geométricas básicas que ajustaremos aquí y allá.

También, no olvides que puedes expandir tu biblioteca de vectores yendo a Envato Elements, donde encontrarás una gran selección de iconos con temática de carros.

Así que, suponiendo que ya tienes Affinity Designer corriendo en el fondo, tráelo al frente y comencemos.

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

Como siempre, vamos a comenzar preparando un Nuevo Documento, yendo a Archivo > Nuevo (o usando Control-N) que ajustaremos de la siguiente manera:

  • Tipo: Web
  • Unidades de Documento: Píxeles
  • Crear Mesa de Trabajo: Marcado
  • Fondo Transparente: Marcado
  • Ancho de Página: 128 px
  • Altura de Página: 128 px
  • PPP: 72
setting up a new document

2. ¿Cómo Preparar la Mesa de Trabajo?

Una vez que creemos el documento, necesitamos tomar un par de momentos y estructurar nuestro proyecto usando un par de Mesas de Trabajo, una para cada icono, para mantener una fluidez de trabajo constante.

Paso 1

Para hacer esto, simplemente selecciona la Mesa de Trabajo por defecto dentro del panel Capas, y luego crea una copia dando ya sea clic-derecho > Duplicar (o presionando Control-J), nombrándolas de la siguiente manera:

  • primera mesa de trabajo: vista frontal
  • segunda mesa de trabajo: vista lateral
setting up the artboards

Paso 2

Ya que no queremos que las Mesas de Trabajo se superpongan, necesitaremos seleccionar ambas desde el panel Capas (asegurando de comenzar con la inferior) y luego abrirla en el panel Organizar. Aquí, vamos a usar la opción Distribuir Espacio Horizontalmente, asegurando de desmarcar Distribución Automática y poner un valor de 64 px.

distancing the artboards

Consejo: por defecto, puedes seleccionar y mover cualquier mesa de trabajo usando la Herramienta Mover (V), pero tan pronto posiciones una forma encima de ellas, automáticamente se bloqueará en el lugar.

Si quieres asegurarte de que no la moverás por accidente, puedes bloquearla manualmente desde el panel Capas, usando el switch Bloquear/Desbloquear, pero esto también bloqueará todas las formas que están colocadas encima de ellas, lo que significa que si necesitas seleccionarlas, tendrás que hacerla desde el panel Capas.

example of locking the artboards

3. ¿Cómo Crear la Cuadrícula de Referencia?

Las cuadrículas de referencia (o cuadrículas base) son un set precisamente delimitados de superficies de referencia, que nos permiten construir nuestros iconos, enfocándonos en tamaño y consistencia.

Usualmente, el tamaño de las cuadrículas determina el tamaño de los iconos actuales, y ellos deben ser siempre la primera decisión que hagas cuando comiences un nuevo proyecto, ya que siempre comenzarás desde el tamaño más pequeño posible y seguir en base a eso.

Ahora, en nuestro caso, vamos a crear el paquete de iconos creando solo un tamaño, para ser más precisos, 128 x 128 px, que es lo suficientemente grande para trabajar.

Paso 1

Posiciónate sobre la primera Mesa de Trabajo, y, usando la Herramienta Rectángulo (M), crea un cuadrado de 128 x 128 px, que colorearemos usando #f15a24 y luego alineando al centro como se ve en la imagen de referencia.

creating the main reference surface

Paso 2

Añade un cuadrado más pequeño de 112 x 112 px, que colorearemos usando blanco (#ffffff) y luego ve al centro de la Mesa de Trabajo, ya que actuará como nuestra área activa de dibujo, dándonos 8 px de protección.

adding the active drawing area

Paso 3

Selecciona y agrupa los dos cuadrados usando Control-G, asegurándote de nombrarlos usando la etiqueta "cuadrícula de referencia" y luego pon en la mesa de trabajo restante una copia (Control-C > Control-V) de la que acabamos de terminar. Toma tu tiempo, y, una vez hecha, procede al siguiente paso.

adding the remaining reference grids

4. ¿Cómo Crear el Icono de la Vista Frontal?

Tan pronto como hayamos terminado de preparar nuestro proyecto, podemos posicionarnos a nosotros mismos sobre la primer Mesa de Trabajo y luego dar zoom en su cuadrícula de referencia para que podamos darle una mejor vista a las formas que vamos a crear.

Paso 1

Vamos a comenzar creando las llantas usando dos rectángulos de 24 x 8 px, que colorearemos usando #443630 y luego alienaremos al centro del borde inferior del área de dibujo, colocándolos a una distancia de 4 px de sus bordes exteriores.

creating the main shapes for the tires

Paso 2

Ajusta las formas que acabamos de crear, individualmente seleccionando cada y una de ella y luego desmarcando la opción Radio Único encontrada en la parte superior, en la barra de herramientas. Pon sus vértices inferior izquierdo (BL) e inferior derecho (BR) a Redondeados, dándoles un valor absoluto de 4 px.

adjusting the shapes of the tires

Paso 3

Crea la forma principal para el parachoques frontal usando un rectángulo de 108 x 16 px (#d3622f) el cual colocaremos encima de las llantas, asegurando de alinearlo al centro del área activa de dibujo.

creating the main shape for the front bumper

Paso 4

Ajusta la forma cortando un rectángulo de 52 x 4 px (resaltado con verde) desde el centro del borde inferior de la forma anterior, usando la operación Sustraer.

adding the cutout to the front bumper

Paso 5

Continua ajustando la forma individualmente seleccionando cada uno de los nodos superiores resultantes, usando la Herramienta Nodo (A) y luego empujándolos hacia dentro por 4 px, usando el panel Transformar, simplemente poniendo + / - 4 px en su casilla X, dependiendo de cuál lado comiences.

adjusting the shape of the front bumper

Paso 6

Añade el número de placa usando un rectángulo de 28 x 8 px (#443630), el cual colocaremos al centro del borde superior del corte.

adding the number plate

Paso 7

Crea el corte lateral derecho usando tres rectángulos (#443630) de 12 x 4 px para el inferior y 12 x 2 px para el superior; y otro de 12 x 4 px para el interior, los cuales colocaremos como se ve en la imagen de referencia.

adding the main shapes for the right bumper cutouts

Paso 8

Añade iluminación usando tres rectángulos de 1 px (#ffffff), que colocaremos debajo de los cortes, asegurándonos de disminuir su Opacidad a 24%. Una vez hecho, selecciona y agrupa cada corte con su propia iluminación, haciendo lo mismo para todos los tres.

adding the highlights to the right bumper cutouts

Paso 9

Añade los cortes laterales izquierdo usando una copia (Control-C > Control-V) de las que acabamos de terminar, las cuales reflejaremos horizontalmente (clic-derecho > Transformar > Voltear Horizontalmente) y luego colocando al lado opuesto del parachoques.

adding the left sided cutouts to the front bumper

Paso 10

Añade las líneas de detalle lateral usando dos grupos de tres rectángulos de 4 x 2 px (#443630), verticalmente puestos 2 px uno del otro, los cuales colocaremos al lado del parachoques, como se ve en la imagen de referencia.

adding the side lines to the front bumper

Paso 11

Crea la parte superior del parachoques usando un rectángulo de 112 x 4 px (#443630), que pondremos encima de su cuerpo principal.

adding the upper lip to the front bumper

Paso 12

Termina la sección actual añadiendo una sombra, usando un rectángulo de 108 x 2 px (#443630) con una Opacidad de 28%, el cual colocaremos debajo de la forma que creamos hace unos momentos. Una vez terminado, selecciona y agrupa (Control-G) todas las formas que componen el parachoques antes de proceder al siguiente paso.

adding the subtle shadow to the front bumper

Consejo: a medida que vayamos, recomiendo agrupar y nombrar las secciones diferentes del carro de manera que, si necesitas seleccionar y ajustarlas luego, puedes hacerlo fácilmente abriendo el panel Capas y viendo las etiquetas.

example of renaming groups using custom labels

Paso 13

Comienza trabajando en el frente del carro, creando un rectángulo de 104 x 24 px, que colorearemos usando #f27b40 y luego poniéndolo en la parte superior del parachoques.

creating the main shape for the front section of the car

Paso 14

Añade la forma principal para la parrilla delantera, usando un rectángulo de 96 x 16 px (#443630), que alinearemos al centro de la forma anteriormente creada, usando las opciones Alinear al Centro y Alinear al Medio del panel Alinear.

adding the grill to the front section of the car

Paso 15

Crea las líneas de detalle horizontal usando ocho rectángulos de 96 x 1 px (#665049), verticalmente puestos 1 px uno del otro, los cuales agruparemos y luego colocaremos sobre la forma anterior como se ve en la imagen de referencia. Una vez que tengas las formas en su lugar, selecciónalas con la forma más grande subyacente y agrúpalas.

adding the horizontal detail lines to the front grill

Paso 16

Añade la cubierta de la parrilla frontal usando dos cuadrados de 8 x 8 px (#443630) colocados 4 px uno del otro, los cuales convertiremos en curvas usando el botón Convertir a Curvas para ser capaces de posicionar sus nodos.

Una vez que las hayas convertido a curvas, ajústalas individualmente, seleccionando sus nodos exterior inferior usando la Herramienta Nodo (A), y luego empujándolas hacia dentro por 2 px usando las flechas de teclado, agrupando y luego colocándolas como se ve en la imagen de referencia.

creating the front grill covers

Paso 17

Crea la forma principal para el faro lateral derecho más grande usando un círculo de 12 x 12 px, los cuales colorearemos usando #f9ddd2 y luego alineando al centro de la grilla frontal, colocándolo 8 px del borde izquierdo de la sección.

creating the larger headlight

Paso 18

Añade la luz superior usando una copia (Control-C > Control-V) de la forma que acabamos de crear, que ajustaremos primero cambiando su color a blanco (#ffffff) y luego borrando su mitad inferior, como se ve en la imagen de referencia.

Luego añade la luz interior usando un círculo más pequeño de 4 x 4 px (#ffffff), que colocaremos en el centro de la  luz más grande, asegurándonos de seleccionar y agrupar las tres formas.

adding details to the larger headlight

Paso 19

Añade la luz más pequeña siguiendo el mismo proceso, usando un círculo de 8 x 8 px (#f9ddd2) para la forma principal, seguida de una de 2 x 2 px (#ffffff), para la luz central. Toma tu tiempo, y, una vez hecho, selecciona y agrupa (Control-G) las tres formas, colocándolas 4 px del borde derecho de la luz más grande.

Antes de proceder a la siguiente, asegúrate de seleccionar y agrupar las dos luces juntas, usando Control-G.

adding the smaller headlight

Paso 20

Crea los faros laterales izquierdos, usando una copia (Control-C > Control-V) de la que acabamos de terminar, la cual reflejaremos horizontalmente (clic-derecho > Transformar > Voltear Horizontal) y luego colocando sobre el lado opuesto de la grilla, a una distancia de 8 px de su borde derecho.

adding the left sided headlights

Paso 21

Añade las luces laterales usando dos rectángulos de 2 x 12 px (#443630), los cuales colocaremos sobre los bordes exteriores del frente del carro, como se ve en la imagen de referencia.

adding the side lights to the front of the car

Paso 22

Crea el capó usando un rectángulo de 16 x 2 px, que colorearemos usando #f27b40 y luego alineando al centro del borde superior de la parrilla.

adding the nose to the front of the car

Paso 23

Dale a la sección inferior de la parrilla una iluminación usando un rectángulo de 96 x 2 px (#ffffff) con 24% Opacidad, haciendo lo mismo para la sección frontal del carro, usando un rectángulo más ancho de 104 x 2 px. (#ffffff)

adding the subtle highlights to the front of the car

Paso 24

Termina la sección actual creando dos círculos de 4 x 4 px (#443630), que colocaremos sobre la parte superior del bumper, como se ve en la imagen de referencia. Una vez hecho, selecciona y agrupa todas las formas que lo componen, usando Control-G.

adding the circular details to the upper lip of the front bumper

Paso 25

Crea el capó usando un rectángulo de 104 x 4 px (#d3622f), que convertiremos a curvas usando el botón Convertir a Curvas, y luego ajustaremos individualmente seleccionando y empujando sus nodos superiores hacia dentro por 12 px. Una vez hecho, coloca la forma resultante encima de l cuerpo principal de la sección frontal.

adding the hood to the front section of the car

Paso 26

Añade una pequeña entrada de aire usando un rectángulo de 12 x 2 px (#443630), que alinearemos al centro del cuerpo principal del capó. Una vez que tengas esta forma en su lugar, selecciona y agrupa las dos usando Control-G.

adding the hood scoop to the front section of the car

Paso 27

Crea la forma principal para la sección superior del carro, usando un rectángulo de 80 x 32 px (#f27b40), que convertiremos a curvas y luego ajustaremos individualmente seleccionando y empujando sus nodos superiores hacia dentro por 4 px, colocando la forma resultante encima del capó.

creating the upper section for the front section of the car

Paso 28

Añade el parabrisas usando un rectángulo más pequeño de 76 x 30 px (#443630), que convertiremos a curvas y ajustaremos como hicimos con la forma anterior, individualmente seleccionando y empujando sus nodos superiores hacia dentro por 4 px. Luego alinearemos al centro y agruparemos usando Control-G.

adding the windshield to the front section of the car

Paso 29

Crea los detalles de la parte inferior de la ventana usando dos grupos de dos círculos de 2 x 2 px (#443630) colocados 4 px uno del otro, como se ve en la imagen de referencia. Una vez hecho, selecciona y agrupa todas las formas que componen la sección actual antes de proceder al siguiente paso.

adding the circular details to the upper section of the car

Paso 30

Crea los retrovisores laterales usando un rectángulo de 2 x 12 px (#443630) para la sección vertical, seguido de un cuadrado de 8 x 8 px (#443630) para la capa exterior, la cual agruparemos (Control-G) y luego colocaremos sobre la sección superior del carro, como se ve en la imagen de referencia. Asegúrate de empujarlos hacia atrás (clic-derecho > Organizar > Mover hacia atrás).

adding the side mirrors to the front section of the car

Paso 31

Comienza trabajando en el alerón creando su cuerpo principal usando un rectángulo de 104 x 4 px (#d3622f), que alinearemos al centro de la ventana, colocándolo 2 px de su borde inferior.

adding the spoiler to the front section of the car

Paso 32

Añade la iluminación superior usando un rectángulo de 104 x 2 px (#ffffff) con 24% Opacidad, seguido por las secciones laterales del alerón usando dos rectángulos de 4 x 2 px (#d3622f), que colocaremos debajo de sus bordes exteriores. Una vez hecho, selecciona y agrupa todas las cuatro formas usando Control-G, asegurando de colocarla detrás de la sección superior del carro (clic-derecho > Organizar > Mover hacia atrás).

adding details to the spoiler

Paso 33

Termina el icono añadiendo la pequeña antena usando un rectángulo de 1 x 24 px (#443630), que colocaremos como se ve en la imagen de referencia. Una vez hecho, selecciona y agrupa todas las formas que componen el carro usando Control-G.

finishing off the front view car icon

5.¿Cómo Crear el Icono de la Vista Lateral?

Ahora que hemos terminado de trabajar en la vista frontal de nuestro pequeño icono de carro, podemos proceder a la segunda mesa de trabajo, donde construiremos gradualmente la vista lateral.

Paso 1

Comienza creando la forma principal para el parabrisas usando un rectángulo de 40 x 32 px (#443630), el cual convertiremos a curvas y luego ajustaremos seleccionando y empujando su nodo superior derecho hacia dentro por 38 px. Toma tu tiempo y una vez hecho, alinea la forma resultante hacia el borde izquierdo del área activa de dibujo, colocándola 24 px de su parte superior.

creating the windshield for the side view

Paso 2

Añade la sección superior de marco de metal usando un rectángulo de 40 x 2 px (#f27b40), el cual alinearemos hacia el vértice superior izquierdo de la forma anterior y luego aplicaremos una máscara abriendo el panel Capas y simplemente arrastrándola sobre el parabrisas más grande.

masking the upper frame section of the windshield

Paso 3

Crea el marco para la ventana lateral usando un cuadrado de 32 x 32 px (#f27b40), la cual convertiremos a curvas y luego ajustaremos seleccionando su nodo superior derecho usando la Herramienta Nodo (A) y luego borrando inmediatamente presionando Borrar. Una vez hecho, alineando la forma resultante hacia el vértice inferior izquierdo del parabrisas, como se ve en la imagen de referencia.

creating the frame section for the side window

Paso 4

Añade la ventana actual usando un rectángulo de 28 x 28 px (#443630), que ajustaremos borrando su nodo superior derecho como hicimos con la forma anterior más grande, asegurando de alinear el vértice inferior izquierdo de la forma.

creating the main shape for the side window

Paso 5

Crea la placa del espejo usando un cuadrado de 12 x 12 px (#f27b40), que alinearemos hacia el nodo inferior derecho de la ventana, asegurando de enmascararla simplemente arrastrándola sobre la forma más grande dentro del panel Capas.

creating the mirror plate

Paso 6

Añade el espejo usando un rectángulo 4 x 8 px (#443630), que ajustaremos desmarcando la opción Radio Único, y luego haciendo sus vértices superior derecho (TR) e inferior derecho (BR) a un valor absoluto de 2 px, colocando la forma resultante como se ve en la imagen de referencia.

creating the side mirror

Paso 7

Termina la sección actual añadiendo el detalle circular, usando un círculo de 4 x 4 px (#443630), que colocaremos hacia en centro del nodo inferior derecho del parabrisas. Una vez hecho, asegúrate de seleccionarlo y agruparlo con todas las otras formas, usando Control-G, antes de proceder a la siguiente sección del carro.

adding the circular detail to the windshield

Paso 8

Crea la forma principal para la parte inferior del carro usando un rectángulo de 112 x 32 px (#f27b40), que convertiremos a curvas y luego ajustaremos añadiendo algunos nodos, colocándolos como se ve en la imagen de referencia. Toma tu tiempo, y, una vez que termines, procede al siguiente paso.

creating the main shape for the lower body of the car

Paso 9

Añade la iluminación sutil usando dos copias (Control-C > Control-V) de la forma resultante, empujando la parte superior hacia el inferior, por una distancia de 4 px, y luego cortando la la primera copia usando la operación Sustraer. Colorea la forma resultante usando blanco (#ffffff), asegurando de bajar su nivel de Opacidad a 24%.

adding the subtle highlight to the lower body of the car

Paso 10

Crea la entrada de aire del capó usando un rectángulo de 24 x 24 px (#d3622f), el cual colocaremos como se ve en la imagen de referencia, asegurando de colocarlo debajo del cuerpo principal del carro (clic-derecho > Organizar > Atrás una vez algunas veces).

adding the hood scoop to the side section of the car

Paso 11

Añade la manecilla de la puerta usando un rectángulo de 8 x 2 px (#443630) seguido de un pequeño agujero para la llave usando un círculo de 2 x 2 px (#443630), que alinearemos verticalmente 1 px uno del otro, colocándolos debajo de la luz sutil.

adding the door handle and key hole

Paso 12

Crea un la luz lateral usando un rectángulo de 8 x 2 px, el cual coloreamos usando #443630 y luego colocaremos como se ve en la imagen de referencia.

adding the side light

Paso 13

Añade la forma principal para el parachoques usando un círculo de 52 x 52 px (#d3622f), que ajustaremos borrando su mitad inferior, colocando la forma resultante 18 px del borde derecho del área activa de dibujo y 20 px de su inferior.

creating the main shape for the fender

Paso 14

Crea el bumper superior usando un rectángulo de 44 x 4 px  (#443630), que alinearemos hacia el nodo inferior derecho del cuerpo más grande.

adding the bumper lip to the side of the car

Paso 15

Añade la parte lateral usando un rectángulo de 68 x 2 px, que colorearemos usando #443630 y luego colocaremos como se ve en la imagen de referencia.

creating the side lip

Paso 16

Crea el detalle más pequeño usando un círculo de 2 x 2 px (#443630), que colocaremos sobre el borde superior de la parte lateral, a una distancia de 2 px del parachoques.

adding the circular detail to the side lip

Paso 17

Añade la form inferior para el cuerpo inferior usando un rectángulo de 110 x 12 px, el cual colorearemos usando #d3622f y luego colocaremos debajo de la parte lateral.

adding the bottom shape to the lower body of the car

Paso 18

Dale a la forma que acabamos de crear una sombra usando un rectángulo de 110 x 2 px (#443630) con 28% Opacidad, que alinearemos al centro hacia su borde superior.

adding the subtle shadow to the lower body of the car

Paso 19

Añade los detalles rectangulares usando un rectángulo de 8 x 2 px (#443630) para la la parte izquierda, seguido de tres de 8 x 2 px (#443630) verticalmente puestos 2 px uno del otro para el parachoques. Toma tu tiempo, y, una vez hecho, selecciona y agrupa los detalles del parachoques, antes de proceder al siguiente paso.

adding the rectangular details to the side of the car

Paso 20

Crea la sección inferior del bumper frontal usando un rectángulo de 42 x 4 px (#d3622f), seguido de la falda lateral usando uno de 68 x 4 px (#443630) que colocaremos debajo del carro, como se ve en la imagen de referencia.

adding the lower bumper section

Paso 21

Añade las sombras para las líneas de detalle del parachoques, usando tres rectángulos de 6 x 2 px (#443630) con 28% Opacidad, el cual colocaremos entre las formas principales, como se ve en la imagen de referencia, asegurando de seleccionar y agruparlas usando Control-G.

adding the subtle shadows to the bumper lines

Paso 22

Crea los detalles que van debajo usando un rectángulo de 24 x 2 px (#443630) para el izquierdo, que luego convertiremos a curvas, y luego ajustaremos seleccionando y empujando su nodo inferior izquierdo hacia dentro por 2 px.

Añade los detalles derecho usando un rectángulo de 24 x 4 px (#443630) que ajustaremos añadiendo un nuevo nodo hacia el centro de su borde derecho, simplemente dando clic sobre él usando la Herramienta Nodo (A), y luego seleccionando y empujando su nodo inferior derecho hacia dentro por 8 px.

adding the underneath details to the side of the car

Paso 23

Añade el corte para la llanta usando un círculo de 44 x 44 px (#443630), que ajustaremos borrando la mitad inferior, y luego extendiendo hacia la parte inferior usando un rectángulo de 44 x 12 px (#443630), asegurando de unir las dos formas en una sola usando la operación Añadir. Una vez hecho, coloca la forma resultante sobre el parachoques, como se ve en la imagen de referencia.

adding the wheel cutout

Paso 24

Crea la forma principal para la llanta usando un círculo de 40 x 40 px (#443630), que alinearemos al centro, hacia el corte más grande, colocándolo 2 px de su nodo superior.

creating the tire for the side view

Paso 25

Comienza trabajando sobre el rim, creando su cuerpo principal usando un círculo de 32 x 32 px (#f9ddd2), que alinearemos al centro de la llanta más grande. Con la forma en su lugar, crea iluminación usando un copia (Control-C > Control-V) que ajustaremos borrando su mitad inferior, asegurando de poner su color a #ffffff. Añade la sección más oscura usando un círculo de 28 x 28 px (#443630) seguido de una más clara usando uno de 16 x 16 px (#f9ddd2).

creating the main shapes for the rim

Paso 26

Añade los rayos de la rueda usando cuatro líneas de Trazo de 22 px de alto y con 4 pt de grosor (#f9ddd2), que ajustaremos rotando algunas de ellas 45° como se ve en la imagen de referencia. Una vez hecho, agrupa (Control-G) y luego enmascara las formas resultantes usando un círculo de 20 x 20 px, asegurando de borrar su color de Relleno para hacerlo que se vea a través de él.

creating the spokes

Paso 27

Termina el rim añadiendo la sección más oscura del interior, usando un círculo de 8 x 8 px (#ccaea8), seguido de un tornillo usando uno más pequeño de 4 x 4 px (#443630), que alinearemos al centro de las llantas del cuerpo principal. Una vez hecho, selecciona y agrupa todas las formas que componen el rim, usando Control-G.

finishing off the wheel

Paso 28

Añade los detalles de la falda superior usando un cuadrado de 4 x 4 px (#443630) que convertiremos a curvas y luego ajustaremos seleccionando su nodo superior izquierdo usando la Herramienta Nodo (A), y luego borrandolo inmediatamente presionando Suprimir. Una vez hecho, puedes seleccionar y agrupar todas las formas que componen la llanta.

adding the detail to the side skirt

Paso 29

Termina el icono, y con ello, el proyecto mismo, añadiendo la pequeña antena (que hemos empujando hacia el frente de esta vista) usando un rectángulo de 1 x 56 px (#443630), que colocaremos a una distancia de 4 px del espejo, asegurando de colocarlo detrás del cuerpo principal del carro (clic-derecho > Organizar > Atrás una vez algunas veces).

finishing off the side view car icon

¡Buen Trabajo!

Como siempre, espero que te hayas divertido con el proyecto y que hayas aprendido algo nuevo y útil en el proceso.

Habiendo dicho eso, si tienes alguna pregunta, siéntete libre de publicarla dentro de la sección de comentarios y te responderé tan pronto como pueda.

finished project preview

¡Expande tus Habilidades de Affinity Designer!

¿Estás comenzando a usar Affinity Designer pero no sabes cómo funciona? Si ese es el caso, estás de suerte ya que tenemos algunos tutoriales que deben ayudarte a aprenderlo en el menor tiempo posible.

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.