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

Cách tạo một hình minh họa không gian bằng Omber

by
Difficulty:BeginnerLength:LongLanguages:
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

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

Nếu bạn thích ngắm nhìn khoảng không vũ trụ nhiều như tôi, thì hãy tham gia từ hôm nay, vì chúng ta sẽ học cách tạo một hình minh họa không gian chi tiết với phần mềm Omber mới từ Wobastic.

So với một số giải pháp khác hiện có, Omber cung cấp cho bạn khả năng sử dụng phiên bản trực tuyến hoặc một phiên bản có thể tải xuống, đó là điều mà tôi nghĩ rằng nhiều nhà phát triển nên thực hiện và nó đang được cung cấp hoàn toàn miễn phí.

Không quan trọng bạn quyết định truy cập trực tuyến hay dùng phiên bản tải xuống, hãy khởi động phần mềm và bắt đầu nhé!

1. Cách thiết lập tập tin dự án mới

Như mọi khi, hãy để bắt đầu bằng cách thiết lập một tài liệu mới. Vào Options > Page Setup và điều chỉnh nó như sau:

  • Width: 800 px
  • Height: 600 px

Vì chúng ta muốn có thể xem trang thực tế, do đó, hãy chắc chắn đánh dấu vào show page outline và đặt Background Color thành màu trắng để chúng ta có thể có cái nhìn rõ hơn về các hình dạng mà chúng ta sẽ tạo ra.

setting up a new document

2. Cách thiết lập lưới Grid tùy chỉnh

Khi nói đến lưới, phần mềm này cung cấp cho bạn tùy chọn thiết lập và sử dụng tùy chỉnh, điều mà tôi thực sự khuyên bạn nên làm, vì chúng ta sẽ vẽ hình minh họa dựa trên quy trình làm việc pixel - perfect.

Để thực hiện việc này, chỉ cần vào Options > Grid và điều chỉnh nó để sử dụng đường lưới mỗi 1 pixel, đảm bảo bật tùy chọn snap to grid để các hình dạng sẽ di chuyển bằng cách tăng 1 px bất kể bạn đẩy chúng theo hướng nào .

setting up a custom grid

3. Cách bật kết xuất chất lượng cao

Khi bạn bắt đầu một dự án mới, bạn phải luôn đảm bảo rằng tùy chọn HQ Rendering được bật, nếu không bạn sẽ thấy rằng các hình dạng mà bạn vừa tạo có một chút lộn xộn.

shape created without hq rendering

Nếu điều này xảy ra, đừng lo lắng và hãy giữ bình tĩnh, vì điều này là do công cụ kết xuất cần được bật bằng cách vào Options > HQ Rendering. Khi bạn bật nó, tất cả các hình dạng cũ và mới của bạn sẽ ngay lập tức trở nên trơn tru, như bạn có thể tự mình thấy từ ví dụ tham khảo này.

enabling hq rendering

Trước khi chúng ta tiếp tục và bắt đầu làm việc với hình minh họa thực tế, tôi muốn chỉ ra rằng hầu hết các tùy chọn mà chúng ta đã thiết lập cho đến thời điểm này sẽ tự động trở về mặc định của chúng sau khi bạn đóng phần mềm, vì vậy hãy nhớ lướt qua chúng mỗi khi bạn bắt đầu làm việc với một dự án mới.

4. Cách tạo nền

Ngay sau khi chúng ta hoàn thành việc thiết lập tài liệu mới của mình, chúng ta sẽ khởi động mọi thứ bằng cách vẽ nền, vì vậy hãy nhấp một ngụm cà phê nóng và bắt đầu nào!

Bước 1

