Làm thế nào là hộp sản phẩm này với hiệu ứng windows / hologram được tạo ra?


12

Tôi đang cố gắng tái tạo hiệu ứng hình ảnh của hộp sản phẩm nà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

Điều này được tạo ra như thế nào? Tôi nên sử dụng loại vật liệu nào?


1
Câu hỏi này dường như không có chủ đề vì nó không liên quan đến lĩnh vực GD
Ilan

2
Cemanticwind, bạn có biết công ty sô cô la làm ra gói gì không? Sẽ rất tốt để chỉnh sửa và đưa vào câu hỏi ... và tôi nghĩ đây là chủ đề.
Ryan

3
?? Thiết kế bao bì là 100% một chi nhánh hợp pháp của thiết kế đồ họa. Câu hỏi hay
user56reinstatemonica8

Tôi phần nào đồng ý với @Ilan, hiệu ứng này được tạo ra qua việc sử dụng vật liệu nhất định. Tuy nhiên, theo tôi, đủ thú vị để giữ nó ở đây.
paddotk

Câu trả lời:


11

Đây là một ứng dụng đơn giản của hiệu ứng moiré . Đây là một cách để tạo lại nó:

  1. Tạo một mô hình bao gồm các sọc đen thông thường. Để có kết quả tối ưu, các sọc phải rộng hơn một chút so với các khoảng trống trong suốt giữa chúng; Ở đây, tôi đã sử dụng các sọc 6px với các khoảng trống 4px:

    Mặt nạ sọc (60% chiều rộng màu đen trong suốt)

    Mẫu này sẽ là những gì bạn sẽ in trên màn hình trong suốt ở phía trước gói.

  2. Tạo một bản sao của mặt nạ, thay đổi 50% của sọc + chiều rộng khoảng cách và kéo căng nó rất nhẹ. Ở đây, tôi kéo dài mặt nạ theo chiều ngang 2px.

    Mặt nạ sọc kéo dài

    Khi bạn phủ hai mặt nạ, chúng sẽ mờ hoàn toàn, nhưng việc dịch chuyển một trong số chúng một chút sẽ khiến các khoảng trống căn chỉnh và nền hiển thị xuyên qua. Việc kéo dài nhẹ đảm bảo rằng các khoảng trống sẽ căn chỉnh sớm hơn ở một đầu của mặt nạ so với đầu kia, tạo hiệu ứng "sóng" trong các ví dụ của bạn.

  3. Tạo một số văn bản màu trắng trên nền đen và phủ lên mặt nạ kéo dài trên đó:

    Chữ màu trắng trên nền đen

    Văn bản đeo mặt nạ

    Đây sẽ là những gì bạn sẽ in trên thẻ phía sau màn hình.

  4. Với văn bản đeo mặt nạ và màn hình nền trước được căn chỉnh, các sọc đen trong màn hình che đi các sọc trắng trong văn bản, khiến nó bị ẩn đi. Di chuyển văn bản (hoặc màn hình) một chút, tuy nhiên, các sọc trắng sẽ hiển thị qua các khoảng trống; bởi vì khoảng cách sọc hơi khác nhau, điều này sẽ không xảy ra cùng một lúc ở mọi nơi:

    Hoạt hình

Thi thiên Đối với bản demo trực tuyến nhanh này, tôi đã sử dụng GIMP, nhưng đối với một sản phẩm được in thực tế, bạn gần như chắc chắn muốn sử dụng trình chỉnh sửa đồ họa vector, điều này sẽ cho phép bạn kiểm soát chính xác hơn về chiều rộng và vị trí của mặt nạ.

Bạn cũng có thể thử nghiệm các biến thể của kỹ thuật này, chẳng hạn như thay đổi độ rộng sọc / khoảng cách hoặc thay đổi mặt nạ văn bản một chút cho mỗi chữ cái trong văn bản thay vì chỉ thu nhỏ nó, điều này sẽ khiến mỗi chữ cái xuất hiện vào một thời điểm khác nhau ( và cũng có thể là những gì thực sự được thực hiện trong các ví dụ bạn hiển thị ở trên).

Tất nhiên, phần khó khăn, nếu bạn muốn biến nó thành một sản phẩm vật lý thực tế, sẽ nhận được thẻ và màn hình được căn chỉnh chính xác, để văn bản ban đầu sẽ bị ẩn.


7

Thật buồn cười khi bạn hỏi điều này - tôi chỉ nhìn thấy điều này lần đầu tiên vào tuần trước ở dạng sách tại một cửa hàng đồ chơi. Tôi đã tìm kiếm trên mạng và tìm thấy điều này:

Giới thiệu về Quét . Trong trường hợp trang đó biến mất, đây là một liên kết đến video YouTube trong đó.

Không chắc chắn nếu Scanimation chỉ là một tên thương hiệu hay không, nhưng đây là mô tả của họ:

Scanimation là một quy trình hoạt hình sáu pha tiên tiến, kết hợp sự bền bỉ của nguyên tắc tầm nhìn với một lớp phủ acetate sọc để tạo ảo giác về chuyển động.

Video cung cấp một số cái nhìn sâu sắc rất ngắn gọn về quá trình. Nếu ai đó ở đây có kinh nghiệm với loại điều này, họ sẽ có thể cung cấp cho bạn câu trả lời tốt hơn, nhưng hy vọng điều này sẽ chỉ cho bạn đi đúng hướng cho đến lúc đó.

EDIT: Đạo cụ cho @Ilan cho nhận xét của anh ấy, nơi anh ấy tham khảo một hướng dẫn về cách tạo lại hiệu ứng.

Tái bút Trang tôi liên kết đến ở trên cũng nói "Nó quay trở lại những ngày huyền diệu cũ của máy nội soi" - điều đó cũng có thể đáng để xem xét . Mọi người đã có một số cách sáng tạo để hoạt hình mọi thứ trước khi bộ phim truyền thống xảy ra.


1
tuyệt quá! đây là một tute cho hoạt hình
Ilan

@Ilan - Tuyệt vời tìm thấy! Tôi đã thêm liên kết vào câu trả lời của tôi. Nếu bạn (hoặc bất kỳ ai khác) có thời gian để viết một bản tóm tắt của hướng dẫn hoặc tạo lại nó - chắc chắn làm như vậy và đăng dưới dạng một câu trả lời riêng biệt!
Brendan
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.