Cách vẽ một cảnh ngõ hẻm đáng sợ trong Adobe Illustrator
() translation by (you can also view the original English article)



Chào mừng trở lại với một hướng dẫn Illustrator khác, trong đó chúng ta sẽ đi sâu vào quá trình tạo ra một khung cảnh đáng sợ. Bạn sẽ thấy cách dễ dàng để đặt nó lại với nhau bằng cách sử dụng không có gì hơn một vài hình dạng hình học và các công cụ.
Vì vậy, giả sử bạn đã có trong tay một cốc cà phê mới, hãy bắt đầu!
Ngoài ra, đừng quên bạn luôn có thể thêm các yếu tố mới vào hình minh họa bằng cách chuyển sang GraphicRiver, nơi bạn sẽ tìm thấy một lựa chọn tuyệt vời các công cụ vectơ đáng sợ.
1. Cách thiết lập một tệp dự án mới
Giả sử bạn đã có Illustrator và chạy ở chế độ nền, mở nó lên và thiết lập một tài liệu mới New Document (File > New hoặc Control-N) mà chúng ta sẽ điều chỉnh như sau:
- 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



2. Cách thiết lập các Layers
Khi chúng ta đã hoàn tất việc thiết lập tệp dự án của mình, bạn hãy cấu trúc tài liệu của mình bằng một vài layer, vì cách này có thể duy trì luồng công việc ổn định bằng cách tập trung vào một phần của hình minh họa tại một thời điểm.
Mở lên bảng Layers và tạo tổng cộng hai layer, chúng ta sẽ đổi tên như sau:
- layer 1: background
- layer 2: foreground



Mẹo nhanh: Tôi đã tô màu tất cả các layer bằng cách sử dụng cùng một giá trị màu xanh lá, vì đây là cách dễ nhất để xem khi được sử dụng để làm nổi bật các hình dạng mà bạn đã chọn (cho dù chúng là những đường dẫn đóng hoặc mở).
3. Cách tạo hình nền chính
Bây giờ chúng ta đã hoàn thành việc phân lớp tài liệu của mình, chúng ta có thể bắt đầu thực hiện dự án thực tế, và chúng ta sẽ làm như vậy bằng cách tạo nền từ từ. Hãy chắc chắn rằng bạn đã ở trên layer đầu tiên, và chúng ta hãy làm việc ngay với nó nhé!
Sử dụng công cụ Rectangle Tool (M), tạo ra một hình chữ nhật 800 x 600 px, chúng ta sẽ tô màu #2A323D
và sau đó đặt ở giữa Artboard nằm bên dưới bằng cách sử dụng các tùy chọn Horizontal và Vertical Align Center của bảng Align.



4. Cách tạo tường gạch
Với hình dạng nền chính tại chỗ, chúng ta có thể chuyển sự tập trung của chúng ta vào giữa của Artboard, nơi chúng ta sẽ tạo ra phần nhìn thấy được của bức tường gạch.
Bước 1
Bắt đầu bằng cách tạo một hình chữ nhật 480 x 396 px, chúng ta sẽ tô màu #F76C5E
và sau đó căn giữa với Artboard nằm bên dưới, đặt nó cách 78 px từ mép trên của nó.



Bước 2
Điều chỉnh phần trên của hình bằng cách chọn riêng hai điểm neo của nó bằng cách sử dụng công cụ Direct Selection Tool (A), và sau đó đẩy chúng vào bên trong 200 px bằng cách sử dụng công cụ Move (nhấp chuột phải > Transform > Move > Horizontal > +/- 200 px tùy thuộc vào bên bạn bắt đầu).



Bước 3
Bắt đầu thêm các hàng gạch đầu tiên bằng 16 hình chữ nhật 32 x 16 px với Stroke dày 4 px (#DD4C45
), chúng ta sẽ nhóm bằng cách sử dụng phím tắt Control-G và sau đó căn giữa với phần dưới cùng của bức tường, đảm bảo nét chính dưới cùng của chúng nằm bên ngoài bề mặt của nó.



