Cách thiết kế hình nền

Có thể bạn không nhận ra, nhưng vẽ nền là một trong những phần quan trọng nhất của bất kỳ hình minh họa nhân vật nào.

Nhân vật của bạn không được nổi trên nền trắng. Chúng thuộc về vũ trụ độc nhất của riêng chúng, thứ đã xác định cách các nhân vật của bạn phát triển cho đến thời điểm bạn vẽ chúng.

Trong bài viết Hướng dẫn này, chúng ta sẽ xem xét cách nghệ sĩ Maddy Zoli tạo nền. Theo dõi trong Vectornator và tìm hiểu cách tự làm điều đó!

Thiết kế nhân vật

Nếu bạn đã đọc bài học đầu tiên của chúng tôi về thiết kế nhân vật, bạn sẽ biết rằng cốt truyện của một nhân vật là xương sống của mọi đường nét bạn vẽ.

Bạn cần đặt các nhân vật của mình vào một câu chuyện sâu sắc hơn những gì bắt mắt; từ khi họ sinh ra, nơi họ sống, công việc họ làm, cho đến món ăn yêu thích của họ. Âm thanh quá mức cần thiết? Đối với chúng tôi, điều đó nghe có vẻ thú vị hơn!

Không rơi vào hố thỏ sâu, hãy nghĩ về tất cả những chi tiết này về quá khứ, hiện tại và tương lai của nhân vật của bạn và thể hiện chúng trong môi trường của họ. Nói cách khác, hãy chiếu câu chuyện mà bạn có trong đầu vào bối cảnh của nhân vật. Sử dụng cách kể chuyện bằng hình ảnh như thế này sẽ làm cho các nhân vật và thế giới của bạn trở nên phong phú và chân thực hơn rất nhiều.

Nghệ sĩ

Hướng dẫn này được thực hiện với sự cộng tác của Maddy Zoli tuyệt vời. Chúng tôi đang cùng nhau tạo ra một loạt nhân vật trên kênh YouTube của mình và cô ấy không chỉ là mộtCông cụ và chơi xung quanh với áp lực bạn áp dụng cho khung vẽ của mình để tạo ra một hình dạng bắt đầu nhỏ và tăng dần. Bằng cách thay đổi áp suất, đường kẻ có thể đi từ rất mỏng đến rất to chỉ trong một nét vẽ. Để đạt được hiệu ứng này, Maddy sử dụng bút vẽ thứ 4 từ các cài đặt trước của chúng tôi với Độ nhạy áp lực được bật.

Sau khi vẽ các đám mây, hãy sử dụng Công cụ nút để thực hiện bất kỳ điều chỉnh nào đối với hình dạng của chúng.

Bởi vì các đám mây sẽ phản chiếu ánh sáng hoàng hôn một cách tự nhiên, tạo cho chúng một dải màu chuyển từ màu cam (F92CEE, bên trái) sang màu hồng nhạt (F9DCEE, bên phải).

Đối với mặt trăng, hãy tạo hai vòng tròn và sử dụng công cụ Subtract Hàm Boolean để cắt một mặt trăng bán nguyệt hoàn hảo. Đừng quên giữ một ngón tay trên khung vẽ để duy trì tỷ lệ khung hình.

Cuối cùng, hãy thêm các ngôi sao bằng Công cụ hình dạng. Maddy quyết định chọn một ngôi sao 12 điểm. Bạn có thể chỉnh sửa số lượng điểm thông qua thanh trượt ở bên trái và bạn có thể thay đổi hình dạng của chúng bằng cách giữ một ngón tay trong khi kéo Bút chì trên canvas.

Thêm một số chi tiết thú vị

Bạn có phải cũng là một trong những người tiết kiệm những gì tốt nhất cho lần cuối không? Đã đến lúc thêm một trong những yếu tố đồ họa cuối cùng và thú vị nhất vào tác phẩm này.

Tạo tàu con thoi với nỗ lực tối thiểu bằng chức năng Biểu tượng. Chỉ cần nhấn vào tab cuối cùng trong Trình kiểm tra để truy cập Iconator và sử dụng thanh tìm kiếm để tìm thứ bạn cần.

Maddy chọntàu con thoi mà cô ấy thích nhất, thay đổi kích thước, tô màu trắng và căn giữa biển báo. Dễ thôi!

Thêm hiệu ứng ánh sáng

