tutorial

Trong vài năm gần đây, ngành thiết kế UI/UX đã thay đổi rất nhiều. Nếu trước đây người dùng bị thu hút bởi giao diện đẹp, hiệu ứng bắt mắt hay layout hiện đại, thì hiện tại họ quan tâm nhiều hơn đến một thứ rất nhỏ nhưng cực kỳ quan trọng: cách sản phẩm giao tiếp với họ. Đó chính là lý do vì...

Gradient Mesh trong Illustrator giúp tạo hiệu ứng màu sắc cực kỳ mượt và chân thực, nhưng đôi khi lại khiến file khó chỉnh sửa hoặc bị rối mắt với quá nhiều đường lưới. Trong bài viết này, mình sẽ hướng dẫn 2 cách đơn giản để xóa Mesh trong Adobe Illustrator — từ việc chuyển hoàn toàn về shape...

Hiệu ứng vòng sáng (Ambient Glowing Rings) đang là một trong những xu hướng thiết kế UI hiện đại, đặc biệt hiệu quả khi áp dụng vào giao diện Dark Mode. Phương pháp này giúp tăng chiều sâu và sự nổi bật cho thiết kế chỉ trong chưa đầy 2 phút mà không cần phụ thuộc vào bất kỳ Plugin bên thứ ba...

Nếu bạn đang tìm cách tạo ra những dải màu gradient có chiều sâu và hút mắt cho giao diện UI/UX hoặc các ấn phẩm thiết kế mà không cần phụ thuộc vào AI tạo ảnh, hãy làm theo các bước sau đây. Bước 1: Tạo Frame và thiết lập màu nền tảng Tạo một frame mới với kích thước chuẩn là 1440 x...

Bạn có muốn thêm chút chiều sâu huyền bí, tương lai vào các thiết kế UI hoặc minh họa của mình không? Hôm nay, tôi sẽ hướng dẫn các bạn quy trình từng bước để tạo ra hiệu ứng Space Gradient (Gradient không gian) lung linh, mang phong cách "vũ trụ" ngay trong Figma mà không cần dùng đến các phần...

Hiệu ứng ánh sáng lan tỏa (Glow Effect) hay Gradient mờ ảo đang là một trong những phong cách thiết kế được ưa chuộng nhất hiện nay. Thay vì dùng các dải màu gradient cứng nhắc, việc kết hợp các hình khối với hiệu ứng Layer blur sẽ tạo ra một dải ánh sáng tự nhiên, mềm mại và vô cùng bắt mắt cho...

Nút bấm (button) mang phong cách Gradient với hiệu ứng ánh sáng rực rỡ, dải màu gradient đa sắc và lớp noise tinh tế đang là xu hướng giao diện cực kỳ được ưa chuộng. Bạn hoàn toàn có thể tự tay tạo ra những chiếc nút "bắt mắt" này ngay trên Figma chỉ với 7 bước thực hành đơn giản dưới đây...

Bạn đang muốn tạo ra những bức ảnh minh họa (illustrations) mang đậm phong cách công nghệ, blockchain và có hiệu ứng phát sáng huyền ảo? Bài viết này sẽ hướng dẫn bạn quy trình 5 bước cực kỳ đơn giản ngay trên Figma để tạo ra một tác phẩm bắt mắt mà không cần công cụ 3D phức tạp. Bước 1...

Bạn có muốn giao diện người dùng (UI) của mình trông đẳng cấp, chuyên nghiệp và thân thiện với mắt người dùng hơn trong chế độ Tối? Đừng chỉ đơn giản là lật ngược màu sắc. Việc thiết kế Dark Mode thực sự là một nghệ thuật đòi hỏi sự tinh tế và am hiểu. Hãy cùng khám phá 6 mẹo vàng dưới đây, được...

Thanh tiến trình (Progress Bar) là một UI component quan trọng giúp người dùng biết họ đang ở đâu trong một quy trình. Trong bài viết này, chúng ta sẽ cùng thiết kế một Progress Bar mang phong cách Glassmorphism hiện đại, kết hợp hiệu ứng phát sáng (Glow) cực kỳ bắt mắt trên Figma. 1. Bước...

Rotate Object (Xoay Đối tượng) giúp bạn nhanh chóng biến đổi các đối tượng 2D thành hình ảnh 3D có thể xoay được, cho phép xoay (spin, tilt, dolly) từ bất kỳ góc nhìn nào để phù hợp với phối cảnh và độ sâu. (Phiên bản: 27.5.0 20260311.m.3453) CÁCH THỬ NGHIỆM: 1. Mở hoặc đặt (place) một hình...

Bạn muốn tạo một điểm nhấn ánh sáng nổi bật và có độ sâu cho giao diện thiết kế? Bài viết này sẽ phân tích một thủ thuật nhỏ trong Figma giúp bạn kết hợp Linear Gradient, Layer Blur và Blend Mode để tạo ra một chùm sáng chân thực chỉ với vài thao tác cơ bản. Chi tiết các bước thực hiện Bí...

Bạn đang muốn thiết kế của mình trông có chiều sâu và hút mắt hơn trên nền tối? Hiệu ứng ánh sáng neon hắt lên từ cạnh dưới (bottom glow effect) đang là một trong những xu hướng thiết kế UI rất được ưa chuộng. Thay vì sử dụng các hình khối mờ (blur) xếp chồng lên nhau, bạn hoàn toàn có thể tối...

Cách biến hình ảnh thành vector mượt mà Xem video hướng dẫn

Xuất ảnh sai màu trong Adobe Illustrator Xem video hướng dẫn

Hiệu ứng Glass Effect (mặt kính trong suốt) là một kỹ thuật thường dùng trong thiết kế UI, poster, icon và mockup giúp phần tử trở nên nổi bật, sang trọng và hiện đại. Với vài thao tác cơ bản trong Photoshop — chỉ bằng Fill 0% kết hợp hiệu ứng Bevel & Emboss — bạn có thể nhanh chóng tạo được lớp...

Một hiệu ứng chữ dễ làm, chỉ cần vài thao tác cơ bản trong Illustrator như Transform, Offset Path và Swatches. Phù hợp để làm tiêu đề thiết kế, poster hay các dự án sáng tạo cá nhân.

Tạo đường viền cho decal số lượng lớn bằng Adobe Illustrator Xem video hướng dẫn

Cách vẽ bon in lụa trong Adobe Illustrator Xem video hướng dẫn

Mẹo đếm số lượng vật thể trong Adobe Illustrator Xem video hướng dẫn