Hướng dẫn tạo thiết kế isometric từ bản phác thảo trong Adobe Illustrator

Bảng nội dung

• Hướng dẫn tạo thiết kế đồ họa theo phong cách isometric trong Adobe Illustrator
• Bước 1: Tạo lưới isometric
• Bước 2: Tạo các hình dạng hướng trái, phải và trên
• Bước 3: Di chuyển hình dạng trên lưới
• Bước 4: Tạo thiết kế isometric đơn giản
• Kết luận

Hướng dẫn tạo thiết kế đồ họa theo phong cách isometric trong Adobe Illustrator 🔳

Phong cách thiết kế đồ họa isometric mang lại những hình dạng và tỉ lệ hiển thị 3D độc đáo cho các đối tượng. Đây là một trong những phong cách phổ biến được sử dụng trong ngành thiết kế hiện nay. Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách tạo thiết kế isometric trong Adobe Illustrator một cách đơn giản và nhanh chóng.

Bước 1: Tạo lưới isometric

Để bắt đầu, chúng ta cần tạo một lưới isometric làm hướng dẫn cho thiết kế của chúng ta. Điều này giúp chúng ta xác định đúng tỉ lệ và hướng của các hình dạng.

• Kích hoạt công cụ Line (bàn phím: L) và vẽ một đường thẳng theo chiều dọc, giữ phím Shift để đảm bảo nó thẳng đứng.
• Nhân bản đường thẳng này sang bên phải bằng cách nhấn tổ hợp phím Command/Ctrl + D trên bàn phím.
• Chọn tất cả các đường thẳng, chuột phải và nhóm chúng lại.
• Kích hoạt công cụ Rotate (bàn phím: R), nhấn Enter và nhập góc 60 độ, sau đó nhấn OK.
• Một lần nữa, với công cụ Rotate đã kích hoạt, nhấn Enter trên bàn phím và nhập góc 60 độ khác, sau đó nhấn OK.
• Bằng những bước trên, bạn đã tạo thành công một lưới isometric.

Bước 2: Tạo các hình dạng hướng trái, phải và trên

Tiếp theo, chúng ta sẽ tạo các hình dạng hướng trái, phải và trên trên lưới isometric đã tạo.

• Chọn hình dạng và kích hoạt công cụ Scale (bàn phím: S), nhấn Enter và nhập 100 để tạo thành hình vuông cùng kích thước.
• Đi vào công cụ Shear (bàn phím: S), nhập giá trị -30 độ và xác nhận.
• Kích hoạt công cụ Rotate (bàn phím: R), nhấn Enter và nhập -30 độ, sau đó xác nhận.
• Làm tương tự với các hình dạng hướng phải, với các giá trị cùng như trên.
• Đối với hình dạng hướng trên, tiến hành giãn tỉ lệ và quay như trên.
• Sau các bước trên, bạn đã tạo thành công các hình dạng hướng trái, phải và trên.

Bước 3: Di chuyển hình dạng trên lưới

Trong phần này, chúng ta sẽ tìm hiểu cách di chuyển các hình dạng trên lưới isometric.

• Với công cụ Move đã kích hoạt (bàn phím: V), nhấn Enter và nhập 0 cho cả chiều ngang và dọc.
• Nhập góc 30 hoặc -30, sau đó quay trở lại Tab khoảng cách và điều chỉnh để di chuyển hình dạng.

Bước 4: Tạo thiết kế isometric đơn giản

Bây giờ chúng ta đã sẵn sàng để tạo một thiết kế isometric đơn giản sử dụng các công cụ đã hướng dẫn.

• Sử dụng lưới và hình mẫu để tạo một thiết kế retro iMac computer theo phong cách isometric.
• Tạo Hai lớp trên và đặt tên là "Outline" và "color".
• Sử dụng công cụ Bút để vẽ theo hình mẫu, sử dụng lưới làm hướng dẫn.
• Sử dụng công cụ Move như đã hướng dẫn để di chuyển các điểm.
• Sử dụng công cụ Shape Builder để điều chỉnh hình dạng.
• Tạo màn hình bằng cách vẽ hai hình vuông theo hướng phải, như đã hướng dẫn ở bước đầu tiên.
• Tiếp tục bằng cách tạo bàn phím và chuột theo cùng phương pháp.

Kết luận

Trong hướng dẫn này, chúng ta đã tìm hiểu cách tạo thiết kế đồ họa theo phong cách isometric trong Adobe Illustrator. Từ việc tạo lưới isometric cho đến tạo các hình dạng hướng trái, phải và trên, chúng ta đã khám phá được cách tạo ra những thiết kế độc đáo và chất lượng cao. Hãy thử áp dụng những kỹ thuật này vào công việc của bạn và tạo nên những thiết kế vô cùng ấn tượng!