No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Curso de Figma

Curso de Figma

Santiago Camargo

Santiago Camargo

Simetría rotacional

20/22
Recursos

¿Cómo crear una base para simetrías rotacionales en Figma?

En el fascinante mundo del diseño gráfico, la simetría rotacional puede ser una herramienta poderosa para crear patrones hipnóticos y visualmente atractivos. En Figma, puedes llevar tu creatividad al siguiente nivel mediante el uso de simetrías rotacionales. Comenzaremos esta aventura creativa desde cero, aprovechando la simplicidad y flexibilidad que ofrece esta herramienta.

Para iniciar, creamos un "frame" que será la base de todo nuestro trabajo. Sigue estos pasos:

  1. Crea un frame:
  • Usa la tecla F, haz clic y arrastra con Shift hasta obtener un tamaño de 500x500.
  • Ajusta manualmente su tamaño a 500x500 en la pestaña de diseño.
  • Añade un "stroke" blanco y renómbralo como base.
  1. Crea el componente base:
  • Crea un componente del frame usando Command Option K.
  • Añade un polígono dentro para marcar la parte superior y céntralo usando las guías inteligentes.

¿Cómo aprovechar la simetría de componentes en Figma?

Ahora que tenemos la base, exploraremos cómo podemos utilizar copias de este componente con simetrías reflejadas para crear patrones complejos.

  1. Duplica y refleja la instancia:
  • Duplica la instancia y ubícala debajo de la original.
  • Voltéala horizontal y verticalmente con Shift H y Shift V.
  1. Rota y duplica más instancias:
  • Duplica y rota las instancias sobre el eje central.
  • Gira usando Shift para asegurar simetría.
  • Repite el proceso hasta que obtengas un patrón de ocho instancias formando una estrella.

¿Cómo jugar y experimentar con formas en Figma?

Ahora que nuestra estructura está lista, es momento de divertirnos agregando formas y experimentando con los diferentes elementos que podemos incluir para darle vida al diseño.

  1. Experimenta con diferentes formas:
  • Cambia el polígono a un hexágono, sin relleno pero con un "stroke" blanco grueso.
  • Duplica y mueve esos hexágonos fuera del frame para ver cómo interactúan.
  1. Juega con la herramienta de dibujo a mano alzada:
  • Usa Shift P para dibujar con un esfero.
  • Escoge un color como verde biche y empieza a dibujar desde el centro, aplicando la simetría a todo el diseño.

Recuerda, lo más importante es dejar volar tu imaginación. No importa si las primeras veces no sale a la perfección; el objetivo es experimentar y aprender en el proceso. 

Aportes 1

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

no conocía find and replace, uffff full útil muchas veces