Bước 4
Tạo một bản sao (Control-C > Control-F) của hàng mà chúng ta vừa nhóm lại, và sau đó đặt nó ở trên, đảm bảo đẩy nó sang bên phải 16 px bằng cách sử dụng các phím mũi tên chỉ hướng hoặc công cụ Move ( click chuột phải > Transform > Move > Horizontal > 16 px).



Bước 5
Thêm các viên gạch còn lại bằng cách chọn hai hàng mà chúng ta hiện có và sau đó kéo chúng lên trên cùng trong khi vẫn nhấn giữ phím Alt và Shift, đảm bảo các đường nét chính của chúng chồng lên nhau như trong hình ảnh tham chiếu.
Ngay sau khi bạn có các bản sao đầu tiên, hãy thêm các bản sao còn lại bằng cách nhấn phím tắt Control-D cho đến khi bạn làm đầy bức tường. Khi bạn đã hoàn tất, hãy xóa hàng trên cùng và sau đó chọn và nhóm (Control-G) tất cả những cái còn lại cùng nhau trước khi chuyển sang bước tiếp theo.



Bước 6
Tiếp theo, chúng ta sẽ che dấu các hàng mà chúng ta vừa nhóm lại bằng cách sử dụng một bản sao (Control-C) của bức tường bên dưới, chúng ta sẽ dán lên phía trước (Control-F) và sau đó, với cả hai được chọn, chỉ cần đơn giản nhấp chuột phải > Make Clipping Mask.



Bước 7
Hãy dành một vài khoảnh khắc và tăng cường một số viên gạch bằng cách nhấp đúp vào chúng để cô lập chúng và sau đó mở đường dẫn trên cùng hoặc dưới cùng của chúng như trong hình ảnh tham chiếu. Khi bạn đã hoàn tất, nhấn phím Escape để thoát khỏi Chế độ Isolation Mode, sau đó chọn cả hai viên gạch và tường và nhóm chúng lại với nhau bằng phím tắt Control-G.



5. Cách tạo Vỉa hè
Bây giờ chúng ta đã hoàn thành bức tường gạch, chúng ta có thể di chuyển xuống dưới cùng của Artboard, nơi chúng ta sẽ nhanh chóng xây một vỉa hè.
Bước 1
Tạo hình dạng chính cho ánh sáng chiếu xuống bằng một hình elip có kích thước 560 x 48 px, chúng tôi sẽ tô màu #F76C5E
và sau đó đặt bên dưới bức tường như trong hình ảnh tham chiếu.



Bước 2
Thêm phần có thể nhìn thấy của vỉa hè bằng hình chữ nhật có kích thước 560 x 24 px (#2A323D
), chúng ta sẽ đặt ở nửa trên của hình elip, đảm bảo chọn và nhóm hai nhóm lại với nhau bằng cách sử dụng phím tắt Control-G.



6. Cách tạo đèn treo
Với tường và vỉa hè đã có, bây giờ chúng ta có thể tập trung vào chi tiết cuối cùng của hình nền, mà chúng ta sẽ tạo ra từng cái một.
Bước 1
Tạo phần dọc của cây chống bằng hình chữ nhật tròn 8 x 48 px (#2A323D
) với 4 px Corner Radius, chúng ta sẽ căn giữa với cạnh trên của bức tường như trong hình tham chiếu.



Bước 2
Thêm đoạn ngang giữ cột chống trên tường bằng hình chữ nhật 16 x 12 px (#2A323D
), chúng ta sẽ đặt cách cạnh dưới của hình đã tạo 8 px.



Bước 3
Tạo các chi tiết bên nhỏ bằng cách sử dụng hai hình chữ nhật 2 x 4 px, chúng ta sẽ tô màu #2A323D
và sau đó đặt như hình tham khảo. Khi bạn đã hoàn tất, hãy chọn và nhóm bốn hình lại với nhau bằng phím tắt Control-G.



