Làm cách nào để làm cho logo sáng lên trên nền mờ?


7

Tôi đang cố gắng tạo một trang web cho một người bạn và tôi đang gặp sự cố nhập mô tả hình ảnh ở đây

Tôi đã thử thêm một nền trắng hoặc đen trong suốt trên logo và nó trông không đẹp lắm.

Các văn bản là ổn, nó chỉ là logo với màu sắc mạnh mẽ.

Làm thế nào tôi nên khắc phục điều này?


Với gợi ý đường chân trời, bây giờ nó trông dễ đọc hơn nhiều. Tôi cũng loại bỏ mờ vì lý do ban đầu của tôi về mờ là nó sẽ tập trung hơn vào logo và văn bản.

nhập mô tả hình ảnh ở đây

Đối với yêu cầu cho toàn bộ ảnh và logo (xin lưu ý rằng cả hai đều được cấp phép để bạn không thể sử dụng nó cho mục đích thương mại), tôi đã đính kèm chúng dưới đây:

nhập mô tả hình ảnh ở đây

nhập mô tả hình ảnh ở đây


Cực kỳ liên quan, nếu không thực sự là một trùng lặp: graphicdesign.stackexchange.com/questions/29256/...
Andrew Leach

@AndrewLeach Thật ra, đó là nơi tôi có ý tưởng cho nội dung! Haha.
Zaenille

2
Tôi sẽ hút rất nhiều màu xanh ra khỏi ảnh nền. Tôi nghĩ đó là một trong những vấn đề chính. gợi ý về bầu trời nhiều hơn của go-meek dường như cũng khá tốt.
Dom

Bạn có thể chỉnh sửa để cho chúng tôi nhìn thấy đường chân trời không? Tôi muốn để lại câu trả lời nhưng sẽ dễ dàng hơn rất nhiều nếu tôi có thành phố và logo dưới dạng hình ảnh riêng biệt.
Ryan

1
Tôi đề nghị bạn đề xuất một logo màu lại. Nó là loại kỳ lạ như nó là.
DA01

Câu trả lời:


9

Được rồi, điểm chính tôi muốn nhấn mạnh là phần nào sự kết hợp của các câu trả lời khác cộng thêm một chút nữa. Bạn đã có một công cụ tổng hợp rất mạnh trong tay và hầu như không sử dụng nó.

Đây chỉ là một thực hiện, và rất nhiều chủ đề của nó, nhưng hy vọng lý do đằng sau nó dẫn bạn đến một số ý tưởng cho riêng bạn, và giúp đỡ người khác.

Tôi không biết cái này lớn đến mức nào nên tôi đã lấy bản gốc của bạn và cắt phần menu có kích thước mang lại cho tôi, 779px x 390px.

Đầu tiên tôi sẽ hiểu rằng đây là về cửa sổ và kính. Đi ra khỏi Quy tắc của Hitchcock nên là một mặt hàng khá lớn. Con đường và cỏ ít quan trọng hơn nhưng lại giúp hình ảnh trở nên rất nhỏ. Sau đó tôi biết tôi cũng cần không gian cho logo. Vì vậy, có thể một cái gì đó như thế này:

nhập mô tả hình ảnh ở đây

Được rồi, bây giờ hình ảnh này đã trông khá chỉnh màu nhưng vì logo của chúng tôi là Màu xanh nên chúng tôi có thể sử dụng một số Kết hợp và / hoặc Phân loại màu để thực sự nâng cao nó lên một chút. Đây là Logo:

nhập mô tả hình ảnh ở đây

Một trong những sự kết hợp màu sắc phổ biến nhất trong điện ảnh sẽ hoạt động tốt cho điều này là Màu xanh và Vàng / Vàng .

Vì vậy, tôi có thể thả vào lớp Điều chỉnh Curves và đây là những gì tôi đã thực hiện:

nhập mô tả hình ảnh ở đây

Điều này cho chúng ta nhiều tương phản hơn:

nhập mô tả hình ảnh ở đây

Sau đó, chúng tôi thực sự có thể chỉnh sửa nó với một số điều chỉnh tốt hơn. Giống như logo màu xanh trên tòa nhà ngay bởi logo của chúng tôi gây mất tập trung, đặc biệt nếu sau đó bạn muốn thêm phụ đề đó xung quanh đó. Vì vậy, tôi có thể loại bỏ điều đó. Và tôi sẽ tháo cần cẩu vì lý do tương tự:

nhập mô tả hình ảnh ở đây

Và bây giờ có lẽ khá tốt nhưng để nhấn mạnh hơn nữa quan điểm của tôi có lẽ tòa nhà đó vẫn gây mất tập trung, vì vậy hãy rút ngắn nó thật nhanh:

nhập mô tả hình ảnh ở đây

