Hướng Dẫn Vẽ Icon Hình Cái Trống Trong Adobe Illustrator

Hôm nay, Học Đồ Họa Online sẽ tiếp tục gửi các bạn bài hướng dẫn vẽ icon hình cái trống trong Adobe Illustrator trong loạt bài tự học AI của chúng ta.

Trong bài hôm nay, ta sẽ học những kiến thức cơ bản, nhưng quan trọng và thêm những thủ thuật mới trong AI nhé.

Nào ta cùng bắt đầu

Tác phẩm sau khi hoàn thành

Bước 1: tạo file mới và thiết lập cơ bản cho bản vẽ

Nhấn Control + N để tạo một file mới. Thiết lập như hình bên dưới, các bạn để ý phải bỏ chọn Align New Objects to Pixel Grid trước khi click OK.Bật Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid).

Tiếp tục ta vào Edit > Preferences > Guides > Grid, chọn 5 trong Gridline every và 1 trong Subdivisions . T

Sau đó ta vào Info panel (Window > Info) để xem tất cả các thông số và thử xm ta làm đúng chưa. Các bạn lưu ý thiết lập đầy đủ thông số trước khi tiến hành làm nhé, đây là thói quen cần làm để khi ta thiết kế sẽ nhanh hơn, và chính xác hơn.

Bước 2

Thiết lập màu sắc như sau R=245 G=232 B=208.

Chọn Rectangle Tool (M) vẽ hình chữ vuông với kích thước 610 px sau đó nhấn OK button.

Canh giữa lại bằng cách vào Align panel (Window > Align). thiết lập như hình bên dưới.

 

Bước 3

Chọn công cụ Ellipse Tool (L), vẽ hình tròn màu R=230 G=233 B=216 kích thước 140px

Bước 4

Chọn hình tròn vừa vẽ, vào Appearance panel (Window > Appearance). Vào Effect > Stylize > Inner Glow. thiết lập như hình bên dưới, click OK sau đó vào tiếp Effect > Stylize > Outer Glow. thiết lập như hình và nhấn OK.

Bước 5

Tiếp tục chọn hình tròn và vào Appearance panel. Chọn stroke, tô màu đen (R=0 G=0 B=0) bằng cách nhấn vào “Stroke” đề mở  Stroke fly-out panel.

Thiết lập Weight to 1px sau đó chọn Round Cap và Align Stroke to Inside. Quay lại Appearance panel và click vào “Opacity” để mở Transparency fly-out panel. Thiết lập Opacity thành 40% và Blending Mode thành Soft Light.

Bước 6

Vẫn chọn hình tròn, và nhìn vào bảng Appearance panel. Chọn Stroke và nhấn vào nút Duplicate Selected Item (mình khoanh tròn trên hình bên dưới). Chọn stroke vừa tạo và thiết lập  Opacity to 20% và Weight to 3px.

Bước 7

Tiếp tục ta chọn stroke với 3px nhân đôi lên với nút Duplicate Selected Item (như trên ).

Thiết lập cho stroke mới với Opacity to 10% và Weight to 6px.

Bước 8

Tiếp tục với Appearance panel tạo một stroke mới Add New Stroke (khoanh tròn hình bên dưới). Chọn stroke vừa tạo, nhấn vào Align Stroke to Outside , thiết lập Weight to 8px và Gradient panel (Window > Gradient).

Nhìn vào bảng Gradient panel, thiết lâp Angle to 90 degrees và tô màu như thiết lập bên dưới hình.

Bước 9

Tiếp tục với Appearance panel,chọn stroke vừa thêm ở bước 8, và nhân đôi lên với Duplicate Selected Item. chọn stroke mới vừa tạo và thiết lập như sau Weight to 14px, Round Cap và Dashed Line box.

Trong bảng Stroke chọn Align dashes to corners… sau đó thiết lập như trong hình bên dưới.

Quay lại Appearance panel, vẫn chọn stroke ta vừa thêm, vào Effect > Path > Offset Path. Chọn 6px Offset và click OK.

Bước 10

Chọn hình tròn, vào Appearance panel nhấn Add New Stroke . Chọn stroke mà ta vừa thêm, chọn Align Stroke to Outside và thiết lập Weight to 7px, tô màu chuyển sắc như bên dưới.

Bước 11

