So erstellen Sie einen Milchglaseffekt in Figma

Milchglas eignet sich gut für Privatsphäre oder um einem Design Subtilität zu verleihen, in realen und digitalen Designs. Das Erstellen eines Milchglaseffekts ist in Figma einfach und kann Ihren Designs ein einzigartiges Flair verleihen, das viel komplexer aussieht, als es ist. Lassen Sie uns Ihnen zeigen, wie.

So erstellen Sie einen Milchglaseffekt

Für die volle Wirkung von Milchglas sollten Sie bereits eine Art Hintergrundbild in Ihrem Design haben. Der Effekt funktioniert am besten auf fotografischen oder visuell komplexen Bildern und nicht nur auf einfachen Farbblöcken oder einfachen Hintergründen.

Wir verwenden den Milchglaseffekt als Aufzählungszeichen für ein Präsentationsdesign, um der Präsentation einen eleganten, minimalistischen Effekt zu verleihen. Dies verleiht Ihren Designs etwas mehr Flair, anstatt nur eine einfache Linie oder einen einfachen Aufzählungspunkt als Indikator zu verwenden.

Sie können eine erstellen Master-Vorlage für Präsentationen in Figma und verwenden Sie diesen Milchglaseffekt darin. Wenn Sie einen eleganten Aufzählungszeichen-Indikator erstellen möchten, folgen Sie einfach den Anweisungen.

1. Zeichne eine Linie

Zeichnen Sie Ihre Linie, indem Sie die verwenden Linienwerkzeug (L). Um die Linie horizontal zu halten, halten Sie gedrückt Wechsel beim Zeichnen. Wählen Sie eine Farbe für die Linie aus, indem Sie auf das farbige Quadrat darunter klicken Streicheln während die Zeile ausgewählt ist.

Die Farbe sollte dunkel genug sein, um Ihren Hintergrund zu kontrastieren, aber sie muss auch gut zu den Farben Ihrer Präsentation passen. Du kannst Verwenden Sie Adobe Illustrator, um eine Farbpalette zu erstellen um Farben zu finden, die zusammenpassen.

Ändern Sie die Breite der Linie in den Stricheinstellungen; Klicken Sie auf das Symbol mit den drei horizontalen Linien und erhöhen Sie die Zahl bis zur gewünschten Dicke. Um abgerundete Enden zu erhalten, klicken Sie auf das Dropdown-Menü mit einer horizontalen Linie im Menü „Strich“ und scrollen Sie zum Ende des Dropdown-Menüs für die Option für abgerundete Enden.

2. Zeichne einen Kreis

Zeichnen Sie mit den einen kleinen Kreis Ellipsen-Werkzeug (Ö). Runter halten Wechsel während Sie den Kreis zeichnen, um ihn perfekt kugelförmig zu machen. Ihr Kreis sollte klein genug sein, um als Aufzählungszeichen verwendet zu werden, aber groß genug, dass das Milchglas sichtbar ist.

Um Farbe hinzuzufügen, wählen Sie den Kreis aus und verwenden Sie Füllen auf der rechten Symbolleiste. Du kannst eine neutrale Farbe wie Grau oder Beige oder eine hellere Farbe aus der Farbpalette deines Designs verwenden.

Dann ändern Sie die Opazität neben Füllen irgendwo zwischen 40 % und 70 %. Sie möchten das Design hinter dem Kreis sehen können, während Sie immer noch die Farbe sehen, mit der Sie den Kreis gefüllt haben.

3. Fügen Sie eine Hintergrundunschärfe hinzu

Dies ist der Teil, der Ihrer Form den mattierten Effekt verleiht. Wählen Sie den Kreis aus und gehen Sie zu Auswirkungen. Der Standardeffekt ist Schlagschatten, bewegen Sie den Mauszeiger darüber und klicken Sie auf den angezeigten Pfeil. Wählen Hintergrundunschärfe.

Um die Unschärfe zu erhöhen oder zu verringern, klicken Sie auf das Symbol neben Hintergrundunschärfe und ändern Sie die Zahl auf den gewünschten Unschärfeeffekt.

Um Ihren Aufzählungszeichen-Indikator zu vervollständigen, verschieben Sie die Linie so, dass sie am Rand Ihres Kreises ausgerichtet ist. Wählen Sie sowohl die Linie als auch den Kreis aus, klicken Sie mit der rechten Maustaste, und wählen Sie aus Gruppenauswahl. Jetzt können Sie dies verschieben oder duplizieren, um es für verschiedene Teile Ihres Designs zu verwenden.

Die Unschärfe wirkt sich auf jeden Teil des Designs auf die gleiche Weise aus, wie in einem anderen Beispiel oben gezeigt. Warum nicht diese Technik in eine kreative Design-Herausforderung? Der Effekt wird zu einem großartigen Design-Asset.

Verleihen Sie Ihren Designs einen eleganten Minimalismus mit einem Milchglaseffekt

Der Milchglaseffekt in Figma ist eine einfache Möglichkeit, ansonsten schlichten Designaspekten einen eleganten Stil zu verleihen. Sie können den Milchglaseffekt auf viele Arten verwenden, z. B. für vollfarbige Panels, Suchleisten oder Sichtschutzfenster über Designs. Versuchen Sie, einen Rahmen hinzuzufügen, einen Farbverlauf zu erstellen oder die mattierte Ebene zwischen anderen Ebenen zu platzieren, um einen strukturellen Unterschied zu erzielen.

So erstellen Sie Mockups und fügen sie Ihren Figma-Designs mit Plugins hinzu

Lesen Sie weiter