Advertisement
  1. Design & Illustration
  2. Patterns

Cách tạo hoa văn hình học của những năm 90 bằng cách sử dụng hình dạng cơ bản trong Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

Vietnamese (Tiếng Việt) translation by Nguyễn Thành Phúc (you can also view the original English article)

Final product image
What You'll Be Creating

Mẫu hoa văn những thập niên 90 được nhận dạng bằng việc sử dụng màu sắc rực rỡ và hình dạng hình học đơn giản. Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách tạo một hoa văn hình học của thập niên 90 bằng cách sử dụng tính năng vector của Photoshop.

Lấy cảm hứng từ những hoa văn của những năm 90, tôi đề nghị những mẫu thiết kế của những năm 90 trên GraphicRiver.

1. Cách chuẩn bị Canvas cho Pattern

Bước 1

Bắt đầu tạo tập tin mới với kích thước 600 pixels × 450 pixels. Click vào nút OK.

Making a new file

Bước 2

Đối với background, thêm layer màu đơn sắc bằng cách click vào biểu tượng Add Adjustment Layer ở dưới bảng Layers và chọn Solid Color. Trong hộp thoại tiếp theo, chọn màu xanh dương. Click OK khi hài lòng.

Add new solid color layer
Add new solid color layer

Bước 3

Chắc chắn thướt đã được bật. Nếu không, click View > Ruler. Click và kéo thanh thước theo bốn hướng: trên, dưới, trái và phải. Vùng bên trong là vùng sử dụng làm hoa văn.

Click and drag from the ruler to make guides

2. Cách vẽ hình dạng hình học bằng cách sử dụng công cụ Vector của Photoshop

Bước 1

Hoa văn của những thập niên 90 được tạo với những hình dạng hình học. Dưới dây, chúng ta sẽ thực hiện từng bước. Kích hoạt công cụ Ellipse Tool. Đảm bảo chế độ Shape được chọn trong Option Bar.

Ghi nhớ, chúng ta cần chế độ khi vẽ hoa văn này. Vì vậy, đảm bảo chế độ này luôn được chọn.

Giữ phím Shift và click và kéo để vẽ hình tròn. Bạn có thể thay đổi màu từ Option Bar. Tạo hai hình tròn, một lớn, một nhỏ.

Bước 2

Bây giờ, vẽ một hình chữ nhật mỏng bằng cách sử dụng công cụ Ellipse Tool.

Draw a thin rectangle shape

Bước 3

Nhân đôi hình bằng cách ấn Control-C và Control-V. Xoay hình mới theo 90°. Chọn Combine Shapes trong Option Bar để kết hợp cả hai hình thành dấu cộng. Vẽ hình dấu cộng khác nhưng lần này mỏng hơn và với màu khác.

Draw plus sign
Draw plus sign

Bước 4

Tiếp tục với hình chiếc nhẫn. Vẽ một vòng tròn khác. Nhưng lần này, thiết lập Fill thành none và tăng kích thước Stroke. Tạo một hình dạng chiếc nhẫn khác

Continue with a ring shape
Make another ring shape

Bước 5

Hãy vẽ một nữa hình tròn. Nó là một vòng tròn, sau đó cắt làm hai bởi một hình chữ nhật. Chế độ hình chữ nhật nên là Subtract Front Shape. Chuyển cả hai hình thành một đường path đơn, chọn hai hình và chọn Merge Shape Components. Sử dụng một màu mạnh với Fill và None đối với Stroke.

Draw a half circle shape
Draw a half circle shape
Draw a half circle shape
Select Yes to turn shape into regular path
Half circle shape

Bước 6

Sắp xếp hai hình chữ nhật thành chữ L. Nhân đôi những hình này cho đến khi chúng ta có hình zigzag như thế này. Đối với màu, sử dụng màu vàng. Tạo một hình khác, lần này dày hơn.

Draw zigzag shape
Draw zigzag shape
Draw zigzag shape

Bước 7

Sử dụng công cụ Polygon Tool để tạo hình lục giác. Hãy chắc chắn thiết lập các mặt6 trước trước khi nhấp và kéo chuột. Thêm một số hình chữ nhật trên đầu hình lục giác và thiết lập chế độ Subtract Front Shape.

Make a hexagon shape
Make a hexagon shape

Bước 8

Double-click vào layer style và kích hoạt Drop Shadow.

Activate Drop Shadow

Bước 9

Thêm hình lục giác khác, lần này màu và kích thước khác.

Add another hexagon

3. Cách sắp xếp các đối tượng bên trong hoa văn

Bước 1

Như đề cập từ trước, vùng hoa văn là vùng bên trong. Trước tiên, chúng ta cần biết chính xác kích thước. Chọn vùng bằng cách sử dụng công cụ Marquee Tool.

Select the pattern area

Bước 2

Mở bảng Info bằng cách click Window > Info. Trong bảng, bạn có thể thấy thông tin chính xác về kích thước. Trong trường hợp này, nó là 491 pixels × 359 pixels. Hãy nhớ điều này và ghi ra nếu muốn. Hãy nhớ rằng bạn muốn kích thước chính xác là pixel, không phải centimeter, inche hay đơn vị khác. Nếu bảng Info hiện ra là đơn vị khác, cần thay đổi thành pixel bằng cách click phải thướt và chọn Pixels.

Find out its exact dimension

Bước 3

Đặt một trong những hình vào góc của vùng hoa văn. Đối với hoa văn, hình nãy sẽ được cắt đi. Nó xuất hiện nhiều lần trong ba góc khác. Trong toán học, những gì chúng ta sẽ làm được gọi là phép tịnh tuyến, đó là di chuyển một đối tượng theo một hướng nhất định.