Để thêm phần tinh tế, hãy kết thúc bằng cách thêm một số vòng tròn đèn để tạo hiệu ứng lấp lánh cho thành phố ở xa. Tất nhiên, hãy sử dụng Công cụ hình dạng cho các vòng tròn, sau đó sử dụng chức năng chuyển màu trong Tab Kiểu để tạo hiệu ứng đẹp hơn.

Maddy đã sử dụng chuyển màu tuyến tính với màu hồng (F9A3D8) ở bên trái trong khi bên phải còn lại trong suốt 100%.

Sau đó, chuyển đến Chế độ hòa trộn và chọn Lớp phủ.

Thêm chuyển động

Để tạo chế độ minh họa động, hãy thêm một lớp ánh sáng hạt cuối cùng xuyên qua khung cảnh. Đối với điều này, Maddy giữ nguyên cọ như trước (bọ thứ tư từ các giá trị đặt trước của chúng tôi) để tạo các nét rất đẹp với cùng một độ dốc từ Bước 15. Sau đó, đặt lại chế độ hòa trộn thành Lớp phủ.

Thời điểm chúng tôi đã chờ đợi: Sau tất cả các bước này, hình minh họa đã hoàn tất!

Tại sao Vẽ Nền lại quan trọng

Bất kể nền của bản vẽ là gì , nó có tác động rất lớn đến tác phẩm nghệ thuật cuối cùng—dù tốt hay xấu!

Khi bạn đã học cách vẽ các đối tượng và nhân vật ở tư thế động, nền là phần cuối cùng củacâu đố gắn kết mọi thứ lại với nhau.

Nền của bạn đóng vai trò là âm dương của nhân vật. Nếu bạn đã tạo nhân vật của mình bằng các hình tròn, hãy sử dụng các hình góc cạnh để thể hiện nền. Nếu nhân vật của bạn tối, hãy sử dụng màu nền sáng, v.v. Điều quan trọng là phải tương phản với nhân vật của bạn để giúp họ nổi bật.

Nền của bạn phải làm nổi bật nhân vật và câu chuyện của nhân vật đó ở cấp độ kỹ thuật và khái niệm. Vì vậy, nếu bạn tự hỏi liệu thiết kế nền có quan trọng hay không, thì chúng tôi tin rằng điều đó thực sự quan trọng.

Chúng tôi hy vọng hướng dẫn này hữu ích cho bạn. Trong trường hợp bạn chưa có, hãy đảm bảo bạn tải xuống Vectornator để có thể thiết kế nền tuyệt đẹp của riêng mình giống như nền mà Maddy đã tạo.

Nếu bạn chưa quen với công cụ của chúng tôi, hãy xem Trung tâm kiến ​​thức hoặc kênh YouTube của chúng tôi cho các hướng dẫn thiết kế đồ họa và nguồn cảm hứng mới; và chọn một mẫu có sẵn để tạo thiết kế trong vòng vài phút.

Đừng quên luôn gắn thẻ chúng tôi trên mạng xã hội để chúng tôi có thể đăng lại tác phẩm của bạn!

Bạn sẽ nhận thấy rằng mỗi bước mà chúng tôi đề cập trong hướng dẫn này không đi sâu vào chi tiết. Có nghĩa là chúng tôi sẽ không đề cập đến một bước mỗi khi một lớp mới được tạo hoặc một hình dạng mới được vẽ. Thay vào đó, chúng tôi sẽ cô đọng từng phần bổ sung cấu trúc cho quy trình thiết kế thành một bước bao quát.

• iPad

• Apple Pencil

• Procreate (hoặc bất kỳ phần mềm phác thảo nào khác)

• Phiên bản mới nhất của Vectornator Bạn sẽ học được gì:

• Cách phác thảo

• Cách chuẩn bị canvas và nền của bạn

• Cách thêm và quản lý các lớp

• Sử dụng nâng cao các công cụ Pen, Pencil, Brush , Công cụ nút và Hình dạng

• Sử dụng nâng cao Bộ chọn màu và Trình chỉnh sửa dải màu

• Cách thêm ánh sáng, bóng tối và chuyển động

• Cách sử dụng bản sao để giảm bớt khối lượng công việc của bạn

• Cách tạo chữ vẽ tay

• Cách tạo các hình phức tạp

Chúng tôi đã kết hợp thực hành và lý thuyết ở đây, vì vậy hãy thắt dây an toàn!

Nhận đúng tài liệu tham khảo của bạn

