[Ai_Tuts] Công cụ trong Illustrator – tạo cánh đồng cỏ mùa xuân

Học cách vẽ cánh đồng cỏ trong Illustrator

Chào mừng đến với loạt bài hướng dẫn chi tiết của chúng tôi – [Ai_Tuts], trong đó bạn có thể học về những kỹ năng, tính năng hay kỹ thuật, công cụ trong Illustrator!
công cụ trong illustrator - tạo cánh đồng cỏ mùa xuân

Công cụ trong Illustrator – tạo cánh đồng cỏ mùa xuân

Trong hướng dẫn này, bạn sẽ tìm hiểu cách sử dụng các công cụ trong Illustrator như Mesh Tool và the Gradient Tool  để tạo một background về cánh đồng cỏ mùa xuân với một hàng rào trắng sáng!

Ngoài ra bạn có thể tham khảo thêm những điều thú vị khác về Illustrator trên Graphic.com.vn.

1. Công cụ trong Illustrator – cách tạo Background

Bước 1

Chúng ta hãy bắt đầu bằng “bức tranh” nền với công cụ Mesh Tool (U).

Chỉ tạo một hình chữ nhật, Fill nó màu nâu #F5F3EA và sử dụng công cụ Mesh Tool, tạo một lưới trong hình chữ nhật.

Tiếp tục bằng các nút màu, như được chỉ ra ở hình dưới đây.

Đây là những màu bạn cần cho từng bước:

  1. #F5F3EA
  2. #399F92
  3. #AAD2C9
  4. #52531A
  5. #D7D483
  6. #CCD8C1
  7. #E0E6C8
  8. #BFD9C7
paint the background with the mesh tool

Bước 2

Hãy tiếp tục tạo ra đồi cỏ! Quá trình này tương tự bước 1, nhưng cuối cùng bạn phải uốn cong đồng cỏ với công cụ Mesh Tool.

Chỉ cần tạo thêm một vài nút và tạo hình dạng gợn sóng bằng cách kéo chúng!

Đây là những màu bạn sẽ cần:

  1. #E7E3AB 
  2. #C5CD60
  3. #95A542
  4. #5B6D1C
create the grassy hills

Bước 3

Sử dụng công cụ Mesh Tool một lần nữa, tương tự tạo ra một đồi khác với các màu sắc:

  1. #DFDFA8
  2. #BAC569
  3. #6C8427
create another hill

Bước 4

Đặt cả hai ngọn đồi trên background của chúng ta tạo ra trước đó. Ngọn đồi nhỏ hơn nên bị ẩn một phần dưới ngọn đồi lớn.

arrange the hills

Bước 5

Bây giờ, tạo một hình chữ nhật với No Fill trên nền, “framing” bức ảnh. Đảm bảo rằng mỗi thành phần bạn muốn được nhìn thấy là bên trong hình chữ nhật.

Sau đó, chọn tất cả các thành phần và sau đó right-clicking, chọn Make Clipping Mask.

Chúng ta sẽ sử dụng công cụ này một vài lần, vì vậy đừng quên nó!

create a clipping mask

Bước 6

Với Clipping Mask đã tạo ra, phần đầu tiên của bức ảnh đã được hoàn thành!

finished background result

2. Công cụ trong Illustrator – cách tạo hàng rào

Bước 1

Hãy bắt đầu bằng cách vẽ hình dạng của hàng rào.

Lấy công cụ Pen Tool (P) và vẽ một nửa hàng rào. Ngay khi bạn hoàn thành phác thảo, right-click lên nó và chọn Transform > Reflect. Chọn Vertical Axis và nhấn Copy để tạo một nữa hình thứ hai.

draw the fence shapes

Bước 2

Bây giờ, di chuyển một nửa thứ hai để hoàn thiện với một nửa phần gốc (màu sắc dưới đây chỉ là hình minh họa).

Sau khi đạt mục đích, chọn cả hai phần và trong menu Pathfinder, lựa chọn Unite. Điều này sẽ tạo ra một phác thảo đầy đủ, đối xứng!

unite the paths

Bước 3

Fill hình dạng với một màu xám (bây giờ nó không quan trọng).

