Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Global Influences
Design

Cách tạo một Pattern lấy cảm hứng từ dân gian truyền thống của người Rumani bằng Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

Bài hướng dẫn hôm nay có một chút đặc biệt, vì tôi sẽ chỉ cho bạn cách xây dựng một cái gì đó dựa trên một Pattern trang trí khâu tay truyền thống của người Rumani.

Bản thân hướng dẫn sẽ dựa vào việc sử dụng Rectangle Tool (Rectangle Tool) phối hợp với Chế độ xem trước pixel (Pixel Preview Mode) để tạo bookmark cá nhân, mà sau này bạn sẽ in nó ra và sử dụng.

Về lịch sử và văn hóa

Trước khi chúng ta bắt đầu, tôi muốn kể cho bạn một chút về lịch sử của tác phẩm nghệ thuật mà chúng ta sẽ tái tạo.

Là một người có quốc tịch Rumani, những năm đầu đời tôi luôn bị cuốn hút vào thứ được coi là nghệ thuật thủ công truyền thống.

Mẹ tôi, một nhà thiết kế quần áo nữ, luôn thích sử dụng các yếu tố lấy cảm hứng từ các vùng khác nhau của đất nước này.

Cha tôi, người sinh ra ở một ngôi làng nhỏ, luôn muốn tôi thấy cách cuộc sống xoay vần và khác biệt ở nông thôn như thế nào so với các thành phố lớn, vì vậy, trong nhiệm vụ của mình, ông đã cho tôi thấy những thứ thuộc về gia đình ông: quần áo, thảm và dép được làm thủ công và hoàn toàn khác biệt với những thứ bạn sẽ mặc hôm nay.

Mặc dù tôi không tưởng tượng được rằng mình mặc những món đồ như vậy,nhưng tôi luôn bị thu hút bởi những họa tiết phức tạp mà những người phụ nữ lớn tuổi khâu tay vào các loại vải được mặc bởi toàn bộ thành viên gia đình, những Pattern mà sau này trở thành biểu tượng cho các vùng chính quyền Rumani khác nhau.

Từ quan điểm lịch sử, các nhà khảo cổ học đã tìm thấy những tác phẩm nghệ thuật trang trí như vậy có từ hơn 6.000 năm trước, đưa ra ánh sáng về những gì được coi là một phần quan trọng của cuộc sống, tâm lý và niềm tin của những người sống trong thời kỳ đó.

Thông qua những đường nối này, người La Mã đã tạo ra một nghệ thuật đã được biến đổi thành một yếu tố du lịch quan trọng, với hàng ngàn người từ khắp nơi trên thế giới đi qua hành lang của Bảo tàng Làng Quốc gia Dimitrie Gusti để có cái nhìn lướt qua về vẻ đẹp của nó.

Romanian traditional pattern painted eggs

Mẫu mà tôi đã chọn để tạo lại đến từ hạt Muscel, nằm ở vùng Muntenia, và chủ yếu được sử dụng trong thế kỷ 19. Phong cách được sử dụng trong mẫu này chủ yếu dựa trên các đường thẳng tạo thành các họa tiết hình học, và các màu tối hơn, lạnh hơn (đen, đỏ, và sau đó là màu tím và xanh lá cây).

Điều đáng nói là tùy thuộc vào độ tuổi của người dự định mặc vải này, các hoa văn và màu sắc sẽ được điều chỉnh sao cho chỉ số xã hội này có thể phản ánh thông qua chúng. Những người trẻ tuổi hơn sẽ có màu sắc tươi sáng hơn, và các Pattern ít phức tạp hơn, trong khi những người lớn tuổi hơn sẽ mặc những màu tối hơn, phức tạp hơn.

Phân đoạn tôi thực hiện đã được điều chỉnh một chút bằng tay của chính tôi để mang lại cho nó một sự hoàn thiện, vì tôi cảm thấy rằng Pattern này cần phân định các phần cho cả phần trên và dưới của nó.

Bây giờ tôi sẽ đưa ra quy trình từng bước để tạo lại Pattern này bằng cách sử dụng một số công cụ và chức năng cơ bản trong Adobe Illustrator.

1. Thiết lập tài liệu