Điểm chính tôi hy vọng chương trình này là, đừng cảm thấy như bạn bị giới hạn - đây là ảnh của tôi, tôi có thể chuyển sang logo này ở đâu? Ồ, nó không hoàn toàn đúng, cũng cho phép thêm một hộp, bóng hoặc phát sáng. Có rất nhiều kết hợp bạn có thể làm.


3
Bên cạnh văn bản dưới logo là nhỏ, điều này trông tốt hơn nhiều so với các tùy chọn khác IMO
Zach Saucier

Đồng ý - kết hợp điều này với một ánh sáng bên ngoài nhẹ để bật nó ra khỏi các màu tối hơn - mặc dù không nhiều như @Alin gợi ý, tuy nhiên, xin lỗi. Nếu bạn chơi với kích thước và độ mờ, bạn sẽ thấy một vị trí không thể nhìn thấy ánh sáng, nhưng hiệu ứng cô lập nó khỏi nền vẫn xuất hiện.
Rob Craig

6

Bạn có thể xem câu hỏi này cho một số ý tưởng:

Làm cho văn bản nổi bật trước hình ảnh .


Ngoài ra , tại sao không chỉ đơn giản là thêm nhiều bầu trời trên đỉnh và thu nhỏ tòa nhà thành phố bên dưới logo và không tương tác với nó.

Ngay bây giờ tòa nhà cao tầng của bạn là thứ lấy đi sự tương phản; Tháp tối và đó là một phần của logo.

Đây là một gợi ý và nó có thể dễ dàng được sử dụng như một thiết kế banner đáp ứng.

ví dụ làm thế nào để thêm điểm nhấn vào logo với trang web nền hình ảnh bận rộn

Nó không yêu cầu nhiều lớp, bạn chỉ cần sử dụng một gradient trên mặt nạ lớp trong Photoshop để hợp nhất bầu trời với thành phố và thay đổi chế độ hòa trộn NẾU bạn muốn. Bạn cũng có thể cắt bỏ thành phố để làm cho bầu trời phù hợp hoàn hảo đằng sau cảnh đó, tùy bạn.

Bạn cũng có thể tô màu nền của bạn với màu xanh nhạt nếu bạn thích. Tôi đã chọn màu xám vì nó tạo ra một chủ đề màu sắc đẹp với màu xanh lam, và cũng làm cho logo trở thành điểm nhấn quan tâm hơn.


1
Bây giờ có vẻ tốt hơn nhiều nhờ có thêm bầu trời ở trên cùng! Tôi sẽ chỉ chờ câu trả lời khác nhưng nếu không có câu trả lời nào khác, tôi sẽ cập nhật câu hỏi của mình với trang đầu mới trông như thế nào và chọn câu trả lời này :)
Zaenille

6

Bất cứ khi nào tôi gặp phải tình huống như vậy, hai điều đầu tiên tôi nghĩ đến là thêm Drop Shadow hoặc Outer Glow , xem xét logo và màu sắc, bạn nên sử dụng và Ánh sáng bên ngoài để làm cho logo của bạn nổi bật trên nền.

Bằng cách này, bất cứ nơi nào bạn muốn đặt nó trên hình ảnh của mình, nó vẫn sẽ dễ đọc và trông đẹp mắt, xem:

nhập mô tả hình ảnh ở đây

nhập mô tả hình ảnh ở đây


Tôi thực sự thích ý tưởng này. Nó mạnh mẽ và bạn sẽ không thực sự chú ý đến nó trừ khi bạn cố gắng chú ý đến nó, nhưng nó có vẻ như là một giải pháp "phổ quát" và an toàn hơn. Tôi cũng sẽ thử điều này!
Zaenille

@MarkGabriel Không phải là chơi an toàn, mà là giữ cho nó đơn giản và tập trung vào những gì thực sự quan trọng.
Alin

1
Điều này nổi bật quá nhiều cho tôi. Trông khá rẻ và vội vàng nếu bạn hỏi tôi
Zach Saucier

2

Tôi đã thấy rằng một phác thảo màu trắng với một vệt mờ màu đen bên dưới dường như thực sự quan tâm đến bất kỳ vấn đề văn bản nào. Chỉnh sửa: Đây là những gì nó sẽ trông giống như thường xuyên - sử dụng đồ họa chuyên nghiệp của bạn:

ý kiến ​​của tôi

Trong trường hợp này, tôi nghĩ rằng nó cũng có ích để làm sáng hình ảnh ở hậu cảnh - có thể mua một cái khác được chụp vào một ngày nắng hơn. Điều đó cũng sẽ lưu các màu tối hơn cho logo của bạn - có nghĩa là bạn sẽ phải làm ít hơn để làm cho văn bản nổi bật.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.