Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Figma

Cómo crear un efecto de vidrio esmerilado en Figma

by
Difficulty:BeginnerLength:QuickLanguages:

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

En este consejo breve, aprenderás a crear un efecto de vidrio esmerilado (o cubierto de escarcha) en Figma. Este es un efecto muy popular y en realidad es extremadamente fácil de recrear en Figma (solo un par de pasos), así que ¡vamos a esmerilar!

Vidrio esmerilado en Figma

Aquí hay una versión en video de este consejo breve. Sigue los pasos con nosotros en el canal de Envato Tuts+ en YouTube:

Este es el efecto que buscamos:

Frosted Glass in Figma

1. Empieza con una imagen y un rectángulo

Añade una imagen a tu lienzo, y después dibuja un rectángulo en la parte superior.

Start With an Image and a Rectangle

Rellena el rectángulo del color que desees (yo elegiré el blanco #ffffff).

2. Añade un efecto

Con tu rectángulo seleccionado, baja su opacidad al 20% y luego añade un efecto en el panel de propiedades que está justo debajo. Haz que el efecto tenga un desenfoque de fondo (Background Blur) y haciendo clic en el dial a la izquierda del control del efecto, aplica un valor que desees (100 en realidad funciona muy bien).

Make the effect a Background Blur

Quizá también desees experimentar con el nivel de opacidad, pero con el efecto de desenfoque y la opacidad puedes controlar el efecto preciso de esmerilado que quieres.

¡Efecto de esmerilado en Figma terminado!

Así es como se puede crear fácilmente un efecto de vidrio esmerilado en Figma. Revisa estos otros tutoriales para aprender más sobre efectos similares en otras aplicaciones de diseño y con Figma:

Advertisement
Advertisement
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.