Cách tạo hiệu ứng kính mờ trong Figma

Kính mờ hoạt động tốt cho sự riêng tư hoặc tăng thêm sự tinh tế cho một thiết kế, trong các thiết kế kỹ thuật số và đời thực. Tạo hiệu ứng kính mờ thật dễ dàng trong Figma và có thể tạo thêm nét tinh tế độc đáo cho thiết kế của bạn theo cách trông phức tạp hơn rất nhiều so với thực tế. Hãy chỉ cho bạn cách làm.

Cách tạo hiệu ứng kính mờ

Để có hiệu ứng đầy đủ của kính mờ, bạn nên có một số loại hình nền trong thiết kế của mình. Hiệu ứng hoạt động tốt nhất trên các hình ảnh phức tạp về mặt hình ảnh hoặc trực quan, thay vì chỉ các khối màu đơn thuần hoặc nền đơn giản.

Chúng tôi đang sử dụng hiệu ứng kính mờ làm dấu đầu dòng trên thiết kế bản trình bày, để thêm hiệu ứng kiểu dáng đẹp, tối giản cho bản trình bày. Điều này mang lại sự tinh tế hơn cho các thiết kế của bạn thay vì chỉ sử dụng một đường thẳng đơn giản hoặc dấu đầu dòng đơn giản làm chỉ báo.

Bạn có thể tạo một mẫu chính cho các bài thuyết trình trong Figma và sử dụng hiệu ứng kính mờ này trong đó. Nếu bạn muốn tạo một chỉ báo dấu đầu dòng kiểu dáng đẹp, chỉ cần làm theo.

1. Vẽ một đường

Vẽ đường của bạn bằng cách sử dụng Công cụ đường kẻ (L). Để giữ cho đường nằm ngang, hãy nhấn giữ Sự thay đổi trong khi vẽ nó. Chọn màu cho đường bằng cách nhấp vào ô vuông màu bên dưới Đột quỵ trong khi dòng được chọn.

Màu sắc phải đủ tối để tương phản với nền của bạn, nhưng nó cũng phải trông đẹp với màu sắc của bài thuyết trình của bạn. Bạn có thể sử dụng Adobe Illustrator để tạo bảng màu để tìm các màu phối hợp với nhau.

Thay đổi độ rộng của đường trong cài đặt Stroke; nhấp vào biểu tượng có ba đường ngang và tăng số lượng cho đến độ dày mong muốn của bạn. Để có được các đầu tròn, hãy nhấp vào menu thả xuống có một đường ngang trong menu Nét và cuộn xuống cuối menu thả xuống để có tùy chọn cho các đầu tròn.

2. Vẽ một vòng tròn

Vẽ một vòng tròn nhỏ bằng cách sử dụng Công cụ hình elip (O). Nhấn giữ Sự thay đổi trong khi vẽ hình tròn để làm cho nó có hình cầu hoàn hảo. Vòng tròn của bạn phải đủ nhỏ để dùng làm gạch đầu dòng, nhưng đủ lớn để có thể nhìn thấy rõ kính mờ.

Để thêm màu, hãy chọn vòng tròn và sử dụng Lấp đầy trên thanh công cụ bên phải. Bạn có thể sử dụng màu trung tính — như xám hoặc be — hoặc màu sáng hơn từ bảng màu thiết kế của bạn.

Sau đó, thay đổi sự mờ đục kế bên Lấp đầy từ 40% đến 70%. Bạn muốn có thể nhìn thấy thiết kế đằng sau hình tròn trong khi vẫn thấy màu bạn đã tô hình tròn.

3. Thêm Làm mờ nền

Đây là phần tạo hiệu ứng mờ cho hình dạng của bạn. Chọn vòng kết nối và đi tới Các hiệu ứng. Hiệu ứng mặc định là Bóng đổ, di chuột qua nó và nhấp vào mũi tên xuất hiện. Chọn Làm mờ nền.

Để tăng hoặc giảm độ mờ, hãy nhấp vào biểu tượng bên cạnh Làm mờ nền và thay đổi số thành hiệu ứng làm mờ mong muốn của bạn.

Để hoàn thành chỉ báo dấu đầu dòng của bạn, hãy di chuyển đường thẳng hàng với cạnh của vòng tròn của bạn. Chọn cả đường thẳng và hình tròn, nhấp chuột phải và chọn Lựa chọn nhóm. Bây giờ bạn có thể di chuyển hoặc sao chép nó để sử dụng trên các phần khác nhau của thiết kế của bạn.

Làm mờ hoạt động trên bất kỳ phần nào của thiết kế theo cùng một cách, như được hiển thị trong một ví dụ khác mà chúng tôi đã làm ở trên. Tại sao không đưa kỹ thuật này vào một thử thách thiết kế sáng tạo? Hiệu ứng sẽ trở thành một tài sản thiết kế tuyệt vời.

Thêm chủ nghĩa tối giản kiểu dáng đẹp vào thiết kế của bạn với hiệu ứng kính mờ

Hiệu ứng kính mờ trong Figma là một cách đơn giản để thêm một số kiểu dáng đẹp vào các khía cạnh thiết kế đơn giản. Bạn có thể sử dụng hiệu ứng kính mờ theo nhiều cách, chẳng hạn như các tấm đủ màu, thanh tìm kiếm hoặc cửa sổ riêng tư trên các thiết kế. Hãy thử thêm đường viền, tạo gradient hoặc đặt lớp mờ ở giữa các lớp khác để có một số khác biệt về kết cấu.

Đọc tiếp