Cách vẽ hình minh họa tàu bay Zeppelin trong Illustrator

Trong hướng dẫn hôm nay, chúng ta sẽ tham khảo quá trình tạo hình minh họa tàu bay zeppelin đang thả nổi trong Adobe Illustrator, không sử dụng gì ngoài một vài hình dạng và công cụ hình học.

Vì vậy, giả sử bạn đã chuẩn bị sẵn sàng cho mình một tách cà phê mới, hãy cùng thực hành ngay nhé.

Những thứ bạn cần

Trước khi chúng ta bắt đầu, tôi muốn đề cập rằng texture mà tôi đã sử dụng cho bản vẽ hiện tại là một phần của gói Subtle Halftone Textures. Nếu bạn không dùng nó cũng không sao, bạn có thể bỏ qua bước cuối cùng.

1. Cách thiết lập một tập tin bản vẽ mới

Như thường lệ, chúng ta sẽ bắt đầu mọi thứ bằng cách thiết lập một tập tin bản vẽ mới bằng cách chuyển đến File > New (hoặc sử dụng phím tắt Control-N), rồi điều chỉnh nó 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
setting-up-a-new-document.png

2. Cách thiết lập các Layer


Khi chúng ta đã hoàn tất việc thiết lập tập tin bản vẽ của mình, sẽ là một ý tưởng hay khi cấu trúc tài liệu của chúng ta bằng một vài layer, vì điều này sẽ giúp chúng ta duy trì luồng công việc ổn định bằng cách cho phép chúng ta tập trung vào một phần của hình minh họa tại một thời điểm.

Bây giờ, hãy mở bảng Layers và tạo ra tổng cộng bốn layer, mà chúng ta sẽ đổi tên như sau:
  • layer 1: background
  • layer 2: zeppelin
  • layer 3: gradient
  • layer 4: texture
setting-up-the-layers.png

3. Cách tạo nền


Ngay sau khi chúng ta hoàn thành việc phân layer tài liệu của mình, chúng ta có thể bắt đầu vẽ hình minh họa thực tế và chúng ta sẽ làm như vậy bằng cách tạo nền. Vì vậy, hãy chắc chắn rằng bạn đang ở layer đầu tiên, và chúng ta hãy thực hiện ngay nào!

Quick tip: trước khi chúng ta bắt đầu, tôi muốn đề cập rằng toàn bộ bản vẽ được xây dựng với sự hoàn hảo điểm ảnh, vì vậy bạn có thể xem hướng dẫn How to Create Pixel Perfect Artwork của tôi, bài này sẽ giúp bạn tăng tốc nhanh chóng .

Bước 1

Chọn Pen Tool (P), và sau khi thiết lập màu Fill của bạn là #7AC6F4, cẩn thận vẽ hình dạng chính để cắt bỏ nền dưới bằng cách sử dụng hình tham chiếu làm hướng dẫn chính của bạn.

creating-the-main-shape-for-the-lower-background-cutout.png

Bước 2


Với Pen Tool (P) vẫn được chọn, nhanh chóng vẽ hình chữ nhật cắt ra nhỏ hơn, đặt hình kết quả như được thấy trong hình tham chiếu.

creating-the-main-shape-for-the-upper-background-cutout.png

Bước 3


Khi bạn đã vẽ xong các phân đoạn nền, chúng ta có thể bắt đầu vẽ các đám mây nền trước, mà chúng ta sẽ tạo ra bằng cách sử dụng một số hình tròn có kích thước khác nhau. Đặt chúng trên các cạnh của hình dưới cùng, tô màu các hình phía trước bằng cách sử dụng #F0FBFF và hình đằng sau bằng màu #D4F7FF.

creating-the-main-shapes-for-the-foreground-clouds.png

Bước 4


Vì chúng ta muốn các hình dạng vẫn bị ràng buộc với bề mặt của phân đoạn nền, do đó, chúng ta sẽ nhóm lại (Control-G) và sau đó che chúng bằng cách sử dụng một bản sao (Control-C) của hình dạng nằm bên dưới mà chúng ta sẽ dán ở phía trước (Control-F). Sau đó, với cả hai bản sao và các hình dạng được nhóm lại được chọn, chỉ cần nhấp chuột phải > Make Clipping Mask.

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 phần hiện tại bằng phím tắt Control-G.

masking-the-foreground-clouds-using-a-clipping-mask.png

Bước 5


