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

Cách tạo một bộ các yếu tố dải phân cách bằng Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Trong bài hướng dẫn hôm nay, chúng ta sẽ thử một điều gì đó mới cho cả tôi và có lẽ cả một số bạn, và tìm hiểu cách tạo một tập hợp các yếu tố phân cách cách điệu, sử dụng Pen Tool kết hợp với một số hình dạng cơ bản, điều chỉnh ở đây đó.

Vì vậy, giả sử bạn đã chạy Illustrator ở chế độ nền, hãy mở nó lên và chúng ta cùng bắt đầu nhé!

Ồ, và đừng quên bạn luôn có thể tìm thấy nhiều yếu tố phân cách vector hơn trên GraphicRiver.

1. Cách thiết lập tập tin dự án mới

Giống như bất kỳ dự án nào khác, chúng ta sẽ phải tạo một Tài liệu mới (File > New hoặc Control-N) và điều chỉnh theo nhu cầu của chúng ta:

  • Number of Artboards: 1
  • Width: 800 px
  • Height: 600 px
  • Units: Pixels

Và từ tab Advanced:

  • Color Mode: RGB
  • Raster Effects: Screen (72ppi)
  • Preview Mode: Default
setting up a new documentsetting up a new documentsetting up a new document

2. Cách thiết lập lưới tùy chỉnh

Bây giờ, tôi biết rằng hôm nay chúng ta không làm việc trên các biểu tượng, nhưng vì chúng ta sẽ tạo các dải phân cách bằng luồng công việc pixel-perfect, do đó, chúng ta sẽ cần thiết lập một lưới nhỏ, chính xác để chúng ta có thể kiểm soát hoàn toàn các hình dạng của chúng ta.

Bước 1

Chuyển đến menu con Edit > Preferences > Guides & Grid và điều chỉnh các cài đặt sau:

  • Gridline every: 1 px
  • Subdivisions: 1
setting up a custom gridsetting up a custom gridsetting up a custom grid

Quick tip: bạn có thể tìm hiểu thêm về lưới bằng cách đọc phần chuyên sâu này về cách hoạt động của hệ thống Lưới Grid trong Illustrator.

Bước 2

Khi chúng ta đã thiết lập lưới tùy chỉnh của mình, tất cả những gì chúng ta cần làm để đảm bảo hình dạng của chúng trông rõ nét là bật tùy chọn Snap to Grid được tìm thấy trong menu View, sẽ chuyển thành Snap to Pixel mỗi khi bạn vào chế độ Pixel Preview.

Bây giờ, nếu bạn mới làm quen với toàn bộ quy trình làm việc pixel-perfect, thì tôi gợi ý bạn xem bài hướng dẫn của tôi về cách tạo tác phẩm nghệ thuật pixel-perfect, giúp bạn mở rộng các kỹ năng kỹ thuật của mình ngay lập tức.

3. Cách tạo dải phân cách ở giữa

Chúng ta sẽ khởi động mọi thứ bằng cách tạo dải phân cách ở giữa, để chúng ta có thể tạo và đặt hai hình còn lại liên quan đến nó.

Bước 1

Sử dụng Rectangle Tool (L), tạo một hình vuông 16 x 16 px, tô màu #4adbc8 và sau đó căn giữa với Artboard bằng tùy chọn HorizontalVertical Align Center của bảng Align.

creating and positioning the main shape for the middle dividers center sectioncreating and positioning the main shape for the middle dividers center sectioncreating and positioning the main shape for the middle dividers center section

Bước 2

Biến hình vuông mà chúng ta vừa tạo thành một viên kim cương, bằng cách chọn Add Anchor Point Tool (+) và sử dụng nó để thêm một chốt neo mới vào giữa mỗi cạnh của nó, loại bỏ các chốt neo góc (được tô sáng màu đỏ) bằng Delete Anchor Point Tool (-).

adjusting the main shape of the middle dividers center sectionadjusting the main shape of the middle dividers center sectionadjusting the main shape of the middle dividers center section

Bước 3

