Pilates Ekipmanı 3D Modeli ve Renk Seçici Nasıl Çalışır? Aura Reformer Örneği

Proje özeti

Aura Reformer, bir pilates ekipmanı markasıdır. Marka için Barrel'dan Basic Reformer'a altı ürünün 3D modelini kurdum ve her ürünü sitede döndürülüp yakınlaştırılabilen, renkleri değiştirilebilen hale getirdim. Döşeme renk kartelasında toplam 57 renk var: Aspendos deri 20, Harşena deri 29 ve Toskanto Keçeli keçe 8 renk. Çalışmanın genel çerçevesi vaka sayfasında, bu yazıda ise teknik mantığı anlatıyorum.

Neden 3D ve renk seçici?

Renk ve malzeme seçeneği çok olan ürünlerde her varyasyonu fotoğraflamak hem pahalı hem zordur. Modeli bir kez kurup malzeme rengini değiştirmek, aynı ışık ve açıyla bütün seçenekleri tutarlı göstermenin yoludur: renk seçenekli ürünler için 3D.

Tutarlı görsel sistem

Altı ürün aynı sahne mantığıyla, aynı malzeme dilinde ve aynı görüntüleyiciyle sunuluyor. Böylece marka tek bir sistem gibi okunuyor. Bu yaklaşımın gerekçesini tutarlı görsel sistem yazısında anlattım.

Renk serileri hangi parçaları boyuyor?

Modelde parçalar adlarına göre gruplandı ve her renk serisi farklı bir parça grubuna bağlandı:

• Aspendos: üst minder.
• Harşena: diğer deri minderler.
• Toskanto Keçeli: ahşap parçalar.

Böylece ziyaretçi aynı anda üst minderi bir renkte, alt minderleri başka bir renkte ve ahşabı farklı bir tonda deneyebilir. Seri seçimleri birbirini silmez; seri değiştirince diğerinin seçimi korunur.

Malzemeler nasıl kuruldu?

Deri yüzeyi için pürüzlülük, hafif parlama ve ince bir yüzey dokusu kullanıldı; keçe için daha mat ve daha yoğun lif hissi verildi. Ahşabın dokusu korunup rengi bir tonlama ile değiştiriliyor. Bu malzeme mantığının temelini PBR malzeme yazısında anlattım.

Işık ve arka plan

Modelin arka planı sade tutuldu ve görüntüleyici, eserin kendi panel zemininde duruyor; böylece ürün öne çıkıyor. Işıkları ürünün dokusu ve vidaları okunacak şekilde ayarladım; fazla ışık beyaz minderleri yakıyor, az ışık ise ayrıntıyı yutuyor. Yüzeyin okunurluğu için mat siyah ürün ışığı yazısındaki mantık da burada işe yarıyor.

Web için model hazırlığı

Her model, web'de hızlı açılması için optimize edildi: ayrıntılı parçalar sadeleştirildi, dokular küçültüldü ve dosyalar sıkıştırıldı. Bu süreç optimizasyon yazısında anlatılan adımları izliyor. Telefonda daha hafif çizim ve iki parmakla yakınlaştırma/kaydırma desteği eklendi.

Sınırlar

Bu sistem fiziksel numunenin yerini tam olarak almaz. Ekran renkleri cihazdan cihaza değişir ve doğru renk teyidi için fiziksel kartela önerilir. Modelin doğruluğu verilen referansların kalitesine bağlıdır.

Kendi ürün serinize uygulamak

Renk ve malzeme seçeneği olan bir ürün serisi için aynı yaklaşım kurulabilir. Kapsam ve süreç için web için 3D ürün modeli sayfasına bakabilir, projenizi teklif formuyla iletebilirsiniz.

Projenin başlangıcı: altı ürün, tek set

