Cách thiết kế súng sci-fi theo dạng phẳng trong Adobe Illustrator

() translation by (you can also view the original English article)

Final product image — What You'll Be Creating

Bạn có thích phim, trò chơi và vũ khí sci-fi lạ mắt không? Thực hiện theo hướng dẫn này và thử sức mình với việc thiết kế vũ khí bằng cách tạo ra một khẩu súng không gian tương lai theo phong cách phẳng thời thượng.

Chúng ta sẽ sửa đổi các hình đơn giản, vì vậy bạn thực sự không cần bất kỳ kỹ năng vẽ hoặc thiết bị đặc biệt nào cho hướng dẫn này. Bạn sẽ học cách áp dụng gradient một cách phù hợp để làm cho các yếu tố nổi bật và đạt được một cái nhìn hoàn chỉnh. Hơn nữa, bạn sẽ phát hiện ra một số mẹo và thủ thuật khi làm việc với bảng Pathfinder, công cụ Shape Builder và Blending Mode, tạo ra các bóng đổ bán mờ và các điểm bắt sáng nhẹ nhàng để thêm một số chiều sâu cho vũ khí của chúng ta trong khi vẫn giữ được phong cách phẳng.

Đến cuối hướng dẫn này, bạn sẽ học được cách tạo ra một cây súng theo phong cách phẳng và có thể áp dụng những kỹ thuật này và thiết kế nhiều loại súng phẳng, súng trường, kiếm và các loại tài sản trò chơi khác. Hãy xem GraphicRiver để có thêm cảm hứng và hãy bắt đầu nhé!

1. Cách tạo vòi phun chất lỏng

Bước 1

Trước hết, chúng ta cần tạo một Tài liệu mới có kích thước 600 x 600 px với RGB Color Mode. Sử dụng Rectangle Tool (M) để tạo một hình vuông màu xanh nhạt 600 x 600 px cho nền và Căn chỉnh nó với Artboard, sử dụng bảng Align.

Bước 2

Trước khi chúng ta bắt đầu tạo ra bất kỳ yếu tố nào trong vũ khí của mình, chúng ta nên có một ý tưởng nhất định về thiết kế và cái nhìn tổng thể của nó. Nó sẽ là một khẩu súng trường chống lại người ngoài hành tinh hay vũ khí của người ngoài hành tinh thực sự? Nó sẽ là một khẩu súng ngắn mạnh mẽ hay một khẩu súng cầm tay nhỏ?

Sau khi suy nghĩ và lên ý tưởng, tôi đã quyết định với một bản phác thảo thô được thực hiện ngay trong Adobe Illustrator với sự trợ giúp của Pencil Tool (N). Nó phục vụ tôi như một tài liệu tham khảo trong toàn bộ quá trình tạo ra một phiên bản cuối cùng của khẩu súng này.

Bước 3

Hãy bắt đầu chế tạo vũ khí của chúng ta từ phần lớn nhất của nó - một vòi phun thủy tinh với một ít chất lỏng màu xanh lá cây bên trong (nó rõ ràng gây chết người, vì vậy hãy cẩn thận với nó).

Chọn Rectangle Tool (M) và tạo một hình 250 x 40 px. Áp dụng linear gradient từ màu xanh nhạt đến màu xanh đậm. Bạn có thể sử dụng thanh màu của bảng Gradient để di chuyển các thanh trượt màu, tạo ra một cạnh thẳng khác biệt giữa các màu sắc.

Để thực hiện việc này, chọn thanh trượt màu xanh lá nhạt ở bên trái của thanh màu và kéo nó sang bên phải. Thực hiện tương tự với thanh trượt màu xanh đậm, kéo nó theo hướng ngược lại, làm cho cả hai thanh trượt gặp nhau tại một điểm nhất định của thanh màu (ở giữa hoặc gần hơn với nửa bên phải của nó). Vị trí của bạn càng gần các thanh trượt với nhau, thì đường viền giữa chúng càng sắc nét và rõ ràng hơn.

Đặt góc của màu tô tuyến tính thành -90 độ trong bảng Gradient hoặc sử dụng Gradient Tool (G) và nhấn giữ Shift để điều chỉnh hướng của màu tô.

Thêm hai dải màu nâu mỏng có cùng chiều dài ở trên và dưới hình chữ nhật màu xanh lá cây.

Bước 4

Sao chép hình dạng màu xanh lá cây và Paste in Front (Control-C > Control-F). Giữ Alt và thu nhỏ hình dạng đó, làm cho nó hẹp hơn nhiều. Tô màu cho hình dạng mới bằng màu xanh lá đậm và chuyển Blending Mode thành Screen trong bảng Transparency, tạo vùng bắt sáng để làm cho bề mặt của vòi phun bóng và láng.

Sử dụng Rounded Rectangle Tool và tạo một hình 5 x 60 px với các góc được làm tròn hoàn toàn.

Chúng ta có thể đặt Corner Radius bằng cách chọn hình chữ nhật bằng Direct Selection Tool (A) và điều chỉnh giá trị trong bảng điều khiển ở trên hoặc bằng cách kéo các dấu tròn của các Live Corners mà bạn có thể tìm thấy bên cạnh mỗi góc của hình dạng đó khi nó được chọn bằng Direct Selection Tool (A). Lưu ý rằng theo cách này chúng ta có thể điều chỉnh từng góc riêng biệt hoặc tất cả các góc cùng một lúc, tùy thuộc vào kết quả mong muốn.