Bắt đầu bằng cách làm việc trên phần lớn nhất, bằng cách vào Shape và sau đó chọn Solid từ thanh công cụ trên cùng để tạo một đối tượng với màu tô thuần. Đặt màu thành màu tím (#82147f), sau đó sử dụng công cụ Curve để vẽ hình tương tự như hình từ tham khảo. Đừng lo lắng nếu nó ra kết quả trông kỳ lạ, vì chúng ta sẽ tinh chỉnh nó trong những khoảnh khắc sau.

drawing the main background section

Bước 2

Điều chỉnh hình dạng mà chúng ta vừa tạo bằng cách vào Edit Points và sau đó định vị lại một cách cẩn thận các điểm neo và tay cầm của chúng như nhìn thấy trong hình ảnh tham khảo.

Tùy thuộc vào hình dạng mà bạn đã vẽ, bạn có thể thêm các điểm neo mới bằng cách sử dụng công cụ Add, chỉ cần nhấp vào đường path hoặc xóa những hình mà bạn không cần bằng cách nhấp chuột vào ô vuông nhỏ của chúng bằng công cụ Delete.

Hãy dành thời gian của bạn để thực hiện và sau khi bạn hoàn thành, hãy đặt hình dạng kết quả ở giữa trang bên dưới.

adjusting the main background shape

Bước 3

Bước tiếp theo này thực sự là một trong những mục yêu thích của tôi, vì nó thể hiện khả năng tuyệt vời của công cụ gradient gradient phần mềm. Nếu bạn sử dụng để chuyển màu xuyên tâm hoặc tuyến tính, Omber sẽ đưa mọi thứ lên một cấp độ hoàn toàn mới. Nó cho phép bạn chọn bất kỳ điểm neo biên soạn nào của nó và gán cho nó một màu khác để tạo gradient phức tạp.

Trong trường hợp của tôi, tôi đã sử dụng một vài tông màu tím và các sắc thái cũng như màu cam, nó mang lại cho tôi một nền mịn giống như không gian đẹp mắt mà bạn có thể nhìn thấy bên dưới.

adding the gradient to the main background shape

Bước 4

Khi bạn đã hoàn thành công việc trên phần lớn, hãy dành một vài phút và vẽ phần nhỏ hơn bằng cách sử dụng quy trình tương tự như đã thực hiện. Điều chỉnh hình dạng kết quả của điểm neo bằng công cụ Edit Points, sau đó áp dụng gradient mượt mà bằng cách sử dụng màu cam cho điểm neo bên trái và màu tím cho điểm bên phải.

drawing the smaller background shape

Bước 5

Tiếp theo, vẽ đường xoáy khí bên trái bằng cách sử dụng màu trắng (#FFFFFF) làm màu tô của bạn, định vị hình dạng kết quả ở phía bên trái của phần nền lớn.

drawing the left gas section

Bước 6

Vì chúng ta muốn hình dạng trong suốt và hoạt động như một lớp phủ nền, chúng ta sẽ mở bảng Info (Options > Info) và sau đó, sử dụng công cụ Edit Points, chọn riêng lẻ và điều chỉnh Transparency của mỗi điểm neo biên soạn của nó.

adjusting the transparency of the left gas section

Bước 7

Khi bạn đã hoàn thành công việc ở phần khí bên trái, hãy tạo phần bên phải bằng quy trình tương tự.

drawing the right gas section

Bước 8

Bắt đầu làm việc với các ngôi sao nền nhỏ bằng cách phóng to trang bằng cách sử dụng con lăn chuột, sau đó tạo hình tròn 6 x 6 px với màu be nhạt (#F8DBBB), chúng ta sẽ đặt ở bên trái của phần nền lớn.

adding the first background star

Bước 9

Thêm các ngôi sao còn lại bằng cách sử dụng một số bản sao mà chúng ta sẽ tạo bằng cách chọn hình tròn mà chúng ta vừa tạo và sau đó sử dụng chức năng Duplicate được tìm thấy trong thanh công cụ trên cùng. Di chuyển xung quanh trang bằng cách giữ phím Space Bar, sau đó dần dần tạo và định vị lại các bản sao cho đến khi bạn tô màu cho nền, đảm bảo để trống phần giữa. Khi bạn đã hoàn tất, hãy đảm bảo chọn và nhóm tất cả các ngôi sao lại với nhau bằng chức năng Nhóm.

adding the remaining stars to the background

Bước 10

Bắt đầu làm việc trên sao chổi bên phải bằng cách vẽ phần thân chính của nó (#FFFFFF) bằng công cụ Straight. Chỉ cần nhấp chuột vào trang để tạo điểm bắt đầu và điểm kết thúc, sau đó kết thúc đường nét này bằng chức năng End Line.

drawing the right comet

Bước 11

Điều chỉnh phân đoạn dòng mà chúng ta vừa tạo bằng cách đặt chiều rộng của nó thành 2 px từ trong bảng Info (Options > Info > width), đặt màu của điểm neo bên trái thành màu trắng (#FFFFFF) và bên phải của nó thành màu vàng (#FCD85C).

coloring the right comet

Bước 12

Chọn điểm neo bên phải của sao chổi bằng cách sử dụng công cụ Edit Points , sau đó giảm độ trong suốt xuống 100% để tạo ảo giác về chuyển động.

adjusting the transparency of the right comet

Bước 13

Tạo sao chổi bên trái bằng cách sử dụng một bản sao (Select > Duplicate) của sao chổi mà chúng ta vừa điều chỉnh xong, chúng ta sẽ phản chiếu theo chiều dọc bằng cách chọn hình vuông ở giữa bên phải của hộp giới hạn và kéo nó sang bên trái cho đến khi các điểm neo trao đổi vị trí.

Sau đó lặp lại quá trình tương tự, lần này chỉ phản chiếu nó theo chiều ngang, điều chỉnh độ dài của nó và sau đó định vị hình dạng kết quả ở phía đối diện của nền.

adding the left comet

Bước 14

Vì chúng ta đã thực hiện khá nhiều thao tác trên nền, chúng ta có thể chọn tất cả các hình dạng của nó (Control-A) và nhóm chúng lại với nhau (Select > Group), trước khi chuyển sang phần tiếp theo của hình minh họa.

grouping the shapes of the background

5. Cách tạo hành tinh chính

Sau khi chúng ta hoàn thành công việc trên nền, chúng ta có thể chuyển sang phần trọng tâm của hình minh họa, nơi chúng ta sẽ dần dần tạo ra hành tinh màu vàng lớn.

Bước 1

Bắt đầu bằng cách tạo phần phát sáng bên ngoài lớn bằng hình tròn màu vàng 240 x 240 px (#FCD85C), chúng ta sẽ căn giữa theo chiều ngang thẳng hàng với trang bên dưới. Để làm điều này, chúng ta sẽ thực hiện một số phép toán đơn giản và loại bỏ độ rộng của hành tinh khỏi tài liệu, sau đó chia số kết quả cho 2 để tìm tọa độ X.

Vì vậy (800 px - 240 px) / 2 = 280 px, đây là giá trị mà tọa độ X cần hiển thị để hình dạng được căn giữa theo chiều ngang một cách hoàn hảo. Về căn chỉnh dọc, tôi đã thực hiện phép toán tương tự (600 px - 240 px) / 2 = 180 px, nhưng cuối cùng tôi đã đẩy hình dạng này xuống dưới thêm 20 px để nó tăng thêm sự phù hợp với bên trong nền.

creating the larger outer glow

Bước 2

Điều chỉnh độ trong suốt của hình dạng mà chúng ta vừa tạo, bằng cách đặt các điểm neo bên trái và trên cùng của nó thành 70% và các điểm dưới cùng và bên phải của nó thành 0%.

adjusting the transparency of the larger outer glow

Bước 3

Tạo ánh sáng bên ngoài nhỏ hơn bằng cách sử dụng một bản sao của hình dạng kết quả (Select > Duplicate), chúng ta sẽ thay đổi kích thước bằng cách chọn hình vuông trên cùng bên phải của hộp giới hạn của nó và kéo nó sang góc đối diện, cho đến khi bạn có một hình tròn 220 x 220 px . Sau đó, căn giữa nó thẳng hàng với hình lớn bằng tọa độ X Y.

  • x: (800 px - 220 px) / 2 = 290 px
  • y: (600 px - 220 px) / 2 = 190 px (từ đó chúng ta sẽ xóa thêm 20 px)
adding the smaller outer glow

Bước 4

Thêm hình dạng chính cho hành tinh thực tế bằng cách sử dụng hình tròn màu vàng 200 x 200 px (#FCD85C), chúng ta sẽ định vị bằng các tọa độ sau:

  • x: (800 px - 200 px) / 2 = 300 px
  • y: (600 px - 200 px) / 2 = 200 px (từ đó chúng ta sẽ xóa thêm 20 px)
creating the main shape for the yellow planet

Bước 5

Cung cấp cho hành tinh một gradient mịn bằng cách chọn các điểm neo dưới cùng và bên phải của nó bằng công cụ Edit Points trong khi nhấn giữ nút Shift để thực hiện nhiều vùng chọn, sau đó đặt màu của chúng thành màu vàng đậm hơn (#F5A941).

adding the gradient to the yellow planet

Bước 6

Bắt đầu thêm chi tiết vào hành tinh bằng cách tạo ra miệng hố lớn bằng hình elip 60 x 40 px được tạo bằng công cụ Oval, chúng ta sẽ tô màu bằng màu vàng đậm hơn (#F5A941) và sau đó đặt ở phía dưới bên phải của nó.

creating the main shape for the larger crater

Bước 7

Cung cấp cho miệng hố một số độ sâu bằng cách chọn các điểm neo phía dưới và bên phải của nó bằng công cụ Edit Points, sau đó đặt màu của chúng thành màu vàng nhạt hơn bằng công cụ Eye Droppper (chỉ cần thực hiện lựa chọn nhanh từ phía bên trái của thân lớn của hành tinh).

adding a gradient to the larger crater

Bước 8

Tạo miệng hố nhỏ hơn bằng cách sử dụng một bản sao (Select > Duplicate) của hình mà chúng ta vừa hoàn thành, chúng ta sẽ thay đổi kích thước bằng cách kéo hộp giới hạn của nó cho đến khi chúng ta có hình bầu dục 30 x 20 px. Khi bạn đã thực hiện xong, định vị hình dạng ở phía dưới bên trái của hành tinh, chọn và nhóm tất cả các hình dạng của nó lại với nhau bằng chức năng Group (Select > Group).

adding the smaller crater

6. Cách tạo hành tinh nền

Tiếp theo trong danh sách liên sao của chúng ta là hành tinh nền nhỏ hơn, sẽ mang lại sự cân bằng cho bố cục của chúng ta.

Bước 1

Bắt đầu bằng cách tạo vành đai bằng hình bầu dục 94 x 40 px với chiều rộng đường nét 2 px, chúng ta sẽ tô màu bằng màu xanh nhạt (#2DA3AF) và sau đó đặt ở phía bên phải của hành tinh lớn.

creating the belt for the background planet

Bước 2

Áp dụng một gradient cho vành đai bằng cách chọn từng điểm neo của nó bằng công cụ Edit Points, sau đó thêm các giá trị màu tối hơn khi bạn đi vòng quanh phần sau của nó. Vì chúng ta muốn hình elip mờ dần về phía sau, chúng ta sẽ phải thêm một điểm neo tối hơn và hạ Transparency của các điểm neo phía sau của nó xuống 50% 34%.

adding a gradient to the belt

Bước 3

Tạo thân chính hành tinh bằng cách sử dụng hình tròn 48 x 48 px, chúng ta sẽ tô màu bằng cách sử dụng màu xanh nhạt (#31ABB8) và sau đó định vị trên vành đai. Miễn là bạn có lưới lên và chạy, bạn sẽ có thể làm điều đó bằng cách kéo hình đi xung quanh.

creating the main shape for the background planet

Bước 4

Kết thúc hành tinh bằng cách tạo ra một gradient mịn đẹp, làm cho phía bên phải tối hơn để tạo chiều sâu cho nó. Hãy dành thời gian của bạn thực hiên và sau khi bạn hoàn thành, hãy chọn và nhóm hai hình lại với nhau (Select > Group) trước khi chuyển sang phần tiếp theo của hình minh họa.

adding the gradient to the background planet

7. Cách tạo vệ tinh

Bây giờ chúng ta đang đi xuống phần cuối cùng trong hình minh họa của mình, để không lãng phí thêm thời gian, hãy sẵn sàng tiếp tục nhé.

Bước 1

Tạo phần thân chính của vệ tinh bằng cách sử dụng hình chữ nhật 8 x 16 px, chúng ta sẽ tô màu bằng màu xám nhạt (#DEF0F6) và sau đó đặt ở bên trái của miệng núi lửa lớn.

creating the main body for the satellite

Bước 2

Tạo các phần trên cùng và dưới cùng bằng hai hình vuông 4 x 4 px (#62808A), chúng ta sẽ đặt như nhìn thấy trong hình ảnh tham khảo.

adding the top and bottom sections to the satellite

Bước 3

Thêm hai chi tiết hình chữ nhật vào phần thân lớn bằng cách sử dụng hình chữ nhật 4 x 8 px (#62808A), theo sau là hình 4 x 2 px nhỏ hơn (#62808A), chúng ta sẽ đặt khoảng cách 2 px theo chiều dọc với nhau, sau đó đặt chúng ở giữa. Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả năm hình lại với nhau (Select > Group), trước khi chuyển sang phần tiếp theo.

adding details to the body of the satellite

Bước 4

Bắt đầu làm việc với cụm ăng-ten bằng cách tạo phần cổ bằng hình chữ nhật 2 x 4 px (#DEF0F6), chúng ta sẽ đặt lên trên phần trên của vệ tinh.

adding the neck section for the antenna assembly

Bước 5

Thêm cụm ăng-ten bằng cách sử dụng hình tròn 10 x 10 px (#62808A), trên đó chúng ta sẽ thêm một hình 6 x 6 px nhỏ hơn (#DEF0F6), tiếp theo là một hình 2 x 2 px (#62808A). Như chúng ta đã làm với phần trước, đảm bảo chọn và nhóm tất cả bốn hình dạng lại với nhau bằng chức năng Select > Group.

adding the antenna to the satellite

Bước 6

Bắt đầu làm việc trên cánh hệ mặt trời bên trái bằng cách tạo hai cánh tay bằng hình chữ nhật 4 x 2 px (#62808A) 1 px phía trên hình mỏng hơn 4 x 1 px (#62808A), chúng ta sẽ định vị như trong hình ảnh tham khảo.

adding the arms for the left solar wing

Bước 7

Tạo hình dạng chính cho cánh bằng hình chữ nhật 15 x 12 px, chúng ta sẽ tô màu bằng cách sử dụng màu xám nhạt (#DEF0F6) và sau đó đặt ở phía bên trái của cánh tay mở rộng.

adding the main shape for the left solar wing

Bước 8

Thêm pin hệ mặt trời bằng bốn hình chữ nhật 2 x 8 px, cách nhau theo chiều ngang 1 px với nhau (#62808A), mà chúng ta sẽ đặt ở giữa cánh. Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả các phần hiện tại của các hình dạng (Select > Group) trước khi chuyển sang bước tiếp theo.

adding the solar cells to the wing

Bước 9

Kết thúc vệ tinh bằng cách thêm cánh phải bằng cách sử dụng một bản sao (Select > Duplicate) của cánh mà chúng ta vừa hoàn thành, chúng ta sẽ phản chiếu theo chiều dọc và sau đó đặt ở phía đối diện của thân lớn. Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả các hình dạng vệ tinh (Select > Group) trước khi chuyển sang bước cuối cùng.

adding the right solar wing

Bước 10

Kết thúc hình minh họa bằng cách thêm bóng đổ nhẹ do vệ tinh truyền lên hành tinh, sử dụng bản sao của nó (Select > Duplicate), chúng ta sẽ tô màu bằng màu vàng đậm (#EEA822). Điều chỉnh độ trong suốt của các hình dạng bóng tối bằng cách nhập vào nhóm tương ứng của chúng bằng tùy chọn Enter Group, sau đó chọn và hạ thấp một số điểm neo của chúng (Select > Edit Points).

Sau đó, di chuyển một vài pixel vào góc dưới bên phải, đảm bảo đặt nó bên dưới vệ tinh bằng chức năng Backward One (Select > Backward One). Khi bạn đã hoàn tất, hãy chọn và nhóm vệ tinh và bóng của nó lại với nhau (Select > Group), thực hiện tương tự cho toàn bộ hình minh họa trước khi nhấn nút lưu đó.

finishing off the illustration

Thế là xong!

Chỉ cần sử dụng nhấp chuột ở đây đó và một vài hình dạng là chúng ta đã có thể tạo ra một minh họa không gian khá chi tiết và sống động mà bạn có thể sử dụng trong bất kỳ dự án cá nhân nào.

Như mọi khi, tôi thực sự hy vọng bạn đã có thể theo được từng bước và quan trọng nhất là đã học được điều gì đó mới và hữu ích khi thực hiện.

finished project preview
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.