Advertisement
  1. Design & Illustration
  2. Patterns

Cách vẽ mẫu một pattern nguyên tố bài trong Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

Vietnamese (Tiếng Việt) translation by Na Dang (you can also view the original English article)

Final product image
What You'll Be Creating

Trong các bước tiếp theo, bạn sẽ được học cách tạo, lưu và sử dụng mẫu nguyên tố bài trong Adobe Illustrator.

Cho những người bắt đầu, bạn sẽ được học cách thiết lập một lưới đơn giản và cách tạo ra bốn biểu tượng nguyên tố bài bằng cách sử dụng những kỹ thuật xây dựng hình vector đơn giản. Tiếp theo, chúng ta sẽ học cách tạo và lưu một mẫu pattern đơn giản. Cuối cùng, bạn sẽ được học cách áp dụng mẫu pattern của mình và cách điều chỉnh chúng bằng cách sử dụng hiệu ứng Transform.

Bạn có thể tìm thấy nhiều nguồn tài nguyên hơn tại GraphicRiver để tìm thêm nguồn cảm hứng về cách chỉnh sửa hoặc phát triển mẫu pattern sau cùng.

1. Cách tạo một New Document và Thiết lập một lưới Grid.

Bấm Ctrol-N tạo một tài liệu mới. Chọn Pixels từ menu Units thả xuống, gõ vào 850 trong hộp chiều rộng width và chiều cao height, và sau đó click vào nút Advanced. Chọn RGB cho phần Color Mode, chọn Raster Effects là Screen (72ppi) và sau đó click Create Document.

Mở lưới Grid (View > Show Grid) và Snap to Grid (View > Snap to Grid). Bạn sẽ cần một lưới tại mỗi 5px, đơn giản vào phần Edit > Preferences > Guides > Grid, gõ vào 5 trong mỗi hộp Gridline1 trong hộp Subdivisions. Cố gắng không bị những cái lưới đó làm nản lòng, nó sẽ giúp bạn thực hiện công việc dễ dàng hơn, và nhớ rằng bạn có thể mở hoặc tắt chúng nhanh chóng bằng cách sử dụng phím tắt Control-" .

Bạn có thể tìm hiểu thêm hệ thống lưới của Illustrator trong bài hướng dẫn ngăn này từ Andrei Stefan: Hiểu về hệ thống lưới Grid của Adobe Illustrator.

Bạn cũng có thể mở bảng Info (Window > Info) để xem trước kích cỡ và vị trí hình của bạn. Đừng quên thiết lập đơn vị đo lường là pixels bằng cách Edit > Preferences > Units. Tất cả những chọn lựa này sẽ thực sự làm tăng tốc độ thao tác làm việc của bạn.

setup grid

2. Cách tạo biểu tượng nhép

Bước 1

Chọn công cụ Rectangle Tool (M) và tập trung vào Toolbar của bạn. Bỏ màu nét viền và sau đó chọn tô màu và thiết lập màu đen (R=137 G=147 B=150) Qua phần bản vẽ của bạn và tạo một hình chữ nhật 20 x 10 px - Grid và Snap to Grid sẽ làm nó dễ dàng hơn.

Trở lại thanh Toolbar và thay thế màu tô thành màu vàng bất kỳ. Chuyển qua công cụ Ellipse Tool (L), tạo ra hai vòng tròn 20px, và thay thế chúng chính xác như hình thứ hai.

rectangle tool

Bước 2

Sử dụng công cụ Move Tool (V), chọn tất cả các hình đã thực hiện, mở bảng Pathfinder (Window > Pathfinder), và click vào nút Minus Front. Chọn những hình đã có kết quả và đơn giản nhấn Control-C để sao chép nó.

pathfinder

Bước 3

Trở lại thanh Toolbar và thiết lập màu to thành màu đen. Lấy công cụ Ellipse Tool (L), tạo ra ba vòng tròn 20px, và đặt chúng chính xác như hình đầu tiên. Chuyển qua công cụ Rectangle Tool (M), tạo ra một hình vuông 10 px, và đặt nó như hình minh họa thứ hai.

Chọn tất cả các hình đã làm trước đó, click vào nút Unite từ bảng Pathfinder, và sau đó nhấn Control-8 để chuyển hình đã tạo thành một đường phức hợp (compound path). Đây sẽ là biểu tượng nhép của bạn.

clubs symbol

3. Cách tạo một biểu tượng bích

Bước 1

Sử dụng công cụ Ellipse Tool (L), tạo ra một hình 40 x 50 px và tô màu đen. Thay đổi công cụ Rectangle Tool (M), tạo ra một hình 40 x 25 px, tô màu vàng bất kỳ, và đặt nó như hình thứ hai. Chọn cả hai hình và click vào nút Minus Front từ bảng Pathfinder.

Chú tâm vào cạnh trên của hình vừa tạo và dùng công cụ Anchor Point Tool (Shift-C). Đơn giản click vào điểm neo ở trên và kéo những chốt chỉnh hướng như hình minh họa thứ 3.

anchor point tool