Giả sử bạn đã mở Illustrator, tạo một Tài liệu mới (File > New) với các cài đặt sau:

  • Number of Artboards: 1
  • Width: 120 px (1.67 in)
  • Height: 600 px (8.33 in)
  • Units: Pixels

Và từ tab Advanced:

  • Color Mode: CMYK
  • Raster Effects: High (300 ppi)
  • Align New Objects to Pixel Grid: đánh dấu
setting up a new document

Ồ, đợi một chút. Có phải tôi vừa tạo một tài liệu dự định được in và đặt Đơn vị thành pixel? Vâng, tôi đã làm điều đó. Tại sao, bạn có thể sẽ thắc mắc? Chà, bởi vì Pattern mà chúng ta sẽ xây dựng dựa trên các hình vuông, dễ định vị hơn một khi chúng ta tận dụng chế độ Pixel Preview. Ngoài ra, tôi đã chuyển đổi kích thước Artboard của tôi từ inch sang px, do đó, đừng lo lắng về vấn đề kích thước khi được in.

2. Thiết lập các layer của chúng ta

Chuyển đến bảng Layers và tạo hai layer, đặt tên chúng như sau:

  1. name
  2. pattern
layering our document

3. Tạo Pattern

Sau khi chúng ta thiết lập tài liệu của mình và sắp xếp layer, chúng ta có thể bắt đầu xây dựng Pattern thực tế.

Bước 1