Aura Reformer işi tek bir ürünün modellenmesinden fazlasıydı: Barrel, Cadillac, Tower, Tower Paket, Chair ve Basic Reformer olmak üzere altı farklı ürün tek bir görsel sistem içinde sunulacaktı. Bu, işin başında verilen en önemli karardı: ürünleri ayrı ayrı kurmak yerine ortak bir ışık, ortak bir malzeme dili ve ortak bir görüntüleyiciyle kurmak. Böylece her yeni ürün öncekinin mantığından yararlanır ve marka tek bir bütün gibi görünür. Bu yaklaşım, ürün serilerinde 3D'nin en güçlü yanlarından biridir: ışık ve sahne bir kez kurulur, ürün sayısı arttıkça birim maliyet düşer.

Parçaları adlandırmak ve gruplamak

Renk seçicinin çalışabilmesi için modelin parçalarının anlamlı biçimde ayrılması gerekir. Bir pilates ekipmanında deri minderler, ahşap gövde, metal parçalar, yaylar ve halatlar aynı nesne olarak kurulursa tek tek boyanamaz. Bu yüzden her parça ayrı nesne olarak kuruldu ve malzemelere parçanın rolünü anlatan adlar verildi. Daha sonra renk serilerinin hangi parçaları boyayacağı bu adlara göre belirlendi: Aspendos serisi üst minderi, Harşena serisi diğer deri minderleri, Toskanto Keçeli serisi ise ahşap parçaları boyuyor. Ürüne göre bu parçaların bir kısmı olmayabilir; örneğin üst minderi olmayan bir üründe Aspendos sekmesi gösterilmiyor. İyi adlandırma ve gruplama, yazılımda sonradan mantıklı kurallar yazmayı mümkün kılan görünmez bir emektir.

Dosya boyutunu yönetmek: Cadillac örneği

Cadillac modeli ilk geldiğinde, tüm ürünleri içeren yaklaşık 830 MB'lık bir dosyanın parçasıydı ve gerçek geometriyle yapılmış kürk detayı (yaklaşık iki milyon üçgen) içeriyordu. Bu haliyle web'de kullanılamazdı. Süreç şöyle işledi: Cadillac'a ait parçalar büyük sahneden ayrıldı, kürk geometrisi yaklaşık yüz yetmiş bin civarı üçgene sadeleştirildi, çok ağır tekil parçalar küçültüldü, 4K dokular daha küçük boyuta indirildi ve model sıkıştırıldı. Sonuç, yaklaşık beş megabaytlık, web'de hızlı açılan ve renk seçiciyle çalışan bir model oldu. Bu örnek, "güzel model" ile "web için kullanılabilir model" arasındaki farkı gösteriyor: ikisi aynı dosya değildir ve aradaki iş çoğu zaman ayrı bir emektir.

Işık dengesi: fazla ışık ayrıntıyı yok eder

Modelleri sade bir zeminde, arka plan sahnesi olmadan gösterince ışık dengesinin yeniden kurulması gerekti. Önceki karanlık sahne için kurulan güçlü ışıklar, sade zeminde modelleri yakıyordu: beyaz minderler düz beyaza dönüyor, vida ve dikiş gibi ayrıntılar kayboluyordu. Çözüm, toplam ışığı kısmak, ortam yansımasını azaltmak ve pozlamayı düşürmekti. Doğru ışık dengesi, minderlerin kıvrımlarının, ahşabın damarının ve metal parçaların birbirinden ayırt edilebildiği dengedir. Bu ayarlar bir kez yapılıp bütün ürünlere uygulanınca, altı ürün aynı ışık dilinde okunur oldu.

Mobilde ne değişti?

Telefonda ürünlerin akıcı çalışması için ek sadeleştirmeler yapıldı. Dokunmatik cihazlarda arka plan sahnesi (gökyüzü, su, bulutlar) tamamen kaldırıldı ve model panelin kendi zemininde gösterildi; çözünürlük sınırı düşürüldü; kenar yumuşatma kapatıldı. İki parmakla yakınlaştırma ve kaydırma desteği sağlandı ve modeli ekrana tam sığdırmak için bir tam ekran düğmesi eklendi. Bu kararların hepsi aynı ilkeye dayanıyor: telefonda görsel gösteriş yerine akıcılık ve okunurluk öncelikli. Aynı model hem masaüstünde hem telefonda çalışıyor, ama telefonda daha az efektle.

Renk stüdyosu arayüzü