Place one of the shape at the corner

Bước 4

Nhân đôi hình dạng bằng cách sử dụng phím tắt Control-J. Tiếp theo, nhấn Control-T để điều chỉnh đối tượng. Chúng ta cần độ chính xác cao. Đó là lý do tại sao chúng tôi sẽ không nhấp vào và kéo, nhưng hạn chế nhập vào ô. Chú ý rằng trong trường hợp này, hình dạng của chúng ta được đặt tại tọa độ (59 px, 43 px).

Duplicate the shape

Bước 5

Độ rộng của hoa văn là 491 pixels. Chúng ta cần di chuyển chiều ngang của hình là 359 pixels sang phải để nó xuất hiện trong góc phải. Thiết lập vị trí X mới là 550 px, trong đó từ 59 (gốc x tọa độ) + 491 (độ rộng canvas).

Move the shape horizontally to the opposite corner

Bước 6

Chúng ta muốn nó xuất hiện góc dưới bên phải. Di chuyển hình cuối cùng xuống tọa độ (550 px, 402 px). Tọa độ mới Y, 402, từ 43 (tọa độ y cũ) + 359 (chiều cao canvas).

Place another shape on the corner

Bước 7

Cuối cùng, chúng ta muốn nó xuất hiện ở góc cuối. Chúng ta có thể nhân đôi hình dạng đầu tiên và di chuyển nó xuống chiều cao của hoa văn.

Place another shape on the corner

Bước 8

Nếu chúng ta không hài lòng với kết quả, có thể di chuyển chúng. Hãy nhớ rằng, chúng ta phải di chuyển chúng tất cả cùng nhau. Nếu không, chúng ta phải nhân đôi quá trình tịnh tiến một lần nữa để thống nhất mẫu lặp lại. Bạn có thể thực hiện điều này bằng cách chọn tất cả các layer liên quan và di chuyển chúng bằng cách sử dụng công cụ di chuyển Move Tool.

Move the shapes altogether

Bước 9

Thêm một hình dạng khác, lần này không phải ở góc mà ở một trong các cạnh của hoa văn. Trong trường hợp này, chúng ta đặt một nửa vòng tròn trên góc. Như mẫu hoa văn được lặp lại, một phần còn lại của một nửa vòng tròn sẽ xuất hiện đối diện cạnh, cạnh dưới. Vì vậy, chúng ta cần nhân đôi và đặt một bản sao của hình đó.

Add another shape on the pattern edge

Bước 10

Nhân đôi hình. Nhấn Control-T và thay đổi tọa độ y thành tọa độ y cũ + chiều rộng của hoa văn. Trong trường hợp của tối nó là 52 + 359 = 411.

Duplicate and place it on the opposite edge
Duplicate and place it on the opposite edge

Bước 11

Đến phần dễ nhất. Chỉ đơn giản là đặt các đối tượng bên trong hoa văn với cạnh hoặc góc không dính với nhau, không  làm phá vỡ lặp lại hoa văn. Bạn có thể thêm nhiều đối tượng như bạn muốn miễn là chúng không dính nhau vào các cạnh hoặc góc.

You can simply place objects inside the pattern area
You can simply place objects inside the pattern area
You can simply place objects inside the pattern area
You can simply place objects inside the pattern area

Bước 12

Một lần nữa, luôn luôn nhớ nguyên tắc cơ bản của việc lặp lại hoa văn. Nếu bạn đặt một hình chạm vào một cạnh, nó phải xuất hiện trên các cạnh đối diện. Hãy nhìn vào dấu cộng ở góc bên trái. Nó nên được nhân đôi và di chuyển tới các cạnh đối diện.

If a shape touching an edge it has to be shown up in the opposite edge
If a shape touching an edge it has to be shown up in the opposite edge
If a shape touching an edge it has to be shown up in the opposite edge

4. Cách lưu và sử dụng hoa văn trong Photoshop

Bước 1

Chọn vùng mà chúng ta sẽ sử dụng làm hoa văn. Sử dụng công cụ Marquee Tool để thực hiện điều này. Click Edit > Define Pattern. Trong hộp thoại tiếp theo, lưu tên hoa văn. Click nút OK.

Click Edit Define Pattern to save pattern

Bước 2

Để sử dụng hoa văn, tất cả những gì bạn cần làm là click Edit > Fill. Chọn Contents: Pattern và chọn hoa văn chúng ta mới hoàn thành. Click OK.

To use the pattern click Edit Fill

Kết quả cuối cùng

Dưới đây là kết quả cuối của của hoa văn thập niên 90. Trong thuật thuật nhanh này, tôi đã chỉ bạn những thuật thuật và mẹo để lặp lại hoa văn bằng cách sử dụng phương pháp tịnh tiến.

Tôi đã viết thủ thuật tương tự thế này vào khoảng bảy năm cách đây trên Envato Tuts+. Nội dung cơ bản là giống nhau. Nếu bạn quen với nhóm phần mềm của Photoshop, Illustrator, nó có một bảng điều khiển tuyệt vời Pattern Options dùng cho việc thiết kế kiểu hoa văn nhanh và dễ dàng hơn. Photoshop có tất cả điều đó.

Cảm ơn bạn đã đọc bài viết này. Nếu bạn đọc bài hướng dẫn này, đừng quên đưa ra kết quả trong phần bình luận bên dưới.

Final result
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.