Hướng dẫn thiết kế logo kèm biểu tượng đẹp
Thứ Tư, 11 tháng 12, 2013
1. Thiết lập tài liệu của bạn trong Photoshop
- Một khi bạn đã mở photoshop, vào File -> New . Sau đó chỉ định tên của các biểu tượng, và chiều rộng của 600 và chiều cao của 500 .
- Sau đó bấm " OK " (Xem hình bên dưới).
![]() Sau khi bạn nhấn "OK" thiết lập của bạn sẽ trông như thế này: ![]() ( Tôi đang trên một độ phân giải 1600x1200. ) Đối với các menu bên trái, tôi có lớp xem , và các nhân vậttrong xem.) |
2. Thử nghiệm với Font Selections
Như một điểm khởi đầu, tôi luôn luôn thử nghiệm với một phông chữ mà tôi nghĩ rằng sẽ làm việc tốt với các biểu tượng. Bạn phải phát triển một mắt cho những gì font sẽ hoặc sẽ không làm việc, với các chi tiết cụ thể của dự án trong tâm trí. Kể từ khi cho bluelaguna chúng tôi đang cố gắng tập trung vào một cảm giác chưa gamer'ish nghiêm trọng, một lựa chọn font nghiêm trọng có thể là lựa chọn tốt nhất. Có cho mình một kho vũ khí của phông chữ là rất quan trọng. Tôi có vài ngàn bản thân mình.
|
Vì mục tiêu của chúng tôi với logo đặc biệt này là rất nghiêm trọng, chúng ta cần phông chữ nghiêm trọng tìm kiếm. Nó chỉ đơn giản là cần có thời gian để phát triển một mắt cho những gì là nghiêm trọng và những gì không.
Dưới đây là một vài ví dụ về các lựa chọn phông chữ xấu cho dự án này: Logo đầu tiên (trên cùng), có một rất thoải mái, vui vẻ / tấn không chuyên nghiệp cho nó. Logo thứ hai chỉ đơn giản là "ngu ngốc" tìm kiếm, và nó thường luôn luôn xấu để chọn một biểu tượng mà có một cái bóng vốn có. Logo thứ ba là cách quá "rách rưới" với kiểu cách của nó khắp nơi, chắc chắn là một không đi. Logo thư pháp thường được lỗi thời, đặc biệt là với kỳ lạ "xuống" đến từ chúng. Logo cuối cùng có thể khó thậm chí đọc. Hãy nhớ rằng, một biểu tượng cần được dễ dàng đọc được. | ![]() |
Dưới đây là một vài ví dụ về các lựa chọn font chữ tốt cho dự án này: Tất cả các biểu tượng với ngoại lệ của 4 và 6 là khá nhiều tương tự. # 1, 2, 3 & 5 đều rất đơn giản và nghiêm trọng trong xuất hiện. Logo 4 vẫn còn xuất hiện "nghiêm trọng" mặc dù nó là khác nhau đáng kể so với phần còn lại. Tôi đã chọn này chỉ trong trường hợp tôi muốn thử nghiệm với việc vẽ ra các phông chữ cho từ "Blue" và "Laguna". Logo 6 là một / logo in nghiêng rất táo bạo mà không nói gì nhưng nghiêm trọng. | ![]() |
4. Hoàn thiện một lựa chọn Font
Một khi bạn có một số lựa chọn font chữ có thể, mỗi lớp của riêng mình, bạn tiếp tục phân tích chúng và xem đó hoạt động. Với các biểu tượng có nhiều hơn một từ, hầu hết thời gian nó là tốt để tách sự xuất hiện của các từ với nhau. Kể từ khi dự án đặc biệt này có hai từ, "Blue" và "Laguna", chúng ta sẽ muốn tách chúng bằng có thể lựa chọn hai phông chữ khác nhau. Bạn cũng có thể tách rời từ nhau bằng cách giữ một phông chữ, nhưng thay đổi màu sắc. Vì vậy, tôi sẽ thử nghiệm với 6 lựa chọn phông chữ tốt ở trên.
Đây là những gì tôi đã đến với: Mặc dù tôi đã không sử dụng một trong 6 phông chữ tôi lựa chọn ban đầu cho từ "màu xanh", tôi chỉ cần sử dụng một phiên bản unboldened của "LAGUNA", mà giữ một cảm giác phù hợp nhưng cũng cho phép tách biệt của hai từ. ![]() |
5. Thêm vào một biểu tượng
Đôi khi biểu tượng làm việc tốt với chỉ sử dụng các phông chữ, nhưng hầu hết các lần thêm vào một biểu tượng có liên quan của một số loại thực sự sẽ tạo ra một logo nổi bật. Khi tôi nói "biểu tượng", tôi có nghĩa là bất kỳ một phần của biểu tượng đó không phải là văn bản thực tế. Vì vậy, chúng ta hãy bắt đầu với việc lựa chọn font chữ đầu tiên với phần trên:

