Pencereler / hologram efektli bu ürün kutusu nasıl oluşturulur?


12

Bu ürün kutusunun görsel efektini çoğaltmaya çalışıyorum:

resim açıklamasını buraya girin

resim açıklamasını buraya girin

resim açıklamasını buraya girin

Bu nasıl yaratılır? Ne tür malzemeler kullanmalıyım?


1
GD soru ile ilgili olmadığı için bu soru konu dışı görünüyor
Ilan

2
Cemetarywind, paketi hangi çikolata şirketinin yaptığını biliyor musunuz? Düzenlemek ve soruya dahil olmak güzel olurdu ... ve bunun konuyla ilgili olduğunu düşünüyorum.
Ryan

3
?? Ambalaj tasarımı% 100 yasal bir grafik tasarım dalıdır. İyi soru
user56reinstatemonica8

@Ilan ile biraz katılıyorum, bu etki malzemelerin belirli kullanımları yoluyla yaratılıyor. Yine de, bence, burada tutacak kadar ilginç.
paddotk

Yanıtlar:


11

Bu moiré etkisinin basit bir uygulamasıdır . İşte onu yeniden oluşturmanın bir yolu:

  1. Normal siyah çizgilerden oluşan bir desen oluşturun. En iyi sonuç için, şeritler aralarındaki şeffaf boşluklardan biraz daha geniş olmalıdır; burada, 4pks boşluklu 6px şeritler kullandım:

    Çizgili maske (şeffaf% 60 genişlik siyah)

    Bu desen, paketin önündeki şeffaf ekrana yazdıracağınız desen olacaktır.

  2. Maskenin bir kopyasını yapın, şerit + boşluk genişliğinin% 50'si kadar kaydırın ve çok hafifçe uzatın. Burada maskeyi yatay olarak 2 piksel uzattım.

    Gerilmiş şerit maske

    İki maskeyi kapladığınızda, tamamen opak olmalıdırlar, ancak bunlardan birini hafifçe kaydırmak boşlukların hizalanmasına ve arka planın görünmesine neden olmalıdır. Hafif gerdirme, boşlukların maskenin bir ucundan diğerine göre daha erken hizalanmasını sağlar ve örneklerinizde "dalga" efekti oluşturur.

  3. Siyah bir arka plan üzerinde beyaz bir metin yapın ve üzerine uzatılmış maskeyi yerleştirin:

    Siyah zemin üzerine beyaz metin

    Maskeli metin

    Ekranın arkasındaki karta yazdıracağınız şey bu olacak.

  4. Maskelenmiş metin ve ön plan ekranı hizalandığında, ekrandaki siyah şeritler metindeki beyaz şeritleri kaplayarak gizli kalmasına neden olur. Bununla birlikte, metni (veya ekranı) hafifçe hareket ettirmekle birlikte, beyaz çizgiler boşluklardan geçecektir; şerit aralığı biraz farklı olduğundan, bu her yerde aynı anda olmayacaktır:

    Animasyon

Ps. Bu hızlı çevrimiçi demo için GIMP kullandım, ancak gerçek bir basılı ürün için neredeyse kesinlikle maske genişliği ve yerleşimi üzerinde daha hassas kontrol sağlayacak bir vektör grafik editörü kullanmak isteyeceksiniz.

Ayrıca, bu tekniğin şerit / boşluk genişliklerini değiştirme veya metin maskesini metnin sadece ölçeklemek yerine her harf için hafifçe kaydırması gibi varyasyonlarını deneyerek her harfin farklı bir zamanda görünmesine neden olabilir ( ve yukarıda gösterdiğiniz örneklerde gerçekten yapılanlar olabilir).

Tabii ki, zor kısım, bunu gerçek bir fiziksel ürün haline getirmek istiyorsanız, kartı ve ekranı düzgün bir şekilde hizalayacak, böylece metin başlangıçta gizlenecektir.


7

Bunu sormanız komik - bunu geçen hafta ilk kez kendimi bir oyuncak mağazasında kitap şeklinde gördüm . Çevrimiçi olarak aradım ve buldum:

Tarama Hakkında . Bu sayfanın kaybolması durumunda, işte oradaki YouTube videosuna bir bağlantı .

Scanimation'ın sadece bir marka adı olup olmadığından emin değilim, ancak açıklamaları:

Scanimation, hareket yanılsaması vermek için “görüşün kalıcılığı” prensibini çizgili bir asetat katman ile birleştiren son teknoloji ürünü altı fazlı bir animasyon sürecidir.

Video, sürece ilişkin çok kısa bir fikir veriyor. Eğer burada birisi böyle bir şeyle deneyimlerse, size daha iyi bir cevap verebilirler, ancak umarım bu sizi o zamana kadar doğru yönde gösterecektir.

EDIT: Yorum için @Ilan sahne, nerede etkisi yeniden oluşturmak için bir öğretici referans .

PS Yukarıda bağlantısı olan sayfa aynı zamanda "Geri kinetoscopuna eski büyülü günlerde harkens" diyor - değerinde olabileceğini bakarak sıra. İnsanlar geleneksel film gerçekleşmeden önce bazı şeyleri canlandırmanın yenilikçi yollarına sahiptiler.


1
harika! işte bu animasyon
Ilan

@Ilan - Harika bul! Bağlantıyı yanıtıma ekledim. Siz (veya başka biri) öğreticinin bir özetini yazmak veya yeniden oluşturmak için zaman alırsa - kesinlikle yapın ve ayrı bir cevap olarak gönderin!
Brendan
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.