Sketch + Phantom Umbrella = Illustrator

Thứ Hai, 27 tháng 10, 2014

Bài viết sẽ hướng dẫn tạo Phantom Umbrella. Download hình ảnh gốc bên dưới

Sau đây bài viết sẽ hướng dẫn vẽ hình mẫu bằng vector illustrator Tạo 1 tài liều kich thước 949x712 Trước khi vẽ cần tải hình mẫu về và đặt hình mẫu vào illus bằng cách vào File -> Place. Điều chỉnh hình ảnh cho phù hợp với artboard -> Nhấp double clickck khung layer bên phải màn hình và làm theo bên dưới -> Chuyển chế độ hình ảnh sang Multiple

Bước 1: Fill backgournd như màu tuỳ ý hoặc theo màu bên dưới, dùng P(Pen tool) vẽ tổng quát giống như hình bên dưới và tô màu trắng.

Bước 3: Ta chia tạm thời đối tường thành 4 phần, Dùng P(Pen tool) để chia.

Cách chia ta làm như sau: Phần 1: Dùng Pen tool vẽ 1 đường path như hình bên dưới. No stroke và No Fill nha. Chọn đường path vừa vẽ -> Object -> Expand Appearance. Chọn path + Chọn cây dù -> VàoVào Pathfinder -> DevideDevide

Fill phần vừa devide màu #EE1256

1 Layer mới được tạo ra bao gồm 2 layer nhỏ. Vẽ 1 đường path như bên dưới và chọn vào layer nhỏ thứ 2 -> Chọn 2 layer này vào Pthfinder -> Devide. Fill màu trắng cho layer vừa tạo

Đã cắt xong phần 2 Tiếp tục cắt 2 phầ còn lại cũng như 2 bước trên là lần lượt dc 2 phần và Fill màu như bên dưới:

Cắt xong các phần chính Giờ vào các phần phụphụ Vẽ 1 đường path. Chọn đường path và hình đã cắt ở phần trước -> Pathfinder -> Devide

Fill màu #F7941E cho hình vừa tạo

Tiếp tục cắt hình tiếp theo và Fill màu #EE1256

Chọn layer vừa mới tạo và Fill màu ở bước trên. Ctr + C -> Ctr + F -> Ctrl + F. Chọn layer trên cùng dịch chuyển xuống dưới và bên trái 1 góc như bên dưới. Chọn layer trên cùng và layer ở giữa -> Pathfinder -> Crop. Dùng Direct Selection Tool (A) chọn đường path thừa và delete đi. Fill màu cho hình vừa tạo #006838

Bước 4: Dùng P(Pen tool. No stroke, No fill) Vẽ các đường path giống như bên dưới. chọn tất cả path -> Object -> Expand Eppearance. Tiếp tục chọn các path vừa vẽ + Chọn hình được cắt bước trên -> Pathfinder -> Devide

Di chuyển nút dù lên trên layer vừa vẽ bằng cách Ctr/Cmd + ]

Bước 5: Vẽ các vòng tròn bằng Eclipse Tool và Fill màu #6FE5F3

Bước 6: Vẽ các hoa văn cho tay cầm và Fill #FFF200

Về cơ bản là đã cắt những phần hầm hố. Giờ đi vào Fill màu Bước 7: Tạo 1 hình Eclipse Như bên dưới bằng Eclips Tool. sau đó Rotate (R) nó 1 góc như hình và Fill gradient

Bước 8: Chọn lại phần nòng súng đã được cắt và Fill màu ở các bước đầu hoặc xem hình dưới. Chọn hình -> Ctr + C -> Ctr + F -> Ctr + F (nhớ là Ctr + F 2 lần nha). Chọn hình copy trên cùng dùng phím mũi tên bên phải di chuyển nó 1 góc như dưới và lên trên 1 chút -> Tiếp tục chọn layer Copy trên cùng và layer copy giữa -> Pathfinder -> Minus Font và Fill màu đen. Giảm Opencity cửa Fill xuống 40% và vào Effect -> Blur -> Gaussian Blur -> Chọn 3.2 pixels

Phần tiếp theo cũng giống nên mình chỉ viết ngắn gọn. Copy layer(Ctr + C) -> Ctr + F -> Ctr + F -> Chọn layer trên và layer giữa -> Minus Front và Fill Gradient

Bước 9: Dùng Pen tool vẽ các đường path bao quanh như hình. Chọn các path vừa vẽ -> Object -> EXPAND APPEARANCE -> tIẾP tục chọn các path + chọn layer đầu dù vừa được cắt ở bước trên -> pATHFINDER -> Devide Tiếp tục chọn các path vừa vẽ -> Object -> Path -> Offset Path và điền vào giá trị 10 -> Stroke là 4 và Fill màu đỏ Chọn Layer vừa Offset Path Object -> Expand Appearance. Trong layer này có 2 phần là Fill và Stroke. Bỏ hoặc ẩn Fill đi giữ lại Stroke. Chọn Stroke + Chọn chọn layer đầu dù vừa được cắt ở bước trên -> PATHDFINDER -> Devide. Dùng Direct Selection Tool bỏ đi các Path thừa của Stroke. Fill màu cho Stroke

Bước 10: Fill gradient

Bước 11: Tạo hiệu ứng cho viên đá Cũng giống như những bước trên -> Chọn viên đá -> Effect -> Stylist -> Innew Glow. Ctr + C -> cTR + F -> cTR + F. Di chuyeen lên 1 góc chọn layer trên cùng và layer giữa -> Pathfinder -> Minus Front.

Bước 12: Phần tạo pattern cho dù các bạn có thể tham khảo Tại đây Bước 13: Phần tay cầm Dùng Pen tool vẽ các path như bên dưới và Fill gradient

Kết quả:

Đang viết tut