Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Illustration
Design

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

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called German Week.
How to Draw a Castle
How to Create a German Flag-Inspired Text Effect in Adobe Illustrator

Vietnamese (Tiếng Việt) translation by Na Dang (you can also view the original English article)

Final product image
What You'll Be Creating

Chúng tôi tôn vinh nước Đức, ngôn ngữ của họ và văn hóa của họ trong tuần này để kỷ niệm sự ra mắt của phiên bản tiếng Đức của Envato Elements!

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 kết cấu 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 (chính xác hơn là số năm bán sắc ) mà bạn có thể tìm thấy tại Envato Elements.

Oh, và đừng quên bạn luôn có thể mở rộng thư viện tài nguyên của bạn bằng cách hướng đến Envato Elements, nơi bạn sẽ tìm thấy một sự lựa chọn tuyệt vời của các hình đồ họa vector.

example of subtle halftone textures
Subtle Halftone Textures của Envato Elements

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

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

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

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 upper background cutout

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 foreground clouds

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

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

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

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 a floating cloud

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 smaller floating clouds onto the upper background cutout

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 gondola

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

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

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

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 balloon section

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 outer segment to the balloon section

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 segment to the balloon section

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 segment to the balloon section

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 balloon

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 balloon section

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 upper rudder

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

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 bottom rudder

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.

creating and positioning the side elevator

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 balloon section

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

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

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

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.

pasting the main shapes for the gradient compound shape

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 the compound shape for the gradient overlay

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 the gradient to the compound shape

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 blending mode

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 kết cấu 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) kết cấu 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.

pasting the custom texture onto the current document

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.

adjusting the opacity of the texture

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ể!

finished project preview

Bạn muốn tìm hiểu thêm?!

Nếu bạn muốn mở rộng kỹ năng của bạn và tìm hiểu thêm những điều mới và hữu ích, tôi đã dành thời gian để chọn ra một vài hướng dẫn mà tôi gợi ý bạn nên tham khảo!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.