Hướng Dẫn Vẽ IM Notification Icon Bằng AI

Trong loạt bài tự học AI hôm nay, Học Đồ Họa Online hướng dẫn cho các bạn vẽ biểu tượng IM để nâng cao thêm kĩ năng vẽ cho những bạn mới bắt đầu làm quen với AI

Chi tiết hướng dẫn: IM Notification Icon

• Phần Mềm: Adobe Illustrator CS6 – CC 2020
• Độ khó: dành cho các bạn mới bắt đầu.
• Kiến thức sẽ áp dụng trong bài này: Compositional Construction, Shape Alignment, Grid Positioning
• Thời gian thực hiện tầm 20 phút.

Đây là thành quả sau khi hoàn tất bài hôm nay IM Notification Icon

Bước 1

Tạo 1 file mới New Document và thiết lập theo thông số sau:

• Number of Artboards: 1
• Width: 32 px
• Height: 32 px
• Units: Pixels

 Advanced tab:

• Color Mode: RGB
• Raster Effects: Screen (72ppi)
• Preview Mode: Default

Bước 2

Vẽ hình tròn kích thước 28 x 28 px tô màu #ffc943 và canh giữa như những bài trước mà mình đã hướng dẫn.

Bước 3

Vẽ hình chữ nhật 16 x 10 px và tô màu #ffffff canh giữa và canh khoảng cách đến phần đỉnh là 7 px như hình vẽ bên dưới.

Bước 4

Ta sẽ thêm 3 điểm vào trong hình chứ nhật mục đích là để kéo đối tượng ra bằng công cụ anchor points với Add Anchor Point Tool (+), theo reference image như hình bên dưới.

Bước 5

Dùng công cụ Direct Selection Tool (A), sau đó kéo các điểm xuống 4 px dùng directional arrow keys.

Bước 6

Copy đối tượng (Control-C) dán đối tượng nằm đè lên phía trên (Control-F) vào bảng Stroke thiết lập như sau Stroke’s Weight to 2 px and its Corner to Round Join, sau đó bấm Control-G để nhóm lại.

Bước 7

Dùng Pen Tool (P), thiết lập Stroke’s Weight to 2 px, thiết lập lưới như hình và vẽ 2 đường thẳng như hình bên dưới.

Step 8

Vẽ hình tròn 6 x 6 px tô màu #ff8d4d cho vào vị trí như hình bên dưới

Hoàn thành

Chúc các bạn thành công, và rèn kĩ năng AI của mình nhé.