Bước này là tìm nguồn cảm hứng phù hợp cho loại nền mà bạn muốn thiết kế.

Bạn có đoán được tài liệu tham khảo của Maddy đến từ đâu không từ? Nguồn cảm hứng của cô là những cảnh quan thành phố màu nhạt với đèn neon từ những năm 80 và 90anime như Thủy thủ mặt trăng và Cardcaptor Sakura. Cô ấy sẽ kết hợp óc thẩm mỹ của họ vào thiết kế nền của mình.

Chúng đã được thiết lập để có ánh sáng, hành động thú vị và bố cục tốt. Nhưng bạn cũng có thể chỉ cần ra ngoài và vẽ phong cảnh hoặc cảnh đô thị mà bạn nhìn thấy xung quanh mình.

Điều quan trọng nhất ở đây là mang lại cho mọi thứ ý nghĩa. Bạn không nên coi nhân vật của mình và bối cảnh của họ là những thứ riêng biệt mà là một đơn vị duy nhất. Bạn không chỉ vẽ nền cho nhân vật của mình, mà bạn đang vẽ khung cảnh có nhân vật của bạn trong đó.

Phác thảo các hình cơ bản của bạn

Một phong cách phác thảo phổ biến là thực hiện một số nghiên cứu nhỏ về "cử chỉ" kéo dài 5 phút từ các tài liệu tham khảo trong đó bạn chỉ cần gạch bỏ các giá trị chính.

Sau đó, chọn một hoặc hai nghiên cứu để phát triển thành nhiều hơn bản phác thảo chi tiết mà bạn dành khoảng 30 phút để tạo, giống như bản phác thảo mà Maddy hoàn thành trong Procreate.

Suy nghĩ theo cách này giúp bạn tích hợp tất cả các yếu tố của mình theo cách tốt hơn và thú vị hơn. Bởi vì người xem của bạn khiến tôi chú ý đến môi trường hơn là nếu đó chỉ là phông nền trang trí.

Vì vậy, trong trường hợp của chúng tôi, chúng tôi đã biết rằng Jocasta là một thiếu niêncô gái có siêu năng lực Nhưng Maddy với tư cách là người sáng tạo biết rằng cô ấy sống trong tương lai, trong một thành phố bận rộn, nơi cô ấy phải đợi phương tiện giao thông công cộng mỗi tối để trở về nhà.

Bạn có thể nhận ra điều này qua yếu tố bắt mắt nhỏ này —biển báo trạm dừng xe buýt thực ra là tàu con thoi.

Tải Bản phác thảo lên Vectornator

Từ Procreate, chỉ cần xuất bản phác thảo của bạn dưới dạng jpeg/png và nhập nó vào Vectornator. Bạn có thể làm điều đó bằng cách kéo và thả từ Tab Thư viện.

Đặt vị trí cho nhân vật của bạn

Maddy đặt Jocasta vào cảnh theo quy tắc một phần ba.

Có nhiều cách để tạo bố cục tuyệt vời bằng cách sử dụng nhiều quy tắc đã thử và kiểm tra khác nhau (chẳng hạn như quy tắc một phần ba) giúp bạn đạt được tính thẩm mỹ cân bằng. Nếu bạn muốn tìm hiểu thêm về nó, hãy xem video hướng dẫn của chúng tôi về cách tạo bố cục tuyệt vời được quay bởi một họa sĩ minh họa tuyệt vời khác—Soodabeh Damavandi.

Sắp xếp các lớp của bạn

Điều quan trọng là phải giữ cho các lớp của bạn gọn gàng và ngăn nắp—bạn càng nỗ lực hơn trong bước này sẽ giúp bạn tiến bộ gấp mười lần với hình minh họa của mình.

Vì vậy, sau khi bạn đặt nhân vật của mình, hãy ẩn đi lớp ký tự. Sau đó, khóa lớp phác thảo sau khi bạn đã hạ thấp nó xuống.độ mờ đục.

Đây cũng là thời điểm tốt để nói về kỹ thuật!

Có hai cách để thiết kế nền: sử dụng phối cảnh hoặc xếp lớp cảnh quan của bạn. Hôm nay chúng tôi đang tập trung vào kỹ thuật xếp lớp. Nếu bạn muốn chúng tôi đề cập đến lý thuyết phối cảnh trong một video khác, vui lòng bình luận bên dưới.

Vì vậy, nếu chia nhỏ cảnh quan, chúng ta có tổng cộng năm lớp. Từ trước ra sau, do đó, từ gần nhất đến xa nhất, các lớp là:

