Logo là một trong những yếu tố hình ảnh tiêu biểu nhất của một thương hiệu, nó có khả năng truyền tải đến công chúng bản chất của nó là gì và nó là một biểu tượng rất mạnh mẽ. Trong hướng dẫn này, tôi sẽ chỉ cho bạn các công cụ cơ bản mà Illustrator cung cấp để thiết kế logo và tôi sẽ dạy bạn cách tận dụng tối đa chúng. Nếu bạn muốn biết cách tạo logo bằng Adobe Illustrator, bạn không thể bỏ qua bài viết này!
Biểu trưng, isotype hoặc tưởng tượng
Thông thường, chúng ta sử dụng từ logo để chỉ biểu tượng đại diện cho một thương hiệu. Tuy nhiên, thuật ngữ này không hoàn toàn được sử dụng tốt. Trước khi bắt đầu thiết kế, hãy làm rõ điều này.
- El Logo là biểu tượng đại diện cho thương hiệu và được tạo thành từ hình ảnh và văn bản (hoặc kiểu chữ).
- Khi biểu tượng chỉ bao gồm một hình ảnh, không có văn bản, đúng hơn là sử dụng thuật ngữ isotype.
- Có những thương hiệu đôi khi sử dụng các phần khác nhau của logo một cách độc lập. Ví dụ: Nike thường chỉ được đại diện bởi vù vù. Khi hình ảnh logo được liên kết với thương hiệu mà không cần phải đi kèm với kiểu chữ, chúng ta có thể gọi nó là hình tượng.
Tạo tài liệu mới trong Illustrator và quan sát mô hình
Hãy tạo một tài liệu mới. Chúng tôi sẽ cung cấp cho bàn làm việc một Khổ A4, như vậy chúng ta sẽ không thiếu không gian để làm việc. Tôi đã thay đổi chế độ màu sang RGB.
Chúng ta sẽ bắt đầu với một logo đơn giản mà tôi đã thiết kế trước đó. Nhìn vào mô hình này, chúng ta sẽ thấy từng bước cách tôi tạo ra nó và bằng những công cụ nào. Của họ là bạn có được ý tưởng về cách bạn có thể tận dụng tối đa những gì Illustrator cung cấp. Bằng cách chia nhỏ logo, chúng tôi thấy rằng Nó được tạo thành từ một tập hợp các hình dạng kết hợp và một văn bản.
Tạo tất cả các hình dạng cần thiết trong Adobe Illustrator
Cơ thể của con cú
Đầu tiên chúng ta hãy tập trung vào các hình dạng. Trong thanh công cụ, bạn sẽ tìm thấy công cụ hình dạng. Bằng cách nhấp vào nó, nó cung cấp cho chúng tôi tùy chọn để tạo hình chữ nhật, hình elip, ngôi sao, đa giác hoặc đoạn thẳng. Trong trường hợp này, chúng ta cần tạo một hình chữ nhật. Chọn công cụ và kéo chuột tạo một hình chữ nhật có kích thước gần bằng kích thước bạn thấy trong hình trên.
Làm thế nào chúng ta có thể nhận được từ hình chữ nhật này thành hình tạo thành cơ thể của con cú? Chúng ta cần làm cong nóvà vì điều đó, chúng tôi có công cụ lựa chọn trực tiếp trên thanh công cụ. Khi bạn chọn nó, bạn sẽ thấy rằng ở các góc của hình chữ nhật có một loại người xử lý (các vòng tròn). Nếu bạn kéo trực tiếp vào bất kỳ cái nào trong số chúng, bạn sẽ thấy rằng các góc quay tròn. Để làm cong một góc, chỉ cần nhấp một lần và sau đó kéo. Bạn sẽ thấy rằng góc đó di chuyển và phần còn lại vẫn như cũ.
Chúng tôi sẽ bắt đầu ở góc dưới bên trái, chúng tôi sẽ xử lý đến giới hạn. Chúng tôi sẽ tiếp tục đến phía trên bên trái và cuối cùng chúng tôi sẽ làm tròn phía trên bên phải. Bằng cách này, bạn sẽ có được hình dạng mong muốn.
Mắt của con cú
Rộng để nhìn kỹ mô hình. Đôi mắt được tạo thành cùng một hình dạng với cơ thể và cho hai vòng kết nối, bên trong cái khác. Chúng tôi sẽ tạo ra một hình chữ nhật nhỏ hơn và chúng tôi sẽ làm cong nóNó giống như chúng ta đã làm ở bước trước. Bây giờ, chúng ta sẽ tạo các vòng tròn. Chọn công cụ hình elip. Để tạo ra một vòng tròn hoàn hảo, chúng ta phải nhấn phím thay đổi trong khi kéo, nếu không, nó có thể bị biến dạng và giống hình elip hơn là hình tròn.
Một khi chúng ta có tất cả các yếu tố của mắt, đã đến lúc lắp ráp nó. Đối với bất kỳ tác vụ thiết kế nào bạn thực hiện trong Illustrator công cụ căn chỉnh là cơ bản. Bạn có thể không hiển thị nó, bạn luôn có thể truy cập nó trong cửa sổ>để xếp hàng. Nó sẽ tự động giúp bạn căn chỉnh các yếu tố khác nhau. Bạn có thể tham chiếu bảng vẽ, vùng chọn hoặc một đối tượng chính. Để căn chỉnh bạn chỉ cần chọn một số đối tượng và đchọn một tùy chọn căn chỉnh. Nếu bạn muốn chọn một đối tượng tham chiếu, hãy thực hiện lựa chọn và bấm vào đối tượng bạn muốn chuyển đổi thành một đối tượng chính mà không cần nhấn bất kỳ phím nào. Chúng tôi sẽ căn giữa con ngươi bên trong phần bên ngoài của mắt.
Nhân đôi và lật để tạo mắt còn lại
Nếu bạn để ý, mắt còn lại giống hệt nhau nhưng ở vị trí ngược lại. Để không phải lặp lại toàn bộ quá trình, những gì chúng tôi sẽ làm là gấp đôi đã được tạo. Bạn có thể làm điều đó bằng lệnh + c (sao chép) và sau đó lệnh + v (dán) hoặc bạn có thể chọn nhấn phím tùy chọn và kéo. Để đảo ngược nó, hãy nhấp vào nó, và trong bảng thuộc tính, trong phần "biến đổi", trong các ký hiệu được chỉ ra trong hình ảnh ở trên, bạn có thể lật hình, trong trường hợp này chúng ta cần nó nằm ngang.
Tạo cánh bằng công cụ tìm đường hoặc bút
Hãy quay trở lại hình dạng lớn, bạn sẽ thấy rằng nó có một loại cánh. Nó thực sự là hình dạng giống như chúng tôi sử dụng cho cơ thể, được đặt phía sau và quay. Tôi sẽ tận dụng cơ hội này để giải thích hai công cụ siêu hữu ích để tạo logo: công cụ bút và công cụ tìm đường.
La dụng cụ bút Bạn có nó trên thanh công cụ và nó có thể được sử dụng để tạo cánh. Sử dụng nó rất đơn giản. Đơn giản nhấp chuột để tạo các đỉnh và các đường sẽ tự động được vẽ để nối chúng.
Một cách khác để xây dựng cánh là sử dụng công cụ tìm đường. Nếu bạn không thấy nó, bạn sẽ tìm thấy nó trong tab window> pathfinder. Với công cụ này, bạn có thể kết hợp hoặc trừ các phần. Trong trường hợp này, chúng ta phải chọn tùy chọn: less front. Nhân đôi hình dạng của cơ thể, đặt nó phía sau để tạo thành cánh và nhân đôi một lần nữa, nhấn ít ở phía trước và xóa phần thừa. Chúng tôi đã có cánh của chúng tôi. Khi tất cả các hình dạng được tạo, bạn có thể lắp ráp logo.
Màu sắc và độ dốc cho logo của bạn trong Illustrator
Cho đến nay chúng tôi vẫn chưa động đến vấn đề màu sắc. Điều quan trọng là khi thiết kế logo bạn phải chú ý đến màu sắc, chọn tông màu hài hòa và thể hiện được tinh thần của thương hiệu. Mình đã chọn màu hồng, mình sẽ để lại mã màu bên trên phòng trường hợp phù hợp với bạn. Mắt không tô là một vạch trắng có độ dày 0,25.
Phần màu hồng của cơ thể không phải là một màu phẳng, nó có một Giảm sút chất lượng. Có nhiều ý kiến trái chiều về logo có hoặc không có gradient. Trước khi sử dụng chúng, đó là một rủi ro vì gradient có thể bị mất khi tải nó lên web. Tuy nhiên, đây là một vấn đề cần khắc phục. Nhiều thương hiệu sử dụng gradient trong logo của họ, thương hiệu dễ nhận biết như Instagram. Cá nhân tôi thích chúng bởi vì, nếu chúng được sử dụng tốt, chúng sẽ tăng thêm khối lượng cho logo.
Để áp dụng gradient, chúng ta phải chọn công cụ gradient và nhấp đúp vào đối tượng. Chúng ta có thể gõ tắt bằng cách nhấn phím G trên bàn phím và nhấp đúp. Trong bảng thuộc tính, ở gradient, bạn có thể chọn loại gradient và hiển thị menu để sửa đổi nó trong ba điểm. Trong trường hợp này, chúng tôi đã chọn một gradient chuyển từ đen sang trắng và chúng tôi đã thay đổi màu đen thành màu hồng và màu trắng mà chúng tôi sẽ thay thế bằng một màu hồng rất nhạt, gần như trắng. Bằng cách di chuyển thanh xuất hiện trong hình dạng và các điểm, bạn có thể sửa đổi vị trí và cấu trúc của gradient.
Kiểu chữ trong logo
Văn bản không có gì phức tạp, nó được viết bằng phông chữ Oswlad Medium, bạn có thể tải xuống miễn phí tại Google Fonts. Chúng tôi đã cho kích thước của nó là 17 điểm và chúng tôi đã chọn cùng một tông màu hồng.
Cách tùy chỉnh phông chữ trong Adobe Illustrator
Hãy nói thêm về kiểu chữ! Phông chữ có thể được chuyển đổi thành nét, phá vỡ, biến dạng và chúng ta có thể chơi với chúng. Tôi khá miễn cưỡng khi làm điều đó, nhưng này, để tạo logo là một nguồn tài nguyên tốt và bạn nên biết điều đó. Hãy xem một ví dụ:
Hãy chọn phông chữ File Black và tôi sẽ viết tên này. Như hiện tại, chúng ta có thể làm được rất ít. Chúng ta phải chuyển đổi kiểu chữ thành một nét. Vì điều đó, chúng tôi chọn nó bằng công cụ lựa chọn và chuyển đến tab văn bản> tạo đường viền. Trước khi làm điều này, hãy chắc chắn rằng văn bản được viết tốt, bởi vì bạn sẽ không thể chỉnh sửa nó nữa!
Bằng cách tạo các đường viền, bạn có thể coi văn bản của mình giống như bất kỳ nét vẽ Illustrator nào khác. Như chúng ta đã làm với các hình dạng, với công cụ chọn trực tiếp, chúng ta sẽ làm cong các đầu của chữ i và điểm của chữ “i” thứ hai, chúng ta sẽ biến nó thành một loại lá, mà tôi sẽ đưa ra điều này tông màu xanh ngọc. Điều thú vị là toàn bộ từ này có thể được sử dụng làm logo hoặc chữ “i” như một loại hình ảnh độc lập.
Kiểm tra logo của bạn với các mô hình trong Photoshop
Một ý tưởng hay để xem liệu logo của bạn có hoạt động hay không là tạo mô hình bằng Photoshop. Đó là cách tốt nhất để nhanh chóng xem nó trông như thế nào trong thực tế và nó có thể được thực hiện như thế nào. Bạn nghĩ sao?