TÓM TẮT
- 1 1. Giới thiệu chung về mảng đình hồng
- 2 2. Kiến thức nền tảng: Định nghĩa và các thành phần cơ bản
- 3 3. Công cụ và phần mềm hỗ trợ
- 4 4. Quy trình vẽ mảng đình hồng bằng phần mềm vector (Illustrator)
- 4.1 4.1. Bước 1: Chuẩn bị môi trường làm việc
- 4.2 4.2. Bước 2: Vẽ vòng tròn trung tâm
- 4.3 4.3. Bước 3: Nhân bản và mở rộng các vòng tròn
- 4.4 4.4. Bước 4: Điều chỉnh khoảng cách và độ dày
- 4.5 4.5. Bước 5: Thêm hiệu ứng màu gradient
- 4.6 4.6. Bước 6: Thêm bóng đổ (Drop Shadow) và ánh sáng
- 4.7 4.7. Bước 7: Hoàn thiện và xuất file
- 5 5. Vẽ mảng đình hồng bằng công cụ truyền thống (bàn vẽ)
- 6 6. Các kiểu mảng đình hồng phổ biến và cách tạo
- 7 7. Ứng dụng thực tế của mảng đình hồng
- 8 8. Các lỗi thường gặp và cách khắc phục
- 9 9. Thực hành: Tạo một mảng đình hồng hoàn chỉnh từ A‑Z
- 10 10. Tài nguyên và nguồn cảm hứng
- 11 11. Kết luận
1. Giới thiệu chung về mảng đình hồng
Mảng đình hồng (còn gọi là hình tròn đồng tâm hay các vòng tròn đồng tâm) là một trong những yếu tố đồ họa truyền thống được sử dụng rộng rãi trong nghệ thuật trang trí, thiết kế logo, biểu tượng, và cả trong các sản phẩm in ấn như thiệp cưới, tờ rơi, bao bì. Đặc trưng của mảng đình hồng là các vòng tròn đồng tâm, có bán kính tăng dần hoặc giảm dần, tạo nên một hình ảnh hài hòa, cân đối và mang lại cảm giác độ sâu, sự đồng nhất.
Việc vẽ mảng đình hồng không chỉ đơn thuần là việc vẽ các vòng tròn mà còn bao gồm các yếu tố phụ trợ như màu sắc, độ dày nét, khoảng cách giữa các vòng, và cách phối hợp với các yếu tố khác (văn bản, họa tiết). Bài viết này sẽ cung cấp cho bạn một hướng dẫn chi tiết, từ những kiến thức cơ bản nhất cho người mới bắt đầu, đến các kỹ thuật nâng cao dành cho những ai muốn tạo ra những mảng đình hồng độc đáo, chuyên nghiệp.
Lưu ý: Bài viết được chia thành các phần rõ ràng, mỗi phần có tiêu đề phụ (H2, H3) để bạn dễ dàng theo dõi và thực hành. Hãy chuẩn bị sẵn các công cụ vẽ (bút, giấy, phần mềm đồ họa) và bắt đầu ngay nhé!
2. Kiến thức nền tảng: Định nghĩa và các thành phần cơ bản
2.1. Định nghĩa mảng đình hồng
- Mảng: Một tập hợp các hình dạng (thường là vòng tròn) lồng nhau, tạo thành một khối hình ảnh thống nhất.
- Đình hồng: Thuật ngữ truyền thống dùng để chỉ các vòng tròn đồng tâm, mỗi vòng có bán kính và màu sắc khác nhau, tạo nên hiệu ứng “hồng” (hình tròn mở rộng ra như một vòng hoa).
2.2. Các thành phần cơ bản