• Jocasta và bóng ma.
• Trạm xe buýt và đường sắt.
• Dãy tòa nhà đầu tiên.
• Dãy tòa nhà thứ hai.
• Cuối cùng là bầu trời, mặt trăng và các đám mây.

Từ thời điểm này trở đi, bạn chỉ cần ghi nhớ để luôn tạo một lớp mới cho bất kỳ thành phần thiết kế mới nào cho hình minh họa của bạn—ví dụ: bến xe buýt nằm trên một lớp riêng biệt, hàng tòa nhà thứ hai cũng vậy, mặt trăng và các ngôi sao cũng vậy, v.v. Bạn hiểu rồi.

Kể chuyện bằng màu sắc

Màu sắc là một khía cạnh cực kỳ quan trọng khác có thể kể thêm về câu chuyện của nhân vật.

Tóm lại: thế giới này là trong tương lai, nó tràn ngập phép thuật và nó cũng được truyền cảm hứng từ Thủy thủ Mặt trăng. Không có gì ngạc nhiên khi Maddy đã chọn những màu đậm như neon, phấn màu, hồng và xanh lá cây. Bất cứ thứ gì trừ buồn tẻ!

Dưới đây là tất cả các mã hex bạn cần để tạo lại quân cờ của Maddy:

Màu tím đậm - 7125D0

Cam - EFB09F

Xanh vừa - 869FEF

Xanh đậm - 3E6AED

Xanh đậm hơn - 4265D2

Xanh lam - 2885C7

Vàng - FEF66F

Hồng - F9A3D8

Hồng nhạt - F9DCEE

Cuối cùng, bạn phải đảm bảo rằng bạn sử dụng kết hợp màu điều đó đủ tương phản nhưng đồng thời vẫn hài hòa với nhân vật của bạn. Đó là lý do tại sao Maddy chọn những màu rất giống với những màu mà cô ấy đã sử dụng cho Jocasta.

Bạn sẽ nhận thấy rằng những sắc thái mà Maddy chọn sẽ được sử dụng và tái sử dụng trong nhiều yếu tố thiết kế khác nhau trong toàn bộ tác phẩm của cô ấy. Việc chọn một bảng màu đa dạng nhưng có giới hạn sẽ giúp ích cho bạn trong quá trình sáng tạo, nhưng cũng sẽ làm cho tác phẩm nghệ thuật của bạn trở nên gắn kết và dễ nhận biết hơn.

Thiết lập tâm trạng theo thời gian trong ngày

Tránh xa màu nền đồng nhất và sử dụng thời gian trong ngày như một cách để thiết lập tâm trạng. Đối với cảnh này, Maddy đã chọn buổi tối sớm.

Nó phù hợp với cảm giác của cả Jocasta và người bạn ma của cô ấy lúc này. Jocasta có vẻ như cô ấy đã vượt qua nó, nhưng vì ma xuất hiện vào ban đêm nên anh ấy sắp bắt đầu một ngày của mình!

Để đạt được diện mạo này, Maddy tạo một hình vuông màu tím lấp đầy toàn bộ canvas (C18FF0). Sau đó, cô ấy áp dụng chuyển màu tuyến tính màu lam đậm (3E6AED) bắt đầu từ phía trên bên phảigóc.

Maddy sau đó nhân đôi hình vuông, xoay nó để dải màu nằm ở góc đối diện và thay đổi màu dải màu thành màu cam đẹp mắt (EFB09F). Có ai đó đã nói rung cảm hoàng hôn không?

Tạo hàng tòa nhà thứ hai

Chúng ta sẽ bắt đầu với lớp vật thể xa nhất thứ hai (lớp xa nhất là bầu trời).

Thứ tự cụ thể này không quá quan trọng. Nhưng nếu bạn có một nhóm các lớp chồng lên nhau, chẳng hạn như các tòa nhà, nhà ga, v.v., thì tốt nhất bạn nên bắt đầu với lớp xa nhất để bạn có thể hiểu cách đặt các đối tượng của mình ở tiền cảnh, bạn có bao nhiêu không gian âm để chơi xung quanh và màu nào tương phản tốt nhất.

Maddy chọn Công cụ Hình dạng và bắt đầu tạo các hình dạng hình học để xác định chế độ xem trực diện của các tòa nhà. Màu xanh cô ấy sử dụng là 869FEF.

