Cách tạo mẫu áo T-Shirt bằng Vector và áp dụng Pattern trên Adobe Illustrator

Trong bài hướng dẫn này, bạn sẽ học cách sử dụng công cụ Mesh Tool trong Adobe Illustrator để tạo một áo T-shirt bằng vector!

Сохраненное изображение 2017-5-27_20-11-7.847.jpg



Bộ sưu tập áo bóng đá Jerseys với nhiều loại

1. Cách vẽ một áo T-Shirt với công cụ Mesh Tool
Bước 1

Hãy cùng tìm hiểu cách sử dụng công cụ Mesh Tool khi tạo ra một hình T-shirt như thật!

Bắt đầu vẽ nữa hình áo thun với công cụ Pen Tool (P). Fill với màu #FDFDFD.

Tạo một bản sao hình! Đặt sang một bên-chúng ta sẽ cần nó sau này.

Hãy bắt đầu bằng cách sử dụng Mesh! Chọn công cụ Mesh Tool (U) và bắt đầu tạo Mesh grid trên đối tượng bằng cách đặt các nút. Sau đó, chọn nút ở cạnh trên cùng bên trái của áo và thay đổi màu sắc của chúng #D5D5D5.

Thêm nhiều nút hơn, như minh họa ở hình dưới đây, và màu sắc phía dưới hai phần ba của các áo với #F1F1F1.

%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-21_17-42-17.740.jpg

Bước 2
Tiếp tục làm tương tự như vậy, nhưng sử dụng những màu này:

  1. #DFDFDF
  2. #B7B7B7
  3. #7E7E7E
%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-21_17-43-57.880.jpg

Bước 3
Tạo thêm bóng và nếp gấp ở bước này, bằng cách sử dụng các màu sau:

  1. #7E7E7E
  2. #B4B4B4
  3. #C9C9C9
%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-21_17-46-6.869.jpg

Bước 4
Thêm một vài Mesh nodes và áp dụng những màu cuối.

  1. #AAAAAA
  2. #DADADA
  3. #D1D1D1
%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-21_17-48-48.731.jpg

Bước 5
Thêm một nếp gấp cuối với #BCBCBC và bây giờ tạo một đối tượng sao chép đối xứng bằng cách right-clicking và chọn Transform > Reflect.

Chọn Vertical và click Copy thay vì OK.

Đặt hai bản sao với nhau -Hãy chắc chắn rằng những nút lưới ở giữa những đường thẳng. Bạn có thể Group cả hai đối tượng (Control-G) để dễ sử dụng.

%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-21_17-49-44.699.jpg

Bước 6
Tiếp theo, hãy vẽ tay áo! Vẽ một phác thảo và lưu một bản sao cho sau này. Tiếp tục sử dụng công cụ Mesh Tool (U) với các màu sau:

  1. #DCDCDC
  2. #949494
  3. #FCFCFC
%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-21_17-50-55.298.jpg

Step 7
Áp dụng những chỉnh sửa để hoàn tất tay áo:

  1. #F4F4F4
  2. #606060
  3. #FBFBFB
%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-21_17-54-23.690.jpg

Bước 8
Vẽ bên trong áo với các màu sau:

  1. #A6A6A6
  2. #676767
  3. #8D8D8D
Lưu một bản sao của hình phác thảo!

%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-21_17-55-14.408.jpg

Bước 9
Vẽ thêm một số nếp gấp với:

  1. #898989
  2. #919191
  3. #B7B7B7
%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-21_17-58-30.162.jpg

Bước 10
Vẽ một hình dạng phác thảo và lưu một bản sao cho sau này.

Hoàn tất mẫu áo bằng cách chọn màu cho cổ áo, sử dụng những màu sau:

  1. #F4F4F4
  2. #D0D0D0
  3. #DDDDDD
  4. #CECECE
%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-21_18-7-22.90.jpg

Bước 11
Bây giờ, đặt tất cả các thành phần lại với nhau! (Tạo ra tay áo thứ hai bằng cách làm lại Bước 5).

Chiếc áo đã hoàn thành!

%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-21_18-11-14.243.jpg

2. Áp dụng Pattern vào áo
Bước 1
Vẽ một mẫu pattern sọc màu đỏ (#E81010) trên nền trắng. Bạn có thể sử dụng bất kỳ pattern khác mà bạn muốn!

%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-21_18-12-49.30.jpg

Bước 2
Lấy bản sao của phác thảo mà chúng ta đã thực hiện ở Bước 1, tạo một bản sao đối xứng và sử dụng Pathfinder, Unite cho các hình.

%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-21_18-19-7.149.jpg

Bước 3
Đặt pattern mà chúng ta đã tạo trước lên trên hình màu trắng. Chọn cả hai và sau đó nhấp phải và chọn Make Clipping Mask.

%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-21_18-20-59.915.jpg

Bước 4
Lấy những bản sao phác thảo khác mà chúng ta thực hiện trong phần trước của hướng dẫn và thêm chúng vào pattern mẫu áo của chúng ta. Bạn có thể Group chúng lại.

Tiếp theo, thực hiện Mesh T-shirt và trong bảng Transparency panel, thay đổi Transparency mode thành Multiply. Đặt Mesh T-shirt lên trên pattern và hoàn tất!

%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-21_18-27-12.328.jpg

Bước 5
Mẫu pattern áo T-shirt của chúng ta đã hoàn thành! Bạn có thể áp dụng các pattern mà bạn thích.

%D0%A1%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5%202017-5-27_20-9-18.160.jpg

Làm tốt lắm, bây giờ bạn đã hoàn thành!
Bây giờ thì thế nào? Bạn có thể thử những bài hướng dân khác từ profile của tôi hoặc xem profile của tôi trên GraphicRiver, cũng như bộ sưu tập các mẫu áo mà chúng tôi đã tạo trong hướng dẫn này.

Tôi hy vọng bạn thích bài hướng dẫn này và tôi sẽ rất vui để xem kết quả của bạn bên dưới phần bình luận!



Vietnamese (Tiếng Việt) translation by Nguyễn Thành Phúc
 
  • Thẻ Thẻ
    illustrator tutorial
  • DesignerVN là chuyên trang cung cấp thông tin dành cho cộng đồng Designer, nhà thiết kế Việt Nam. Thư viện font chữ, tài nguyên thiết kế đa dạng.
    Back
    Bên trên