Làm thế nào để mockup một logo trong một môi trường thực tế?


8

Gần đây tôi đã tạo ra một logo. Tôi đã thấy một xu hướng trực tuyến về việc thể hiện logo trong một môi trường thực tế, minh họa các trường hợp sử dụng có thể có của logo.

Một ví dụ về điều này có thể được nhìn thấy ở đây, với logo gốc ở phía dưới và một mockup 3D ở trên cùng:

Mockup logo 3D]
Bấm vào để xem kích thước đầy đủ

Làm thế nào tôi có thể tạo ra một mockup như vậy?


Google: "Mockup logo tường 3d", thực ra hình ảnh bạn đặt trong câu hỏi là một mockup: "MockUp Logo 3D Glass Window".


Cảm ơn tất cả các bạn cho câu trả lời của bạn! Chúng rất hữu ích và tôi chắc chắn sẽ thử tất cả các phương pháp của bạn!
Robbe Verhoest

Câu trả lời:


17

Các dễ dàng phương pháp:

Tải về nó.

Có rất nhiều mockup (miễn phí) như thế này có sẵn trực tuyến. Đây thường là các tệp Photoshop có logo được nhúng trong một đối tượng thông minh. Bằng cách thay thế logo bên trong đối tượng thông minh bằng chính đối tượng của bạn, bạn có thể dễ dàng xem trước logo của mình trong một cài đặt thực tế.

Một số ví dụ về tài nguyên mockup (miễn phí và trả phí):


Các vẫn dễ dàng phương pháp

Sử dụng một phần mềm chuyên dụng.

Adobe gần đây đã phát hành Dimension chẳng hạn. Phần mềm này có một loạt các cảnh và mô hình 3D tích hợp, kết hợp với các bản đồ dịch chuyển của chúng. Vì vậy, tất cả những gì bạn cần làm là kéo logo của bạn và nó sẽ tự động khớp với sản phẩm đó.

Một chương trình rất giống là BoxShot .

Thí dụ:

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


Các không dễ dàng như vậy nhưng vẫn còn khá dễ dàng phương pháp

Cuộn của riêng bạn.

  1. Tìm một bức ảnh đẹp về mặt tiền cửa hàng, một bức tường văn phòng, bất kỳ cài đặt nào bạn muốn thấy logo của mình. Ví dụ:

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

  1. Chuẩn bị nơi bạn muốn đặt logo của bạn. Trong ví dụ tôi chỉ vẽ trên cửa sổ, và sử dụng cọ chữa bệnh trên đỉnh cửa hàng và bảng hiệu.

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

  1. Thêm logo của bạn (dưới dạng pixel!) Và biến nó thành một đối tượng thông minh ( nhấp chuột phải > Chuyển đổi thành Đối tượng thông minh_ hoặc Lớp > Đối tượng thông minh > Chuyển đổi thành Đối tượng thông minh ).

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

  1. Định vị logo của bạn như mong muốn. Tôi đã thêm một logo màu trắng, vì vậy đối với cửa sổ tôi đã thêm một kiểu lớp (màu lớp phủ màu đen).

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

  1. Nếu bạn muốn đặt logo của bạn ở những nơi khác, hãy nhân đôi layer của bạn. Điều quan trọng là bạn phải nhân đôi, vì vậy logo được cập nhật ở mọi nơi khi bạn thay thế nội dung đối tượng thông minh. Tôi cũng đã thêm một mẫu nhiễu lên trên cùng để làm cho nó thực tế hơn một chút.

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

  1. Bây giờ, hãy thay thế logo của chúng tôi trong đối tượng thông minh của chúng tôi và xem nếu nó cập nhật. Nhấp đúp vào biểu tượng Smart Object trên lớp và nó sẽ mở đối tượng thông minh. Đặt logo mới của bạn vào và ẩn hoặc xóa cái cũ. Lưu và trở lại hình ảnh đầu tiên của bạn.

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

Sự thành công! Như bạn có thể thấy, điều này vẫn khá dễ thực hiện một khi bạn hiểu cách thức hoạt động của nó. Bạn thậm chí có thể bóp méo và thêm hiệu ứng vào Đối tượng thông minh và nội dung sẽ dễ dàng cập nhật.