Vẽ Phối cảnh

Và để vẽ các cạnh, cô ấy chọn màu tối hơn—957AE1.

Không chỉ vậy, cô ấy còn sử dụng Công cụ Nút để thay đổi góc của cạnh trên cùng của hình chữ nhật sao cho chúng thẳng hàng với điểm biến mất trong bố cục của bạn.

Thêm chi tiết

Maddy thêm biểu ngữ cho các tòa nhà gần với góc nhìn của người xem hơn.

Mặc dù về mặt kỹ thuật, các tòa nhà này vẫn ở hàng thứ hai nhưng chúng tòa nhà gần nhất trong số những tòa nhà xa nhất. Vì vậy, thêm bất kỳcác chi tiết ở đây sẽ chỉ tạo ra bối cảnh chân thực hơn.

Vẽ Dãy tòa nhà đầu tiên

Tương tự như trước, chọn Công cụ Hình dạng và vẽ hình chữ nhật để lấp đầy thành phố. Maddy chọn lại 957AE1 và 4265D2 cho các mặt.

Tạo Ambiance

Để thêm chiều sâu hơn nữa cho nền của bạn, hãy xem xét thêm các chi tiết như thành phố sương mù.

Chỉ cần vẽ một hình chữ nhật bằng Công cụ Hình dạng và tạo cho nó một dải màu tuyến tính thú vị làm mờ dần từ dưới lên. Màu bên trái (trong trường hợp của chúng tôi là màu dưới cùng) là xanh mòng két đẹp mắt (2885C7) và màu bên trái (trong trường hợp của chúng tôi là màu trên cùng) là màu trắng (FFFFFF) với độ mờ bằng 0. Bạn có thể đạt được điều này bằng cách đưa kênh A về 0.

Thêm chi tiết khác

Hãy nhớ rằng bạn càng đến gần thì càng tối và các đối tượng của bạn sẽ chi tiết hơn. Mặc dù dãy tòa nhà trước đó sẽ vẫn là một cụm gồm các khối hình chữ nhật và khối đặc tối giản với rất ít cửa sổ.

Vì vậy, trong các tòa nhà gần nhân vật nhất, hãy đảm bảo thêm tất cả các loại chi tiết như cửa sổ, đèn, hoặc biển quảng cáo. Giống như ký hiệu “Coola” này mà Maddy tạo bằng các nét vẽ tự do bằng cách sử dụng giá trị đặt trước thứ hai từ Bảng chọn cọ vẽ của chúng tôi.

Mẹo để thêm nhiều cửa sổ vào các tòa nhà ở nền trước là chọn nhiều đối tượng bằng Công cụ chọn và sao chép chúng theo trình tự.

VẽĐiểm dừng xe buýt

Với Công cụ hình chữ nhật, theo dõi tất cả các hình dạng chính bao gồm điểm dừng xe buýt.

Như trước đây, hãy sử dụng Công cụ nút để thay đổi bất kỳ góc nào cần thiết dẫn đến điểm biến mất của quan điểm của bạn. Ở đây, cô ấy sử dụng màu tím cho hàng rào (7125D0), màu trắng (FFFFF) và màu vàng (FEF66F) cho tấm bìa và thêm một màu xanh lam (957AE1) cho biển báo.

Thêm Thêm Kích thước

Các yếu tố của bến xe buýt cũng là một phần của cảnh hoàng hôn.

Để gợi lên điều đó, chúng ta sẽ làm điều gì đó với những màu đồng nhất này. Vì vậy, hãy sao chép hình chữ nhật trên cùng mà bạn đã sử dụng để tạo hàng rào, làm cho nó hẹp hơn, đặt nó lên trên và tạo cho nó một dải màu thể hiện ánh hoàng hôn phản chiếu.

Maddy sử dụng một dải màu tuyến tính (dải màu trong giữa) và thay đổi cả màu bên phải và bên trái thành màu cam nhạt (EFB09F). Sau đó, cô ấy làm cho màu bên trái hoàn toàn trong suốt bằng cách thay đổi kênh A thành 0.

Áp dụng hiệu ứng tương tự, theo cùng một cách, cho từng đường ray riêng lẻ.

Thêm các phần tử vào bầu trời

Cuối cùng, chúng ta sẽ chuyển sang bước chi tiết trên bầu trời, nơi chúng ta sẽ thêm một vài đám mây, ngôi sao và mặt trăng.

Đối với những đám mây, hãy chọn Brush