Chuyển sang phân đoạn nền nhỏ hơn và bắt đầu vẽ mặt trời bằng cách tạo hào quang rực rỡ của nó bằng hình tròn 112 x 112 px (#FFCF83) theo sau là hai hình tròn nhỏ hơn (#FFCF83), mỗi hình nhỏ hơn hình trước 12 px. Xếp chúng lên nhau, hạ Opacity xuống chỉ 16%. Khi bạn đã hoàn tất, hãy thêm mặt trời bằng hình tròn 40 x 40 px (#FFCF83), đảm bảo 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.

creating-the-sun.png

Bước 6


Ngay sau khi bạn đã hoàn thành việc tạo mặt trời, hãy che nó bằng cách sử dụng cùng một quá trình đã thực hiện cho các đám mây tiền cảnh, để nó sẽ vẫn bị ràng buộc với bề mặt của hình dạng bên dưới.

masking-the-sun.png

Bước 7


Bắt đầu vẽ những đám mây trôi nổi nhỏ hơn bằng cách tạo ba hình elip có hình dạng khác nhau (#FFFFFF). Đặt chúng chồng lên nhau (1), và sau đó điều chỉnh chúng bằng cách trước tiên chọn các điểm neo bên của chúng bằng cách sử dụng Công cụ Anchor Point Tool (Shift-C) (2). Tiếp tục điều chỉnh hình dạng của chúng bằng cách chọn từng điểm neo bên dưới bằng cách sử dụng Direct Selection Tool (A) và sau đó loại bỏ chúng bằng cách nhấn Delete, đảm bảo đóng các đường path kết quả bằng phím tắt Control-J (3). Khi bạn đã hoàn tất, hãy chọn và nhóm từng hình dạng tạo thành của đám mây bằng phím tắt Control-G trên bàn phím.

Quick tip: để đạt được các biến thể khác nhau, chỉ cần đơn giản tăng hoặc giảm chiều rộng và / hoặc chiều cao của các hình elip cho đến khi bạn có được hình dạng mong muốn.

example-of-creating-the-smaller-floating-clouds.png

Bước 8


Kết thúc hình nền bằng cách đặt các đám mây kết quả như trong hình tham chiếu, chọn và nhóm tất cả các hình dạng tạo thành của phần hiện tại sau đó sử dụng phím tắt Control-G.

positioning-the-floating-clouds-onto-the-upper-background-segment.png

4. Cách tạo tàu bay Zeppelin


Bây giờ chúng ta đã hoàn thành vẽ nền, chúng ta có thể khóa layer của nó lại và sau đó chuyển sang layer tiếp theo (đó sẽ là layer thứ hai), nơi chúng ta sẽ dành thời gian của chúng ta và dần dần xây dựng tàu bay Zeppelin nhỏ bé của mình.

Bước 1

Bắt đầu bằng cách tạo hình dạng chính cho thuyền đáy bằng bằng cách sử dụng hình chữ nhật 48 x 12 px, tô màu #664240 và sau đó đặt trên phân đoạn nền lớn hơn, cách 288 px từ cạnh trái của nó và 208 px từ phần trên cùng của nó.

creating-the-main-shape-for-the-zeppelin's-gondola.png

Bước 2


Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách mở bảng Transform và sau đó thiết lập Radius của các góc dưới cùng của nó thành 8 px trong Rectangle Properties.

adjusting-the-shape-of-the-gondola.png

Bước 3


Thêm các ô cửa sổ bằng cách sử dụng tám ô vuông 2 x 2 px (#F7C263) nằm ngang cách nhau 2 px, sau đó nhóm chúng lại (Control-G) và đặt như hình tham chiếu. Khi đã hoàn thành, hãy chọn và nhóm (Control-G) cả các cửa sổ và hình lớn nằm dưới cùng lại với nhau trước khi qua bước tiếp theo.

adding-the-windows-to-the-gondola.png

Bước 4


Bắt đầu vẽ phần bóng bằng cách tạo hình elip có kích thước 400 x 112 px, tô màu #F99178 và đặt lên trên thuyền đáy bằng để chồng lên nó.

creating-the-main-shape-for-the-balloon-section-of-the-zeppelin.png

Bước 5


Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách chọn và đẩy các điểm neo ở giữa của nó sang bên trái 32 px bằng công cụ Move (nhấp chuột phải > Transform > Move > Horizontal > -32 px), đảm bảo rút ngắn tay xoay của điểm neo bên phải 15 px để dàn mỏng phía sau của nó.

adjusting-the-shape-of-the-zeppelin's-balloon-section.png

Bước 6


Thêm phần tối hơn bên dưới của quả bóng bằng cách tạo một bản sao (Control-C > Control-F) của hình kết quả, mà chúng ta sẽ điều chỉnh bằng cách chọn và sau đó loại bỏ điểm neo trên cùng của nó. Đảm bảo đóng đường path kết quả bằng phím tắt Control-J, tô màu #C15142.

adding-the-darker-bottom-section-to-the-zeppelin's-balloon.png

Bước 7


Thêm phần bên trong, nhẹ hơn bằng cách sử dụng một bản sao thứ hai (Control-C) của quả bóng lớn, mà chúng ta sẽ dán ở phía trước (Control-F). Thay đổi màu của nó thành #EA7B65, và sau đó chọn từng cái và đẩy các điểm neo trên và dưới của nó vào bên trong 16 px (nhấp chuột phải> > Transform > Move > Vertical > +/- 16 px tùy thuộc vào vị trí bạn bắt đầu điểm neo).

adding-the-lighter-inner-section-to-the-zeppelin's-balloon.png

Bước 8


Tạo nửa dưới tối hơn bằng cách sử dụng một bản sao (Control-C > Control-F) của hình kết quả, mà chúng ta sẽ điều chỉnh bằng cách thay đổi màu của nó thành #D86552 và sau đó loại bỏ điểm neo trên cùng của nó, ngay lập tức đóng đường path bằng phím tắt Control-J. Khi bạn đã hoàn tất, hãy đảm bảo bạn chọn và nhóm (Control-G) tất cả các hình dạng soạn của quả bóng trước khi chuyển sang bước tiếp theo.

adding-the-inner-darker-section-to-the-zeppelin's-balloon.png

Bước 9


Thêm bịt đầu đã tô màu bằng cách sử dụng một hình chữ nhật 8 x 112 px, tô màu #664240 và căn giữa với cạnh trái của quả bóng, đảm bảo che nó lại (nhấn chuột phải> Make Clipping Mask) sau đó sử dụng một bản sao (Control-C> Control-F) của hình dạng bên dưới lớn hơn.

adding-the-colored-nose-section-to-the-zeppelin's-balloon.png

Bước 10


Tạo chóp hình nón bằng hình chữ nhật 12 x 4 px (#664240), mà chúng ta sẽ điều chỉnh bằng cách chọn từng cái và đẩy các điểm neo bên trái của nó vào bên trong 1 px bằng cách sử dụng các phím mũi tên hướng, đặt hình dạng kết quả sao cho nó chồng lên quả bóng lớn 2 px.

adding-the-nose-cone-to-the-zeppelin's-balloon.png

Bước 11


Thêm hình dạng chính cho bánh lái phía trên bằng hình chữ nhật 40 x 32 px (#D86552), điều chỉnh bằng cách đặt Radius của góc trên cùng bên trái thành 32 px, góc trên bên phải của nó là 4 px và từ dưới cùng bên phải của nó là 20 px từ trong Rectangle Properties của bảng điều khiển Transform.

creating-and-positioning-the-main-shape-for-the-upper-rudder.png

Bước 12


Nhanh chóng trang trí bánh lái bằng cách thêm hình dọc tối hơn bằng hình chữ nhật 8 x 32 px (#664240), mà chúng ta sẽ che bằng cách sử dụng một bản sao của hình dạng bên dưới, tiếp theo là một hình tròn 8 x 8 px (#664240), mà chúng ta sẽ đặt như được thấy trong hình ảnh tham chiếu. Khi bạn đã hoàn tất, hãy đảm bảo bạn chọn và nhóm (Control-G) cả ba hình với nhau trước khi chuyển sang bước tiếp theo.

adding-details-to-the-upper-rudder.png

Bước 13


Thêm bánh lái phía dưới bằng cách sử dụ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ấn chuột phải > Transform > Reflect > Horizontal) và sau đó đặt ở phía dưới của quả bóng. Đảm bảo đặt chúng bên dưới tất cả các hình dạng khác khi bạn đã hoàn tất (nhấp chuột phải > Arrange > Send to Back).

adding-the-zeppelin's-bottom-rudder.png

Bước 14


Tạo cầu thang bên bằng hình elip 40 x 8 px (#664240), mà chúng tôi sẽ điều chỉnh bằng cách chọn và đẩy các điểm neo bên trong của nó sang bên trái 4 px, đặt hình dạng kết quả cách 16 px từ phía sau của quả bóng.

adding-the-zeppelin's-side-elevator.png

Bước 15


Thêm các phân đoạn hỗ trợ nhỏ sử dụng bốn bộ ba hình elip 4 x 2 px (#664240), theo đường của các phần bên trong của quả bóng như trong hình tham chiếu. Hãy từ từ thực hiện và sau khi hoàn tất, hãy đảm bảo bạn chọn và nhóm tất cả chúng lại với nhau bằng phím tắt Control-G.

adding-the-support-segments-to-the-zeppelin's-balloon.png

Bước 16


Kết thúc tàu bay zeppelin bằng cách thêm động cơ bên bằng hình elip 12 x 8 px (#664240), chúng ta sẽ điều chỉnh bằng cách chọn và đẩy các điểm neo bên trong của nó sang bên trái 2 px. Đặt hình dạng kết quả như được thấy trong hình ảnh tham chiếu, đảm bảo chọn và nhóm tất cả các phần tạo thành của tàu bay lại sau đó bằng phím tắt Control-G.

creating-and-positioning-the-side-engine.png

Bước 17


Ngay khi chúng ta hoàn thành vẽ tàu bay zeppelin, chúng ta có thể thêm các đường nhỏ bằng ba hình chữ nhật tròn dày 1 px (#FFFFFF), bố trí xung quanh con tàu ở khoảng cách 8 px.

adding-the-trail-lines.png

Bước 18


Kết thúc hình minh họa bằng cách thêm một vài đám mây trôi (#FFFFFF), theo cùng phương pháp đã sử dụng để tạo các nền. Khi bạn hoàn tất, đừng quên chọn và nhóm tất cả các hình dạng lại với nhau bằng phím tắt Control-G.

adding-the-larger-floating-clouds.png

5. Cách tạo Gradient Overlay

Trước khi chúng ta khóa layer hiện tại và chuyển sang layer tiếp theo (đó sẽ là layer thứ ba), chúng ta sẽ cần thêm một bản sao (Control-C) của hai hình cắt ra của background và phần thân chính của tàu bay zeppelin vào Clipboard vì chúng ta sẽ sử dụng chúng để tạo lớp phủ.

Bước 1

Chúng ta sẽ bắt đầu bằng cách dán các bản sao mà chúng ta vừa thêm vào Clipboard vào layer hiện tại bằng phím tắt Control-F.

creating-a-copy-of-the-illustration's-main-shapes-for-the-gradient-overlay.png

Bước 2


Tiếp theo, chúng ta cần làm cho các hình dạng của chúng ta hoạt động như một hình dạng lớn hơn bằng cách biến chúng thành một Hình phức hợp. Đầu tiên chọn chúng, và sau đó mở bảng Pathfinder và vào menu nâng cao của nó và nhấn Make Compound Shape.

creating-a-compound-shape-using-the-illustration's-main-shapes.png

Bước 3


Khi chúng ta đã tạo ra hình dạng phức hợp của mình, chúng ta có thể mở bảng Gradient và áp dụng một gradient tuyến tính mượt mà bằng cách sử dụng màu #662D91 cho điểm dừng ở bên trái và #FBB03B cho điểm dừng ở bên phải.

adding-a-linear-gradient-to-the-compound-shape.png

Bước 4


Tất cả những gì chúng ta phải làm bây giờ để làm cho màu sắc nổi bật là mở bảng Transparency và thiết lập Blending Mode của gradient này thành Color Burn, đảm bảo giảm Opacity của nó xuống chỉ còn 30%.

adjusting-the-gradient's-blending-mode.png

6. Cách thêm Texture


Khi chúng ta đã thêm lớp phủ gradient, chúng ta có thể khóa layer hiện tại và sau đó chuyển đến layer cuối cùng (đó sẽ là layer thứ tư), nơi chúng ta sẽ hoàn thành minh họa nhỏ bằng cách áp dụng một texture tinh tế đẹp mắt cho nó.

Bước 1

Chúng ta sẽ bắt đầu bằng cách sao chép (Control-C) và sau đó dán (Control-V) texture tùy chỉnh lên layer hiện tại của chúng ta, đảm bảo thay đổi kích thước nó để nó phủ lên toàn bộ Artboard.

adding-the-custom-texture-to-our-project-file.png

Bước 2


Khi chúng ta xong texture, tất cả những gì chúng ta phải làm là tạo mặt nạ (click chuột phải > Make Clipping Mask) bằng cách sử dụng một hình dạng phức hợp được tạo ra từ nền và các hình dạng chính của tàu bay zeppelin (hình thứ ba mà chúng ta đã sử dụng trước đây vài bước), đảm bảo giảm Opacity xuống 60% trước khi nhấn nút Save.

finished-project-preview.png


Bạn làm rất tốt!

Như mọi khi, tôi hy vọng bạn đã sẽ thấy thích thú khi vẽ bản vẽ nho nhỏ này và quan trọng nhất là tìm hiểu được một điều gì đó mới mẻ và hữu ích trong quá trình thực hiện.

Nếu bạn có bất kỳ câu hỏi nào, vui lòng đăng chúng trong phần nhận xét và tôi sẽ liên hệ lại với bạn ngay khi có thể!

tutorial-preview-large.png

Người dịch: Na Dang
Nguồn: Tutsplus.com
 

Đính kèm

  • tutorial-preview-large.png
    tutorial-preview-large.png
    41.1 KB · Lượt xem: 0
  • Thẻ
    illustration illustrator minh họa tutorial
  • Bình luận mới

    DesignerVN là chuyên trang cung cấp thông tin dành cho cộng đồng Designer, nhà thiết kế Việt Nam. Thư viện font chữ, tài nguyên thiết kế đa dạng.
    Back
    Bên trên