Có thể bạn quan tâm: Cách Vẽ Mạng Aon Online: Hướng Dẫn Chi Tiết Từ Cơ Bản Đến Nâng Cao
| Thành phần | Mô tả | Ảnh hưởng |
|---|---|---|
| Vòng tròn trung tâm | Vòng tròn nhỏ nhất, thường là tâm của toàn bộ mảng | Xác định vị trí và tỉ lệ cho các vòng khác |
| Vòng tròn phụ | Các vòng tròn xung quanh, có bán kính tăng dần | Tạo độ sâu và độ phức tạp |
| Khoảng cách giữa các vòng | Khoảng cách (khoảng trống hoặc màu) giữa hai vòng liên tiếp | Điều chỉnh sự “đông đúc” hoặc “thoáng” của mảng |
| Màu sắc | Màu nền và màu viền mỗi vòng | Tạo cảm xúc, phong cách (trang nhã, hiện đại, retro…) |
| Độ dày nét | Độ dày của đường viền mỗi vòng | Tạo cảm giác mạnh mẽ hoặc nhẹ nhàng |
| Hiệu ứng bóng, gradient | Áp dụng gradient, bóng đổ, ánh sáng | Tăng tính 3D, làm nổi bật mảng |
2.3. Nguyên tắc thiết kế cơ bản
- Đối xứng: Đối với mảng đình hồng truyền thống, tính đối xứng là yếu tố quan trọng nhất. Các vòng tròn phải đồng tâm và cân xứng.
- Tỷ lệ: Bán kính mỗi vòng nên tăng (hoặc giảm) theo một tỷ lệ nhất định (có thể là tỷ lệ cộng dồn, hoặc tỷ lệ nhân). Ví dụ: bán kính tăng 10 px, 20 px, 30 px…
- Màu sắc hài hòa: Sử dụng bảng màu tương phản hoặc tương đồng để tạo cảm giác hài hòa. Màu nên được sắp xếp từ tối đến sáng (hoặc ngược lại) để tạo chiều sâu.
- Khoảng cách hợp lý: Quá chật hoặc quá rộng đều làm mất cân bằng. Thông thường, khoảng cách giữa các vòng nên bằng 0.5–1 lần độ dày nét.
- Độ dày nét nhất quán: Nếu muốn tạo cảm giác hiện đại, nên giữ độ dày nét đồng nhất; nếu muốn tạo cảm giác cổ điển, có thể thay đổi độ dày từ trong ra ngoài.
3. Công cụ và phần mềm hỗ trợ
3.1. Công cụ truyền thống
| Công cụ | Ưu điểm | Nhược điểm |
|---|---|---|
| Bút vẽ (bút chì, bút mực) | Đơn giản, không cần máy tính | Khó chỉnh sửa, độ chính xác thấp |
| Bảng vẽ (compass, thước kẻ) | Đảm bảo vòng tròn đồng tâm | Giới hạn trong việc tạo màu sắc phức tạp |
| Màu nước / màu acrylic | Tạo hiệu ứng màu mượt mà | Khó kiểm soát độ đồng đều khi in |
3.2. Phần mềm đồ họa (digital)
| Phần mềm | Đặc điểm nổi bật | Độ khó |
|---|---|---|
| Adobe Illustrator | Vẽ vector chính xác, công cụ “Ellipse” mạnh mẽ, hỗ trợ gradient, pattern | Trung bình – cao |
| CorelDRAW | Công cụ vẽ vòng tròn tương tự Illustrator, giao diện thân thiện | Trung bình |
| Affinity Designer | Giá thành hợp lý, tính năng vector đầy đủ | Trung bình |
| Inkscape (miễn phí) | Mở nguồn, hỗ trợ SVG, công cụ “Create circles” | Trung bình |
| Procreate (iPad) | Vẽ tự do, brush tùy chỉnh, hỗ trợ layer | Dễ (cho vẽ tay) |
| Photoshop | Không phải vector, nhưng hỗ trợ shape layers và filter | Trung bình |
Khuyến nghị: Nếu bạn mới bắt đầu, Inkscape (miễn phí) hoặc Affinity Designer là lựa chọn tốt. Nếu bạn đã quen với Adobe, Illustrator sẽ giúp bạn tạo ra mảng đình hồng chính xác và dễ chỉnh sửa.
4. Quy trình vẽ mảng đình hồng bằng phần mềm vector (Illustrator)
4.1. Bước 1: Chuẩn bị môi trường làm việc