Bây giờ đây là nơi có một con mắt thiết kế và kinh nghiệm là một sự trợ giúp rất lớn. Chúng ta cần phải bắt đầu suy ngẫm những ý tưởng chính xác những gì chúng ta có thể thêm vào biểu tượng này để làm cho nó tuyệt vời. Vì vậy, điều đầu tiên tôi làm là chỉ ngồi đó và nhìn chằm chằm vào lựa chọn phông chữ và nghĩ về những gì chính xác các sản phẩm / dịch vụ / trang web là tất cả về. Vâng, BlueLaguna.Net là về chơi game, nói cụ thể hơn, đó là một trang web cung cấp phương tiện truyền thông RPG (Role Playing Game) phương tiện truyền thông. Vì vậy, chúng tôi có hai điều cần làm việc với: RPG và Truyền thông. Chính xác những gì chúng tôi có thể kết hợp với cả RPG và Truyền thông? Vâng, chúng tôi không nhất thiết phải truyền đạt cả RPG và Truyền thông thông qua biểu tượng (nếu bạn cố gắng để có được quá phức tạp, biểu tượng sẽ trở nên lộn xộn). Chúng ta có thể chọn một hay khác nếu chúng ta muốn. Tôi nghĩ rằng nó muốn được hợp lý nhất để tập trung vào các khía cạnh toàn RPG, bạn có thể tìm thấy phương tiện truyền thông khắp nơi và nó không phải là một khái niệm hoàn toàn độc đáo.
Vì vậy, chúng ta hãy làm một số nghiên cứu trên Role Playing Games. Chúng tôi cần phải tìm ra một biểu tượng mà thực sự có thể đại diện cho game nhập vai. Các BlueLaguna.Net hiện tại có nữ 3d, có lẽ có một cái gì đó để làm với RPG? Vâng, hãy để tôi làm một tìm kiếm trên images.google.com cho "RPG". Kết quả quay trở lại một vài nhân vật nữ khác nhau, Hmm! Các kết quả đầu tiên, giữ trong tâm trí nhân vật nữ 3d vào tiêu đề hiện tại của bluelaguna.net, dường như cho thấy rằng mô tả một phụ nữ trong biểu tượng có thể là lựa chọn tốt nhất. Nó cũng có vẻ như là môi trường vũ khí / thần bí có liên quan với RPG là tốt.
Bây giờ tôi biết những gì tôi có thể kết hợp với RPG, tôi có thể đến với một số ý tưởng có thể cho một biểu tượng. Tôi nghĩ có lẽ với một khuôn mặt của một trong những nữ RPG'ish với có thể là một gợi ý của chủ nghĩa thần bí.
Công cụ Pen là bạn bè của bạn
Công cụ quan trọng nhất khi nói đến thiết kế logo là công cụ Pen. Nếu có một công cụ để hiểu kỹ lưỡng, nó phải là công cụ Pen. Công cụ Pen cho phép bạn tạo ra bất kỳ hình dạng (s) mà bạn muốn, và duy trì định dạng vector (mà là rất quan trọng nếu bạn muốn kích thước logo của bạn lên n 'xuống (cho in ấn chuyên nghiệp hoặc bất cứ điều gì.)
Nó luôn luôn tốt để vẽ logo của bạn bằng tay mà không chép một hình ảnh (truy tìm vector), nhưng nếu bạn không phải là rất tài năng và không có nhiều kinh nghiệm, nó có thể là lựa chọn duy nhất của bạn. Vì vậy, vì lợi ích của làm cho tác động lớn nhất trên hướng dẫn này, tôi sẽ dạy cho bạn tất cả một kỹ thuật tuyệt vời cho việc tạo ra các biểu tượng lớn tìm kiếm bạn logo.
Tìm kiếm một hình ảnh phù hợp
Nếu bạn đang đi để theo dõi, tôi luôn luôn đề nghị sử dụng một trang web như istockphoto.com để tìm hình ảnh và trả tiền cho nó. Bằng cách này bạn sẽ không được sử dụng bản quyền hình ảnh để theo dõi hơn. Hoặc dùng hình ảnh của riêng bạn để theo dõi hơn. Thật không may, mặc dù không có gì iStockphoto với RPG hay "anime". Vì vậy, tôi chỉ đi trên images.google.com và tìm thấy một hình ảnh mà tôi nghĩ là phù hợp, ở đây là:
Khi tôi đi qua bức tranh này, tôi đã có ý tưởng mà tôi có thể vectơ dấu vết trên khuôn mặt và mái tóc của mình để tạo ra những gì tôi muốn, và sau đó tích hợp nó cùng với các lựa chọn phông chữ trong một số cách độc đáo. Vì vậy, một khi bạn đã tìm thấy hình ảnh bạn muốn theo dõi (nếu không phải là cùng một), lưu nó vào ổ cứng của bạn, mở nó lên trong photoshop, Ctrl-A, Ctrl-C để chọn nó và sao chép nó, và quay trở lại tài liệu biểu tượng chính của bạn và Ctrl-V. Bây giờ bạn đã nhập hình ảnh này vào tài liệu logo của bạn. Một khi bạn đã nhập khẩu nó, với lớp mình chọn, bạn có thể cắt bỏ nửa dưới của cơ thể của mình. (Chọn công cụ đầu tiên ở góc trên bên trái của trình đơn công cụ, Rectangular Marquee Tool), chọn nửa dưới của cơ thể của mình và nhấn phím delete. Màn hình của bạn sẽ giống như thế này bây giờ (Bạn có thể ẩn các lớp văn bản đằng sau nó). ![]() | ![]() |
Vector Tracing
Bây giờ chọn kính lúp trong trình đơn công cụ và chọn xung quanh cô gái, nó sẽ trông như thế này thu nhỏ lên đến khoảng 400%:

Bây giờ chọn công cụ Pen trong menu công cụ: ![]() |
Hãy chắc chắn rằng màu nền trước (hình vuông màu đen ở dưới cùng của pic để phía trên bên phải --- ^) là cùng màu xanh đậm của văn bản chúng tôi chỉ định.
Trong cửa sổ lớp bên phải, chọn ít vòng tròn> biểu tượng trên góc trên bên phải của cửa sổ, và click vào "Create New Layer" trong cửa sổ mà đi lên. Nhấn "OK" và sau đó trong cửa sổ lớp, với các lớp mới được lựa chọn, thay đổi Opacity xuống còn 0%. Chúng tôi làm điều này bởi vì một khi chúng tôi bắt đầu truy tìm trên các hình ảnh, chúng tôi không muốn màu xanh đậm che giấu hình ảnh của các cô gái dưới đây.
Và với công cụ bút chọn, bấm vào một điểm ở đâu đó trên các phác thảo của tóc (ở đầu trang), và sau đó bấm vào để làm cho một điểm khác ở đâu đó trên chân tóc nơi dòng sẽ bắt đầu hình thành. Bạn có thể giữ và "hướng" góc của đường để tạo ra một loại đường cong. Phải mất một thời gian để có được hang của, nhưng nó rất dễ dàng khi bạn nhận được hang của nó. Sau khi điểm của toàn bộ một phần của âm mưu tóc, bạn sẽ trông giống như thế này: (Lưu ý: Tôi đã làm sáng mờ đục của các cô gái để minh họa những gì đường dây của bạn sẽ giống như thế cho đến nay)
![]() | ![]() (Opacity 100%) |
Nó không hoàn hảo, nhưng bây giờ đó là một khởi đầu tốt.
Bây giờ tôi chỉ đơn giản là sẽ tiếp tục tạo ra nhiều hình dạng, như các tính năng trên khuôn mặt. Sau 15-20 phút hoặc lâu hơn của việc tạo ra các đặc điểm khuôn mặt khác nhau và khuôn mặt riêng của mình, đây là những gì tôi đã đưa ra:
Như bạn thấy, tôi đã chỉ định một màu sắc khác nhau cho khuôn mặt (ánh sáng màu xanh). Và bây giờ tôi có khoảng 15 lớp khác nhau. Có một lớp riêng biệt cho phần trên của mỗi mắt, phần dưới của mỗi mắt, giữa, và độ chói nhỏ. Ngoài ra còn có một lớp cho nền mặt và tai. Vì vậy, chúng ta hãy tiếp tục và thêm một số bóng ... | ![]() |
Sau hơn 20 phút của bóng, đây là những gì tôi đã đến với: Có tổng cộng 3 lớp khác nhau cho mái tóc. Đó là phần nào của một quá trình tẻ nhạt để làm tóc bóng chỉ đơn giản là bởi vì có rất nhiều sợi tóc! Nhưng bạn phải chỉ cần ngưng tụ chúng và nhận được ý tưởng chung của bóng và nó sẽ làm việc tốt. Sau đó, tôi đã làm một số công việc che ánh sáng trên mặt và cổ. Bây giờ tôi xem xét các dự thảo thực tế của các biểu tượng hoàn chỉnh. Chúng ta hãy làm cho lớp văn bản ban đầu của chúng tôi có thể nhìn thấy và xem những gì chúng tôi có thể làm để tích hợp các biểu tượng với văn bản. | ![]() |
Trước tiên, bạn sẽ muốn chọn cuối cùng đến lớp vector đầu tiên mà bạn tạo ra (bạn sẽ có một vài chục hoặc hơn), giữ sự thay đổi, do đó bạn có thể chọn tất cả. Sau đó, trong cửa sổ lớp nhấn vào nút tròn nhỏ tròn và chọn "New Group Từ Layers". Điều này sẽ đặt tất cả các lớp của cô gái, vào một nhóm lớp dễ dàng quản lý.Bằng cách này, bạn có thể di chuyển xung quanh một nhóm và nó sẽ giữ tất cả các vị trí của họ với nhau nên nó sẽ không phá vỡ khuôn mặt của cô.

Bây giờ điều này thực sự không nhìn quá xấu, trong và của chính nó. Nhưng tỷ lệ đầu phim hoạt hình là quá lớn, liên quan đến BLUELAGUNA. Vì vậy, chúng tôi sẽ muốn quy mô xuống đầu. Chúng ta hãy cố gắng di chuyển nó sang bên trái, và thêm khẩu hiệu + "net". Văn bản. Đây là những gì nó trông giống như:

Bây giờ có vẻ khá damn tốt phải không? Chỉ có điều khác tôi, là với công cụ bút, tôi đã thêm một hình dạng màu trắng trong "B" trong "Blue" để khuôn mặt không va chạm với B.
Đáng tiếc là tôi sai lầm và đã không thiết kế này trong nền blue'ish tối rằng bluelaguna.net có. Vì vậy, tôi sẽ thay đổi màu sắc của logo để phù hợp với một nền tảng của một tiêu đề thích hợp cho trang web.

Như bạn có thể thấy, chỉ đơn giản là thay đổi màu sắc xung quanh thực sự có thể thay đổi giao diện và cảm nhận của một logo. Tôi muốn xem xét logo này là người chiến thắng.
6. Kết luận
Để có logo đẹp như ý muốn hãy kiên nhẫn để các thao tác trên photoshop được thành thạo.
Nguồn: Sưu tầm và biên dịch: Www.Linhsail.Name.Vn
Bài liên quan
Comments[ 0 ]
Đăng nhận xét