1. Design & Illustration
  2. Graphic Design
  3. Icon Design

Cómo diseñar íconos en estilo de diseño plano en Affinity Designer: Etiqueta de descuento e íconos de gancho

Scroll to top
This post is part of a series called Design Flat Icons in Affinity Designer.
How to Design Flat Icons in Affinity Designer: Introduction
How to Design Flat Icons in Affinity Designer: Shopping Basket and Dress Icons

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

Esta es la segunda parte de una serie de cuatro tutoriales sobre cómo diseñar íconos en estilo de diseño plano en Affinity Designer.

En caso de que no lo hayas hecho ya, asegúrate de consultar la primera parte de esta serie, donde verás la introducción a este curso así como la primera lección para crear un ícono de bolsa de la compra en estilo de diseño plano.

Encuentra más Cursos increíbles de diseño e ilustración en Envato Tuts+. Y obtén sorprendentes recursos vectoriales para tus proyectos en Envato Market.

Cómo crear un ícono de etiqueta de descuento

En esta lección, Yulia Sokolova te mostrará cómo crear de manera rápida un ícono de etiqueta de descuento. Aprende cómo elaborar el segundo ícono en este conjunto, usando herramientas de formas básicas, operaciones y la herramienta de Texto artístico.

Please accept preferences cookies to load this content.

Crea una forma amarilla usando la herramienta Rectángulo redondeado (M). Ajusta la forma con la herramienta de Recortar vectores para reducir el lado derecho.

Luego crea un triángulo amarillo y únelo a la primera forma, ajustando el tamaño con el panel Transformar. Alinea las formas.

Create the badge shapeCreate the badge shapeCreate the badge shape

Ahora combina las formas para eliminar el espacio. Luego modifica el triángulo para que parezca más una etiqueta.

Completa el diseño de la etiqueta usando la herramienta Rectángulo (M) para crear la etiqueta y la herramienta Elipse (L), junto con operaciones para crear el orificio de la etiqueta.

Create the tag and badge holeCreate the tag and badge holeCreate the tag and badge hole

Finaliza la etiqueta con algo de texto. Aquí usaremos la fuente gratuita Bowlby One para crear el signo de porcentaje para representar el descuento.

Luego usa los mismos métodos de antes para crear un efecto de sombra larga de tendencia actual y la base circular para el ícono. Aquí está el resultado.

Finished discount badge iconFinished discount badge iconFinished discount badge icon

Cómo crear un ícono de gancho

Momento de hacer el tercer ícono. En la siguiente lección, aprenderemos cómo crear un sencillo ícono de gancho usando operaciones y formas básicas.

Please accept preferences cookies to load this content.

Usa la herramienta Triángulo para crear la forma de la base inicial para el gancho naranja. Duplica esta forma y hazla más pequeña y luego crea un círculo para la parte superior del gancho con la herramienta Elipse (L).

Combina las formas del triángulo más grande y el círculo y luego modifica la nueva forma con el triángulo más pequeño. Esto derivará en un efecto de recorte para un estilizado diseño de gancho.

Create the hanger shapeCreate the hanger shapeCreate the hanger shape

Finaliza el gancho con una varilla que tenga una forma curva. Usa la herramienta Texto artístico para crear la forma metálica a partir de un signo de interrogación. Luego aplica al gancho la forma gris.

Crea el último ícono de gancho con los pasos habituales de antes. Primero haz un efecto de sombra larga, y luego aplícalo a la base circular púrpura. Aquí está el resultado.

Finish the hanger iconFinish the hanger iconFinish the hanger icon

¿Quieres más?

¡Todo listo! Continuemos con los íconos cuarto y quinto en la próxima lección. Aprenderás cómo crear los íconos coloridos de una canasta de la compra y un vestido.

Encuentra recursos creativos para tus diseños en Envato Elements.

Y para lecciones más fabulosas sobre Affinity Designer, consulta estos tutoriales: