MockupHelper Pro Kullanım Kılavuzu

Bu tutorial, MockupHelper Pro eklentisinin tüm özelliklerini adım adım öğrenmenize yardımcı olacak. Aşağı kaydırarak devam edin.

1. Dosya Seçimi

İlk adım, işlemek istediğiniz tasarım ve mockup dosyalarını seçmektir. Bu bölümde nasıl yapılacağını öğreneceksiniz.

Designs (Tasarımlar) Seçimi
1
GENERAL sekmesinde Designs bölümünü bulun
Eklentiyi açtığınızda varsayılan olarak GENERAL sekmesi açıktır. "Designs" yazısının yanındaki "Select" butonuna tıklayın.
GENERAL
EXPORT
ADVANCED
ACTIVATION
1. Input Sources
🎨 Designs 0 files
Buraya tıklayın
2
Klasör seçin
Açılan pencereden tasarım görsellerinizin bulunduğu klasörü seçin. Eklenti otomatik olarak klasör ve alt klasörlerdeki tüm uyumlu dosyaları tarayacaktır.
İpucu: Designs için JPG, PNG, TIFF, WEBP gibi görsel dosyaları destekler. PSD dosyaları burada sayılmaz, onlar mockup için kullanılır.
Mockups (Mockup'lar) Seçimi
1
Mockups bölümündeki Select butonuna tıklayın
Designs'ın hemen altında Mockups bölümü bulunur. "Select" butonuna tıklayın.
GENERAL
EXPORT
ADVANCED
ACTIVATION
1. Input Sources
🎨 Designs 1 file
🖼️ Mockups 0 files
Buraya tıklayın
2
PSD dosyalarınızın olduğu klasörü seçin
Mockup'larınızın bulunduğu klasörü seçin. Sadece PSD ve PSB dosyaları işlenecektir. Mockup dosyalarınızın içinde Smart Object katmanları olmalıdır.
İpucu: Mockup dosyalarınızın içinde en az bir Smart Object katmanı olmalı. Eğer yoksa eklenti o dosyayı atlayacaktır.

2. Ayarlar

Tasarımlarınızın mockup'lara nasıl yerleştirileceğini kontrol eden ayarlar bu bölümdedir.

Resize Strategy (Boyutlandırma Stratejisi)
1
Resize Strategy dropdown'ını bulun
GENERAL sekmesinde "Placement Settings" kartının altında "Resize Strategy" seçeneğini göreceksiniz.
GENERAL
EXPORT
ADVANCED
ACTIVATION
2. Placement Settings
Seçenek seçin
2
Strateji seçin
Fit: Görselin oranlarını korur, içine sığdırır. Çoğu durumda bunu kullanın. (Önerilen)

Fill: Tüm alanı kaplar ama kenarları kesebilir. Arka plan görselleri için iyi.

Stretch: Görseli bozabilir, dikkatli kullanın.

Original Size: Hiçbir şey yapmaz, olduğu gibi bırakır.
Alignment (Hizalama)
1
Alignment Anchor grid'ini bulun
Resize Strategy'nin hemen altında 3x3'lük bir grid göreceksiniz. Bu grid tasarımınızın mockup içinde nereye yerleştirileceğini belirler.
GENERAL
EXPORT
ADVANCED
ACTIVATION
2. Placement Settings
Tıklayarak seçin
2
Konum seçin
Grid'deki kutulardan birine tıklayarak tasarımınızın konumunu seçin. Merkez (ortadaki kutu) varsayılan seçenektir ve çoğu durumda en iyi sonucu verir.
İpucu: Logolar için üst, filigranlar için alt konumları kullanabilirsiniz. Merkez çoğu tasarım için mükemmeldir.

3. Export Ayarları

İşlenmiş dosyalarınızın nasıl kaydedileceğini bu bölümden ayarlayabilirsiniz.

Format Seçimi
1
EXPORT sekmesine gidin
Üst menüdeki "EXPORT" sekmesine tıklayın.
GENERAL
EXPORT
Bu sekmeye tıklayın
ADVANCED
ACTIVATION
Output Format
2
Format Type seçin
JPG/JPEG: En çok kullanılan format. Küçük dosya boyutu, yüksek uyumluluk. Çoğu durumda bunu seçin. (Önerilen)

PNG: Şeffaflık desteği var. Dosyalar daha büyük olur. Şeffaflık gerekiyorsa kullanın.

PSD: Katmanları korur. Daha sonra düzenleme yapacaksanız kullanın.

TIFF: Yüksek kalite, profesyonel baskı için ideal.
Kalite Ayarı
1
Compression Quality slider'ını bulun
Format seçiminin hemen altında kalite ayarı için bir slider göreceksiniz.
2
Kaliteyi ayarlayın
1-12 arası değer seçebilirsiniz. 10 genelde yeterlidir. Önizleme için düşük (5-7), son hal için yüksek (10-12) kullanın.
Dosya İsimlendirme
1
Filename Template alanını bulun
EXPORT sekmesinde "Filename Template" başlığı altında bir input alanı var.
GENERAL
EXPORT
ADVANCED
ACTIVATION
Filename Template
Chip'lere tıklayın
2
Şablon oluşturun
Chip butonlarına tıklayarak şablonunuza etiketler ekleyebilirsiniz. Örnek: {mockup}_{design} şeklinde kullanırsanız "phone-mockup_logo-v1.jpg" gibi isimler alırsınız.
Çıktı Klasörü
1
Save Location bölümünü bulun
EXPORT sekmesinin en altında "Save Location" bölümü var.
2
Klasör seçin
"Select" butonuna tıklayıp işlenmiş dosyaların kaydedileceği klasörü seçin. Bu klasörü önceden oluşturmanız gerekmez, eklenti otomatik oluşturur.

4. Filigran Ekleme

Mockup'larınıza filigran ekleyerek çalışmalarınızı koruyabilirsiniz.

Filigranı Aktifleştirme
1
ADVANCED sekmesine gidin
Üst menüdeki "ADVANCED" sekmesine tıklayın.
GENERAL
EXPORT
ADVANCED
Bu sekmeye tıklayın
ACTIVATION
Watermark Layer
Apply Watermark
İşaretleyin
2
Apply Watermark checkbox'ını işaretleyin
"Watermark Layer" kartının üstünde bir checkbox var. Bunu işaretlediğinizde filigran ayarları görünür hale gelir.
Filigran Dosyası Seçimi
1
File butonuna tıklayın
Filigran ayarlarının görünür olduğu bölümde "File" butonunu göreceksiniz.
2
Filigran görselinizi seçin
PNG formatında şeffaflıklı bir filigran görseli seçin. Şeffaflık olursa daha profesyonel görünür.
İpucu: Filigran için PNG dosyası kullanın. Şeffaflık sayesinde mockup'ın arkası görünür kalır.
Filigran Ayarları
1
Opacity (Opaklık)
Slider ile 0-100% arası ayarlayın. 30-50% genelde yeterlidir. Çok yüksek olursa mockup'ı kapatır.
2
Scale (Ölçek)
10-200% arası ayarlayın. 30% genelde iyi çalışır. Mockup boyutuna göre ayarlayın.
3
Position (Konum)
Dropdown'dan konum seçin: Center, Top Left, Top Right, Bottom Left, Bottom Right veya Tiled (desen modu). Merkez çoğu durumda iyi çalışır.

5. Aktivasyon

Deneme modundan tam versiyona geçmek için aktivasyon yapmanız gerekir.

Deneme Modu
1
Deneme modunu anlayın
İlk açılışta deneme modunda olacaksınız. Sağ üstte "TRIAL VERSION" rozeti görünür. Tüm özellikleri kullanabilirsiniz ama sadece 3 tasarım ve 1 mockup dosyası ile sınırlısınız.
Not: Deneme modunda bile tüm özellikler çalışır. Sadece dosya sayısı sınırlıdır.
Aktivasyon Nasıl Yapılır?
1
ACTIVATION sekmesine gidin
Üst menüdeki "ACTIVATION" sekmesine tıklayın.
GENERAL
EXPORT
ADVANCED
ACTIVATION
License Activation
PC-XXXXXXXXX
Click to copy
ID'yi kopyalamak için tıklayın
2
Makine ID'nizi kopyalayın
Makine ID'nin üzerine tıklayın, otomatik olarak kopyalanır. Bu ID'yi bize gönderin.
3
Lisans anahtarınızı girin
Size verilen lisans anahtarını "License Key" alanına girin.
4
ACTIVATE butonuna tıklayın
ACTIVATE butonuna tıklayın. Başarılı olursa "Successfully Activated!" mesajı görünür ve tüm sınırlamalar kalkar.
İpucu: Aktivasyondan sonra "TRIAL VERSION" rozeti kaybolur ve sınırsız dosya işleyebilirsiniz.

6. Sorun Giderme

Yaygın sorunlar ve çözümleri bu bölümdedir.

"No design files found" Hatası
1
Sorunun nedeni
Seçtiğiniz klasörde uyumlu görsel dosyalar yok. PSD dosyaları burada sayılmaz.
2
Çözüm
Klasörünüzde JPG, PNG, TIFF, WEBP gibi görsel dosyalar olduğundan emin olun. PSD dosyaları mockup için kullanılır, design için değil.
"No mockup files found" Hatası
1
Sorunun nedeni
Seçtiğiniz klasörde PSD veya PSB dosyaları yok. Görsel dosyalar burada sayılmaz.
2
Çözüm
Klasörünüzde PSD veya PSB dosyaları olduğundan emin olun. Mockup dosyalarınızın içinde Smart Object katmanları olmalıdır.
"Smart Object not found" Hatası
1
Sorunun nedeni
PSD dosyanızın içinde Smart Object katmanı yok. Eklenti tasarımları Smart Object'lere yerleştirir.
2
Çözüm
Mockup PSD dosyanızı Photoshop'ta açın ve en az bir Smart Object katmanı olduğundan emin olun. Mockup şablonları genelde Smart Object içerir.
Dosyalar İşlenmiyor
1
Kontrol listesi
Şunları kontrol edin:
  • En az 1 tasarım dosyası seçtiniz mi?
  • En az 1 mockup dosyası seçtiniz mi?
  • Çıktı klasörü seçtiniz mi?
  • "START BATCH PROCESSING" butonu aktif mi? (yeşil renkte olmalı)
Aktivasyon Çalışmıyor
1
Kontrol edin
Makine ID'yi doğru kopyaladığınızdan emin olun. Lisans anahtarının tamamını girdiğinizden emin olun. Boşluk veya tire karakterlerini kontrol edin.
2
Hala çalışmıyorsa
Destek ile iletişime geçin. Makine ID'nizi ve aldığınız hata mesajını gönderin.