Hướng dẫn PS trực tuyến: biểu tượng hoa sen tối giản

Biểu tượng hoa sen ghép nhanh nhất từ các hình vector. Phủ chuyển màu lo phần màu sắc, phát sáng trong làm nó trông trong suốt, và các bản sao xoay tạo ra cánh hoa. Mọi giá trị uốn hình và kiểu lớp đều được liệt kê, đủ dùng cho cả công việc làm icon UI.

Tạo khung vẽ và vẽ một hình tròn
- Mở Online PS (zaixianps.cc) và nhấn Ctrl+N để tạo khung vẽ. Kích thước gợi ý là 800×800 px, nền đặt thành Trong suốt.
- Ở thanh công cụ bên trái, chọn Công cụ hình dạng → Elip (U), rồi bấm và kéo ở giữa khung vẽ để vẽ một hình tròn hoàn chỉnh.
- Trên thanh tùy chọn, chắc rằng màu tô là #2c3e50 (xanh đậm / xám đậm) và nét viền là Không.
Uốn hình tròn bằng Phồng (tạo tâm hoa)
- Chọn lớp hình tròn và nhấn Ctrl+T để vào Biến đổi tự do.
- Bấm Uốn (biểu tượng lưới nhỏ) ở góc trên bên trái thanh biến đổi để hiện các điểm điều khiển uốn.
- Trong danh sách Uốn hình dạng ở trên cùng, chọn Phồng.
- Kéo điểm điều khiển ở giữa vào trong để phần giữa hình tròn lõm nhẹ (khoảng 30% lực uốn), rồi nhấn Enter để xác nhận.
Thêm kiểu lớp – Phủ chuyển màu
- Nháy đúp vào lớp hình tròn để mở hộp thoại Kiểu lớp.
- Tích Phủ chuyển màu và bấm vào thanh chuyển màu để chỉnh:
- Bấm OK và hình tròn sẽ chuyển dần từ đậm sang nhạt.
Dựng hình một cánh hoa
- Tạo một lớp trống mới và dùng công cụ hình dạng vẽ hai hình tròn giống hệt nhau (bán kính khoảng 20% tổng chiều rộng là vừa).
- Để dễ nhìn, trước hết hạ độ mờ phần tô của cả hai hình tròn (ví dụ 30%), rồi xem chúng chồng lên nhau bao nhiêu.
- Chọn cả hai lớp hình tròn và nhấn Ctrl+E để gộp thành một lớp.
- Chuyển sang Công cụ Chọn đường dẫn (A) và chắc rằng hình dạng đang được chọn trong bảng Đường dẫn.
- Trong Pathfinder (thanh công cụ trên cùng) chọn Giao và bấm vào phần chồng nhau của hai hình tròn để tạo hình mới — chính là đường bao cánh hoa.
- Đường dẫn giờ đã gộp thành một thành phần hình dạng duy nhất.
Thêm màu tô và Phủ chuyển màu cho cánh hoa
- Chọn lớp hình cánh hoa và mở Kiểu lớp.
- Đặt màu tô thành #000000 (hoặc hạ độ mờ về 0) để không lộ màu đặc.
- Tích Phủ chuyển màu và dựng chuyển màu sau:
- Thêm một kiểu lớp nữa, Phát sáng trong:
Nhân bản và xoay thành vòng cánh hoa đầy đủ
- Chắc rằng công cụ đang dùng vẫn là Di chuyển / Biến đổi tự do (V), không phải công cụ Chọn đường dẫn.
- Nhấn Alt+Shift+T để gọi Biến đổi tự do và nhân bản.
- Khi hộp biến đổi hiện ra, giữ Alt và kéo tâm biến đổi tới **đầu** cánh hoa để phép xoay lấy điểm đó làm trục.
- Gõ **30°** vào ô góc trên thanh tùy chọn (hoặc khoảng cách bạn muốn); xác nhận và một cánh hoa mới xuất hiện.
- Tiếp tục nhấn Ctrl+Alt+Shift+T (lặp lại biến đổi tự do vừa rồi) — mỗi lần nhấn lại sao chép và xoay cánh hoa trước đó đúng góc ấy.
- Lặp đến khi các cánh hoa khép thành vòng (khoảng 12–14 cánh). Xóa những lớp cánh hoa thừa không cần.
Mẹo: đừng nhân bản bằng công cụ Chọn đường dẫn, nếu không các cánh hoa mới sẽ bị thêm vào cùng một thành phần đường dẫn và sau này rất khó sửa riêng. Cứ ở lại với Di chuyển / Biến đổi tự do thì mỗi cánh hoa sẽ thành một lớp riêng.
Kiểm tra đối xứng và tinh chỉnh chi tiết
- Bật Xem → Đường gióng mới (Ctrl+R) và kéo một đường gióng ngang và một dọc từ giữa khung vẽ để kiểm tra đối xứng trái phải.
- Nếu vài cánh hoa lệch vị trí, chọn lớp đó và dùng Ctrl+T để nhích góc xoay hoặc vị trí.
- Chọn tất cả lớp cánh hoa (Shift+click) và đặt **độ mờ 95%** trên thanh tùy chọn để tổng thể mềm hơn.
Kích thước tổng thể và xuất cuối
- Chọn mọi lớp (tâm hoa và các cánh hoa), rồi dùng Ctrl+T để thu phóng cả biểu tượng về kích thước phù hợp.
- Xong thì chọn Tệp → Xuất thành → PNG (trong suốt) và lưu về máy.

Tài liệu tham khảo

Online PS
Tài liệu chính thức của Adobe
Các trang hướng dẫn PS