Lấy công cụ Lasso Tool (L) và chọn giữa hai nút dưới cùng của hình. Nhấn Delete để thoát khỏi chúng.

Đừng bỏ qua bước này, chúng rất quan trọng!

delete the bottom nodes

Bước 4

Bây giờ, có một khoảng cách của các hình, sử dụng Object > Path > Join để hợp nhất nó một lần nữa.

Tạo một bản sao các phác thảo và đặt nó sang một bên! Chúng ta sẽ cần nó sau này.

join the gaps together

Bước 5

Hãy thêm chiều sâu vào hàng rào của chúng ta! Đi tới Effect > 3D > Extrude and Bevel và fill theo cài đặt của Rotation:

  • -7°
  • 19°
  • -2°

Extrude Depth  khoảng 5 px.

extrude and bevel options

Bước 6

Sau khi áp dụng hiệu ứng vào hình, tạo đường path bằng cách đi tới Object > Expand Appearance.

Ungroup kết quả một vài lần cho đến khi bạn có được ba đường path riêng biệt.

ungroup the result

Bước 7

Chọn đường dẫn hai thành bên hàng rào và Unite chúng trong bảng Pathfinder.

unite the paths

Bước 8

Sơn màu mặt trước hàng rào với màu #F1EBE1 và mặt bên #D8CFC2.

color the fence

Bước 9

Đối với bước này, bạn sẽ cần một bức ảnh của một tấm ván gỗ với một texture.

Bạn có thể sử dụng texture của riêng mình hay sử dụng texture có sẵn tại Graphic.com.vn.

Di chuyển ảnh cùng tập tin với background mùa xuân và mở Image Trace (Window > Image Trace).

Sau khi chọn đối tượng với texture, nhập các cài đặt mà tôi đã chọn vào bảng (cần thiết, bạn có thể bấm Advanced để hiển thị phần còn lại của các cài đặt) và bấm vào Trace.

Các cài đặt Image Trace:

  • Mode: Black and White
  • Threshold: 164
  • Paths: 50%
  • Corners: 75%
  • Noises: 25px
  • Create: Fills
  • Ignore White: Checked
wooden plank texture

Bước 10

Chọn kết quả của vết và đi đến Object > Expand.

expand options

Bước 11

Trong bảng Transparency, thiết lập Opacity là 30% và Transparency Mode sang Overlay.

transparency options

Bước 12

Lấy những phác thảo mà chúng ta đã tạo ở bước 4 của phần này và đặt nó trên đầu của texture. Tạo Clipping Mask ngoài hai hình.

Để kết quả trên hàng rào của chúng ta.

how to apply the fence texture

Bước 13

Kéo trụ một chút sang bên phải, trong khi vẫn giữ Shift Alt, tạo ra một bản sao của nó với khoảng cách hợp lý.

Tiếp tục bằng cách nhấn Control-D để lặp lại action cuối cùng của bạn, hiệu quả tạo ra như bạn muốn. Dừng lại độ dài hàng rào theo ý của bạn.

create the fence

Bước 14

Bây giờ hãy tạo một tấm ván phía sau hàng rào của chúng ta!

Trước tiên, vẽ một hình chữ nhật dài hơn hàng rào. Chọn màu #EEE7DE.  Vẽ một hình chữ nhật khác, hẹp hơn hình chủ nhật ở trên và tô màu #E2DCD2.

create the fence board

Bước 15

Trong bước này, chúng ta sẽ tạo bóng bằng các trụ hàng rào.

Vẽ các hình chữ nhật theo chiều dọc hai bên cạnh, tô màu chúng #7B6F5B (bên trái) và #DEDBD2 (bên phải). Bên phải hình chữ nhật nên rộng hơn một chút.

Tiếp theo, thiết lập  Opacity là 0% của hình chữ nhật bên phải và tiếp tục chọn Object > Blend > Blend Options. Thiết lập Spacing là Specified Steps và chọn 30 cho amount.

Cuối cùng, chọn cả hai hình chữ nhật và đi tới Object > Blend > Make.

creating the fence shadows

Bước 16

Tiếp theo pha trộn màu tấm ván mà chúng ta tạo ra. Như phần trước, sử dụng Control-D để Duplicate bóng trên toàn bộ tấm ván.