Bước 4
Thêm bóng đèn bằng hình elip 28 x 16 px, chúng ta sẽ tô màu #FFE7C5
và sau đó đặt lên phần trên của giá đỡ sao cho nửa trên của nó ở ngoài bề mặt của bức tường.



Bước 5
Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách xóa phần trên của hình. Bạn có thể làm điều đó bằng cách chọn điểm neo trên cùng của nó với công cụ Direct Selection Tool (A) và sau đó nhấn Delete, đóng đường dẫn kết quả bằng phím tắt Control-J. Khi bạn đã hoàn tất, chọn và nhóm (Control-G) tất cả các hình đã vẽ của cái đèn lại với nhau, làm tương tự cho toàn bộ hình nền trước khi khóa layer hiện tại và chuyển sang phần tiếp theo của hình minh họa.



7. Cách tạo cửa ra vào
Bây giờ chúng ta đã có hình nền, chúng ta có thể chuyển sự tập trung của chúng ta sang nền trước, nơi chúng ta sẽ tiếp tục làm việc trên khung cảnh của mình. Giả sử bạn đã mở trên layer thứ hai, hãy bắt đầu vẽ khung cửa nhỏ.
Bước 1
Tạo phần bên trong của căn phòng bằng cách sử dụng hình chữ nhật có kích thước 120 x 278 px, chúng ta sẽ tô màu #2A323D
và sau đó canh giữa với cạnh trên của vỉa hè.



Bước 2
Bắt đầu làm việc trên phần bên phải của khung cửa bằng cách tạo hình chữ nhật 18 x 278 px (#FFE7C5
), đặt trên cạnh trái của hình đã tạo trong bước trước.



Bước 3
Thêm phần chèn trang trí dưới cùng bằng hình chữ nhật 10 x 96 px (#2A323D
), ở trên cùng, chúng ta sẽ thêm một hình nhỏ hơn 2 x 88 px (# FFE7C5
), nhóm lại (Control-G) và sau đó đặt cách 4 px từ cạnh dưới của hình dạng trước đó.



Bước 4
Tạo hình chèn phía trên bằng cách sử dụng một bản sao (Control-C > Control-F) của hình vừa mới nhóm lại, sau đó đặt ở phía đối diện của khung, đảm bảo duy trì cùng một khoảng cách 4 px.



Bước 5
Thêm các dòng chi tiết dọc bằng cách sử dụng ba hình chữ nhật 2 x 70 px (#2A323D
), chồng theo chiều ngang cách 2 px, nhóm lại (Control-G) và sau đó đặt chúng ở giữa hai hình chèn trang trí.



Bước 6
Kết thúc chi tiết hiện tại của khung cửa bằng cách thêm bóng cứng bằng một hình chữ nhật 18 x 8 px, tô màu #2A323D
và sau đó canh với cạnh trên của khung cửa. Khi đã xong, chọn và nhóm (Control-G) tất cả các hình tạo thành lại với nhau trước khi qua bước tiếp theo.



Bước 7
Tạo chi tiết bên trái của khung cửa bằng cách sử dụng một bản sao (Control-C > Control-F) của chi tiết vừa hoàn thành ở trên, chúng ta sẽ đặt ở phía đối diện của lối vào.



Bước 8
Bắt đầu làm việc với phần trên của khung cửa bằng cách tạo hình chữ nhật 172 x 18 px (#FFE7C5
), đặt ở cạnh trên của lối vào, như trong hình tham khảo bên dưới.



Bước 9
Thêm các yếu tố trang trí hình tròn sử dụng hai vòng tròn 14 x 14 px (#FFE7C5
), đặt trên phần trên của khung, đảm bảo căn giữa chúng với các phần bên của khung.



Bước 10
Tạo phần chèn trang trí bằng hình chữ nhật 164 x 10 px (#2A323D
), ở trên cùng chúng ta sẽ thêm một hình chữ nhật nhỏ hơn 156 x 2 px (# FFE7C5
), nhóm lại (Control-G) và sau đó đặt hai hình ở giữa phần trên cùng của khung.