Có thể bạn quan tâm: Cách Vẽ Mạch Điều Khiển: Hướng Dẫn Chi Tiết Từ Cơ Bản Đến Nâng Cao
- Mở Illustrator →
File > New→ Đặt kích thước canvas (ví dụ 800 px × 800 px) và chế độ màuRGBhoặcCMYKtùy mục đích (web hoặc in). - Bật Grid (
View > Show Grid) và Snap to Grid (View > Snap to Grid) để giúp căn chỉnh chính xác. - Tạo layer mới: Đặt tên là “Mảng đình hồng”.
4.2. Bước 2: Vẽ vòng tròn trung tâm
- Chọn công cụ Ellipse Tool (L).
- Nhấn giữ
Shift+Alt(Windows) hoặcShift+Option(Mac) để vẽ một vòng tròn đồng tâm và cân giữa. - Nhập kích thước (ví dụ 100 px × 100 px) trong thanh thuộc tính trên trên cùng.
- Đặt Fill là màu nền bạn muốn (ví dụ: #F5F5F5) và Stroke là màu viền (ví dụ: #333333) với độ dày 2 pt.
4.3. Bước 3: Nhân bản và mở rộng các vòng tròn
Có 2 cách phổ biến:
Cách A: Sử dụng “Transform Each”
- Chọn vòng tròn vừa tạo.
- Nhấn
Ctrl + CvàCtrl + F(hoặcCmd + CvàCmd + Ftrên Mac) để sao chép lên trên. - Với vòng tròn sao chép, vào
Object > Transform > Scale…. - Đánh dấu Uniform và nhập tỷ lệ mở rộng (ví dụ: 150 %). Nhấn OK.
- Thay đổi màu
FillvàStrokecho vòng tròn mới (có thể dùng bảng màu gradient hoặc các màu đối lập). - Lặp lại bước 2‑5 cho đến khi đạt số vòng mong muốn (thường 5‑7 vòng).
Cách B: Sử dụng “Appearance Panel”
- Chọn vòng tròn trung tâm.
- Vào
Window > Appearance. - Nhấn Add New Stroke để tạo viền thứ hai, đặt Stroke mới lớn hơn (ví dụ: 10 pt) và màu khác.
- Nhấn Add New Fill để tạo màu nền mới cho viền ngoài.
- Lặp lại quá trình tạo Stroke và Fill cho đến khi tạo ra các lớp vòng tròn đồng tâm.
Lưu ý: Cách B giúp bạn duy trì một đối tượng duy nhất, dễ chỉnh sửa sau này (thay đổi màu, độ dày,…). Cách A tạo ra các đối tượng riêng biệt, thuận tiện cho việc tùy chỉnh từng vòng riêng lẻ.
4.4. Bước 4: Điều chỉnh khoảng cách và độ dày
- Khoảng cách: Nếu các vòng tròn chồng lên nhau quá nhiều, bạn có thể giảm tỷ lệ mở rộng hoặc di chuyển các vòng tròn một chút bằng công cụ Selection Tool (V).
- Độ dày Stroke: Mở Stroke Panel (
Window > Stroke) → Điều chỉnh độ dày cho từng vòng. Thông thường, độ dày giảm dần từ ngoài vào trong (ví dụ: 8 pt → 6 pt → 4 pt → 2 pt).
4.5. Bước 5: Thêm hiệu ứng màu gradient
- Chọn một vòng tròn.
- Mở Gradient Panel (
Window > Gradient) → Chọn Linear hoặc Radial gradient. - Đặt màu bắt đầu và màu kết thúc (ví dụ: #FF7F50 → #FFD700).
- Điều chỉnh Angle và Location để tạo hiệu ứng chuyển màu mượt mà.
- Lặp lại cho các vòng khác, có thể thay đổi màu gradient để tạo cảm giác “bùng nổ” từ trung tâm ra ngoài.
4.6. Bước 6: Thêm bóng đổ (Drop Shadow) và ánh sáng
- Chọn Effect > Stylize > Drop Shadow.
- Thiết lập các thông số:
- Opacity: 30 %–50 %
- X Offset và Y Offset: 2 px – 5 px (tùy vào độ sâu)
- Blur: 5 px – 10 px
- Color: Đen hoặc màu nhạt hơn nền.
- Áp dụng cho toàn bộ mảng hoặc chỉ cho vòng ngoài cùng để tạo cảm giác nổi lên.
4.7. Bước 7: Hoàn thiện và xuất file

Có thể bạn quan tâm: Cách Vẽ Mạch Tường Minh: Hướng Dẫn Chi Tiết Từ Cơ Bản Đến Nâng Cao
- Kiểm tra lại Alignment: Chọn tất cả các vòng (
Ctrl + A) →Align > Horizontal Align CentervàVertical Align Center. - Gộp các vòng tròn thành Group (
Ctrl + G) để dễ di chuyển. - Export:
- Đối với web:
File > Export > Export As…→ PNG hoặc SVG. - Đối với in:
File > Save As…→ PDF hoặc EPS, đảm bảo chế độ màu CMYK.
5. Vẽ mảng đình hồng bằng công cụ truyền thống (bàn vẽ)
5.1. Chuẩn bị dụng cụ
| Dụng cụ | Mô tả | Cách sử dụng |
|---|---|---|
| Compas (cái compa) | Để vẽ vòng tròn đồng tâm | Đặt kim ở trung tâm, mở độ rộng tùy ý, vẽ vòng tròn |
| Thước kẻ | Định vị trung tâm | Đánh dấu trung tâm trên giấy |
| Bút chì HB | Phác thảo | Vẽ các vòng tròn nhẹ nhàng, dễ tẩy |
| Bút mực hoặc bút dạ | Đánh nét | Vẽ lại các vòng tròn với độ dày mong muốn |
| Màu nước / màu acrylic | Tô màu | Tô gradient hoặc màu đồng nhất |
| Eraser (cục tẩy) | Xóa phác thảo | Dùng để tinh chỉnh |
5.2. Các bước thực hiện
- Đánh dấu trung tâm: Dùng thước kẻ đo và đánh dấu trung tâm của giấy (hoặc bìa).
- Vẽ vòng tròn đầu tiên: Đặt kim compa vào trung tâm, mở độ rộng 20 mm, vẽ vòng tròn nhẹ.
- Tăng dần bán kính: Mở compa thêm 10 mm (hoặc 15 mm) và vẽ vòng tiếp theo. Lặp lại cho đến khi có đủ số vòng mong muốn (thường 5‑6 vòng).
- Tô màu:
- Cách 1: Gradient thủ công – Dùng cọ màu nước, bắt đầu tô màu trung tâm, rồi dần dần pha màu sang các vòng ngoài.
- Cách 2: Màu đồng nhất – Chọn một màu chủ đạo, tô đều các vòng, sau đó dùng bút mực đậm hơn để tạo viền.
- Thêm chi tiết: Vẽ các đường kính, chấm tròn, hoặc các họa tiết nhẹ (điểm, đường nét) để tăng tính thẩm mỹ.
- Hoàn thiện: Đợi màu khô, sau đó dùng cục tẩy nhẹ để xóa các đường phác thảo, để lại nét sạch sẽ.
5.3. Mẹo vẽ đẹp
- Giữ tay ổn định: Khi vẽ bằng compa, giữ tay ở vị trí cố định, không di chuyển kim quá mạnh.
- Tạo độ dày khác nhau: Dùng bút dạ có đầu mỏng cho vòng trong, đầu dày hơn cho vòng ngoài.
- Sử dụng giấy dày: Giúp màu nước không thấm lẫn nhau quá nhanh, giữ độ đồng nhất.
6. Các kiểu mảng đình hồng phổ biến và cách tạo
6.1. Mảng đình hồng đơn giản (monochrome)

Có thể bạn quan tâm: Cách Vẽ Mạch In Proteus: Hướng Dẫn Từ Cơ Bản Đến Nâng Cao
- Mô tả: Tất cả các vòng tròn dùng cùng một màu nền, chỉ thay đổi độ dày và độ trong suốt.
- Cách thực hiện:
- Chọn màu nền #4A90E2 (xanh dương nhạt).
- Đặt độ trong suốt (Opacity) giảm dần từ vòng ngoài (30 %) tới vòng trong (100 %).
- Độ dày Stroke giảm dần (8 pt → 2 pt).
6.2. Mảng đình hồng gradient đa màu
- Mô tả: Mỗi vòng tròn có một gradient từ trong ra ngoài, màu sắc chuyển dần.
- Cách thực hiện:
- Vòng 1: Gradient từ #FF6B6B → #FFB347.
- Vòng 2: Gradient từ #FFD700 → #FF8C00.
- Vòng 3: Gradient từ #8A2BE2 → #4B0082.
- Áp dụng Radial Gradient để tạo hiệu ứng “phát sáng” từ trung tâm.
6.3. Mảng đình hồng có họa tiết bên trong
- Mô tả: Thêm các họa tiết như sao, lá, hoặc chữ vào vòng trung tâm.
- Cách thực hiện:
- Vẽ vòng trung tâm → dùng Pen Tool để tạo họa tiết.
- Đặt họa tiết lên layer riêng, sau đó Clipping Mask để giới hạn họa tiết trong vòng tròn.
6.4. Mảng đình hồng 3D (đánh bóng)
- Mô tả: Tạo cảm giác ba chiều bằng cách dùng gradient, inner glow, và shadow.
- Cách thực hiện:
- Vòng ngoài: Gradient từ #2C3E50 (đậm) tới #BDC3C7 (nhạt).
- Thêm Inner Glow (
Effect > Stylize > Inner Glow) với màu trắng, Opacity 30 %. - Thêm Drop Shadow cho toàn bộ mảng.
7. Ứng dụng thực tế của mảng đình hồng
| Ứng dụng | Mô tả | Lợi ích |
|---|---|---|
| Logo công ty | Dùng mảng đình hồng làm biểu tượng trung tâm, thể hiện sự ổn định và phát triển | Tạo ấn tượng mạnh, dễ nhận diện |
| Thiệp cưới | Đặt mảng đình hồng ở góc trên hoặc trung tâm, phối màu pastel | Thêm vẻ trang trọng, lãng mạn |
| Bao bì sản phẩm | Dùng mảng đình hồng làm nền cho nhãn hiệu, tạo cảm giác cao cấp | Nâng cao giá trị thương hiệu |
| Trang web UI | Dùng làm icon, button, hoặc background cho header | Tăng tính thẩm mỹ, thu hút người dùng |
| Poster quảng cáo | Dùng mảng đình hồng làm khung tiêu đề, thu hút ánh mắt | Tạo điểm nhấn, tăng hiệu quả truyền thông |
8. Các lỗi thường gặp và cách khắc phục
| Lỗi | Nguyên nhân | Cách khắc phục |
|---|---|---|
| Vòng tròn không đồng tâm | Không giữ cố định vị trí kim compa hoặc không bật “Snap to Grid” trong phần mềm | Đảm bảo kim compa cố định, hoặc sử dụng “Align Center” trong Illustrator |
| Khoảng cách giữa vòng quá chênh lệch | Tỷ lệ mở rộng không đồng nhất | Sử dụng công cụ “Transform Each” với cùng một giá trị tỷ lệ |
| Màu sắc không hài hòa | Chọn màu ngẫu nhiên, không dựa trên bảng màu | Sử dụng Adobe Color hoặc Coolors để tạo palette phù hợp |
| Độ dày Stroke không nhất quán | Thay đổi thủ công mà quên một vòng | Tạo Graphic Style cho các Stroke, áp dụng nhanh cho các vòng |
| File quá nặng (đặc biệt khi in) | Sử dụng quá nhiều gradient và hiệu ứng | Rút gọn số lượng gradient, chuyển sang Pattern Swatch hoặc Solid Color khi in |
9. Thực hành: Tạo một mảng đình hồng hoàn chỉnh từ A‑Z
9.1. Yêu cầu dự án

- Kích thước: 600 px × 600 px.
- Số vòng: 6 vòng (trừ vòng trung tâm).
- Màu chủ đạo: Gradient từ xanh dương → tím.
- Hiệu ứng: Inner Glow + Drop Shadow.
- Độ dày Stroke: Giảm dần từ 8 pt (vòng ngoài) tới 2 pt (vòng trong).
9.2. Thực hiện (Illustrator)
- Tạo tài liệu:
File > New→ 600 px × 600 px, RGB. - Vẽ vòng trung tâm: Ellipse → 80 px × 80 px → Fill: #FFFFFF, Stroke: #5A67D8, 2 pt.
- Nhân bản:
Ctrl + C,Ctrl + F. MởObject > Transform > Scale…→ 150 % → OK. Thay đổi Stroke thành 4 pt, Fill: #E0E7FF. - Lặp lại: Thêm 4 vòng nữa, mỗi lần tăng 150 % và giảm Stroke 2 pt, thay đổi Fill sang gradient:
- Vòng 3: Gradient #A0AEC0 → #718096.
- Vòng 4: Gradient #9F7AEA → #805AD5.
- Vòng 5: Gradient #667EEA → #5A67D8.
- Vòng 6: Gradient #4C51BF → #434190.
- Thêm Inner Glow: Chọn toàn bộ →
Effect > Stylize > Inner Glow→ màu trắng, Opacity 30 %, Blur 5 px. - Thêm Drop Shadow:
Effect > Stylize > Drop Shadow→ Opacity 40 %, X/Y Offset 4 px, Blur 6 px, màu #000000. - Căn giữa:
Select All→Align Center(Horizontal & Vertical). - Export:
File > Export > Export As…→ PNG (độ phân giải 300 dpi) cho web, hoặc PDF cho in.
9.3. Kiểm tra và tinh chỉnh
- Kiểm tra tỷ lệ: Đảm bảo mỗi vòng có bán kính tăng đồng đều.
- Kiểm tra màu gradient: Đảm bảo chuyển màu mượt mà, không bị “cắt”.
- Kiểm tra hiệu ứng: Nếu bóng đổ quá mạnh, giảm Opacity xuống 30 %.
10. Tài nguyên và nguồn cảm hứng
- Pinterest – Tìm kiếm “circular pattern” hoặc “ring design” để lấy ý tưởng.
- Behance – Các dự án branding, UI/UX thường sử dụng mảng đình hồng.
- Dribbble – Xem các mẫu logo và illustration có sử dụng vòng tròn đồng tâm.
- Color Hunt – Lựa chọn palette màu phù hợp cho gradient.
- Adobe Color – Tạo bảng màu tương phản hoặc tương đồng.
11. Kết luận
Việc vẽ mảng đình hồng không chỉ là một kỹ năng thiết kế cơ bản mà còn là nền tảng cho nhiều dự án sáng tạo hơn, từ logo, bao bì, tới giao diện người dùng. Bằng việc nắm vững các nguyên tắc đối xứng, tỷ lệ, màu sắc và hiệu ứng, bạn có thể tạo ra những mảng đình hồng vừa đẹp mắt vừa chuyên nghiệp.
Hãy bắt đầu thực hành ngay hôm nay: chọn công cụ bạn yêu thích (công cụ truyền thống hay phần mềm vector), làm theo các bước chi tiết trong bài viết, và không ngừng thử nghiệm các biến thể màu sắc, độ dày, cũng như các họa tiết phụ trợ. Khi đã thành thạo, bạn sẽ thấy mảng đình hồng trở thành một “bản nhạc” hình học, có thể “chơi” trong bất kỳ dự án nào bạn muốn.
Chúc bạn sáng tạo thành công và có những tác phẩm ấn tượng!
