() translation by (you can also view the original English article)
Halloween đã sắp đến rồi, tôi nghĩ đây sẽ là thời điểm tốt để chỉ cho bạn cách vẽ một hình minh họa "xác sống" tối tăm trong Affinity Designer.
Nếu điều này nghe có vẻ thú vị, chúng ta hãy cùng xem xét kỹ quy trình tạo toàn bộ bố cục này, không sử dụng gì ngoài một số hình dạng và công cụ cơ bản.
Ngoài ra, nếu bạn muốn mở rộng dự án sau này, bạn luôn có thể làm như vậy bằng cách chuyển sang GraphicRiver, nơi bạn sẽ tìm thấy một bộ chọn lựa tuyệt vời các tài sản vectơ.
Bây giờ thì chúng ta xem ngay bài hướng dẫn này nhé!
1. Cách thiết lập một tập tin dự án mới
Như chúng ta đã làm với mọi dự án mới, chúng ta sẽ bắt đầu bằng cách thiết lập một Tài liệu mới bằng cách chuyển đến File > New (hoặc bằng phím tắt Control-N), sau đó chúng ta sẽ điều chỉnh như sau:
- Type: Web
- Document Units: Pixels
- Page Width: 600 px
- Page Height: 800 px
- DPI: 72
2. Cách thiết lập các Layer
Ngay sau khi chúng ta tạo tài liệu, chúng ta sẽ cần dành một vài phút và cấu trúc dự án của chúng ta bằng một vài Layer để chúng ta có thể duy trì quy trình làm việc rõ ràng và ổn định trong toàn bộ quá trình này.
Để thực hiện, chỉ cần mở bảng Layers và sau đó tạo năm Layer mới bằng nút Add Layer, đặt tên cho chúng như sau:
- Layer đầu tiên: background
- Layer thứ hai: sky
- Layer thứ ba: forest
- Layer thứ tư: hands
- Layer thứ năm: gradient overlay
3. Cách tạo Background
Bây giờ chúng ta đã hoàn tất việc thiết lập tập tin dự án của mình, chúng ta có thể bắt đầu làm việc trên hình minh họa thực tế, và chúng ta sẽ làm như vậy bằng cách vẽ nền màu.
Bước 1
Mở Layer dưới cùng, sau đó tạo một hình chữ nhật 800 x 480 px, tô màu #F46742 và sau đó căn giữa với trang nằm bên dưới bằng tùy chọn Align Center và Align Middle của bảng Arrange.
Bước 2
Khóa Layer hiện tại bằng nút nhỏ Lock / Unlock, chuyển sang Layer tiếp theo khi bạn đã hoàn tất.
4. Cách vẽ mặt trăng
Giả sử bạn đã ở Layer tiếp theo (đó sẽ là Layer thứ hai), hãy bắt đầu vẽ bầu trời.
Bước 1
Tạo mặt trăng bằng một hình tròn 160 x 160 px, tô màu #FEF2D7 và sau đó căn giữa với trang này, đặt nó cách 80 px từ cạnh trên cùng của nó.
Bước 2
Tạo cho hình dạng mà chúng ta vừa tạo ra hào quang bên ngoài, bằng cách nhấp chuột vào Layer Effects (nút fx nhỏ) và sau đó chọn hộp kiểm Outer Glow và điều chỉnh nó như sau:
- Blend mode: Screen
- Opacity: 74%
- Radius: 8%
- Intensity: 50%
- Color:
#FEF2D7
5. Cách vẽ mây
Sau khi chúng ta có mặt trăng, chúng ta có thể bắt đầu thêm những đám mây nhỏ bằng một vài hình elip, như bạn thấy trong các bước sau.
Bước 1
Tạo hình dạng chính cho hình lặp lại đám mây đầu bằng một hình elip 40 x 12 px, tô màu #FEF2D7 và sau đó chuyển đổi thành các đường cong bằng thao tác Convert to Curves của thanh công cụ ngữ cảnh để có thể chỉnh sửa các node bên ngoài sau này.
Bước 2
Bắt đầu điều chỉnh hình elip bằng cách chọn các node trái và phải của nó bằng Node Tool (A), sau đó làm nhọn chúng bằng Convert to Sharp ở trên thanh công cụ ngữ cảnh.
Bước 3
Tiếp tục điều chỉnh hình dạng này bằng cách che nửa dưới bằng một hình chữ nhật (được đánh dấu bằng màu xanh lá cây), và sau đó cắt nó thành một nửa bằng cách loại bỏ vùng chồng lên nhau bằng chức năng Subtract.
Bước 4
Tạo phần tiếp theo của đám mây bằng hình tròn 40 x 40 px (#FEF2D7), chúng ta sẽ điều chỉnh như chúng ta đã làm trước đó bằng cách ghim các node bên của nó và sau đó loại bỏ nửa dưới của nó, đặt hình kết quả ở phía bên phải, để hai hình chồng lên nhau như hình bên dưới.
Bước 5
Thêm phần thứ ba bằng một hình tròn 24 x 24 px nhỏ hơn (#FEF2D7), chúng ta sẽ điều chỉnh và sau đó đặt ở bên phải của phần trước, sao cho chúng đè lên nhau 4 px.
Bước 6
Kết thúc đám mây bằng cách thêm một hình elip 48 x 8 px (#FEF2D7), mà chúng ta sẽ điều chỉnh và sau đó đặt ở bên phải, sao cho nó chồng lên hình trước đó 8 px. Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả bốn hình lại với nhau bằng phím tắt Control-G.
Bước 7
Hãy dành thời gian để hoàn tất và thêm những đám mây còn lại theo cùng một quy trình, đảm bảo thay đổi giá trị chiều rộng và chiều cao của các hình dạng để tạo ra một kết quả thú vị hơn.
Khi bạn hoàn tất, hãy nhanh chóng gắn nhãn từng nhóm bằng cách mở bảng Layers và sau đó chỉ cần nhấp chuột vào chúng, đảm bảo khóa Layer hiện tại sau đó.
6. Cách vẽ rừng
Vào Layer thứ ba và bắt đầu làm việc trên phần tiếp theo của sáng tác của chúng ta. Bạn sẽ tìm hiểu cách chúng ta có thể biến một vài hình chữ nhật đơn giản thành một rừng cây đáng sợ.
Bước 1
Bắt đầu bằng cách tạo hình dạng chính cho thân cây bên trái bằng hình chữ nhật 36 x 480 px, tô màu #537987 và sau đó căn giữa với cạnh trái của trang. Nếu bạn thắc mắc vì sao chúng ta sử dụng giá trị màu sáng hơn, thì đó là vì hình dạng này sẽ hoạt động như phần bắt sáng, mà chúng ta sẽ sử dụng để che phần tối hơn sau này.
Bước 2
Chuyển đổi hình dạng mà chúng ta vừa tạo ra để uốn cong bằng thao tác Convert to Curves. Sau đó chọn node trên cùng bên phải của nó bằng Node Tool (A) và đẩy nó vào bên trong 20 px bằng các phím mũi tên chỉ hướng.
Quick Tip: bạn có thể dễ dàng điều chỉnh vị trí của node đã chọn bằng các trường nhập tọa độ X và Y của bảng Transform, cho phép bạn nhanh chóng thêm hoặc xóa khoảng cách mong muốn bằng các phép toán đơn giản như cộng hoặc trừ.
Bước 3
Tạo một bản sao (Control-C > Control-V) của hình dạng kết quả, sau đó chúng ta sẽ điều chỉnh bằng cách thay đổi màu của nó thành #1F3744, sau đó đẩy nó 8 px sang bên trái. Sau khi xong, hãy chọn node dưới cùng bên phải của nó bằng Node Tool (A) và sau đó đẩy nó 4 px sang bên phải.
Bước 4
Mask phần tối hơn bằng cách mở bảng Layers và kéo hình dạng của nó lên hình dạng sáng hơn của thân cây.
Bước 5
Lấy Pen Tool (P) và nhanh chóng vẽ nhánh trên, tô màu hình dạng kết quả với #1F3744. Theo nguyên tắc chung, bạn hãy vẽ các đường thô hơn với các góc cứng để mang lại cho nó vẻ ngoài kỳ quái hơn. Hãy dành thời gian thực hiện và sau khi hoàn tất, chuyển sang bước tiếp theo.
Bước 6
Hoan thành cái cây hiện tại bằng cách điều chỉnh quá trình chuyển đổi giữa các phần sáng hơn và tối hơn của cây. Bạn có thể làm điều này bằng cách vẽ một vài hình dạng nhỏ hơn bằng #1F3744 làm màu Fill của bạn. Hãy dành thời gian thực hiện và sau khi hoàn tất, hãy chọn và nhóm tất cả các phần kết quả lại với nhau bằng phím tắt Control-G, đảm bảo thực hiện tương tự cho toàn bộ cây sau đó.
Bước 7
Tạo hình dạng chính cho thân cây thứ hai bằng hình chữ nhật 24 x 480 px (#537987), chúng ta sẽ điều chỉnh bằng cách chuyển đổi hình đầu tiên thành đường cong, sau đó chọn và đẩy node trên cùng bên phải của nó sang bên trái 12 px. Khi bạn đã hoàn tất, hãy đặt hình kết quả như hình bên dưới.
Bước 8
Thêm phần tối hơn bằng một bản sao (Control-C > Control-V) của hình dạng mà chúng ta vừa tạo, chúng ta sẽ đẩy 4 px sang trái và sau đó điều chỉnh bằng cách chọn và đẩy node dưới cùng bên phải của nó vào bên trong 4 px. Khi bạn đã hoàn tất, hãy đảm bảo bạn che hình dạng kết quả bằng cách mở bảng Layers và kéo nó lên trên thân chính của thân cây.
Bước 9
Tạo nhánh bên trái bằng một hình chữ nhật 16 x 4 px (#1F3744), trước tiên chuyển đổi nó thành đường cong, sau đó chọn và đẩy node trên cùng bên phải của nó tới 12 px, và node dưới cùng bên phải của nó là 8 px. Sau khi bạn hoàn thành, hãy đặt hình kết quả như hình bên dưới.
Bước 10
Kết thúc cây thứ hai bằng cách điều chỉnh sự chuyển tiếp giữa các phần tối hơn và sáng hơn như chúng ta đã làm với phần đầu tiên, đảm bảo chọn và nhóm (Control-G) tất cả các hình dạng kết quả với nhau, làm tương tự cho tất cả các hình dạng tạo thành của nó sau đó .
Bước 11
Thêm những cái cây còn lại bằng cách tương tự, đảm bảo sử dụng các giá trị chiều rộng và chiều cao khác nhau và định hướng cho tất cả các hình dạng khác nhau để có được biến thể đẹp. Khi bạn thực hiện, đừng quên chọn và nhóm từng hình dạng tạo thành của từng cây với nhau bằng phím tắt Control-G. Sau khi hoàn tất, hãy chuyển sang bước tiếp theo.
Bước 12
Tạo những cái cây hình nền bằng một vài thân cây và cành cây, tô màu #B73D29, tách thành từng nhóm một khi bạn thực hiện. Khi bạn đã hoàn tất, hãy chọn tất cả các hình dạng kết quả và đặt chúng bên dưới các cây có màu, bằng cách nhấp chuột phải > Arrange > Move to Back.
Bước 13
Tiếp theo, chúng ta sẽ thêm vào bố cục bằng cách vẽ hai nhánh dày hơn kéo dài từ hai bên đến chính giữa của hình minh họa.
Chúng ta sẽ bắt đầu với hình bên trái, dùng Pen Tool (P), tô màu cho hình dạng kết quả bằng màu #537987. Khi bạn đi qua các đường nét của bạn, hãy sử dụng các góc độ thô như được thấy trong hình ảnh tham chiếu để mang lại cho nó cảm giác “đáng sợ”.
Bước 14
Thêm phần tối hơn bằng một bản sao (Control-C > Control-V) của hình dạng kết quả, điều chỉnh bằng cách thay đổi màu của nó thành #1F3744, và sau đó đẩy nó xuống dưới cùng 4 px, đảm bảo điều chỉnh vị trí của một số node trên cùng của nó để cho phép nhiều phần sáng hơn đi qua. Khi bạn đã hoàn tất, hãy che phần tối hơn bằng cách mở bảng Layers và kéo hình dạng của nó lên trên phần sáng hơn.
Bước 15
Điều chỉnh thêm các góc của phần tối hơn bằng cách vẽ một vài đoạn nhỏ hơn, tô màu #1F3744. Khi bạn hoàn tất, đừng quên chọn và nhóm tất cả các hình dạng tạo thành của nhánh cây bằng phím tắt Control-G.
Bước 16
Tạo nhánh bên phải theo cùng một quy trình, đảm bảo chọn và nhóm (Control-G) tất cả các hình dạng tạo thành của nó sau khi bạn đã hoàn tất. Ngoài ra, vì chúng ta đã thực hiện khá nhiều công việc trên khu rừng, bạn có thể khóa Layer hiện tại trước khi chuyển sang phần tiếp theo của hình minh họa.
7. Cách vẽ bàn tay
Giả sử bạn đã mở Layer tiếp theo (đó sẽ là Layer thứ tư), phóng to giữa trang và bắt đầu vẽ xác sống.
Bước 1
Vì tôi không giỏi vẽ tay, và theo phong cách của hình minh họa này, tôi đã tạo ra ba hình ảnh bằng các hình chữ nhật cơ bản, sau đó tôi đã dành thời gian để điều chỉnh cho đến khi chúng có cảm giác "phù hợp". Mặc dù phương pháp này có thể không mang lại kết quả đẹp mọi lúc, nhưng đây là một thủ thuật hay có thể hữu ích cho các dự án trong tương lai.
Đến với điều đang nói, hãy bắt đầu vẽ cẳng tay của cánh tay bằng cách tạo một hình chữ nhật có kích thước 88 x 124 px, tô màu #1F3744 và sau đó căn giữa với mép dưới của trang.
Bước 2
Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách chuyển đổi hình đầu tiên thành đường cong và sau đó chọn từng node bằng Node Tool (A), điều chỉnh vị trí của chúng bằng tọa độ X và Y của bảng Transform như sau:
- node trên cùng bên trái: X + 16 px
- node trên cùng bên phải: X - 24 px / Y - 20 px
Bước 3
Tạo hình dạng chính cho lòng bàn tay bằng hình chữ nhật 96 x 42 px (#1F3744), chúng ta sẽ đặt trên cùng của node trên cùng bên phải của hình dạng như hình bên dưới.
Bước 4
Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách biến nó thành đường cong và sau đó điều chỉnh vị trí của các node sau:
- node trên cùng bên phải: X - 4 px
- node dưới cùng bên trái: X + 48 px / Y + 20 px
- node trên cùng bên trái: Y + 26 px
Quick Tip: để kết nối các node của hai hình dạng khác nhau, bạn có thể dễ dàng làm cho chúng chồng lên nhau bằng cách chọn chúng bằng Node Tool (A) và sau đó kéo chúng vào vị trí.
Bước 5
Thêm hình dạng chính cho phần dưới của ngón tay cái sử dụng hình chữ nhật 60 x 42 px (#1F3744), chúng ta sẽ đặt ở trên node trên bên phải của hình dạng mà chúng ta vừa điều chỉnh.
Bước 6
Chuyển đổi hình dạng mà chúng ta vừa tạo thành đường cong và sau đó nhanh chóng định vị lại các node bằng các giá trị sau:
- node dưới cùng bên trái: X + 4 px
- node trên cùng bên phải: X - 20 px / Y - 12 px
- node dưới cùng bên phải: Y - 46 px
Bước 7
Tạo phần trên của ngón tay cái bằng hình chữ nhật 20 x 60 px (#1F3744), chúng ta sẽ đặt lên node bên phải của hình dạng như hình bên dưới.
Bước 8
Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách chuyển đổi hình dạng này thành đường cong, sau đó chọn từng node và định vị lại các node của nó như sau:
- node dưới cùng bên trái: Y - 8 px
- node trên cùng bên phải: X - 16 px / Y - 4 px
Bước 9
Tạo hình dạng chính cho phần dưới của ngón trỏ bằng hình chữ nhật 36 x 90 px (#1F3744), đặt như hình bên dưới.
Bước 10
Chọn Node Tool (A) và nhanh chóng điều chỉnh vị trí của các node của hình dạng như sau:
- node dưới cùng bên trái: Y - 26 px
- node trên cùng bên phải: X - 24 px / Y + 10 px
Bước 11
Thêm phần trên của ngón tay bằng hình chữ nhật có kích thước 44 x 10 px (#1F3744), đặt như hình bên dưới.
Bước 12
Chuyển đổi hình dạng này thành đường cong, và sau đó điều chỉnh nó bằng cách chọn riêng và đẩy các node của nó bằng các tọa độ sau:
- node dưới cùng bên trái: X + 12 px
- node trên cùng bên phải: Y - 14 px
- node dưới cùng bên phải: X + 4 px / Y - 20 px
Bước 13
Tạo hình dạng chính cho phần dưới của ngón giữa bằng hình chữ nhật 40 x 80 px (#1F3744), đặt như hình bên dưới.
Bước 14
Nhanh chóng điều chỉnh hình dạng mà chúng ta vừa tạo, bằng cách chọn từng node được chỉ định bằng Node Tool (A) và sau đó đặt lại chúng như sau:
- node dưới cùng bên trái: X + 12 px / Y + 4 px
- node trên cùng bên phải: X - 28 px / Y + 12 px
Bước 15
Thêm phần trên của ngón tay bằng một hình chữ nhật 48 x 12 px (#1F3744), đặt trên cùng của hình dạng trước đó như trong hình bên hình.
Bước 16
Điều chỉnh hình dạng mà chúng ta vừa tạo, định vị lại các node được chỉ định bằng các tọa độ sau:
- node dưới cùng bên trái: X + 12 px
- node trên cùng bên phải: Y - 16 px
- node dưới cùng bên phải: X + 4 px / Y - 24 px
Bước 17
Tạo hình dạng chính cho phần dưới của ngón áp út bằng hình chữ nhật 52 x 80 px (#1F3744), đặt như hình bên dưới.
Bước 18
Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách dùng Node Tool (A) và sau đó sử dụng nó để điều chỉnh các node được chỉ định như sau:
- node dưới cùng bên trái: X + 32 px / Y + 16 px
- node trên cùng bên phải: X - 40 px / Y + 8 px
Bước 19
Thêm phần trên của ngón tay bằng hình chữ nhật có kích thước 44 x 8 px (#1F3744), chúng ta sẽ đặt ở trên của node trên cùng bên trái của hình dạng kết quả.
Bước 20
Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách chọn riêng các node được chỉ định và sau đó điều chỉnh vị trí của chúng như sau:
- node dưới cùng bên trái: X + 12 px
- node trên cùng bên phải: X - 4 px / Y - 24 px
- node dưới cùng bên phải: Y - 28 px
Bước 21
Bắt đầu vẽ ngón tay cuối cùng bằng cách tạo hình dạng chính cho phần dưới của nó bằng một hình chữ nhật 56 x 36 px (#1F3744), đặt như hình bên dưới.
Bước 22
Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách chuyển đổi hình dạng thành đường cong, sau đó chọn từng node và định vị lại các node được chỉ định bằng các giá trị sau:
- node dưới cùng bên trái: X + 48 px / Y + 32 px
- node trên cùng bên phải: X - 40 px / Y + 4 px
Bước 23
Thêm phần trên của ngón tay bằng hình chữ nhật 38 x 4 px (#1F3744), đặt như hình bên dưới.
Bước 24
Chuyển đổi hình dạng mà chúng ta vừa tạo thành đường cong, sau đó chọn riêng biệt và điều chỉnh vị trí của các node được chỉ định bằng các giá trị sau:
- node dưới cùng bên trái: X + 16 px
- node trên cùng bên phải: X - 2 px / Y - 26 px
- node dưới cùng bên trái: X + 48 px / Y + 32 px
- node dưới cùng bên phải: Y - 22 px
Bước 25
Tô màu #1F3744 cho phần trống của lòng bàn tay bằng Pen Tool (P). Ngoài ra hãy chắc chắn rằng các node của nó chồng lên các hình dạng lân cận của nó.
Bước 26
Chọn tất cả các hình dạng tạo thành của bàn tay và sau đó hợp nhất chúng thành một hình dạng lớn hơn bằng thao tác Add.
Bước 27
Bây giờ chúng ta đã hoàn thành việc tạo ra bàn tay, dùng một vài phút để vẽ một số điểm nổi bật bằng Pen Tool (P), tô màu các hình dạng kết quả bằng #537987. Khi bạn hoàn tất, hãy chọn và nhóm tất cả chúng lại với nhau bằng phím tắt Control-G, đảm bảo che chúng sau đó nếu chúng xuất hiện bên ngoài bề mặt của bàn tay.
Bước 28
Vì thây ma thường có các vết thương rách thịt, hãy dành thời gian và vẽ một vài cái lỗ với màu #F46742 làm màu Fill của bạn. Tạo cho các hình dạng kết quả một số điểm nổi bật nhẹ (#537987), đảm bảo nhóm lại riêng lẻ (Control-G) từng hình, làm tương tự cho toàn bộ bàn tay sau đó.
Bước 29
Tạo hình dạng chính cho bàn tay nhỏ hơn bằng một bản sao (Control-C > Control-V) của hình dạng tô màu lớn hơn, chúng ta sẽ thu nhỏ và sau đó điều chỉnh bằng cách đặt lại ngón tay của chúng như hình bên dưới. Sau khi hoàn tất, hãy chuyển sang bước tiếp theo.
Bước 30
Như chúng ta đã làm với bàn tay lớn hơn, tạo cho những bàn tay nhỏ hơn một số điểm nổi bật và vết thương, chắc chắn nhóm (Control-G) từng chi tiết và những bàn tay lại với nhau. Khi bạn hoàn tất, hãy khóa Layer hiện tại trước khi chuyển sang bước tiếp theo.
8. Cách thêm Gradient Overlay
Bây giờ, chúng ta đã hoàn thành rất nhiều công việc trong sáng tác này, chúng ta có thể thêm một số nét hoàn thiện để làm cho nó nổi bật.
Bước 1
Tạo một bản sao (Control-C) của hình nền, và dán (Control-V) nó trên Layer trên cùng (đó sẽ là Layer thứ năm).
Bước 2
Áp dụng một gradient tuyến tính theo chiều dọc vào hình dạng này, với sự trợ giúp của Fill Tool (G), sử dụng #F15A24 cho màu trên cùng và #1B1464 cho màu dưới cùng.
Bước 3
Điều chỉnh gradient kết quả bằng cách mở bảng Layers và thiết lập chế độ hòa trộn là Lighten.
Bạn làm rất tốt!
Như mọi khi, tôi hy vọng bạn sẽ thấy thú vị khi vẽ dự án này và bây giờ chúng ta đã hoàn thành, tôi khuyến khích bạn tự vẽ cho mình bằng cách sáng tạo một chút và thêm một số chi tiết tinh tế như tôi đã làm. Cho dù đó là một mụ phù thủy đang bay hay một số con dơi ma quái, hãy chèn một chút tinh thần Halloween của riêng bạn và hãy chia sẻ kết quả cuối cùng của mình nhé!
Hãy giải thể hiện khả năng Affinity Designer của bạn!
Bạn muốn mở rộng nghề thủ công và cải thiện cơ sở kiến thức về Affinity Designer của mình? Vâng, bạn rất may mắn đấy, vì chúng ta đã dành thời gian và lựa chọn cẩn thận một bộ các hướng dẫn sẽ giúp bạn làm điều đó!