Bước 11
Thêm hình dạng chính cho phần nâng lên bằng cách sử dụng một hình chữ nhật 108 x 12 px, chúng tôi sẽ tô màu #FFE7C5
và sau đó đặt như hình bên dưới.



Bước 12
Tạo các đường cong cạnh bằng hai vòng tròn 6 x 6 px (#FFE7C5
), đặt lên các cạnh của hình trước và sau đó điều chỉnh bằng cách chọn các điểm neo trên và dưới cùng bằng công cụ Direct Selection Tool (A) và sau đó bỏ chúng đi bằng phím Delete. Đóng các đường dẫn kết quả bằng cách sử dụng Công cụ Pen Tool (P), và sau khi hoàn tất, hãy chuyển sang bước tiếp theo.



Bước 13
Thêm các dòng chèn theo chiều dọc, sử dụng mười ba hình chữ nhật 4 x 8 px (#2A323D
), đặt theo chiều ngang cách 4 px, nhóm chúng lại (Control-G) và sau đó căn giữa chúng với cạnh dưới của phần nâng lên. Sau khi hoàn thành, chọn và nhóm (Control-G) tất cả các phần tạo thành lại với nhau, sau đó làm tương tự cho toàn bộ cánh cửa.



8. Cách tạo chuông cửa
Khi chúng tôi đã hoàn thành phần lối vào, chúng ta có thể dời sang làm việc ở phía bên phải của nó và nhanh chóng tạo ra một chiếc chuông nhỏ.
Bước 1
Tạo hình cơ sở của cái chuông bằng hình chữ nhật có kích thước 8 x 12 px, tô màu #FFE7C5
và sau đó đặt cách chi tiết bên phải của khung cửa 14 px, và cách 16 px từ ba đường chèn dọc.



Bước 2
Thêm các phần bên nhỏ hơn bằng cách sử dụng hai hình chữ nhật 2 x 8 px, tô màu #FFE7C5
và đặt nó như hình bên dưới.



Bước 3
Tạo các điểm cuối tròn bằng hai vòng tròn 4 x 4 px (#FFE7C5
), đặt lên hình chính giữa của chuông cửa, như vậy một nửa phần bên trong sẽ đè lên nó.



Bước 4
Hoàn thành chiếc chuông cửa bằng cách thêm nút nhỏ bằng một vòng tròn 4 x 4 px, chúng ta sẽ tô màu #2A323D
và canh giữa với thân lớn hơn. Khi đã hoàn thành, chọn và nhóm (Control-G) tất cả các chi tiết của nó, trước khi dời qua phần tiếp theo của hình minh họa này.



9. Cách tạo quái vật đáng sợ
Ngay sau khi chúng ta hoàn thành chiếc chuông cửa, chúng ta có thể chuyển sự tập trung trở lại lối vào, nơi chúng ta sẽ thay đổi tâm trạng của cảnh này bằng cách thêm sự hiện diện đen tối nhưng thân thiện.
Bước 1
Bắt đầu vẽ cái miệng bằng cách tạo hình elip có kích thước 56 x 8 px, chúng tôi sẽ tô màu #F76C5E
và sau đó canh giữa với lối đi, đặt cách cạnh trên 84 px.



Bước 2
Điều chỉnh hình dạng mà chúng ta vừa tạo ra bằng cách chọn nó và sau đó điều chỉnh các điểm neo bên trái và bên phải của nó bằng cách sử dụng công cụ Anchor Point Tool (Shift-C).



Bước 3
Chọn điểm neo trên cùng của hình kết quả bằng cách sử dụng công cụ Direct Selection Tool (A) và sau đó đẩy nó xuống phía dưới 16 px bằng cách sử dụng công cụ Move tool (nhấp chuột phải > Transform > Move > Vertical > 16 px).



Bước 4
Với màu tô được đặt là #2A323D
, vẽ cái miệng cong bằng công cụ Pen Tool (D), tham khảo hình bên dưới để vẽ theo. Khi bạn đã hoàn tất, hãy chọn hình kết quả và cái miệng và nhóm chúng lại với nhau bằng phím tắt Control-G.