Tô màu cho hình chữ nhật tròn với linear gradient từ nâu đến tím đậm, đặt cả hai thanh trượt của gradient vào cùng một điểm để tạo đường viền khác biệt giữa các màu sắc.

Cuối cùng, chọn hình dạng này với Selection Tool (V), giữ Alt-Shift và kéo hình này sang bên cạnh, tạo một bản sao. Thêm một vài bản sao và phân phối chúng như dưới đây.

Bước 5

Sử dụng Ellipse Tool (L) và tạo một vài hình tròn làm những bong bóng. Đặt Fill thành none và màu Stroke thành màu xanh đậm và chuyển sang Screen Blending Mode.

Đặt Stroke Weight thành 1,5 pt trong bảng điều khiển ở trên cùng hoặc trong bảng Stroke.

Group (Control-G) các yếu tố của vòi phun để giữ cho hình ảnh gọn gàng và ngăn nắp.

Bước 6

Giờ thì hãy thêm một cái miệng súng. Tạo một hình chữ nhật 20 x 95 px, áp dụng linear gradient từ màu trắng sang màu xám nhạt, bắt chước một bề mặt kim loại hoặc nhựa mờ.

Chọn hình dạng này bằng Direct Selection Tool (A) và cho phép điều chỉnh các góc. Đi tới bảng điều khiển trên cùng và nhấp chuột vào tham số Corners để mở các cửa sổ tùy chọn thả xuống. Chọn Chamfer Corner và đặt Radius thành 5 px, tạo một hình vát.

Bước 7

Duplicate (Control-C > Control-F) hình dạng này và tô màu cho bản sao trên cùng với màu xanh lá đậm. Sử dụng Eraser Tool (Shift-E), nhấn giữ Alt, giữ chuột trái và trải rộng vùng chọn trên phần bên trái của hình, chỉ để lại một dải mỏng ở bên phải. Nhả phím chuột và thế là xong! Bạn chỉ còn lại dải mỏng này. Chuyển Blending Mode của nó sang Screen để tạo vùng bắt sáng.

create a highlight using the eraser tool

Bước 8

Duplicate (Control-C > Control-F) vùng bắt sáng và bấm đúp vào Reflect Tool (O) để mở cửa sổ tùy chọn. Chọn Vertical Axis và nhấp chuột vào nút Copy để tạo bản sao phản chiếu.

Hãy chụp bản sao chép đó vào phía đối diện của miệng súng, sử dụng bảng Align. Chọn cả bản sao và miệng súng và nhấp chuột vào hình dạng miệng súng một lần nữa để biến nó thành một Key Object (nó được đánh dấu bằng một lựa chọn dày hơn). Nhấp vào Horizontal Align Left trong bảng Align để dán hình này vào cạnh trái của miệng súng.

Cuối cùng, thay đổi màu tô của bản sao thành màu xanh nhạt và chuyển Blending Mode thành Multiply, do đó tạo ra một bóng đổ phẳng tinh tế.

Bước 9

Hãy tiếp tục thêm các yếu tố vào miệng súng. Tạo một hình chữ nhật 30 x 45 px cho nòng súng và tô màu cho nó bằng linear gradient từ màu xanh đậm đến màu tím sẫm. Send to back (Shift-Control- [) hình này và Duplicate nó. Thu nhỏ bản sao thành 15 x 45 px, thay đổi màu của nó thành màu tím nhạt và đặt Blending Mode thành Multiply, tạo ra một bóng đổ nhẹ từ miệng súng.

Hoàn thành phần vũ khí này bằng cách nhân đôi hình dạng tối màu và thu nhỏ nó thành 30 x 15 px. Tô màu cho hình này với màu tối và chuyển sang chế độ Screen, tạo vùng bắt sáng bóng bẩy trên bề mặt kim loại.

Bước 10

Chúng ta vẫn thiếu một số bóng đổ trên phần thủy tinh của súng của chúng ta. Sử dụng Rectangle Tool (M) để tạo một vài hình chữ nhật có cùng chiều cao với hình dạng màu xanh lá cây.

Tô màu cho chúng với màu xanh nhạt và chuyển sang Multiply Mode.

Sử dụng Direct Selection Tool (A) để chọn điểm neo trên cùng bên trái của mỗi hình chữ nhật. Nhấn phím Enter để mở cửa sổ tùy chọn Move và đặt giá trị Horizontal thành 5 px và giá trị Vertical là 0 px. Nhấp vào OK, di chuyển các điểm đó sang bên phải và làm xiên các hình chữ nhật.

Bước 11

Chọn các hình chữ nhật và Object > Compound Path > Make (hoặc nhấn Control-8) để hợp nhất các bóng đổriêng biệt thành một đường compound path.

Đặt bóng đổ ngay bên dưới các đường thẳng đứng, di chuyển chúng theo cách thủ công trong bảng Layers hoặc bằng cách Sending Backward (Control-[) một vài lần.