blending the shadows

Bước 17

Tiếp tục tạo bóng tấm ván phía sau hàng rào. Cố gắng để tạo bóng đường thẳng hoàn hảo!

add the board to the fence

Bước 18

Cuối cùng, chúng ta sẽ tạo ra các ốc cố định hàng rào của chúng ta tại chỗ.

Sử dụng công cụ  Mesh Tool (U) tạo lại con ốc tương tự, làm theo những bước bên dưới:

Dưới đây là những màu bạn cần:

  1. #D1D0C7
  2. #535044
  3. #AAA99F
  4. #B0AFA5
  5. #000000
create the screws

Bước 19

Sử dụng hai bóng của hình tròn. Tạo một vòng tròn nhỏ bên trong vòng tròn lớn ở giữa. Chọn màu vòng tròn lớn hơn với #D8D4C9và nhỏ hơn với #6C 6557.

Thiết lập độ sáng của vòng tròn với Opacity là 0%, và đi tới Object > Blend > Make.

add shadows to the screws

Bước 20

Đặt Mesh trên bóng và thay đổi một chút. Con ốc của chúng ta đã hoàn thành!

add mesh to screw

Bước 21

Đặt ốc vít trên đầu hàng rào đã hoàn thành ở giữa mỗi đường giao nhau.

Sử dụng Control-D để Duplicate ốc vít sau khi di chuyển (trong khi đó nhấn Alt và Shift).

add the screws to the fence

3. Công cụ trong Illustrator – cách tạo đám mây và cỏ

Bước 1

Bây giờ, hàng rào của chúng ta đã được thực hiện, chỉ cần một vài chỉnh sửa!

Nếu bạn muốn có những đám mây trên bầu trời theo phong cảnh mùa xuân của chúng tôi, hãy làm theo hướng dẫn này: Cách tạo bầu trời đêm với đám mây bằng cách sử dụng Adobe Illustrator.

Sau khi bạn hoàn thành những đám mây, trở lại background của chúng ta và đặt chúng vào bầu trời.

Tôi khuyên bạn nên tạo một vài bản sao của một trong những hình đầu tiên và kết hợp chúng lại với nhau để tạo ra hình dạng thú vị!

add clouds to the background

Bước 2

Để làm cho bầu trời của chúng ta đẹp hơn, hãy tạo một mặt trời!

Vẽ một vòng tròn và áp dụng Radial Gradient chuyển từ white sang#95896A thành black. Thay đổi chế độ Transparency Mode sangScreen.của hình.

create a sun

Bước 3

Đặt một vài chỗ sáng trên bầu trời.  Bây giờ chúng ta có một mặt trời!

place the sun

Bước 4

Đói với bước cuối cùng, chúng ta tạo một ít cỏ.

Sau khi bạn đã hoàn thành vector cỏ, quay lại hàng rào mà chúng ta đã thực hiện trong phần trước. Đặt nó trên banner cỏ của bạn để phần dưới cùng của hàng rào dính một chút.

Tiếp theo, tạo ra một bản sao cỏ và di chuyển nó hàng rào. Đảm bảo đặt nó thấp hơn hàng rào bạn vẫn thấy!

add the grass to the fence

Bước 5

Tất cả những gì còn lại là để di chuyển hàng rào và cỏ lên background của chúng ta! Đừng quên sử dụng Clipping Mask để “crop” ảnh của bạn!

add the fence to the background

Làm tốt lắm, bạn đã hoàn thành việc sử dụng công cụ trong Illustrator để tạo cánh đồng cỏ mùa xuân rồi!! 

Spring Grass Fence and Sky Background Adobe Illustrator Tutorial

[Tuts]!!

Đây là một trong loạt bài hướng dẫn chi tiết trên Secret. Chúng tôi sẽ giới thiệu một loạt các chủ đề (Photoshop – Ps; inDesign – iD; Illustrator – Ai; Lightroom – Lr..) với mong muốn kích thích sự sáng tạo của bạn.

 – Edit by Secret Team
 – Translate by Tutsquick Team
 – Source by Tutsplus

Comments
Loading...