Điều này thực sự gây ấn tượng với một khách hàng (tiềm năng): một hình ảnh về mặt tiền cửa hàng hiện tại của họ với logo mới của bạn!


- Nguồn ảnh: https://unStation.com/photos/y6rwKaurdkI
- Nguồn logo: http://acmelogos.com/


7

Đây là một cách khá đơn giản để làm một cái gì đó tương tự, không có bất kỳ hiệu ứng 3d nào (hoặc bất kỳ kết xuất 3d dài nào), chỉ cần sử dụng các hiệu ứng cơ bản trong Photoshop.

Những gì bạn sẽ cần:

  • Một bức ảnh của một cửa sổ / tường / bề mặt với một số phản chiếu hiển thị
  • Một hình ảnh logo với một nền trong suốt
  • Một bức ảnh thứ hai để sử dụng như một lớp phản chiếu. Đây có thể là bất cứ điều gì thực sự, miễn là có nhiều ánh sáng và độ tương phản tối.

Trong ví dụ dưới đây, hình ảnh phía trước cửa hàng là lớp dưới cùng. Trên hết, tôi dán logo trên lớp của chính nó, khá lớn, đã chuyển đổi nó thành Smart Object, sau đó sử dụng Biến đổi biến dạng để khớp với phối cảnh của logo với khung Window và giảm kích thước của nó. Sau đó, tôi đã áp dụng hiệu ứng vát và chạm nổi, và thả bóng trên logo Smart Object để tạo cho nó một số chiều sâu và độ vững chắc.

Khá hữu ích khi có logo là Đối tượng thông minh, vì bạn có thể chỉnh sửa Biến đổi biến dạng bao nhiêu lần tùy thích mà không làm giảm chất lượng hình ảnh.

Sau đó, tôi đã sử dụng một bức ảnh của một cảnh đường phố như một lớp phản chiếu. Hình ảnh được chuyển đổi thành độ tương phản cao bằng bộ lọc Ngưỡng, sau đó tôi làm mờ nó bằng bộ lọc Gaussian Blur, sau đó tôi thực hiện bộ lọc biến dạng Ocean Ripple trên đó để tạo cho nó một số kết cấu.

Lớp phản chiếu sau đó được cắt thành lớp logo và chế độ lớp thay đổi thành màn hình, và tôi cũng hạ thấp độ mờ đục của lớp phản chiếu.

Dưới đây là ví dụ về những hình ảnh tôi đã sử dụng

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

Và đây là một ví dụ về hiệu ứng đã hoàn thành, hiển thị các lớp

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

Bấm vào đây để phóng to 100% logo

Cũng có thể sử dụng mẫu này làm mẫu mockup, vì tất cả những gì bạn cần làm cho một logo khác là dán hình ảnh khác vào Smart Object.


6

Đối với bản thân tôi, tôi có một bộ công cụ mô hình hóa và kết xuất 3D mà tôi trở nên khá thoải mái và tôi sử dụng chúng bất cứ khi nào tình huống này xảy ra. Như câu trả lời trước đã quy định, khi bạn chỉ cho khách hàng các thiết kế được đề xuất không chỉ trong một "bối cảnh" chung mà trên thực tế bối cảnh cụ thể của chúng , tác động là ... có thể nghe được.

Nếu bạn không muốn thông qua các đối tượng thông minh photoshop và những hạn chế lớn của chúng, bạn có thể sử dụng Boxshot (dễ dàng) hoặc Blender (miễn phí) hoặc modo (mạnh mẽ & dễ dàng) hoặc C4D (đã có plugin cho phiên bản Illustrator và Lite bao gồm w / Adobe CS Suite).

Cá nhân tôi sử dụng modo , và thích nó.

Xem một số ví dụ của tôi từ một dự án tài liệu trợ giúp đang diễn ra phản ánh những thay đổi trong thiết kế bìa, bố cục nội dung và thậm chí cả khái niệm cơ sở:

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


5

