Tạo các bộ biểu tượng sản phẩm trong Illustrator

Sep 11, 2025

Cách

Click the icon in the top right to enlarge the icons — Nhấp vào biểu tượng ở trên cùng bên phải để phóng to các biểu tượng

Các biểu tượng minh họa có thể là một siêu bổ sung cho bạn Danh mục thiết kế , cho dù bạn bao gồm chúng để tiếp cận một nhóm khách hàng tiềm năng mới hoặc để thêm nhiều yếu tố vào cảnh minh họa. Trong này Hướng dẫn Adobe Illustrator. Tôi sẽ chỉ cho bạn cách tạo biểu tượng đơn giản và dễ dàng, để bạn có thể tạo ra khối lượng lớn của chúng ngay lập tức.

Tôi sẽ thiết kế hai bộ biểu tượng: một bộ điện thoại / máy tính bảng kỹ thuật số và một bộ các mặt hàng pha cà phê.

01. Biết những gì bạn đang đại diện

pictures of phones, tablets and coffee machines — Sản phẩm trong thế giới thực cần một mức độ nghiên cứu tốt

Dù bộ sản phẩm của bạn là gì, hãy thực hiện nghiên cứu của bạn! Một khách hàng muốn tất cả các sản phẩm là chính xác, và bạn cũng nên. Ngay cả khi đó là một dự án cá nhân, bạn không thể vô tình thêm một nút camera vào Nokia 3310 ban đầu hoặc đặt phích cắm hai chân lên ấm nước Anh. Nếu bạn đang minh họa một sản phẩm cho khách hàng, hãy đảm bảo bạn biết nó trông như thế nào suốt vòng, vì vậy bạn hiểu nó như một đối tượng trong thế giới thực.

02. Vẽ nó trong bút chì

Coffee makers drawn in simple lines below a row of phones — Phá vỡ đối tượng thành các dòng đơn giản

Bạn có thể bắt đầu tuy nhiên bạn muốn - Tôi luôn vẽ mọi thứ trong bút chì, nhưng đối với nhiều sản phẩm bạn có thể theo dõi một bức ảnh. Nếu bạn có một hình dạng khó khăn để vẽ và nó xảy ra đối xứng - ví dụ: Lightbulb - bạn chỉ có thể vẽ một nửa của nó (tôi sẽ đến sau đó!).

03. Loại bỏ các kinks

A line drawing of a coffee pot — Bám sát đường thẳng, góc hoàn hảo và đường cong mượt mà

Khi tạo dòng likework, luôn giữ các đường và góc thẳng và sạch sẽ. Các biểu tượng sản phẩm minh họa của bạn có thể được sử dụng khá nhỏ trên trang hoặc màn hình, và các nút hoặc đường cong không cần thiết có thể gây nhầm lẫn mắt và làm cho mọi thứ không rõ ràng.

Có hai lời khuyên chính cho việc này. Đầu tiên, với công cụ hình dạng, giữ Thay đổi. chìa khóa để có được các vòng tròn và hình vuông hoặc đa giác hoàn hảo ngồi thẳng. Và thứ hai, với công cụ bút giữ Thay đổi. Chìa khóa chỉ vẽ các góc ở 45 độ hoặc 90 độ đến trục.

04. Sử dụng đối xứng

Phone with box around screen to highlight symmetry — Đối xứng có thể làm cho quy trình làm việc của bạn hiệu quả hơn

Nhiều sản phẩm là hoàn toàn đối xứng, điều này làm cho mọi thứ tốt đẹp và đơn giản. Khi bạn có dòng xếp hàng, chọn tất cả với công cụ chọn ( CMD + V. ) Và bạn sẽ thấy một loạt các nút căn chỉnh xuất hiện trong thanh trên cùng. Nhấp vào nút Trung tâm Căn chỉnh ngang hoặc dọc, tùy thuộc vào những gì bạn cần và mọi thứ sẽ chụp vào đối xứng. Bạn cũng có thể nhóm các đối tượng với nhau và sau đó căn chỉnh chúng với các đối tượng hoặc nhóm khác.

05. Phản ánh nhiều đối tượng phức tạp hơn

An image of a jug reflected — Một bản sao đơn giản và dán sẽ giữ cho các đối tượng của bạn tốt đẹp và gọn gàng

Đối với đối xứng trên các đối tượng tạo dáng, minh họa một nửa một nửa, sau đó chọn những nửa này và sao chép và dán tất cả chúng trong một lần bằng cách giữ Shift + Alt. Và nhấn phím mũi tên phải, điều này sẽ giữ mức các dòng này với bản gốc của chúng.

Vẫn với các đối tượng được sao chép được chọn Nhấp vào Object & GT; Biến đổi & GT; Phản ánh từ menu chính, chọn tùy chọn dọc và nhấp vào OK. Đặt bên này của đối tượng để có được chiều rộng chính xác (chỉ sử dụng các phím mũi tên trái và phải để chúng được căn chỉnh với nửa kia).

Sử dụng Công cụ chọn trực tiếp ( CMD + A. ) tham gia hai mặt của mỗi dòng bằng cách chọn hai đầu dòng và nhấp vào CMD + J. .

06. Duy trì tính nhất quán