Mang lại cho hình dạng kết quả một nét viền bằng phương pháp Stroke, bằng cách tạo một bản sao của nó (Control-C > Control-F), điều chỉnh bằng cách trước tiên thay đổi màu của nó thành #352f2f và lật Fill của nó thành Stroke (Shift-X). Sau đó, thiết lập Weight của nó thành 4 pxCorner của nó thành Round Join, chọn và nhóm cả hai hình dạng lại với nhau bằng phím tắt Control-G.

adding the outline to the main shape of the middle dividers center sectionadding the outline to the main shape of the middle dividers center sectionadding the outline to the main shape of the middle dividers center section

Bước 4

Mang lại cho viên kim cương bên ngoài bằng một hình chữ nhật 40 x 28 px (#352f2f), điều chỉnh bằng cùng một quy trình thêm các điểm neo mới vào trung tâm của các cạnh của nó, sau đó loại bỏ các góc của nó. Biến hình dạng kết quả thành một nét viền bằng cách lật Fill của nó thành Stroke (Shift-X), thiết lập Weight của nó thành 4 pxCorner của nó thành Round Join, căn giữa nó với các hình dạng đã được nhóm trước đó.

creating and positioning the main shape for the middle dividers second center diamondcreating and positioning the main shape for the middle dividers second center diamondcreating and positioning the main shape for the middle dividers second center diamond

Bước 5

Thêm chi tiết hình tròn trên cùng bằng hình elip 6 x 12 px (#4adbc8) với đường viền dày 4 px (#352f2f), chúng ta sẽ nhóm chúng lại (Control-G) và sau đó đặt lên trên viên kim cương nhỏ hơn, căn giữa hai hình.

creating and positioning the main shapes for the middle dividers top decorative ellipsecreating and positioning the main shapes for the middle dividers top decorative ellipsecreating and positioning the main shapes for the middle dividers top decorative ellipse

Bước 6

Tạo một bản sao (Control-C > Control-F) của các hình dạng mà chúng ta vừa nhóm lại và đặt nó ở phía đối diện của hình kim cương nhỏ hơn, chọn và nhóm tất cả các chi tiết mà chúng ta có lại với nhau bằng phím tắt Control-G.

creating and positioning the main shapes for the middle dividers bottom decorative ellipsecreating and positioning the main shapes for the middle dividers bottom decorative ellipsecreating and positioning the main shapes for the middle dividers bottom decorative ellipse

Bước 7

Bắt đầu vẽ cánh tay trái của dải phân cách bằng cách tạo ra viên kim cương thon dài bằng một hình chữ nhật 58 x 14 px (#4adbc8), điều chỉnh bằng cách bật chế độ Pixel Preview (Alt-Control-Y) trước rồi thêm một bộ các điểm neo vào giữa của các chi tiết bên của nó. Thêm một bộ khác vào các cạnh trên và dưới của nó, chỉ lần này thiết lập chúng cách một khoảng 18 px so với cạnh trái của nó, loại bỏ tất cả các điểm neo góc sau khi bạn thực hiện xong.

creating and positioning the main shape for the middle dividers left elongated diamondcreating and positioning the main shape for the middle dividers left elongated diamondcreating and positioning the main shape for the middle dividers left elongated diamond

Bước 8

Mang lại cho cho hình dạng kết quả một đường viền dày 4 px (#352f2f) với Round Join, nhóm chúng lại (Control-G) và sau đó đặt hai hình ở phía bên trái của phần trung tâm của dải phân cách, cách một khoảng 8 px so với viên kim cương nhỏ hơn của nó .

adding the outline to the middle dividers elongated diamondadding the outline to the middle dividers elongated diamondadding the outline to the middle dividers elongated diamond

Bước 9

Sử dụng Pen Tool (P), nối viên kim cương thon dài với viên kim cương ở giữa nhỏ hơn bằng cách vẽ một đường Stroke dày 8 px rộng 4 px (#352f2f).

connecting the middle dividers elongated diamond to the smaller center oneconnecting the middle dividers elongated diamond to the smaller center oneconnecting the middle dividers elongated diamond to the smaller center one

Bước 10

Tiếp tục vẽ trên cánh tay này bằng cách tạo ra một hình vuông 10 x 10 px (#352f2f), điều chỉnh bằng cách biến nó thành một viên kim cương với đường viền dày 4 pxRound Join. Khi bạn thực hiện xong, đặt hình dạng kết quả ở phía bên trái của viên kim cương thuôn dài, Vertically Center Aligning hai hình này trong bảng Align.

adding the outline diamond to the middle dividers left armadding the outline diamond to the middle dividers left armadding the outline diamond to the middle dividers left arm

Bước 11

Thêm chi tiết hình tròn nhỏ bằng hình elip 12 x 6 px (#4adbc8) với đường viền dày 4 px (#352f2f), chúng ta sẽ nhóm chúng lại (Control-G) và sau đó đặt vào bên trái của hình đã tạo trước đó.

adding the decorative ellipse to the middle dividers left armadding the decorative ellipse to the middle dividers left armadding the decorative ellipse to the middle dividers left arm

Bước 12

Sử dụng Pen Tool (P), vẽ một đường Stroke dày 64 px rộng 4 px (#352f2f), đặt ở phía bên trái của chi tiết tròn mà chúng ta vừa tạo.

creating and positioning the horizontal stroke line onto the middle dividers left armcreating and positioning the horizontal stroke line onto the middle dividers left armcreating and positioning the horizontal stroke line onto the middle dividers left arm

Bước 13

Tạo một hình elip 12 x 8 px, tô màu #352f2f và sau đó đặt vào đầu cuối bên trái của đường stroke này, căn giữa nó với điểm neo của chính nó.

adding the ellipse onto the left side of the middle dividers left armadding the ellipse onto the left side of the middle dividers left armadding the ellipse onto the left side of the middle dividers left arm

Bước 14

Tạo một hình tròn 12 x 12 px với Stroke dày 4 px (#352f2f) và Round Join, chúng ta sẽ đặt ở phía bên trái của hình elip được tạo trước đó.

creating and positioning the larger circle onto the middle dividers left armcreating and positioning the larger circle onto the middle dividers left armcreating and positioning the larger circle onto the middle dividers left arm

Bước 15

Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách ghim điểm neo bên trái của nó bằng Anchor Point Tool (Shift-C), sau đó chọn và đẩy nó sang trái một khoảng 10 px bằng Move Tool (nhấp chuột phải > Transform > Move > Horizontal > -10 px).

adjusting the shape of the middle dividers larger circleadjusting the shape of the middle dividers larger circleadjusting the shape of the middle dividers larger circle

Bước 16

Tạo một bản sao (Control-C > Control-F) của chi tiết hình elip cánh tay và đặt nó ở bên trái của hình tròn mà chúng ta vừa điều chỉnh xong.

adding the second decorative ellipse to the middle dividers left armadding the second decorative ellipse to the middle dividers left armadding the second decorative ellipse to the middle dividers left arm

Bước 17

Sử dụng Rectangle Tool (M), tạo hình dạng 18 x 8 px (#4adbc8), chúng ta sẽ biến nó thành một viên kim cương, chọn và sau đó đẩy các điểm neo trên cùng và dưới cùng của nó sang bên phải một khoảng 4 px (nhấp chuột phải > Transform > Move > Horizontal > 4 px). Mang lại cho hình dạng kết quả một nét viền dày 4 px (#352f2f) với Round Join, nhóm chúng lại (Control-G) và sau đó đặt hai hình dạng ở phía bên trái của hình elip nhỏ hơn.

adding the pointed decorative piece to the middle dividers left armadding the pointed decorative piece to the middle dividers left armadding the pointed decorative piece to the middle dividers left arm

Bước 18

Kết thúc cánh tay trái bằng cách tạo một hình tròn 4 x 4 px, tô màu #352f2f và sau đó đặt vào bên trái của viên kim cương nhọn, cách một khoảng 4 px. Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả các phần tạo thành cánh tay này với nhau bằng phím tắt Control-G.

finishing off the middle dividers left armfinishing off the middle dividers left armfinishing off the middle dividers left arm

Bước 19

Kết thúc dải phân cách hiện tại bằng cách tạo một bản sao (Control-C > Control-F) của cánh tay trái, chúng ta sẽ phản chiếu theo chiều dọc (nhấp chuột phải > Transform > Reflect > Vertical) và sau đó đặt ở phía đối diện của viên kim cương trung tâm.

finishing off the middle dividerfinishing off the middle dividerfinishing off the middle divider

4. Cách tạo dải phân cách trên cùng

Giả sử bạn đã hoàn thành dải phân cách ở giữa, di chuyển một vài pixel lên trên và bắt đầu vẽ dải phân cách trên cùng.

Bước 1

Tạo chi tiết giữa của bông hoa bằng hình tròn 6 x 6 px, tô màu #352f2f và sau đó căn giữa với Artboard, đặt nó cách một khoảng 44 px từ dải phân cách ở giữa.

creating and positioning the main shape for the top dividers center sectioncreating and positioning the main shape for the top dividers center sectioncreating and positioning the main shape for the top dividers center section

Bước 2

Bắt đầu vẽ các cánh hoa hoa bằng cách tạo một hình tròn 12 x 12 px, tô màu #4adbc8 và sau đó đặt lên trên hình dạng đã tạo trước đó, cách một khoảng 2 px từ nó.

creating and positioning the main shape for the top dividers top petalcreating and positioning the main shape for the top dividers top petalcreating and positioning the main shape for the top dividers top petal

Bước 3

Điều chỉnh hình dạng mà chúng ta vừa tạo, bằng cách ghim điểm neo trên cùng của nó bằng Anchor Point Tool (Shift-C), sau đó chọn và đẩy nó lên tren cùng một khoảng 2 px bằng Move Tool (nhấp chuột phải > Transform > Move > Vertical > -2 px).

adjusting the shape of the top dividers top petaladjusting the shape of the top dividers top petaladjusting the shape of the top dividers top petal

Bước 4

Kết thúc cánh hoa bằng cách mang lại cho hình dạng này một đường viền dày 4 px (#352f2f) với Round Join theo sau là hình tròn 6 x 6 px (#352f2f), căn giữa với cạnh dưới cùng của nó, đặt nó cách một khoảng chỉ 1 px. Khi bạn đã hoàn tất, hãy chọn và nhóm cả ba hình lại với nhau bằng phím tắt Control-G.

finishing off the top dividers first petalfinishing off the top dividers first petalfinishing off the top dividers first petal

Bước 5

Tạo cánh hoa phía dưới bằng một bản sao (Control-C > Control-F) của hình mà chúng ta vừa hoàn thành, chúng ta sẽ phản chiếu theo chiều ngang (nhấp chuột phải >> Transform > Reflect > Horizontal) và sau đó đặt ở phía đối diện của hình tròn nhỏ hơn.

creating and positioning the main shapes for the top dividers bottom petalcreating and positioning the main shapes for the top dividers bottom petalcreating and positioning the main shapes for the top dividers bottom petal

Bước 6

Thêm các cánh hoa còn lại bằng một bản sao (Control-C > Control-F) của hai hình mà chúng ta đã có, sau đó chúng ta sẽ xoay một góc 90 độ bằng công cụ Rotate (nhấp chuột phải > Transform > Rotate > 90).

creating and positioning the main shapes for the top dividers remaining petalscreating and positioning the main shapes for the top dividers remaining petalscreating and positioning the main shapes for the top dividers remaining petals

Bước 7

Kết thúc phần trung tâm của dải phân cách bằng cách tạo bốn hình tròn 10 x 10 px với Stroke dày 4 px (#352f2f), chúng ta sẽ sử dụng để tạo thành một hình vuông bằng cách đặt chúng cách một khoảng 8 px với nhau, cả theo chiều ngang và chiều dọc . Khi bạn đã hoàn tất, hãy đặt tất cả bốn hình dạng ra phía sau của bông hoa (nhấp chuột phải > Arrange > Send to Back), nhóm chúng và các hình dạng còn lại với nhau bằng phím tắt Control-G.

adding the decorative circles to the top dividers floweradding the decorative circles to the top dividers floweradding the decorative circles to the top dividers flower

Bước 8

Bắt đầu vẽ cánh tay trái của dải phân cách bằng cách tạo hai hình tròn 6 x 6 px (#352f2f), xếp chồng chúng lên nhau cách một khoảng 12 px, nhóm chúng lại (Control-G) và sau đó đặt chúng cách một khoảng 2 px từ các hình tròn trang trí của bông hoa.

creating and positioning the two decorative circle onto the top dividers left armcreating and positioning the two decorative circle onto the top dividers left armcreating and positioning the two decorative circle onto the top dividers left arm

Bước 9

Tiếp tục làm việc trên cánh tay này bằng cách tạo một hình elip 12 x 6 px (#4adbc8) với đường viền dày 4 px (#352f2f), nhóm chúng lại (Control-G) và sau đó căn giữa với bông hoa lớn hơn, đặt chúng cách một khoảng 6 px từ nó.

adding the first decorative ellipse to the top dividers left armadding the first decorative ellipse to the top dividers left armadding the first decorative ellipse to the top dividers left arm

Bước 10

Tạo một hình tròn 6 x 6 px khác (#352f2f) và đặt nó ở phía bên trái của hình elip trang trí, cách một khoảng chỉ 4 px.

adding the third decorative circle to the top dividers left armadding the third decorative circle to the top dividers left armadding the third decorative circle to the top dividers left arm

Bước 11

Sử dụng Pen Tool (P), vẽ một đường Stroke dày 4 px rộng 4 px (#352f2f) với Round Cap, sau đó căn giữa nó với hình tròn trang trí mà chúng ta vừa tạo, đặt nó cách một khoảng 4 px từ nó.

creating and positioning the horizontal stroke line onto the top dividers left armcreating and positioning the horizontal stroke line onto the top dividers left armcreating and positioning the horizontal stroke line onto the top dividers left arm

Bước 12

Thêm các mũi tên nhỏ bên phải bằng cách vẽ chúng bằng nét Stroke dày 4 px (#352f2f) với Round Cap. Khi bạn đã hoàn tất, chọn và nhóm (Control-G) cả ba hình dạng lại với nhau, căn chỉnh chúng ở phía bên phải của đường dải phân cách ngang sau đó.

adding the three right facing arrows onto the top dividers left armadding the three right facing arrows onto the top dividers left armadding the three right facing arrows onto the top dividers left arm

Bước 13

Tạo một hình tròn trang trí 6 x 6 px thứ tư (#352f2f) và đặt nó ở phía bên trái của đường stroke ngang, cách một khoảng chỉ 4 px.

creating and positioning the fourth decorative circle onto the top dividers left armcreating and positioning the fourth decorative circle onto the top dividers left armcreating and positioning the fourth decorative circle onto the top dividers left arm

Bước 14

Di chuyển một vài pixel về phía bên trái và tạo hình elip 12 x 8 px (#4adbc8) với đường viền dày 4 px (#352f2f), nhóm chúng lại (Control-G), sau đó đặt vào bên trái của hình tròn đã tạo trước đó, cách một khoảng 4 px.

adding the second decorative ellipse onto the top dividers left armadding the second decorative ellipse onto the top dividers left armadding the second decorative ellipse onto the top dividers left arm

Bước 15

Tiếp theo, tạo hai hình tròn 6 x 6 px với Stroke dày 4 px (#352f2f), xếp theo chiều dọc, nhóm chúng lại (Control-G) và sau đó đặt ở bên trái của hình elip trang trí.

adding the vertically stacked circles onto the top dividers left armadding the vertically stacked circles onto the top dividers left armadding the vertically stacked circles onto the top dividers left arm

Bước 16

Tạo một tập hợp các hình tròn 10 x 10 px khác với Stroke dày 4 px (#352f2f) và hình tròn 2 x 2 px (#352f2f) ở giữa của mỗi hình tròn, chúng ta sẽ nhóm chúng lại (Control-G) và sau đó căn giữa với tập hợp trước đó.

adding the second set of vertically stacked circles onto the top dividers left armadding the second set of vertically stacked circles onto the top dividers left armadding the second set of vertically stacked circles onto the top dividers left arm

Bước 17

Bắt đầu vẽ cánh hoa bên trái bằng cách tạo thân chính của nó bằng hình tròn 14 x 14 px (#4adbc8) (1), điều chỉnh bằng cách ghim điểm neo trái của nó bằng Anchor Point Tool (Shift-C) và sau đó đẩy nó qua bên trái một khoảng 2 px (nhấp chuột phải > Transform > Move > Horizontal > -2 px) (2).

Mang lại cho hình dạng kết quả đường viền dày 4 px (#352f2f) với Round Join, tiếp theo là hình tròn 6 x 6 px với Stroke dày 4 px (#352f2f) (3), nhóm chúng lại (Control-G) và đặt cả ba hình dạng ở phía bên trái của các hình được tạo trước đó (4). Khi bạn đã hoàn thành, hãy chọn tất cả các phần và nhóm tạo thành cánh tay trái (Control-G) cùng nhau.

finishing off the top dividers left armfinishing off the top dividers left armfinishing off the top dividers left arm

Bước 18

Kết thúc dải phân cách này bằng cách tạo cánh tay phải bằng một bản sao (Control-C > Control-F) của hình mà chúng ta vừa hoàn thành, chúng ta sẽ phản chiếu theo chiều dọc (nhấp chuột phải Transform > Reflect > Vertical) và sau đó đặt ở phía đối diện của bông hoa ở giữa.

Khi bạn đã hoàn thành,đừng quên chọn và nhóm tất cả các phần tạo thành dải phân cách này bằng phím tắt Control-G.

finishing off the top dividerfinishing off the top dividerfinishing off the top divider

5. Cách tạo dải phân cách dưới cùng

Bây giờ chúng ta đang xuống đến dải phân cách thứ ba và là dải phân cách cuối cùng của chúng ta, vì vậy không lãng phí thêm thời gian nữa, hãy bắt đầu nhé!

Bước 1

Bắt đầu vẽ phần ở giữa bằng cách tạo một hình chữ nhật 14 x 32 px, tô màu #4adbc8 và sau đó căn giữa với dải phân cách ở giữa, đặt nó cách một khoảng 28 px từ nó.

creating and positioning the main shape for the bottom dividers center sectioncreating and positioning the main shape for the bottom dividers center sectioncreating and positioning the main shape for the bottom dividers center section

Bước 2

Biến hình chữ nhật thành hình thoi bằng cách thêm một điểm neo mới vào giữa mỗi cạnh của nó với sự trợ giúp của Add Anchor Point Tool (+), loại bỏ các góc sau đó bằng Delete Anchor Point Tool (-). Mang lại cho hình dạng kết quả một nét viền dày 4 px (#352f2f) với Round Join, sau đó nhóm hai hình lại với nhau bằng phím tắt Control-G.

adding the outline to the main shape of the bottom dividers center sectionadding the outline to the main shape of the bottom dividers center sectionadding the outline to the main shape of the bottom dividers center section

Bước 3

Tạo một hình elip 36 x 24 px với đường viền dày 4 px (#352f2f) và Round Join, chúng ta sẽ điều chỉnh bằng cách ghim các điểm neo bên của nó bằng Anchor Point Tool (Shift-C), căn giữa hình dạng kết quả với hình kim cương đã được tạo trước đó, đặt nó bên dưới (nhấp chuột phải > Arrange > Send to Back). Khi bạn đã hoàn tất, hãy chọn, hóm nó và hình kim cương lại với nhau bằng phím tắt Control-G.

finishing off the bottom dividers center sectionfinishing off the bottom dividers center sectionfinishing off the bottom dividers center section

Bước 4

Bắt đầu vẽ dải phân cách cánh tay trái bằng cách tạo một hình elip 10 x 10 px (#4adbc8), điều chỉnh bằng cách ghim các neo bên của nó thành Anchor Point Tool (Shift-C). Mang lại cho hình dạng kết quả nét viền 4 px (#352f2f) với Round Join, tiếp theo là hình tròn 8 x 8 px với Stroke dày 4 px (#352f2f) hướng đến phía bên phải của nó, nhóm chúng lại (Control-G) và sau đó đặt tất cả ba hình ở phía bên trái của phần trung tâm.

creating and positioning the main shapes for the bottom dividers left petalcreating and positioning the main shapes for the bottom dividers left petalcreating and positioning the main shapes for the bottom dividers left petal

Bước 5

Thêm hai hình tròn 8 x 8 px với Stroke dày 4 px (352f2f), xếp chồng chúng theo chiều dọc cách một khoảng 6 px, nhóm chúng lại (Control-G) và sau đó đặt chúng giữa hình ở giữa và cánh hoa mà chúng ta vừa mới tạo.

adding the two vertically stacked circles to the bottom dividers left armadding the two vertically stacked circles to the bottom dividers left armadding the two vertically stacked circles to the bottom dividers left arm

Bước 6

Tạo một hình tròn 6 x 6 px, tô màu #352f2f và sau đó đặt ở phía bên trái của cánh hoa của dải phân cách, cách một khoảng 5 px.

adding the first decorative circle to the bottom dividers left armadding the first decorative circle to the bottom dividers left armadding the first decorative circle to the bottom dividers left arm

Bước 7

Thêm hạt đậu trang trí bằng cách tạo hình elip 12 x 8 px (#4adbc8) với đường viền dày 4 px (#352f2f), chúng ta sẽ nhóm chúng lại (Control-G) và sau đó đặt ở phía bên trái của hình đã được tạo trước đó, cách một khoảng chỉ 4 px.

creating and positioning the main shapes for the bottom dividers first decorative beancreating and positioning the main shapes for the bottom dividers first decorative beancreating and positioning the main shapes for the bottom dividers first decorative bean

Bước 8

Thêm hình tròn trang trí thứ hai bằng một hình dạng 6 x 6 px (#352f2f), chúng ta sẽ đặt ở phía bên trái của hạt đậu, cách một khoảng 4 px.

adding the second decorative circle to the bottom dividers left armadding the second decorative circle to the bottom dividers left armadding the second decorative circle to the bottom dividers left arm

Bước 9

Sử dụng Pen Tool (P), vẽ một đường Stroke dày 102 px rộng 4 px (#352f2f) với Round Cap, sau đó căn giữa nó với hình tròn trang trí mà chúng ta vừa tạo, đặt nó cách một khoảng 4 px từ nó.

creating and positioning the horizontal stroke line onto the bottom dividers left armcreating and positioning the horizontal stroke line onto the bottom dividers left armcreating and positioning the horizontal stroke line onto the bottom dividers left arm

Bước 10

Thêm các mũi tên nhỏ bên phải bằng cách vẽ chúng bằng Stroke dày 4 px (#352f2f) với Round Cap. Khi bạn đã hoàn tất, chọn và nhóm chúng lại (Control-G) cả ba hình dạng lại với nhau, đặt chúng ở phía bên trái của dải phân cách ngang.

adding the three little right facing arrows to the bottom dividers left armadding the three little right facing arrows to the bottom dividers left armadding the three little right facing arrows to the bottom dividers left arm

Bước 11

Tạo một hình chữ nhật 16 x 10 px (#4adbc8), chúng ta sẽ biến thành một viên kim cương thuôn dài bằng cách thêm một tập hợp các điểm neo mới vào các cạnh của nó, loại bỏ tất cả các điểm neo góc.

Sau đó, điều chỉnh hình dạng mới bằng cách chọn các neo trên và dưới của nó và đẩy chúng sang phải một khoảng 2 px (nhấp chuột phải Transform > Move > Horizontal > 2 px). Mang lại cho hình dạng kết quả một nét viền dày 4 px (#352f2f) với Round Join, nhóm chúng lại (Control-G) và sau đó đặt hai hình ở bên trái của mũi tên, cách một khoảng 5 px.

finishing off the bottom dividers left armfinishing off the bottom dividers left armfinishing off the bottom dividers left arm

Bước 12

Hoàn thành dải phân cách bằng cách chọn và nhóm chúng lại (Control-G) tất cả các phần tạo thành của cánh tay trái của nó lại với nhau, sau đó tạo một bản sao của chúng, phản chiếu theo chiều dọc (nhấp chuột phải vào Transform > Reflect > vertical) và sau đó đặt ở phía đối diện của hình ở giữa của nó.

Khi bạn đã hoàn thành, đừng quên nhóm (Control-G) tất cả các phần tạo thành dải phân cách này, để chúng không bị tách ra nếu bạn di chuyển chúng.

finishing off the bottom dividerfinishing off the bottom dividerfinishing off the bottom divider

Thế là xong rồi!

Vậy là bạn đã có: một dải phân cách trông ngọt ngào được tạo bằng một số hình dạng và công cụ cơ bản. Tôi hy vọng rằng bạn đã có thể theo kịp từng bước và học được điều gì đó mới và hữu ích khi thực hiện.

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.