Đã có nhiều yếu tố cần thiết được trả lời bởi các câu trả lời khác, nhưng tôi vẫn có thể thêm một số thứ.

Logo được chèn phải nằm trong hình nền theo nhiều cách:

  • cùng ánh sáng, bóng và bóng
  • cân bằng trắng giống nhau
  • cùng độ tương phản và độ bão hòa màu
  • cùng tiếng ồn và mức độ phá hủy chung
  • cùng quan điểm xem, một số đùn 3D có thể cần thiết nếu đó là một dấu hiệu có độ dày.
  • hình dạng bề mặt hình học tương thích (= uốn cong và va đập phải)

Nếu môi trường bị rách và mòn, logo được chèn không thể giống như mới. Tất nhiên, nếu logo là thương hiệu mới, rất có thể người ta muốn đặt nó lên một cái gì đó tốt. Nhưng có một cái gì đó cũ hơn như một lựa chọn có thể giúp chứng minh nó cũng hoạt động sau một thời gian.

Hãy ngừng triết lý và xem những gì chúng ta nhận được. Đây là logo mới:

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

Logo được đặt vào một môi trường cũ:

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

Logo đã giảm độ tương phản và độ bão hòa màu. Một số tiếng ồn được thêm vào. Có một lớp phủ chứa tiếng ồn, độ tương phản và độ bão hòa làm giảm độ xám và tối do bóng tối. Tất cả những lớp này cũng có thể là các lớp riêng biệt và thường nên tách biệt để điều chỉnh dễ dàng cho các nền khác nhau.

Xoay phối cảnh bình thường, chia tỷ lệ và biến dạng được thực hiện. Trong trường hợp này họ không đủ. Ngoài ra còn có

  • cong vênh do bức tường bị uốn cong
  • bản đồ dịch chuyển do bức tường không đồng nhất (đó là bản sao của bức tường)
  • một vài vật phẩm che phía trước logo và ngăn không cho thấy logo hoàn toàn; chúng được cắt từ hình nền

Một ví dụ khác: Vai của ai đó

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

Lúc đầu, logo bị cong vênh.

Ánh sáng là một mảnh không bão hòa của da, phạm vi độ sáng được điều chỉnh bằng công cụ đường cong để đối xứng khoảng 50% và độ tương phản được tăng lên. Chế độ hòa trộn là ánh sáng cứng.

Ở đây chỉ có một chút mờ dần cạnh được thêm vào như một hiệu ứng phá hủy. Một mặt nạ lớp phù hợp chính xác đã có một chút mờ Gaussian.

Một bổ sung muộn:

Người ta có thể muốn sử dụng một hình dạng như một mô hình điền. Thật dễ dàng trong việc vẽ tranh minh họa. Bạn có thể phun hình dạng hoặc gạch chúng. Cách đơn giản nhất để thực hiện ốp lát là kéo hình vào bộ sưu tập swatches và sử dụng nó làm màu tô. Đây là một cặp rèm cửa có hoa văn lấp đầy + một màu đặc:

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

Thật đơn giản để đặt những thứ này như một lớp phủ trong một bức ảnh đã có rèm cửa nhìn thẳng trên mặt. Một quan điểm từ hướng khác cần một số cong vênh.

Giống như trong trường hợp hình xăm ở trên, người ta có thể đánh cắp bóng mờ bên phải từ bức ảnh với các chế độ hòa trộn. Chỉ có thể, nếu rèm cửa ban đầu có màu đơn khá nhạt mà không có hoa văn. Nếu không tồn tại rèm cửa ban đầu, chỉ có một nơi dành cho chúng hoặc rèm cửa ban đầu có màu phức tạp, bóng phải được sơn hoặc làm bằng độ dốc. Tạo bóng có thể được thực hiện trong mặt nạ lớp của lớp điều chỉnh Độ sáng & Độ tương phản.

Coi chừng: nếu bạn che một cái gì đó từ hình ảnh gốc bằng những sáng tạo của riêng bạn, bạn cũng phải làm mờ dần dấu vết. Một vật thể có màu sắc mạnh dễ dàng tô màu ít nhiều xung quanh nó. Nếu đối tượng bị thay đổi thành đối tượng khác, màu sắc cũng bị sửa.