Chọn hình tròn và tiếp tục vào Appearance panel, chọn stroke vừa tạo ở bước 10 và nhấn Duplicate Selected Item . tiếp tục thiết lậ[ như sau Weight to 12px, Round Cap và Dashed Line.

Tiếp tục ta vào Align dashes to corners… nhập thông số 0px ở ô đầu tiên và 57px ô thứ 2 ( như hình). Quay lại Appearance panel, chọn stroke ta đang tạo, vào Effect > Path > Offset Path. Chọn 6px Offset và click OK. ta sẽ được kết quả như sau:

Bước 12

Chọn hình tròn ta đang làm.

Trong Appearance panel – Add New Stroke . Chọn stroke vừa tạo. tô màu R=146 G=148 B=147 .

Thiết lập Weight to 10px chọn Round Cap và Dashed Line. Trong Align dashes to corners… chọn 0px và 57px

Quay lại Appearance panel, chọn stroke ta đang làm, vào Effect > Path > Offset Path. Thiết lập 6px Offset và click OK.

Bước 13

Chọn hình tròn ta đang làm.

Trong Appearance panel – Add New Stroke . Chọn stroke vừa tạo. tô màu R=146 G=148 B=147 .

Thiết lập: chọn Align Stroke to Outside và Weight to 6px.

Bước 15

Chọn hình tròn ta đang làm.

Trong Appearance panel – Add New Stroke . Chọn stroke vừa tạo. tô màu R=160 G=162 B=164

Thiết lập: chọn Align Stroke to Outside và Weight to 2px.

Quay lại Appearance panel.chọn stroke ta đang làm, vào Effect > Stylize > Drop Shadow. thiết lập như hình kèm theo

Bước 15

Chọn hình tròn ta đang làm.

Trong Appearance panel – Add New Stroke . Chọn stroke vừa tạo. tô màu R=95 G=110 B=113

Thiết lập: chọn Align Stroke to Outside và Weight to 1px.

Bước 16

Chọn hình tròn ta đang làm.

Trong Appearance panel – Add New Stroke . Chọn stroke vừa tạo. tô màu R=75 G=90 B=93

Thiết lập:  Weight to 3px chọn Round Cap và Dashed Line

Tiếp tục ta thiết lập: Align dashes to corners… chọn 0px và 57px

Quay lại Appearance panel, chọn stroke ta đang làm và vào Effect > Path > Offset Path. Thiết lập 6px Offset, click OK, tiếp tục vào effect > Stylize > Drop Shadow. thiết lập như hình bên dưới

Bước 17: hoàn thiện mặt trống

Chọn hình trong và vào bảng Appearance panel, nhấn vào “Path” ở phía trên của  Appearance panel)

Vào Effect > Stylize > Drop Shadow. thiết lập như hình bên dưới, click OK sau đó ta sẽ thiết lập 5 cấu hình Drop Shadow như hình bên dưới

Bước 18: vẽ dùi trống

Dùng Rectangle Tool (M),vẽ hình chữ nhật kích thước 5 x 160px và tô màu R=224 G=191 B=145. Chọn hình chữ nhật vừa vẽ, vào Object > Path > Add Anchor Points.

Bước 19

Ở trên đỉnh của hình chữ nhật, chọn Delete Anchor Point Tool (-) xoa bớt point đi như hình số 1

Tiếp tục dùng công cụ Direct Selection Tool (A). chọn điểm bên tay trái và kéo ra 1px,  làm tương tự cho bên phải, ta được như hình 2

Chọn lại Delete Anchor Point Tool (-), nhìn phần đuôi của hình chữ nhật, ta xóa bớt điểm như hình 3

Vẫn ở đuôi hình chữ nhật, dùng Direct Selection Tool (A),chọn 2 điểm, vào control panel thiết lập 2px trong Corners box.ta sẽ được như hình 4

Bước 20

Tiếp tục với cái dùi trống, ta vào Appearance panel. Tô màu Gradient cho nó theo thông số bên dưới.

Tiếp tục trong Appearance panel tô màu đen kích thước 1px cho đường viền. Thiết lập Opacity to 30%, chỉnh Blending Mode thành Soft Light và chọn Align Stroke to Inside button trong Stroke fly-out panel.

Bước 21

Tiếp tục, ta vào Edit > Preferences > Guides & Grid chọn 1 trong Gridline every box.

Dùng Rectangle Tool (M), vẽ hình vuông 5px, tô màu R=224 G=191 B=145 ta có được như hình 1.

Dùng Direct Selection Tool (A). kéo 2 điểm phía trên vào bên trong 1px , và 2 điểm bên dưới ra bên ngoài 1.5px như hình thứ 2

TIếp tục dùng Direct Selection Tool (A) chọn 2 điểm phía trên và nhập 1.5px trong Corners box. Với 2 điểm phía dưới thì là 1px ta sẽ được như hình thứ 3

Bước 22

Tô màu cho dùi trống vừa vẽ bước 21. Tô màu R=244 G=211 B=165 sau đó thêm stroke màu đen với 1px, thiết lập Opacity to 30%, và Blending Mode là Soft Light chọn Align Stroke to Inside button. Sau đó chọn tất cả dùi trống và nhấn Control + G

Bước 23

Chọn dùi trống ta hoàn thành ở bướ 22, ta nhấn Add New Stroke . tô màu R=196 G=154 B=108 thiết lập Weight to 1px.

Tiếp theo vào Effect > Path > Offset Path. Chọn 0.5px Offset, click OK then go to Effect > Pathfinder > Add.

Sau đó ta thiết lập Drop Shadow như hình kèm theo

Bước 24

Nhân đôi cái dùi trống, và sắp xếp lại như hình.

Kết Thúc – Hoàn Thiện

Qua bài hướng dẫn này, bạn có thể thấy cùng 1 kĩ thuật lặp đi lặp lại nhưng có thể tạo thành những hiệu ứng đẹp mắt và tạo ra một tác phẩm khá đẹp.

Chúc các bạn thành công

Nếu bạn muốn cảm ơn, vui lòng sử dụng các icon Facebook phía dưới cùng để chia sẻ cho bạn bè mình. Đó là cách để giới thiệu cũng như giúp chúng tôi phát triển.