Ziyaretçinin rengi nasıl seçtiği de ayrı bir tasarım konusuydu. 57 renk bir listeye sığdırılırsa karışık olur; bu yüzden renkler üç aileye ayrıldı ve her ailenin sekmesi var. Seçilen rengin adı ve kodu büyük yazılıyor, örnekler dokulu ve ışık vuruyormuş gibi çiziliyor, seçilen renk modelin arkasında yumuşak bir ışık olarak yansıyor ve modelin rengi ani değil akarak değişiyor. Önceki, sonraki ve rastgele düğmeleri hızlı gezinme sağlıyor. Bu ayrıntılar renk seçmeyi bir form doldurma işi olmaktan çıkarıp küçük bir keşfe dönüştürüyor, ama temel amaç yine ürünü anlamak: renk seçeneklerini denerken ürünün kendisi her zaman ekranın merkezinde.

Neleri farklı yapardım?

Böyle bir projeyi baştan kursaydım üç şeyi daha erken yapardım. Birincisi, parça adlandırma kurallarını modelleme başlamadan yazılı hale getirirdim; sonradan düzeltmek zaman alıyor. İkincisi, web için dosya boyutu hedefini baştan koyardım; kürk gibi çok ağır detayların ne kadar gerçek geometriyle ne kadar dokuyla çözüleceğine erken karar vermek gerekir. Üçüncüsü, müşteriyle renk adlandırma ve hangi renk serisinin hangi parçayı boyayacağını erken netleştirirdim. Bu üç karar baştan verildiğinde işin sonunda hem model hem arayüz çok daha az revizyon ister.

Renk onayı süreci nasıl işledi?

Altı üründe toplam 57 renk söz konusu olunca, her rengin doğru ve onaylı olması ayrı bir iş kalemi haline gelir. Süreç şöyle işledi: renk kartelası dijital bir listeye alındı, her renk bir kod ve bir renk değeriyle kaydedildi ve bu değerler modele uygulandı. Sonra modeller üzerinde seçilen renkler müşteri tarafından kontrol edildi. Ekran renkleri cihaza göre değiştiği için, kesin onay için fiziksel kartela ile karşılaştırma gerekir; bu da sitede açıkça belirtilmesi gereken bir sınırdır. Renk listesinin tek bir kaynaktan (bir veri dosyası) beslenmesi önemlidir: yeni bir renk eklendiğinde ya da bir renk düzeltildiğinde, yalnızca o veri güncellenir ve bütün ürünlerde değişiklik otomatik görünür.

Altı ürün için kalite kontrol listesi

Her ürün yayına alınmadan önce aynı kontrol listesinden geçirildi. Model ölçüsü ve oranı gerçek ürünle uyuşuyor mu? Logo ve yazı yeri doğru mu? Deri minderler, ahşap gövde ve metal parçalar ayrı ve doğru adlandırılmış mı? Her renk seçildiğinde doğru parça boyanıyor mu? Renk seçimi sıfırlanınca model kendi rengine dönüyor mu? Dosya boyutu web için makul mü ve ürün telefonda akıcı açılıyor mu? Işıkta ayrıntılar okunuyor mu ve beyazlar yanmıyor mu? İki parmakla yakınlaştırma ve tam ekran çalışıyor mu? Bu listeyi her ürün için aynen uygulamak, altı ürünün aynı kalitede çıkmasını sağladı.

Yeni renk ya da yeni ürün eklemek ne kadar kolay?

Sistem bir kez kurulduktan sonra yeni bir renk eklemek, renk listesine bir satır eklemek kadar basittir; görsel üretmeye, yeni çekim yapmaya gerek yoktur. Yeni bir ürün eklemek ise ürünün modellenmesini gerektirir, ama ışık, görüntüleyici ve renk sistemi hazır olduğu için geri kalan iş çok kısalır. Bu, 3D'nin ürün serilerinde yatırım olarak neden anlamlı olduğunu gösteriyor: ilk ürün sistemi kurma maliyetini taşır, sonraki ürünler ise bu temelden yararlanır. Müşteri açısından en büyük değer, katalog büyüdükçe bütünlüğün korunması.

Ürün sayfasında model ve metin birlikte