Có một trở ngại: Dệt may có nếp nhăn, uốn cong và nếp gấp. Hoa văn phẳng không nhìn đúng vào chúng và tình hình trở nên tồi tệ hơn nếu tầm nhìn không thẳng vào mặt. Người ta cần cong vênh phức tạp. Trường hợp đó được thảo luận ở đây:

Tạo kết cấu mô phỏng 3d

Cách hoàn hảo duy nhất để tạo các hình thức bề mặt nhân tạo là sử dụng phần mềm 3D. Một chiếc đủ tốt cho quần áo có giá cả gia tài hoặc rất phức tạp để sử dụng (Blender, phần mềm miễn phí). Treo rèm cửa chỉ với những khúc cua nhẹ là trường hợp dễ dàng ngay cả với độ cong vênh thủ công. Trong phần mềm CAD, người ta có thể tạo hiệu ứng trong một phút. Kết quả khác biệt đáng kể so với chế độ xem phẳng:

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

Chương trình 3D đã sử dụng (= DesignSpark Mechanical) là phần mềm miễn phí cấp nhập cảnh. Với nó, bạn chỉ có thể nhận được hầu hết các kết xuất cơ bản với đèn cố định và chỉ ở độ phân giải màn hình. Kết quả quang học cần phần mềm phức tạp hơn.

Phiên bản 3D không được tạo ban đầu để phù hợp với bất kỳ ảnh nào. Để đặt nó vào một bức ảnh, người ta cần các lớp điều chỉnh ánh sáng và màu sắc phù hợp, một lớp mặt nạ để cắt rèm cửa và một số phản chiếu và bóng tối. Không có chúng, bộ cấy thực sự trông ra được đặt sau đó. Đây là một ví dụ:

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


2

Mặc dù tôi đồng ý với các khía cạnh tiết kiệm thời gian của phần mềm được cung cấp, tôi nghĩ rằng chìa khóa của bạn là bạn đầu tư và phát triển các kỹ năng chỉnh sửa hình ảnh Photoshop (hoặc khác) để trở thành một nhà thiết kế đồ họa hiệu quả. Trong các nghiên cứu của tôi, hình ảnh, loại hình, thương hiệu, minh họa véc tơ, nhiếp ảnh đã được làm việc cùng nhau một cách thông cảm trong 4 năm và nó đã giúp công việc thương mại của tôi rất nhiều. Các giải pháp được đóng hộp có thể trông chung chung, bạn muốn có sự liên quan đến trọng tâm khách hàng của mình và có những tình huống kỳ lạ như âm nhạc được hiển thị bên dưới nơi hộp POS không tồn tại - đó là những gì tôi đã tạo (cùng với việc xuất bản CD thông thường) và nó đã mang lại cho tôi cán 20K hợp đồng in quốc tế. Tất cả những điều sau đây là tiền sản xuất tức là minh họa từ nghệ thuật cơ bản của tôi trong Photoshop chứ không phải là một bức ảnh thực tế.

Đáng đầu tư - sẽ trao quyền cho công việc thiết kế rộng hơn của bạn. Scotdisc POS

Thương hiệu bán lẻ SKoda

Trang web đáp ứng tuyển dụng


-1

Bạn có thể dễ dàng có được kết quả trình bày logo mong muốn của mình với các mockup logo được chế tạo chuyên nghiệp. Bạn chỉ cần Tải xuống và đặt công việc thiết kế logo của bạn lên nó. Đối với sự đồng tình của bạn ở đây là miễn phí cũng như mockup logo cao cấp .


1
Chào mừng đến với GD.SE! trong khi thật hữu ích khi thêm một liên kết để tham khảo, tốt hơn là viết một lời giải thích sâu rộng hơn, kiểm tra các câu trả lời khác. Ngoài ra, tải xuống đã được đề cập trước đó và nó không giải thích làm thế nào để làm điều đó . Kiểm tra Cách trả lờichuyến tham quan để tìm hiểu thêm về trang web.
Luciano
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.