Giriş

Listybox sistemi mockup render alırken PSD dosyanızda belirli layer'ları arar. Bu layer'lar doğru şekilde hazırlanmadığında render işlemi başarısız olur veya artwork'ünüz görünmeyebilir.

Bu rehberde PSD dosyanızı nasıl hazırlayacağınızı ve sık karşılaşılan sorunları nasıl çözeceğinizi bulacaksınız.

📥 Referans PSD'yi indir: Referans PSD

Zorunlu Smart Object'ler

Her PSD dosyasında 2 zorunlu smart object bulunmalı:

1. print_area

Kullanıcının yüklediği artwork'ün yerleştirileceği alan. Sistem bu smart object'in içine otomatik olarak görseli yerleştirir.

Özellikler:

İsim: print_area (tamamen küçük harf, boşluk yok)
Tip: Smart Object
İçerik: Pattern Overlay veya benzeri effect'ler içerebilir
Konum: Layer yapısının en üstünde

Kullanım örnekleri:

Sweatshirt üzerindeki baskı alanı
T-shirt'ün göğüs kısmı
Çanta üzerindeki design alanı

2. color

Kullanıcının seçtiği rengin uygulanacağı layer. Ürünün ana rengini değiştirir.

Özellikler:

İsim: color (tamamen küçük harf)
Tip: Smart Object (genellikle solid color fill)
Blend Mode: Multiply
Opacity: 100%
Konum: base layer'ının hemen üstünde, print_area'nın altında

Kullanım örnekleri:

Sweatshirt'ün kumaş rengi
Ayakkabının ana rengi
Çantanın dış yüzey rengi

Layer Yapısı ve Sıralama

Doğru layer sıralaması şu şekilde olmalı:

Layer açıklamaları:

Layer	Açıklama	Zorunlu
print_area	Artwork alanı	✅ Evet
color	Renk değişimi	✅ Evet
base	Ürünün ana dokusu	✅ Evet
human	Model görseli	❌ Opsiyonel
bg	Arka plan	❌ Opsiyonel

İsimlendirme Kuralları

İsimlendirmede dikkat edilmesi gerekenler:

✅ Doğru:

print_area
color
base
human
bg

❌ Yanlış:

Print_Area (büyük harf)
print area (boşluk var)
printArea (camelCase)
PRINT_AREA (tamamen büyük)
design_area (farklı isim)

⚠️ Uyarı: Sistem bu isimleri arayarak işlem yaptığı için kesinlikle kurallara uyulmalı.

Grouplama ve İzolasyon

Neden group'a almak gerekiyor?

print_area layer'ını ayrı bir group'a almak zorunlu. Sebepleri:

color layer'ı print_area'yı etkilememeli
Artwork renk değişikliklerinden bağımsız kalmalı
Pattern Overlay ve diğer effect'ler bozulmamalı

Nasıl yapılır?

print_area layer'ını seçin
Cmd + G (Mac) veya Ctrl + G (Windows) yapın
Oluşan group'un Blend Mode'unu Normal yapın (Pass Through olmamalı)
Group'u istediğiniz gibi isimlendirin

Yanlış yapı:

print_area
color
base

Doğru yapı:

Sık Karşılaşılan Sorunlar

Sorun 1: Artwork render olmadı

Belirti: Color değişiyor ama artwork görünmüyor. Sebep: print_area layer'ının Layer Style > Blend If ayarları yanlış. Çözüm:

print_area layer'ına çift tıklayın
"Blending Options" sekmesine gidin
"Blend If" bölümünü bulun
"Underlying Layer" satırındaki sağ slider'ı kontrol edin
Slider 255'te olmalı

Underlying Layer:  0 ════════ 255
                             ↑
                           Burası 255 olmalı

💡

Neden önemli: - 225'te: Alttaki color layer'ı print_area'yı etkiler, artwork kaybolur

255'te: print_area tamamen izole olur, artwork görünür

Sorun 2: Color değişmiyor

Olası sebepler:

Layer ismi yanlış

- Yanlış: Color (büyük C) - Doğru: color (küçük c)

Blend Mode yanlış

- Yanlış: Normal - Doğru: Multiply

Clipping Mask eksik

- color layer'ı sadece base layer'ını etkilemeli - Sağ tık > Create Clipping Mask

Sorun 3: Artwork renk değişikliklerinden etkileniyor

Belirti: Color değiştiğinde artwork da değişiyor, soluk görünüyor. Sebep: print_area group'a alınmamış veya group'un Blend Mode'u yanlış. Çözüm:

print_area'yı ayrı bir group'a alın (Cmd + G)
Group'un Blend Mode'unu Normal yapın
Group'u color layer'ının üstünde tutun

Sorun 4: Smart Object içeriği kayboluyor

Çözüm:

Smart object'e çift tıklayın
İçeriğin tam olduğundan emin olun
Cmd + S ile kaydedin
Ana dosyaya geri dönün
Cmd + S ile ana dosyayı da kaydedin

PSD Hazırlık Checklist

Dosyanızı yüklemeden önce kontrol edin:

Zorunlu kontroller:

☐ print_area smart object mevcut ve doğru isimlendirilmiş
☐ color smart object mevcut ve doğru isimlendirilmiş
☐ base layer mevcut
☐ print_area ayrı bir group içinde
☐ Group'un Blend Mode'u Normal
☐ color layer'ının Blend Mode'u Multiply
☐ color layer'ının Opacity'si 100%

Layer Style kontrolleri:

☐ print_area > Layer Style > Blend If > Underlying Layer sağ slider 255'te
☐ Pattern Overlay doğru şekilde ayarlanmış

Genel kontroller:

☐ Tüm layer'lar görünür (göz ikonları açık)
☐ Gereksiz layer'lar silinmiş
☐ Smart object'ler içeriği tam

Örnek Dosya Yapısı

Doğru hazırlanmış bir PSD dosyasının yapısı:

İpuçları

💡

Test edin: Render almadan önce Photoshop'ta:

color layer'ının rengini değiştirin → Sadece ürün rengi değişmeli
print_area içine farklı bir görsel koyun → Artwork değişmeli

💡

Şablon oluşturun: İlk doğru çalışan PSD'nizi şablon olarak saklayın, yeni mockup'lar için bu yapıyı kopyalayın.

💡

Tutarlı olun: Aynı ürünün farklı açılarında aynı layer yapısını ve isimlendirmeleri kullanın.

💡

Yedekleyin: Orijinal PSD'yi her zaman yedekleyin, değişiklikleri ayrı versiyon olarak kaydedin.

Listybox için Mockup PSD Dosyası Hazırlama Rehberi