3D kompozisyon
Hazır modelden bir ürün görseli oluşturun.
- Kamerayı, kadraj ölçeğini, ışığı, gölgeleri ve arka planı ayarlayın.
- Yeni baskıları göstermek için gerekli temel görseli ve katmanları oluşturun.
Mockup üreteçleri - ürün sunumu ve satışı
Saniyeler içinde ürün mockup'ları oluşturun
Ürünün sunumunu bir kez hazırlayın, ardından aynı sunumda yeni baskıları ve renk varyantlarını gösterin. Mockup üreteci; görünümü, arka planı ve görselin ürüne uygulanma şeklini saklar. Tamamlanmış mockup, bu ayarları müşterinin geçerli tasarımıyla veya Designer'daki tasarımınızla birleştirir.
Seçili model için mevcut üreteçleri kullanabilir veya Product Generator'ın Mockup modunda kendi üreteçlerinizi hazırlayabilirsiniz. Aşağıda kullanım örneklerini, 3D sahne ve kendi fotoğrafınızın ayarlarını, baskı eşleme testlerini, görsel indirmeyi ve WordPress + WooCommerce eklentisinde kullanımı bulacaksınız.
Ekran görüntüleri gerçek Alter Product araçlarını gösterir; bazılarında İngilizce arayüz vardır. Her görüntüyü tam boyutta açabilirsiniz.
Kendi mockup üretecinizi hazırlayınÜrünün çekim açılarını ayarlayın, kompozisyonu ve baskı eşlemesini düzenleyin, ardından üreteci modelle birlikte kaydedin.Açıklamaya gitHazır görünümleri tasarımınızda ve mağazanızda kullanınGeçerli baskının görsellerini oluşturun, görselleri indirin ve kişiselleştirmeyi sepette gösterin.Açıklamaya git
Önce kendi 3D modelinize mi ihtiyacınız var?Product Generator kılavuzuna geçin: Kalıplar, Easy Creator, bedenler, simülasyon, malzemeler ve dışa aktarma.Model, üreteç ve tamamlanmış mockup
Üreteç, ürünün nasıl sunulacağını kaydeder. Tamamlanmış mockup ise bu üreteç kullanılarak oluşturulan belirli bir tasarımın görselidir.
Hazır bir modelle veya mevcut üreteçlerle başlayın
Seçili modelde mockup üreteçleri zaten varsa bunları Product Designer'da hemen kullanabilirsiniz. Mockup penceresinde bir görünüm seçtiğinizde önizleme, geçerli tasarımın görsellerini ve renklerini gösterir.
Kendi üreteçlerinizi hazırlamak için model projesini Product Generator'da açıp Mockup moduna geçin. Hazır bir modele ve görsellerin gösterileceği yüzeylere ihtiyacınız vardır. Özel kalıplar, simülasyon ve model malzemeleri ayrı 3D model oluşturma kılavuzunda açıklanır.
Tek üreteç, birçok hazır görsel
Örnek: Bir tişörtün ön görünümünü açık renkli arka planda hazırlıyorsunuz. Sonraki baskı için kamerayı, ışığı veya yaka konturunu yeniden ayarlamanız gerekmez. Designer'da Mockup'ı açtığınızda kayıtlı üreteç geçerli tasarımı aynı kadrajda gösterir.
| Öğe | Görevi |
|---|---|
| 3D model | Ürünün şekli ve tasarımı yerleştirdiğiniz yüzeyler. Aynı modelin ön, yanlar ve arka gibi birden fazla üreteci olabilir. |
| Mockup üreteci | Kadraj, arka plan, ışık, parça eşleme ve katmanlar. Ürünün sunum şeklini değiştirmek istediğinizde bunu düzenlersiniz. |
| Designer veya Customizer'daki tasarım | Görseller, yazılar ve seçili ürün renkleri. Tasarımı değiştirerek hazırlanmış üreteçle yeni bir mockup elde edebilirsiniz. |
| İndirilen PNG mockup | Belirli bir tasarımın ve görünümün tamamlanmış görseli. Ürün ilanında, katalogda veya tanıtım materyallerinde kullanabilirsiniz. |
Mockup için üç çalışma alanı
Düzenlemek istediğiniz öğeye uygun aşamayı seçin. 3D kompozisyon ve fotoğrafa uyarlama, temel görseli hazırlamanın iki yoludur.
Görsele uyarlama
Kendi ürün fotoğrafınızı sunumun temeli olarak kullanın.
- Konum, döndürme, ölçek ve mevcut deformasyon araçlarıyla modeli fotoğrafa uyarlayın.
- Hazırladığınız uyarlamadan katmanlar oluşturun.
Baskı eşleme
Parça konturlarını ve baskının görsel üzerindeki görünümünü düzenleyin.
- Vektör noktalarını ve kontrol tutamaçlarını, maskeleri, gölgeleri ve aydınlık alanları düzenleyin.
- Bu aşama için hazırlanmış bir temel görsel ve vektör yolları gerekir.
Hazırlanan kadrajdan yeni tasarımlara
Kompozisyonu bir kez hazırlayın; görselleri ve renkleri değiştirirken üreteci tekrar kullanın.
- Bir model seçin ve Mockup modunda görünümler ekleyin.
- 3D kompozisyonu veya fotoğrafa uyarlamayı hazırlayın, ardından katmanları oluşturun.
- Tüm parçalardaki baskı eşlemesini kontrol edin ve projeyi üreteçlerle birlikte kaydedin.
- Kaydedilen görünümleri Designer'da kullanın veya ürünü Customizer'da müşterilerinize sunun.
Örnekler: Katalogdan müşteri kişiselleştirmesine
Üretecin hazırlığını ürünü göstereceğiniz yere göre seçin. Aşağıdaki senaryoları aynı araçlarda, kompozisyonu ve baskı tasarımını değiştirerek uygulayabilirsiniz.
Nasıl bir ürün sunumu hazırlamak istiyorsunuz?
Hedefinizle başlayın: Karşılaştırılabilir varyant görselleri, tanınabilir bir marka stili veya kendi fotoğrafınız üzerinde görselleştirme.
Tutarlı ürün kataloğu
Açık arka planda, sabit ölçekte ve hafif gölgeli bir tişört. Her yeni baskı aynı görünüme uygulanır.
- 3D kompozisyonu kullanarak ön, yan ve arka görünümleri hazırlayın.
- Sonraki tasarımları indirmeye başlamadan önce kadrajları düzenleyin.
- Sonuç: Müşteri, ürünlerinizdeki desenleri ve renkleri daha kolay karşılaştırır.
Markanızın stilinde kompozisyon
Koleksiyonun renginde bir arka plan, gradyan veya kendi görselinizi kullanın. Ürünün hazırlanan sahneye uyması için ışığı ve gölgeyi ayarlayın.
- Ayarları modelin bir görünümü olarak kaydedin.
- Arka planı değiştirdikten sonra güncel temel görseli oluşturun.
- Sonuç: Sonraki tasarımlar aynı görsel sunumu korur.
Kendi ürün fotoğrafınız
Tişörtün istediğiniz düzenlemede çekilmiş bir fotoğrafı mı var? Görsele uyarlama ile modeli fotoğrafa eşleştirin ve sonraki baskıların uygulanmasını hazırlayın.
- Silueti, kolları ve kamerayı fotoğrafa uyarlayın.
- Eşlemeyi test baskısıyla kontrol edin ve konturları düzeltin.
- Sonuç: Kendi fotoğrafınız, tekrar kullanılabilir mockup'ların temeli olur.
Müşterinin tasarımı sepette
Müşteri Customizer'da görseli, metni veya rengi değiştirir. Model için mevcut üreteçler, bu tasarımın görselini hazırlamak için kullanılır.
- WordPress + WooCommerce eklentisinde tasarımı ürüne bağlayın.
- Kişiselleştirme sepete eklenirken görseller oluşturulur.
- Sonuç: Sepet ve sipariş satırındaki küçük resim müşterinin tasarımını gösterir.
Beyaz ve yeşil tişörtte aynı baskı
Aşağıdaki uygulama görüntülerinde aynı meyve motifli tasarım, ürünün iki farklı renginde gösterilir. Görünüm tutarlı kalır; mockup, baskının seçili tişört rengiyle birleşimini gösterir.
- Designer'da baskıyı hazırlayın ve ürün rengini seçin.
- Mockup'ı açıp ön görünümü seçin.
- Ürün rengini değiştirin, ardından aynı görünümü tekrar açın.
- Tasarım için eşleşen renk ön ayarları varsa tek bir PNG veya varyant paketini indirin.
Ürün mockup üretecini hazırlayın
Inspector'da modeliniz hazır olduğunda Mockup moduna geçin. Burada sonraki görseller ve ürün varyantları için ortak kompozisyonu hazırlarsınız.
Tek komutla ön, yan ve arka görünümler
Proje mockup'ları panelinde otomatik oluşturmayı seçerek dört görünüm hazırlayın: Ön, Sol, Sağ ve Arka. Yeni ekle seçeneğiyle kendi görünümünüzü ekleyebilir, adını ve sırasını değiştirebilirsiniz. Her üreteç kendi kadrajını ve ayarlarını korur.
Kamera, arka plan ve ışık
3D kompozisyonda ürünü görselin temeli olarak konumlandırırsınız. Kadrajı ve aydınlatmayı katalog veya marka stiline göre ayarlayın.
Katalog için sade bir arka plan ve belirgin ürün siluetiyle başlayın. Perspektif kısalması olmadan sakin bir sunum istediğinizde ortografik kamerayı kullanın. Perspektif, üç boyutlu şekli daha güçlü vurgular. Kadrajda kollar, ürünün alt kısmı ve gölge için boşluk bırakın.
Zemin gölgesi ürünün kompozisyona oturmasına yardımcı olur; duvar gölgesi ise derinlik hissi oluşturur. Konumlarını, boyutlarını, opaklıklarını ve yumuşaklıklarını ayrı ayrı ayarlayabilirsiniz. Pozlama ile parlak alan, orta ton ve gölge eğrileri ayrıntıların görünürlüğünü geri kazandırır. Katalog görselinde baskıyı keskin tutun; Bloom ve alan derinliğini daha çok marka odaklı görünümlere göre ayarlayın.
- Belge ve model: Bir ad verin ve ana görselin genişliğini ve yüksekliğini her kenar için 64-2048 px aralığında ayarlayın.
- Kamera: Perspektif veya ortografik görünümü seçin. Döndürmeyi, hedef noktayı, mesafeyi ve görüş alanını veya kadraj ölçeğini ayarlayın.
- Işık: Kütüphaneden bir ortam seçip dönüşünü, yoğunluğunu ve siyah noktasını ayarlayın. Zemindeki ve duvardaki gölgeleri, yumuşaklık ve opaklık dahil ayrı ayrı kontrol edin.
- Arka plan: Bir renk, gradyan, ortam arka planı veya kendi görselinizi kullanın. Kadrajı doldurma yöntemini, dönüşümü ve saydamlığı ayarlayın. Ürünün marka kimliğine uygun bir sahne oluşturabilirsiniz.
- Son işleme: Ton eşleme ve pozlama, renk eğrileri, ambient occlusion, Bloom, alan derinliği, keskinleştirme, vinyet ve gren. MSAA/FXAA kenar yumuşatma, kenarları iyileştirir.
Modeli kendi fotoğrafınıza uyarlayın
Görsele uyarlama modu kendi JPG, PNG veya WebP dosyanızı kullanmanızı sağlar. Üste yerleştirilen modelin kamerasını ve ölçeğini ayarlayın; opaklığını ve konumunu düzenleyin. Giysiler için kemik araçları, kol konumu ön ayarları ve etki yarıçapı ile gücü ayarlanabilen yumuşak deformasyon bulunur. Hazırlanan uyarlama mockup katmanlarını oluşturmak için kullanılır.
Desteklenen giysiler için otomatik bir rig hazırlayabilir, kemikleri taşıyarak, döndürerek ve uzunluklarını değiştirerek ayarlayabilirsiniz. Aynalı ayarlar simetriyi korumaya yardımcı olur; kol ön ayarları kaynak konumdan, hafif indirilmiş konumdan veya gövde boyunca uzanan konumdan başlamanızı sağlar. Yumuşak deformasyon ve yumuşak döndürme yerel olarak çalışır: Yarıçapı, gücü ve etki azalma biçimini seçersiniz - yumuşak, doğrusal, küresel veya keskin. Ağ önizlemesi şekli değerlendirmeyi kolaylaştırır.
- JPG, PNG veya WebP fotoğrafını yükleyin ve uyarlamanın temeli olarak ayarlayın.
- Kamerayı, modelin konumunu, dönüşünü ve ölçeğini ayarlayın. Kaplama opaklığı, modelin siluetini fotoğraftaki ürünle karşılaştırmanıza yardımcı olur.
- Giysilerde mevcut rig'i, kol konumlarını ve yumuşak deformasyonu kullanın. Genel şekilden yerel düzeltmelere ilerleyin.
- Uyarlamadan oluşturmayı seçin, ardından baskı eşlemeye geçerek kenarları ve test baskısını kontrol edin.
Baskı eşlemesini ve mockup katmanlarını düzenleyin
Temel görsel, baskı maskesi, gölgeler ve aydınlık alanlar birlikte çalışarak görselin ürünün görünümüne ve şekline uyum sağlamasını sağlar. Doğru hazırlık, aynı ürün görselini yeniden kullanmanıza olanak tanır.
Katman oluşturma ve kontrolü
3D kompozisyonda tüm katmanları oluşturmayı, fotoğrafa uyarlamada ise uyarlamadan oluşturmayı seçin. Ardından katmanları ve ürün üzerindeki sonucu inceleyin.
| Katman | Kontrol ettiğiniz özellikler |
|---|---|
| Temel görsel | Ürün kadrajı, arka plan ve sahne görünümü. Kompozisyon değiştiğinde yeniden oluşturarak güncelleyin. |
| Baskı maskesi | Görselin görünen alanı, eşik, kenar yumuşaklığı ve kaydırması ile kenar yumuşatma. |
| Gölgeler | Baskının ürün gölgelerini koruması için güç, gama ve beyaz noktası. |
| Aydınlık alanlar | Kompozisyondaki aydınlık bölgelerin eşiği, gücü ve gaması. |
Üreteci test baskısıyla kontrol edin
Asıl tasarıma geçmeden önce test baskıları aracını açın. Mevcut parçalara ayrı ayrı desen atayabilir; renk değiştirme destekleniyorsa tüm ürünün veya tek tek parçaların rengini de kontrol edebilirsiniz.
UV dama deseni
Renkli ızgara, görseldeki esnemeyi, yön değişimini ve kesintileri fark etmenize yardımcı olur. Özellikle yakayı, kolları ve yan kenarları inceleyin.
“Your design here” yer tutucusu
İşaretler ve ortadaki görsel, baskının nereye yerleştiğini ve kontur ya da maske tarafından kesilip kesilmediğini değerlendirmenizi kolaylaştırır.
Tekrarlanan yazı
Alter Product yazılı desen, ilgili parçadaki harflerin okunabilirliğini, oranlarını ve yönünü değerlendirmenize yardımcı olur.
Ürün ve parça renkleri
Açık ve koyu varyantları karşılaştırın. Böylece aşırı koyu gölgeleri, patlayan parlak alanları veya baskının çevresindeki açık renkli haleyi daha kolay fark edersiniz.
Parça konturları ve ayrıntı düzeltmeleri
Baskı eşlemeye geçin, bir ürün parçası seçin ve konturunun Bézier noktalarını ve tutamaçlarını ayarlayın. Yakayı, kolu ve kenarları hassas şekilde düzelttikten sonra katmanları yeniden hesaplayabilirsiniz. Oluşturma menüsü ayrıca konturları yeniden oluşturmanıza veya mevcut vektörleri koruyarak yalnızca temel görseli yenilemenize olanak tanır.
Baskı arka plana taşıyorsa veya kenara ulaşmıyorsa önce kontur geometrisini düzeltin. Ardından maskeyi ve yumuşaklığını ayarlayın. Gölgeleri ve aydınlık alanları en son, açık ve koyu ürün renklerindeki sonuçları karşılaştırarak düzenleyin.
Değişiklikten sonra neyi yeniden oluşturmalısınız?
Gerekli yerlerde elle yaptığınız düzeltmeleri korumak için güncelleme kapsamını seçin.
| Kapsam | Ne zaman kullanılır? |
|---|---|
| Tüm katmanlar | Sahneyi hazırladıktan veya kompozisyonda önemli bir değişiklik yaptıktan sonra, temel görseli ve mockup katmanlarını güncellemek gerektiğinde. |
| Kayıtlı vektörlerden katmanlar | Konturu elle düzelttikten sonra, düzenlenmiş yolları koruyarak sonucu yeniden hesaplamak istediğinizde. |
| Konturları yeniden oluşturma | Konturları modelden yeniden çıkarmak istediğinizde. Bu işlem geometriyi yeniden oluşturur, bu nedenle önceki manuel düzeltmelerin üzerine yazılabilir. |
| Yalnızca temel görsel | Mevcut vektörlerin üzerine yazmadan görseli yenilemeniz gerektiğinde. Gölge veya maskeyi etkileyen değişikliklerden sonra ilgili katmanları da kontrol edin. |
Üreteçleri model projesiyle birlikte kaydedin
Görünümleri düzenledikten sonra Product Generator projesini kaydedin. Üreteç koleksiyonu, modele ve Designer'ın kullandığı model revizyonuna aittir. Uygulamada proje sunucuya, WordPress eklentisinde ise yerel olarak kaydedilir.
Kamera, arka plan, ışık veya uyarlama değiştiğinde ilgili katmanları yenileyin ve kaydetmeden önce sonucu kontrol edin. Designer'dan PNG indirmek geçerli tasarımın görselini oluşturur; üreteci daha sonra düzenleyebilmek için model projesini kaydetmeniz gerekir.
Mockup'ları Designer ve WooCommerce'de kullanın
Hazırlanan üreteç, modelle çalışma sürecinin parçası olur. Tasarım yaparken hazır görünümleri ve geçerli kişiselleştirmeyi kullanırsınız.
Aynı kadrajda tamamlanmış görsel
Product Designer'da Mockup'ı açın. Mockup üreteci penceresinde ön, yan veya arka görünümün küçük resmini seçin. Önizleme, geçerli tasarımın görsellerini ve renklerini kullanır. Kamera, ışık ve arka planı model üretecinin Mockup modunda önceden hazırlarsınız.
PNG veya renk varyantlarını indirin
Görünümü ve görsel boyutunu seçin: Thumb 256, Küçük 512, Orta 1024 veya Büyük 2048 px. Değer uzun kenarı belirtir; en-boy oranı üretece bağlıdır. Görselleri indir komutu, seçili görünümü PNG olarak kaydeder.
- En az iki eşleşen ön ayar olduğunda tüm renk ön ayarları için görsel oluşturma seçeneği, aynı görünümün renk varyantlarını içeren bir ZIP oluşturur. Daha az ön ayar varsa tek bir PNG indirirsiniz.
- Ön ayar listesi seçili malzemeye, baskı tekniğine ve boyuta bağlıdır. Ön ayarlarda bulunmayan özel renkler bu pakete dahil edilmez.
- Ürünün diğer tarafları gerekiyorsa ilgili küçük resimleri seçip görsellerini indirin.
Sepette ve siparişte görünen kişiselleştirme
WordPress + WooCommerce eklentisinde yerel proje ve ona sabitlenmiş model revizyonu kullanılır. Mockup üreteçleri bulunan bir ürün için uygulama, tasarım sepete eklenirken kişiselleştirme görsellerini oluşturur. Dosyalar kaydedildikten sonra eklenti bunları sepet ve sipariş satırında gösterir.
- Her müşteri siparişi için Mockup penceresini elle açmanız gerekmez.
- Sonuçlar, tasarımı ve seçili ürün renklerini içerir. Üreteçler ve kaynaklar kullanılan model revizyonu için erişilebilir olmalıdır.
- Küçük resimler klasik sepette ve WooCommerce Cart/Checkout bloklarında desteklenir. Kaydedilmiş mockup kullanılamıyorsa standart ürün küçük resmi gösterilir.
- Tasarımda kullanılan model için üreteçleri hazırlayıp kaydedin.
- Tasarımı WordPress + WooCommerce eklentisi tarafından desteklenen bir üründe kullanıma sunun.
- Müşteri, ürünü Customizer'da kişiselleştirir ve tasarımı sepete ekler.
- Uygulama, seçili tasarım ve renkler için mevcut görünümlerin mockup'larını hazırlar. Görseller kaydedildikten sonra eklenti sepet ve sipariş satırında kişiselleştirilmiş küçük resmi kullanır.
Mağaza için görsel, üretim için dosya
Mockup; tamamlanmış görseli, ürün şeklini, gölgeleri ve arka planı gösterir. Ürün ilanında, katalogda veya müşteriye kişiselleştirmeyi göstermek için kullanın.
Üretim için baskı alanı dosyalarını Baskı Yöneticisi'nde hazırlayın. Bu, görsellerin ürünün farklı parçalarını kapladığı AOP tasarımları için de geçerlidir. Üretim dosyalarının ayarları ve indirilmesi, baskıya hazır dosyalar kılavuzunda açıklanır.
Hazır üreteci mağazada kullanmadan önce kontrol edin
Farklı baskıları ve ürün renklerini test edin. Basit bir motifle hazırlanan üreteç; küçük yazıları, kenara yakın görselleri ve daha büyük AOP baskılarını da doğru göstermelidir.
Düzenlemeden sepete kısa bir test
Daha sonra sizin veya müşterinizin kullanacağı aynı yolu izleyin.
- Kaydedilen tüm görünümleri inceleyin. Ürün kadrajını, gölgeyi ve boşlukları kontrol edin.
- Baskı yapılacak parçalarda dama desenini veya test yazısını açın. Konturları, maskeyi ve görselin yerleşimini kontrol edin.
- Designer'da açık ve koyu rengi ve asıl baskıyı karşılaştırın. PNG'yi indirip hedef boyutta inceleyin.
- Değişikliklerden sonra model projesini kaydedin. Eklentide doğru model revizyonunu kullanan tasarımı kontrol edin ve kişiselleştirmeyi sepete eklemeyi test edin.
Sonuç beklediğiniz gibi görünmüyorsa neyi düzeltmelisiniz?
İlgili sorundan sorumlu aşamayla başlayın. Her düzeltme tüm sahneyi yeniden ayarlamayı gerektirmez.
| Gördüğünüz durum | Kontrol edilecekler |
|---|---|
| Baskı ürünün dışına taşıyor veya yakada kayboluyor | Baskı eşlemedeki parça konturu, Bézier tutamaçları ve baskı maskesi ayarları. Düzeltmeden sonra gerekli katmanları yeniden hesaplayın. |
| Izgara veya harfler aşırı esniyor | Modelin fotoğrafa uyarlanması ve ilgili parçanın eşlemesi. Sorunu fazla yumuşak bir kenarla gizlemeden önce şekli düzeltin. |
| Görsel çok koyu veya aşırı aydınlık | Gölge ve aydınlık alan katmanlarının ayarları. 3D kompozisyon için sahne pozlamasını ve ışığını da kontrol edin. |
| Arka plan değiştikten sonra eski görsel hâlâ görünüyor | Temel görseli uygun oluşturma komutuyla güncelleyip projeyi kaydedin. Arka plan seçmek sahneyi değiştirir, ancak daha önce oluşturulan görselin yerini almaz. |
| ZIP paketinde yan ve arka görünümler yok | Varyant paketi seçili görünüm içindir. Sonraki küçük resmi seçip ürünün o tarafının görsellerini indirin. |
| Tüm renkler için paket seçeneği yok veya tek PNG indiriliyor | Malzeme, baskı tekniği ve boyut için eşleşen ön ayar sayısını kontrol edin. En az iki ön ayar gerekir. |
| Sepet standart ürün fotoğrafını gösteriyor | Tasarımın kullandığı model revizyonu için kayıtlı üreteçlerin ve kaynaklarının erişilebilirliğini, ayrıca mockup'ların başarıyla kaydedildiğini kontrol edin. |