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

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ı:

📁 Group 1 (Blend Mode: Normal)    
   └── 🖼️ print_area (Smart Object)        
      └── Pattern Overlay (Effect) 

🎨 color (Smart Object, Blend Mode: Multiply)  

👕 base (Ürünün ana layer'ı)  

👤 human (Model/arka plan - opsiyonel)  

⬜ bg (Background - opsiyonel)

Layer açıklamaları:

print_area: Artwork alanı (zorunlu)
color: Renk değişimi (zorunlu)
base: Ürünün ana dokusu (zorunlu)
human: Model görseli (opsiyonel - flatlay'de olmayabilir)
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)

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ı:

📁 Group 1 (Normal)    
   └── print_area 
color 
base

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ı:

📁 Photoshop Dosyası 
│ 
├── 📁 Group 1 (Blend Mode: Normal, Opacity: 100%) 
│   └── 🖼️ print_area (Smart Object) 
│       ├── Pattern Overlay 
│       └── [Layer Style: Blend If > Underlying Layer: 255] 
│ ├── 🎨 color (Smart Object, Multiply, 100%) 
│   └── [Clipped to base] 
│ ├── 👕 base (Ana ürün layer'ı) 
│ ├── 👤 human (Model - opsiyonel) 
│ └── ⬜ bg (Background - opsiyonel)

İ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.

burakaktna-ref-colorized.psd