3D model tek başına bir ürün sayfası değildir. Her ürün için ürünün ne olduğunu, kimler için uygun olduğunu, ölçülerini ve malzemelerini anlatan gerçek bir metin ve açık bir sipariş ya da iletişim yolu gerekir. Modelin yanına renk seçeneklerini kısa bir metinle açıklamak, ziyaretçinin ne yapabileceğini anlamasını sağlar. Aynı zamanda arama motorları için bu metin, 3D modelin kendisinden daha önemlidir. Bu yüzden 3D görüntüleyici sayfanın tamamlayıcısı, metin ise temelidir.

Telefon, aynasız kamera ve profesyonel ekipman

Fotogrametri için kullanılan ekipman beklentiyi belirler. Güncel telefon kameraları iyi ışıkta şaşırtıcı derecede kullanılabilir fotoğraflar çeker ve küçük bir deneme ya da referans için yeterli olabilir. Aynasız ve DSLR kameralar, daha iyi lens, daha az gürültü ve daha kontrollü poz sunar; ticari bir iş için tercih edilir. Dönen bir platform (turntable) ve sabit bir ışık kutusu, küçük ürünlerde çekimi hızlandırır ve tutarlılık sağlar. Büyük nesnelerde kamerayı nesnenin etrafında dolaştırmak gerekir. Ekipman arttıkça sonuç genellikle iyileşir, ama en önemli şey ışığın yumuşak ve tutarlı olmasıdır; pahalı kamera kötü ışığı kurtarmaz.

Renk ve doku doğruluğu

Fotogrametri dokuyu fotoğraflardan aldığı için dokudaki renk doğruluğu çekim koşullarına bağlıdır. Işığın rengi, kameranın beyaz dengesi ve gölge farklılıkları dokuya işlenir. Bu yüzden çekimde bir gri kart ya da renk kartı kullanmak ve fotoğrafları tutarlı bir beyaz dengesiyle çekmek önemlidir. Ham (RAW) formatta çekip aynı düzeltmeyi bütün fotoğraflara uygulamak, renk tutarlılığını artırır. Dokuya işlenmiş gölge ve parlama, sonradan modelin ışıklandırması ile çatışır; bu yüzden çekim sırasında düz ve yumuşak ışık kullanıp, doku üzerindeki ışık ve gölgeyi sonradan temizlemek gerekir. Ürün görselleştirmede dokunun nötr ve ışıksız olması, yeni sahnede doğru ışıklandırmayı mümkün kılar.

Başkasının ürününü taramak: hak ve izin

Bir ürünü ya da nesneyi taramadan önce, taranan nesnenin kime ait olduğunu ve onu tarama ve kullanma hakkınızın bulunup bulunmadığını düşünmek gerekir. Kendi ürününüzü taramak sorun değildir; ancak bir başka markanın ürününü, bir sanat eserini ya da tescilli bir tasarımı izinsiz taramak ve ticari amaçla kullanmak hukuki sorun yaratabilir. Müşterinin ürününü tarıyorsanız, taramanın ve ortaya çıkan modelin kullanım haklarını yazılı olarak netleştirmek iyi bir uygulamadır. Bu yazı hukuki tavsiye değildir; belirsiz durumlarda bir uzmana danışmak gerekir.

Aynı yaklaşımı kendi ürününüze uygulamak

Renk ya da malzeme seçeneği olan her ürün (mobilya, ekipman, tekstil, dekorasyon) bu mantıkla kurulabilir: parçaları ayrı ve anlamlı adlandırılmış bir model, makul boyutta bir dosya, ürünü ön plana çıkaran sade bir görüntüleyici ve renkleri anlaşılır sunan bir seçici. İlk adım, ürünün ve seçeneklerinin listelenmesidir. Sonrasında ürün başına gerçekçi bir iş kapsamı çıkarılır. Kapsam ve fiyat hakkında fiyat rehberini okuyabilir, projenizi teklif formuyla bana iletebilirsiniz.

Sık sorulan sorular

İlgili çalışmaAura ReformerÜrün Modelleme · Müşteri Çalışması · Blender · EEVEE · 6 ürün