Picture of phones with consistency between them highlighted — Tất cả các sản phẩm trải qua sự phát triển; cho thấy cách một liên quan đến tiếp theo

Nếu bạn đang làm việc trên một tập hợp các sản phẩm, hãy đảm bảo bạn luôn xem xét các mục khác trong bộ sưu tập. Nếu các nút giống nhau trên các sản phẩm, sau đó sao chép và dán chúng, nếu góc cong luôn có cùng kích thước, sau đó đảm bảo bạn đang sử dụng cùng một góc.

Thông thường (với các sản phẩm công nghệ đặc biệt), bạn có thể tạo một thiết bị, sau đó sao chép / dán nó và chỉ cần điều chỉnh tỷ lệ để tạo biểu tượng tiếp theo, thực sự có thể tăng tốc độ công việc của bạn.

07. Thêm một số màu

Two coffee pots, one grey, one green — Sử dụng màu xám cho kim loại có thể nhàm chán, vì vậy hãy thử nghiệm với Blues

Với sự đóng dấu của bạn hoàn thành, chuyển sang màu. Nói chung, bạn muốn có được các tông màu gần với thực tế nhất có thể, nhưng có một số ngoại lệ. Ví dụ, hầu hết các kim loại là một màu xám giữa, thật nhàm chán cho tất cả mọi người! Thay vào đó, tôi sử dụng nhiều tông màu xanh xám (sáng hoặc tối) và thường đi lạc vào màu ngọc lam.

Hãy thử sử dụng một màu xanh trong suốt cho kính, như màu trắng có thể cảm thấy lạnh. Tôi cũng khuyên bạn nên khuyên cam và vàng cho các bề mặt gỗ thực sự mang lại một chút ấm áp.

08. Khám phá độ dốc

A phone with a green screen gradient — Ngay cả một gradient màu tinh tế cũng có thể tạo ra sự khác biệt thực sự cho một biểu tượng

Vì chúng tôi đang tạo các biểu tượng minh họa, bạn không muốn đi quá xa về các chi tiết nhỏ và kết cấu. Tuy nhiên, bạn thực sự có thể bán bề mặt của một sản phẩm với một gradient. Để tận dụng tốt nhất Adobe Illustrator, đừng tạo độ dốc từ màu này sang màu tiếp theo (nó thường dẫn đến dải khi được in).

Thay vào đó, chọn một màu phẳng cho một đối tượng / hình dạng, chọn hình dạng và sao chép nó (trong bảng Lớp), sau đó thêm một gradient vào đối tượng hàng đầu này đi từ độ mờ xuống 100% xuống 0%.

09. Hãy thử bao gồm bóng và nổi bật

A green cafetiere with shadows — Tạo các điểm nổi bật và bóng tối của riêng bạn và phát triển phong cách đồ họa của riêng bạn

Khi tôi không sử dụng độ dốc, tôi thường sao chép một đối tượng và sau đó cắt nó ở một góc. Tôi sử dụng công cụ Pen (một lần nữa giữ phím Shift) để tạo một hình dạng được cắt ở góc 45 độ, sau đó tôi tô màu trong bóng sáng hoặc tối hơn để thêm một bóng đơn giản nhưng hiệu quả hoặc tô sáng.

10. Thêm chi tiết bổ sung

Two rows of green products, phones and coffee pots — Mang sản phẩm của bạn vào cuộc sống bằng cách thêm chi tiết bổ sung

Cuối cùng, nếu kích thước bạn đang sử dụng các biểu tượng tại cho phép, bạn thực sự có thể mang chúng đến với cuộc sống. Một thiết bị công nghệ trông không mệt mỏi với không có gì trên màn hình, vì vậy hãy sử dụng không gian này để chứng minh các chức năng của nó hoặc bán một ứng dụng. Minh họa sản phẩm đồ họa được sử dụng trong một minh họa lớn hơn (ví dụ: nếu các thiết bị cà phê này là một phần của cảnh rộng hơn) sẽ thu hút người xem.

Bài viết liên quan:

Cách tạo các mẫu lặp lại trong Illustrator
Bàn chải minh họa cao cấp và miễn phí tốt nhất
Tạo một tập hợp các biểu tượng nhất quán trong bản phác thảo

Tạo các bộ biểu tượng sản phẩm trong Illustrator

01. Biết những gì bạn đang đại diện

02. Vẽ nó trong bút chì

03. Loại bỏ các kinks

04. Sử dụng đối xứng

05. Phản ánh nhiều đối tượng phức tạp hơn

06. Duy trì tính nhất quán

07. Thêm một số màu

08. Khám phá độ dốc

09. Hãy thử bao gồm bóng và nổi bật

10. Thêm chi tiết bổ sung

Cách - Các bài báo phổ biến nhất

Cách tránh một ngày Amazon Prime 2020 thất bại

Bắt đầu với Babel 7

Tạo menu Trượt

Xây dựng ứng dụng hoạt động ngoại tuyến

Cách tạo mẫu một ứng dụng di động với Adobe XD

Tạo hình ảnh 3D tương tác với ba.js

Tạo hình minh họa đơn giản cho Web

Lời khuyên hàng đầu để vẽ tay biểu cảm

Thể loại