Vào layer Pattern, đảm bảo khóa layer còn lại và tạo một hình vuông 4 x 4 px màu đỏ (#E94849). Sử dụng bảng Transform, chọn và sau đó đặt đối tượng chúng ta vừa tạo với các tọa độ sau:

  • X: 60 px
  • Y: 524 px
positioning our patterns base element

Bước 2

Vào chế độ Pixel Preview, bằng cách đi tới View > Pixel Preview (Alt-Control-Y), sau đó phóng to hình vuông nhỏ của chúng ta.

Bây giờ đến phần khó nhé. Do bản thân Pattern này được tạo thành từ một số lượng lớn các hình vuông riêng lẻ, do đó chúng ta sẽ phải tạo một hàng cơ sở của các đối tượng này, chúng ta sẽ sao chép và dán, định vị từng hàng trùng lặp gần hơn ở trên cùng. Khi chúng ta tiến lên, tôi sẽ cho bạn biết chính xác những hình vuông bạn cần loại bỏ để có được Pattern phù hợp.

Vì vậy, chọn hình vuông ban đầu của chúng ta và tạo bảy bản sao ở bên trái và bảy bản sao khác ở bên phải, bằng cách kéo sang trái hoặc phải trong khi nhấn giữ phím Alt. Khi bạn có tất cả 15 đối tượng, chọn chúng, sau đó sao chép chúng vào Clipboard (Control-C).

creating the base row of elements for the pattern

Bước 3

Trước khi chúng ta tạo hàng thứ hai, chúng ta cần loại bỏ hình vuông thứ ba từ bên trái và thứ ba từ bên phải và thứ bảy từ cả hai bên. Chỉ cần chọn chúng và nhấn Delete.

adjusting the first row of the pattern

Bước 4

Tạo hàng thứ hai bằng cách dán (Control-V) và di chuyển nó lên trên hàng đầu tiên.

creating the patterns second row of elements

Bước 5

Điều chỉnh bản sao bằng cách xóa hình vuông thứ hai và thứ tư từ mỗi bên và ba hình ở giữa.

adjusting the second row of the pattern

Bước 6

Tạo bản sao cho hàng thứ ba bằng cách sử dụng cùng một quá trình dán từ Clipboard (Control-V), sau đó xóa hình vuông thứ ba và thứ năm ra khỏi mỗi bên.

adjusting the third row of the pattern

Bước 7

Trên hàng bốn, xóa hình vuông thứ tư và sáu.

adjusting the fourth row of the pattern

Bước 8

Đối với hàng năm, chúng ta cần loại bỏ các hình vuông thứ năm và thứ bảy.

adjusting the fifth row of the pattern

Bước 9

Trên hàng sáu, chúng ta cần xóa số hình vuông thứ hai, ba và sáu từ mỗi bên và một hình vuông ở giữa.

adjusting the sixth row of the pattern

Bước 10

Khi bạn đã tạo hàng thứ bảy, hãy xóa hình vuông thứ ba và thứ bảy khỏi cả bên trái và bên phải.

adjusting the seventh row of the pattern

Bước 11

Như bạn có thể thấy, Pattern của chúng ta chậm nhưng chắc chắn sẽ tạo ra hình dạng, tạo ra các bước nhảy lặp lại trong việc định vị các hình vuông nhỏ của chúng ta. Lúc này, chúng ta có một phần lớn mà chúng ta có thể sử dụng để đơn giản hóa quy trình của mình, chúng ta sẽ chỉ cần sao chép (Control-C) mọi thứ chúng ta đã tạo cho đến thời điểm này, dán vào vị trí (Control-F), sau đó lật các đối tượng theo chiều ngang (nhấp chuột phải > Transform > Reflect > Horizontal), đảm bảo di chuyển chúng lên trên hàng thứ bảy (cái cuối cùng chúng ta đã tạo).

duplicating the bottom start section of our pattern

Bước 12

Khi phần lớn Pattern đầu tiên của chúng ta được tạo, chúng ta có thể nhóm nó lại (Control-G) và sau đó sao chép nó bằng cách kéo trong khi nhấn giữ phím Alt, định vị bản sao chỉ với một hàng xuống dưới (4 px) về phía ban đầu, sao cho hàng trên cùng của bản gốc nằm dưới hàng dưới cùng của bản sao (Tôi đã đánh dấu lớp phủ này bằng hình chữ nhật bán trong suốt màu đỏ).

Chúng ta làm điều này bởi vì trang trí ở giữa Pattern là những hình vuông, buộc chúng ta phải phủ lên các bản sao để làm cho chúng chính xác.

duplicating the base section of the pattern

Bước 13

Sau khi đã tạo phần dưới cùng của Pattern, chọn và nhóm các thành phần của nó (Control-G) và sau đó tạo một bản sao (Control-C > Control-F) và đặt nó lên phía trên Artboard của chúng ta bằng các tọa độ sau:

positioning the top section of our pattern

Hình minh họa của bạn sẽ trông giống như thế này.

basic pattern look

Bước 14

Vì phần trên cùng của Pattern của chúng ta dài hơn phần ở dưới cùng, chúng ta cần lặp lại cùng một mẹo sao chép trong khi nhấn giữ phím Alt, sau đó nhấn Control-D (lặp lại) một lần để tạo thêm hai bản sao (tôi đã tô màu các bản sao với màu tối hơn một chút để bạn có thể nhìn thấy chúng tốt hơn).

creating the taller top section pattern

Bây giờ bạn sẽ có một hình như thế này.

pattern almost finished

Bước 15

Sau khi chúng ta tạo ra Pattern này, chúng ta cần thêm một số nét hoàn thiện để nó trông hấp dẫn hơn. Điều đầu tiên chúng ta cần làm là chăm sóc các Pattern sọc ở bên.

Sử dụng Rectangle Tool (M) tạo một hình vuông 2 x 2 px nhỏ hơn, tô màu màu đỏ (#E94849) và sau đó đặt nó vào phía dưới bên trái của phần Pattern thấp hơn của chúng ta, ở khoảng cách 4 px.

creating the base element for the side pattern

Bước 16

Tạo một hình vuông 2 x 2 px khác và đặt nó về phía trên bên phải của hình dạng được tạo trước đó của chúng ta.

creating the second element for the side pattern

Bước 17

Tạo một hình chữ nhật 4 x 2 px lớn hơn một chút, căn chỉnh nó vào phía dưới bên trái của hình vuông nhỏ hơn dưới cùng bằng bảng Align.

positioning the third element of the side pattern

Bước 18

Điều chỉnh hình dạng đã tạo trước đó bằng cách nhấp đúp vào nó để vào Isolation Mode (nhấp chuột phải > Isolate Selected Path) và sử dụng Direct Selection Tool (A) chọn các điểm neo bên phải của nó, di chuyển chúng lên trên 2 px.

Nếu bạn tắt Pixel Preview, bạn sẽ có một cái gì đó như thế này.

basic preview of the side pattern element

Quick tip: cố gắng làm quen với việc ra vào (Alt-Control-Y) của chế độ Pixel Preview vì nó giúp bạn thiết kế với độ chính xác cao hơn, vì bạn có thể thấy chính xác không gian mà hình dạng của bạn chiếm giữ.

Bước 19

Nhóm ba đối tượng được tạo trước đó, sau đó tạo một bản sao và đặt nó vào phần trên cùng của Pattern lớn ở giữa.

positioning the two elements for the side pattern blend

Bước 20

Chọn cả hai yếu tố trên cùng và dưới cùng, sau đó tạo một sự pha trộn giữa chúng để lấp đầy chỗ trống bằng cách đi tới Object > Blend > Blend Options. Tại đây bạn sẽ thấy một cửa sổ bật lên hỏi bạn loại Blend nào bạn muốn tạo ra. Chúng ta cần đặt nó thành Specified Steps và nhập 23 vào hộp nhập giá trị.

setting up the blend for the side pattern

Quick tip: Nếu bạn không bao giờ làm việc với các sự pha trộn, thì ngay bây giờ, khi bạn đã thiết lập các Blend Options, bạn cần vào menu Object > Blend một lần nữa và chọn Make để sự pha trộn này hình thành.

side pattern finished using blend tool

Bước 21

Vì sự pha trộn thực sự là một dòng, do đó, chúng ta cần mở rộng nó bằng cách chọn và sau đó vào Object > Expand và đánh dấu cả Object Fill trong hộp bật lên.

Bước này không bắt buộc nhưng giống như một sở thích cá nhân, vì tôi luôn muốn có tất cả các yếu tố được thiết lập làm đối tượng.

expanding the side pattern blend

Bước 22

Sao chép Pattern bên trái sang bên phải của hình lớn ở giữa và đặt nó ở cùng khoảng cách 2 px.

positioning the right side pattern

Bước 23

Kết thúc phần dưới cùng của Pattern của chúng ta bằng cách thêm hai dòng 4 x 100 px ở mỗi bên của các Pattern ngoằn ngoèo, định vị chúng cách nhau 2 px.

bottom pattern section finished

Bước 24

Sao chép yếu tố dưới cùng của Pattern zigzag ở bên và tạo hai bản sao, sau đó chúng ta sẽ căn chỉnh về phía dưới và trên cùng của trang trí dài hơn.

positioning the blend elements for the top section side pattern

Bước 25

Chọn cả hai đối tượng trên cùng và dưới cùng, sau đó tạo một Blend khác, nhưng lần này sử dụng 71 cho các Specified Steps. Tạo sự pha trộn, mở rộng nó và sau đó tạo một bản sao và đặt nó ở bên phải của Pattern ở giữa.

top pattern section wide side patterns

Bước 26

Thêm hai dòng 4 x 292 px ở mỗi bên để thiết kế của chúng ta có cảm giác liên tục.

patterns finished

Bước 27

Xem như Pattern của chúng ta đã hoàn tất, chúng ta cần thêm các phần trên cùng, ở giữa và ở dưới cùng cho nó. Vào chế độ Pixel Preview và sử dụng Rectangle Tool (M) tạo một đối tượng 92 x 4 px và đặt nó về phía trên cùng của Pattern của chúng ta, ở khoảng cách 4 px bằng bảng Align.

positioning the first element of the top section delimiter

Bước 28

Thêm một đối tượng 84 x 2 px nhỏ hơn một chút và đặt nó cách 2 px so với đối tượng trước.

positioning the second element of the top section delimiter

Bước 29

Tạo một Pattern hình kim cương bằng cách vẽ tám hình vuông 4 x 4 px nhỏ hơn, chúng ta sẽ xoay góc 45 ° (chọn > nhấp chuột phải > Transform > Rotate > 45), sau đó nhóm thành một phần bên trái và bên phải, đặt các yếu tố bên trong cách nhau 2 px. Thêm một hình vuông 8 x 8 px lớn hơn, xoay nó giống như cách chúng ta đã làm với những cái nhỏ hơn, và sau đó căn giữa nó theo chiều ngang và chiều dọc với hai nhóm đó. Chọn tất cả chín đối tượng hình kim cương và đảm bảo chúng cách nhau 2 px từ đường gần nhất bên dưới chúng.

positioning the diamond shaped objects

Quick tip: bạn có thể thấy rằng một khi bạn vào chế độ Pixel Preview, các đối tượng được xoay dường như hoàn toàn mờ đi. Điều đó là vì các điểm neo của chúng không được gắn vào lưới pixel nữa do quá trình xoay vòng. Để khắc phục điều này, chỉ cần cách ly chúng và sử dụng Direct Selection Tool, chọn và di chuyển từng điểm neo đến giao điểm lưới gần nhất.

adjusting the diamond shaped objects

Bước 30

Chọn hai dòng dưới cùng bên dưới Pattern kim cương và sao chép chúng (Control-C) và sau đó dán chúng vào vị trí (Control-F). Đảm bảo di chuyển bản sao về phía trên cùng của hình dạng kim cương, phản chiếu chúng theo chiều ngang (nhấp chuột phải > Reflect > Horizontal). Khi bạn đã hoàn thành việc này, hãy chọn cả hai dòng trên cùng và dưới cùng và Pattern kim cương bên trong và nhóm chúng lại với nhau (Control-G).

top section delimiter finished

Bước 31

Tạo một bản sao của các đối tượng được nhóm trước đó (Control-C > Control-F) và đặt nó ngay dưới Pattern phần dưới cùng ở khoảng cách 4 px.

positioning the bottom section delimiter

Bước 32

Di chuyển về phía phần giữa nằm giữa hai phần của Pattern trang trí của chúng ta và tạo hai hình chữ nhật 92 x 2 px, đặt chúng 4 px từ phần Pattern trên cùng và dưới cùng.

positioning the smaller name delimiters

Bước 33

Thêm hai hình chữ nhật 92 x 4 px khác và đặt mỗi hình 2 px từ những hình đã tạo trước đó.

positioning the taller name delimiters

Bước 34

Sử dụng Direct Selection Tool (A) , chọn và sao chép (Control-C) một trong những đối tượng hình kim cương lớn hơn, căn chỉnh một bản sao ở bên trái và một bản khác ở bên phải của các phân đoạn dòng chúng ta vừa tạo ra, đảm bảo đặt chúng chính giữa theo cả chiều ngang và chiều dọc.

positioning the diamond shaped objects onto the name zone

Tại thời điểm này hình minh họa của chúng ta gần như được hoàn thành. Tất cả những gì chúng ta cần làm là thêm tên (tên của chính bạn) bằng cách sử dụng phông chữ được chọn đặc biệt của chúng ta và rất tốt để chúng ta sử dụng.

illustration without name applied

4. Thêm một tùy chỉnh vào Bookmark truyền thống của chúng ta

Khi dự án xoay quanh việc tạo ra một cái gì đó cá nhân mà mỗi bạn có thể sử dụng như một công cụ thực tế, bước cuối cùng của quy trình của chúng ta bao gồm việc đưa tên của bạn lên mặt của bookmark. Tôi đã cẩn thận chọn một phông chữ tùy chỉnh mà bạn sẽ cần tải xuống và cài đặt để hoàn thành dự án nhỏ này.

Tên của phông chữ là ArhaicRegular và nó có thể được tải xuống từ dafont.com.

Giả sử bạn đã biết cách tải phông chữ vào máy của mình, mở khóa layer tên đó và sử dụng Type Tool (T) nhấp vào bất cứ đâu để bắt đầu viết. Nhập tên của riêng bạn, sau đó thay đổi phông chữ thành ArhaicRegular, đặt Font Size thành 14 pt. Chọn văn bản và sau đó căn chỉnh nó vào trung tâm bằng các tùy chọn bảng trên cùng của Paragraph, thay đổi màu thành #6B6B6B.

Cuối cùng, đặt văn bản giữa hai nhóm dòng (những nhóm có các đối tượng hình kim cương ở mỗi bên).

type settings

In nó ra!

Thế là xong! Nếu bạn đã làm theo hướng dẫn từng bước này, thì bây giờ bạn sẽ có một sản phẩm bookmark độc đáo sẵn sàng để in. Bạn cũng đã tìm hiểu được điều gì đó về nguồn gốc của nghệ thuật trang trí truyền thống Rumani này và quá trình liên quan đến việc tái tạo nó bằng Adobe Illustrator.

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.