Bước 5
Tạo hình dạng chính cho mắt phải bằng vòng tròn 10 x 10 px (#F76C5E
), điều chỉnh bằng cách chọn và đẩy điểm neo trên và dưới cùng sang cạnh phải 1 px và các điểm neo bên trái và phải đến cạnh dưới 1px. Khi đã hoàn thành, đặt hình kết quả lên trên cái miệng như hình tham chiếu.



Bước 6
Thêm mống mắt bằng hình elip 2 x 6 px (#2A323D
), căn giữa với hình con mắt, đặt nó cách 3 px từ cạnh phải của nó. Khi đã xong, chọn và nhóm hai hình lại với nhau bằng phím tắt Control-G.



Bước 7
Tạo mắt trái bằng cách sử dụng một bản sao (Control-C > Control-F) của hình chúng ta vừa hoàn thành xong, đặt 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 cái miệng. Khi bạn đã hoàn tất, chọn và nhóm (Control-G) tất cả các hình đã vẽ của con quái vật, trước khi chuyển sang phần tiếp theo.



10. Cách tạo quả bóng
Bây giờ chúng ta đang đi đến phần cuối cùng của hình vẽ, điều này sẽ giúp chúng ta đạt được mức độ sợ hãi mà chúng ta muốn hình minh họa của chúng ta miêu tả được. Vì vậy, giả sử bạn đã hoàn thành việc vẽ con quái vật, hãy chuyển tập trung của bạn sang phần dưới cùng của lối vào, và chúng ta hãy bắt đầu nhé!
Bước 1
Tạo hình dạng chính của quả bóng bằng vòng tròn 28 x 28 px, tô màu #F76C5E
và sau đó canh giữa với cạnh dưới cùng của lối vào.



Bước 2
Thêm các vòng nhỏ bằng bốn hình elip 32 x 16 px với nét Stroke dày 2 px (#2A323D
), điều chỉnh bằng cách chọn và xóa các điểm neo trên cùng, đặt các hình kết quả theo chiều dọc cách nhau 4px. Khi đã xong, chọn và nhóm (Control-G) tất cả các vòng tròn nhỏ lại với nhau, sau đó làm tương tự như vậy với toàn bộ quả bóng.



Bước 3
Tạo hình chính cho máu nhỏ giọt bằng hình chữ nhật 4 x 8 px (#F76C5E
), điều chỉnh bằng cách đặt Radius của các góc dưới cùng của nó 2 px từ Rectangle Properties của bảng Transform, đặt hình kết quả trên vỉa hè như hình ảnh tham chiếu.



Bước 4
Thêm các chi tiết bên bằng hai vòng tròn 4 x 4 px (#F76C5E
), điều chỉnh bằng cách loại bỏ các điểm neo bên dưới và bên ngoài của chúng, đóng lại và đặt các đường path kết quả trên các cạnh của các hình trước đó như trong hình tham chiếu. Hãy chắc chắn chọn và nhóm (Control-G) cả ba hình sau đó.



Bước 5
Kết thúc phần hiện tại, và với bài vẽ này, bằng cách thêm bóng của chính nó, chúng ta sẽ tạo ra bằng cách sử dụng một hình elip 24 x 20 px (#2A323D
). Đặt nó ở phần bên dưới của vỉa hè, cách 10 px từ cạnh dưới của đèn chiếu sáng. Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả các hình đã vẽ của nền trước bằng phím tắt Control-G, trước khi nhấn nút lưu.



Bạn làm tốt lắm!
Như mọi khi, tôi hy vọng bạn đã vui vẻ khi vẽ dự án này và quan trọng nhất là tìm hiểu được những điều mới và hữu ích khi thực hiện.
Nếu bạn có bất kỳ câu hỏi nào, vui lòng đăng câu hỏi trong phần bình luận và tôi sẽ trả lời khi có thể!