Bước 2

Tiếp tục hướng vào hình đã làm trong bước trước. Chọn công cụ Direct Selection Tool (A), chọn điểm neo dưới cùng, và kéo những chốt chỉnh hướng như hình đầu tiên.

Di chuyển đến điểm neo trên cùng, giữ phím Alt và kéo chốt chỉnh hướng như hình minh hoạ thứ hai.

direct selection tool

Bước 3

Sử dụng công cụ Ellipse Tool (L), tạo ra hai hình tròn 20px, và đặt chúng chính xác như hình minh họa đầu tiên. Chắc chắn rằng cả hai hình được chọn và xoay chúng thành đường đa phức (Control-8).

Chuyển sang công cụ Rectangle Tool (M), tạo ra một hình 40 x 10px, và đặt chúng như hình minh họa thứ hai. Chọn hình chữ nhật theo đường phức hợp đã tạo trước đó, sau đó click nút Minus Front từ bảng Pathfinder.

minus front

Bước 4

Chọn hai hình đã làm nổi trong hình đầu tiên và click vào nút Unite từ bảng Pathfinder. Nhấn Control-V và dán hình sao chép vừa rồi. Đặt hình mới này như hình minh họa thứ hai.

Chọn lại hình trái tim lật ngược ( được làm nổi bật trong hình thứ 3) và sao chép nó (Control-C). Chọn hai hình để tạo cấu trúc cho biểu tượng bích và chuyển chúng thành đường phức hợp (Control-8).

paste

4. Tạo một biểu tượng trái tim

Bước 1

Dán hình trái tim lật ngược (Control-V) và xoay chúng 180 độ.

rotate

Bước 2

Tiếp tục làm việc với hình trái tim và chọn công cụ Direct Selection Tool (A). Chọn điểm neo dưới cùng và kéo nó xuống 5px. Tiếp theo, chọn hai chốt chỉnh hướng và kéo chúng như hình minh họa thứ 3. Hình đạt được sẽ là một biểu tượng trái tim.

heart shape

5. Cách tạo biểu tượng rô

Chọn công cụ Rectangle Tool (M), tạo một hình vuông 40 px, tô màu đen vào vào Object > Path > Add Anchor Points. Tiếp tục thao tác hình này và chuyển sang công cụ Delete Anchor Point Tool (-). Click vào bốn góc của hình vuông và xóa chúng. Hình đạt được sẽ là hình biểu tượng rô.

add anchor point

6. Cách tạo và lưu hình mẫu Pattern của bạn

Bước 1

Dùng công cụ Rectangle Tool (M), tạo một hình 200 x 100 px, tô màu đỏ bất kỳ, và phía dưới nó với Opacity thành 30%.

appearance panel

Bước 2

Đặt hình biểu tượng của bạn ra phía trước (Shift-Control-]) và đặt chúng như hình minh họa sau.

place symbols

Bước 3

Chọn biểu tượng rô và trái tim, thay thế màu đã tô thành R=220 G=40 B=20

red

Bước 4

Chọn lại hình chữ nhật màu đỏ và bỏ màu đã tô. Chọn hình chữ nhật có bốn biểu tượng và kéo chúng vào bảng Swatches (Window > Swatches) để lưu chúng như một mẫu pattern.

save pattern

7. Cách áp dụng và chỉnh sửa mẫu pattern của bạn.

Bước 1

Sử dụng công cụ Rectangle Tool (M), tạo ra một hình vuông 610 px, và tô màu nó với thông số R=240 G=240 B=240.

square

Bước 2

Chắc chắn rằng hình vuông lớn vẫn được chọn và thêm vào màu tô thứ hai bằng nút Add New Fill. Chọn màu tô mới và áp dụng vào mẫu của bạn từ bảng Swatches.

add new fill

Bước 3

Cuối cùng, đây là một kỹ năng đơn giản mà bạn có thể sử dụng để chỉnh sửa mẫu pattern. Đảm bảo hình vuông lớn của bạn vẫn đang được chọn, và tiếp tục thao tác trên bảng Appearance. Chọn màu tô pattern và vào Effect > Distort & Transform > Transform.

Kéo cả hai thanh trượt Scale thành 50%, chọn Angle 25 độ, và chắc chắn là chỉ có hộp Transform Patterns được check trước khi bạn click vào nút OK. Đây là một hiệu ứng thực tại, có nghĩa là bạn luôn có thể trở lại bảng Appearance, click vào hiệu ứng này và chỉnh sửa các thuộc tính như mong muốn.

transform effect

Chúc mừng! Bạn đã hoàn tất!

Đây là hình hoàn thành. Tôi hy vọng bạn sẽ thích bài hướng dẫn này và có thể áp dụng những kỹ thuật này vào các dự án sắp tới.

Hãy tự tin chỉnh sửa bản thiết kế sau cùng này và làm thành của mình. Bạn có thể tìm những nguồn hay để tạo cảm hứng tại GraphicRiver, cùng với những giải pháp thú vị để phát triển thiết kế của mình.

final product
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.