KeyShotXR ile Web Siteniz için 360° Ürün Görselleri Nasıl Oluşturulur?
KeyShotXR ile E-Ticaret Web Siteniz için Etkileşimli 360° Ürün Görselleri oluşturmak oldukça kolaydır. Ayrıca bunları html olarak yada bir CMS kullanıyorsanız (örneğin: wordpress) nasıl yayınlayacağınızı bu makalemizde bulabilirsiniz.
Göz alıcı görsellerin çevrimiçi satışları artırmanın anahtarı olduğunu hepimiz biliyoruz. Peki onlar da etkileşimli olabilseydi? KeyShotXR’nin e-ticaret mağazanız veya web siteniz için etkileşimli 360° satış noktası görselleri oluşturmanıza nasıl yardımcı olabileceğini öğrenmek için okumaya devam edin.
Dokunmatik özellikli bir 360° KeyShotXR oluşturun
KeyShotWeb modülü, yalnızca Ürün Konfigüratörleri üretmenize ve sahnelerinizi KeyShot Cloud üzerinde paylaşmanıza izin vermekle kalmaz, aynı zamanda KeyShotXR ile dokunmatik, 360 derecelik görüntüleme deneyimleri oluşturma yeteneğinin kilidini açar.
KeyShot Sahnenizi KeyShotXR için Hazırlama Adımları
Bir KeyShotXR oluşturmadan önce aşağıdakileri yaptığınızdan emin olmalısınız:
Sahne Arka Planını Beyaza Ayarlayın
Ürün görselleri, şeffaf bir arka planla daha iyi çalışma eğilimindedir. Bu, web siteleri için en yaygın arka plan rengidir ve görselleri ürün sayfanıza eklerken daha fazla esneklik sağlayacaktır. Project penceresindeki Environment sekmesini açarak başlayın ve Shadows checkbox (Zemin Gölgeleri) onay kutusunun işaretli olmadığından emin olmak için Ground (Zemin) bölümünü açın. Ardından, background (Arka Plan) bölümünün altında background Color (arka plan Renginin) beyaz olarak ayarlandığından emin olun.
E-ticaret Platformunun Resim Boyutunu ve Çözünürlük Gereksinimlerini Kontrol Edin
E-ticaret platformunun resim gereksinimlerine uymak her zaman en iyisidir, ancak görselleriniz için en geniş kullanım yelpazesini sağlayacak bir seçenek olarak, minimum genişlik ve yüksekliği 1500 piksele ve maksimum 2500 pikselde olacak şekilde 1:1 en boy oranına ayarlamaktır.
Hadi gelin şimdi bir KeyShotXR oluşturalım.
1. KeyShotXR Türünü seçin
Araç Çubuğunda KeyShotXR öğesini seçin, X tuşuna basın veya KeyShotXR Sihirbazını açmak için Window, KeyShotXR öğesini seçin.
KeyShotXR Sihirbazı açıldığında, KeyShotXR türünü seçmenizi isteyecektir. Çoğu e-ticaret uygulaması için basit bir turntable (döner tabla) seçmek iyi bir seçenektir. Bu seçenek, daha küçük dosya boyutuna sahip bir KeyShotXR üreterek web sitenizde kullanılan bant genişliğini azaltır.
2. KeyShotXR Döndürme Merkezini seçin
KeyShotXR türünü seçtikten sonra, dönüş noktasını seçmek için “İleri” düğmesine basın. KeyShotXR’nizin merkez noktası etrafında dönmesi için, modelin kendisinde pivot’un mutlak sıfırda olacak şekilde modellenmelidir (Yani Pivot Noktası: x ekseni, y ekseni, z ekseni için “0” olmalıdır).
Nesnenizin pivot noktası sıfıra ayarlanmamışsa iki seçeneğiniz vardır. Modelleme yazılımınıza geri dönün ve mutlak sıfırda bir geometri parçası ekleyin veya mutlak sıfırda bir küre/silindir ( Edit, Add Geometry… ) ekleyin (Position, 0, 0, 0 ) ardından Özel seçeneği ile bu geometriyi seçin.
Modelinizin pivot noktası doğruysa, Nesne’yi seçebilir ve Başlangıç KeyShotXR Görünümü ayarlarını yapmak için ilerleyebilirsiniz.
3. KeyShotXR İlk Görünümünü Seçin
Bu ayarlar, Kamera sekmesinin mevcut ayarlarını yansıtacaktır, bu nedenle zaten Kamera görünümünüz varsa, yalnızca Inclination (Eğimi (Yükseklik)) ayarlamanız gerekir.
Ürününüz veya tercihiniz görünüm yönünü belirleyecektir, ancak genellikle 10-30 derece arasında bir yükseklik iyi sonuç verir. Yine, e-ticaret platformunuzun gereksinimlerine ilişkin resim özelliklerini kontrol edebilirsiniz.
Ardından, gerekirse kameranızın geri kalan ayarlarında ince ayar yapabilir veya devam etmek için İleri düğmesine basabilirsiniz.
4. Pürüzsüzlük Kontrolü ve Render Ayarları’nı seçin
Pürüzsüzlük Kontrolü, daha akıcı bir deneyim sağlayan ancak potansiyel olarak daha uzun yükleme süreleri sağlayan daha fazla kare ile (fare veya dokunma) dönüşün düzgünlüğüdür. İstediğiniz düzgünlüğü elde etmek için varsayılan ayarı deneyebilir veya daha yüksek bir sayıyı (24, 48 veya 72 gibi) test edebilirsiniz. Bir sonraki sayfada çıktı ayarlarınızı değiştirebilir ve Render Now’a basabilir veya render ayarlarını her zamanki gibi ayarlamak için Render Options’a tıklayabilirsiniz.
Render etmeden önce Çıktı penceresinin (Output window) üst kısmında KeyShotXR’nin seçili olduğundan emin olun.
5. Kreasyonunuzu Paylaşın
KeyShotXR’niz oluşturulduktan sonra, KeyShot Resources, Renderings klasörünüze gidin. Burada, KeyShotXR html dosyanızı içeren KeyShotXR için bir alt klasör, oluşturulmuş çerçevelerden oluşan bir klasör ve web siteniz için bir gömme kodu içeren bir instructions.html (talimat.html) belgesi bulacaksınız.
Buradan, KeyShotXR klasörünü paydaşlarla ve diğer geliştirme ortaklarıyla paylaşmak, kendi web sitenizde barındırmak veya e-ticaret web sitenizde daha fazla ürün çekimi için KeyShotXR’nin tek tek karelerini kullanmak için paylaşılan bir şirket sürücüsüne ekleyebilirsiniz. KeyShotWeb ve KeyShotXR hakkında daha fazla bilgi ve bir KeyShotXR’ın WordPress’e nasıl gömüleceğine ilişkin bilgiler için ilgili bölümleri ziyaret edebilirsiniz.
KeyShotXR Örneği
KeyshotXR Render Çalışmanızı WordPress Web Sayfanıza Nasıl Eklersiniz?
KeyShotXR’yi oluşturduktan sonra, dosyaları KeyShot Kaynakları klasörünüzde Animasyonlar altında veya KeyShotXR Sihirbazı’nda seçtiğiniz konumda bulabilirsiniz.
Bir WordPress web sitesinde KeyShotXR veya Web Configurator’ı görüntülemek, onu statik sayfalara sahip herhangi bir web sitesinde görüntülemek gibidir. KeyShotXR veya Web Configurator’ı WordPress sitenize dahil etmek istiyorsanız, onu bir WordPress eklentisi kullanarak gömebilir veya bir iframe aracılığıyla ekleyebilirsiniz. Örneğin Gutenberg editöründe bir HTML bloğunda.
Bunun için ön koşullar: KeyShotXR veya Web Configurator’ınızı WordPress sitenize yerleştirmeden önce, onu çevrimiçi olarak kullanıma sunmanız gerekir. KeyShotXR veya Web Configurator klasörünün tamamını web sunucunuza yükleyin (Örneğin , my_keyshotxr klasörünü /srv/www/wordpress/xr/ dizinine yüklemek, web siteniz.com/xr/my_keyshotxr/ adresinde KeyShotXR’yi görüntüler).
iframe aracılığıyla KeyShotXR Ekleme
KeyShotXR’nizi oluşturduğunuzda, klasör aynı zamanda instructions.html (talimatlar.html) dosaysınıda içerecektir. Burada, içine gömmek istediğiniz sayfa yada yazıdaki WordPress düzenleyicisine neredeyse doğrudan kopyalanabilecek bir kod bölümü bulabilirsiniz. Düzenlemeniz gereken tek şey src url’sidir, buda web sunucusundaki konumu gösterir.
Adımları:
- KeyShot XR klasörünü web sunucunuza yükleyin
- instructions.html dosyasında bulunan KeyShotXR kodunu kopyalayın
- WordPress sitenizin yönetici paneline giriş yapın ve KeyShotXR’nin görünmesini istediğiniz sayfayı veya gönderiyi seçin yada oluşturun.
- WordPress gönderi yada sayfa düzenleme ekranında Metin sekmesini ( Görsel sekmesini değil yani Html olarak düzenleyi) seçtiğinizden emin olun.
- Talimatlar dosyasındaki kodu düzenleyiciye yapıştırın.
Oluşturduğunuz XR çıktısını ve penceresini dilediğiniz gibi özelleştirebilirsiniz. Özelleştirme ile ilgili daha fazla bilgiye buradan ulaşabilirsiniz.
Sizinde farklı bir ipucu öneriniz varsa, aşağıdaki yorumlarda paylaşmayı unutmayın.
Keyshot programını buradan indirerek deneyebilirsiniz
Daha fazla oku:
- Keyshot’ta Mükemmel Araç Renderı için Axalta Boya Uygulamasını Öğrenin
- KEYSHOT İle Hacimsel Aydınlatma: Işık Saçılması Nasıl Oluşturulur?
- ZBrush ve KeyShot’ta Cyberpunk Karakter Tasarımı
