Akıllı nesne (smart object) mockup, baskı alanı bir akıllı nesne olarak hazırlanmış bir ürün fotoğrafının Photoshop dosyasıdır (PSD): tasarımınız kendi belgesinin içinde durur ve siz tasarımı değiştirdiğinizde fotoğraf onun etrafında güncellenir. Kıvrımlar, gölgeler ve açı bu akıllı nesnenin çevresindeki filtrelere ve katmanlara önceden işlendiği için düz bir tasarım kumaşa basılmış gibi görünür.
Bu yazı, mockup PSD dosyası satın almış ya da indirmiş ve bazılarının neden gerçekçi, bazılarının neden yapıştırılmış gibi durduğunu merak eden Etsy satıcıları için. Photoshop öğrenmekle onu gerektirmeyen bir araç kullanmak arasında karar vermeye çalışanlar için de. Mockup, çoğu zaman alıcının aramada gördüğü ilk şeydir. Nasıl kurulduğunu bilmek, zayıf bir mockup'ı ilanınıza (listing) girmeden fark etmenizi sağlar.
Akıllı nesne nedir
Photoshop'ta akıllı nesne bir kapsayıcı katmandır. İçine koyduğunuz orijinal içeriği saklar, böylece katmanı ölçekleyebilir, eğip bükebilir ve filtre uygulayabilirsiniz, ama içteki pikseller kalıcı olarak değişmez.
Bir akıllı nesnenin küçük resmine çift tıkladığınızda içeriği .psb uzantılı ayrı bir belgede açılır. Bu belgeyi kaydedip kapattığınızda Photoshop, mockup'ı hazırlayan kişinin dış katmana kurduğu tüm dönüşümleri ve filtreleri yeniden uygular. İşin bütün sırrı budur: eğme, perspektif ve kumaş efektleri dosyayı hazırlayan kişi tarafından bir kez yapılır ve içine koyduğunuz her tasarım bunları devralır.
Tipik bir mockup dosyasındaki katmanlar
Mockup dosyaları birbirinden farklıdır, ama iyi hazırlanmışların çoğu aynı yapıyı paylaşır. Her katmanın ne yaptığını bilmek, sonuç yanlış göründüğünde nereye bakacağınızı gösterir.
| Katman | Ne yapar | Eksik ya da hatalıysa ne görürsünüz |
|---|---|---|
| Tasarım akıllı nesnesi | Tasarımınızı baskı alanına göre ölçeklenmiş, açılı ve bükülmüş hâlde tutar | Tasarım düz durur ya da yanlış açıda görünür |
| Displacement (yer değiştirme) filtresi | Fotoğrafın gri tonlu haritasıyla tasarımın piksellerini kaydırır, çizgiler kıvrımları takip eder | Baskı, kırışıkların üstüne yapıştırılmış bir etiket gibi görünür |
| Multiply modunda gölge katmanı | Fotoğraftaki gölgelerin tasarımı koyulaştırmasını sağlar | Tasarım fazla parlak ve eşit ışıklı görünür |
| Screen modunda ışık katmanı | Kumaşın parlak yerlerinin tasarımı açmasını sağlar | Kumaşın ışık aldığı yerlerde baskı donuk kalır |
| Kırpma maskesi ya da baskı alanı maskesi | Tasarımı giysinin kenarları içinde tutar | Tasarım dikişlerin ya da kolların üstüne taşar |
| Renk dolgu katmanı | Ürünün rengini değiştirir | Yalnızca tek bir ürün rengi kullanılabilir |
Tasarım neden kumaşla birlikte kıvrılır
Bir tasarımın yerleştirilmiş değil basılmış gibi görünmesini iki şey sağlar. Birincisi displacement, yani yer değiştirmedir: dosyayı hazırlayan kişi fotoğrafın gri tonlu bir kopyasını oluşturur ve Photoshop'un Displace filtresi tasarımınızdaki her pikseli, haritanın aynı noktada ne kadar açık ya da koyu olduğuna göre kaydırır. Tasarımdaki düz çizgiler altlarındaki kıvrımların eğrisini alır.
İkincisi karışım modlarıdır. Multiply ve Screen gibi modlara ayarlanmış gölge ve ışık katmanları tasarımın üstünde durur, böylece fotoğraftaki gerçek açık ve koyu alanlar baskının içinden geçer. Tişörtü koyulaştıran bir kırışık, üstündeki harfleri de koyulaştırır.
Bunlardan biri eksik olduğunda klasik sahte mockup ortaya çıkar: kırışık bir tişörtün üstünde süzülen keskin bir tasarım. Mockup nasıl yapılır rehberimiz aynı ilkeleri diğer taraftan anlatıyor.
Akıllı nesne mockup adım adım nasıl kullanılır
PSD dosyasını açın ve "Your design here" gibi adlandırılmış katmanı bulun. Küçük resminde akıllı nesne simgesi görünür.
Küçük resme çift tıklayın. İçerik yeni bir sekmede açılır.
Tasarımınızı, tercihen şeffaf bir PNG olarak, basılmasını istediğiniz alanı dolduracak boyutta yerleştirin ve yer tutucu katmanı gizleyin.
Ctrl+S ya da Cmd+S ile kaydedin ve sekmeyi kapatın.
Mockup'a döndüğünüzde dosya sunuyorsa renk dolgusunu değiştirin ve sonucu kontrol etmek için kıvrımlara yakınlaşın.
Etsy için JPG ya da PNG olarak dışa aktarın.
Dışa aktarırken şunu bilin: Etsy, ilan fotoğraflarının genişlik ve yüksekliğinin en az 2.000 piksel olmasını önerir, .jpg, .gif, .png, .svg ve .heic dosyalarını kabul eder ve şeffaf PNG'yi desteklemez. Bu yüzden bitmiş mockup'ı arka planıyla birlikte dışa aktarın. Bir dosyayı ticari olarak kullanmadan önce lisansını okuyun: mockup lisansı yazımız nelere bakmanız gerektiğini anlatıyor.
Akıllı nesne mockup'ların sınırları ve alternatifleri
Bu dosyalar Photoshop ve biraz pratik gerektirir, ayrıca her dosya tek bir ürün, tek bir açı ve tek bir sahnedir. Birkaç renk ve açıda sunduğunuz bir tasarım, her kombinasyon için ayrı bir dışa aktarma demektir ve bu her yeni tasarımda tekrarlanır. Photoshop bunun bir kısmını eylemler (actions) ve betiklerle otomatikleştirebilir, ama bunu kurmak başlı başına bir iştir. Sonuç da dosya kadar iyidir: zayıf bir displacement haritası ya da eksik gölge katmanları olan bir mockup, tasarımınız ne kadar iyi olursa olsun sahte görünür.
Photoshop'u atlayan seçenekler:
PSD açabilen tarayıcı tabanlı düzenleyiciler: birkaç düzenleme için işe yarar, ancak akıllı nesne ve filtre desteği değişir. Bir paket almadan önce tek bir dosyayla deneyin.
Çevrimiçi mockup oluşturucular: tasarımı yükler, sahneyi seçer, indirirsiniz. Hızlıdır ama sahne, çözünürlük ve lisans sınırları vardır. Ücretsiz t-shirt mockup oluşturucular ve sınırları yazımız bunları anlatıyor.
İlan sürecinize gömülü mockup'lar: tasarım, ilan oluşturulurken ürün fotoğraflarına yerleştirilir ve açılacak bir dosya yoktur.
Alomations bunu nasıl yapar: akıllı mockup'lar ve kendi fotoğraflarınız
Alomations üçüncü yolu izler. Akıllı mockup'lar tasarımınızı gerçek kumaş kıvrımları, gölge ve ışıkla ürün fotoğraflarına işler, yani iyi hazırlanmış bir akıllı nesnenin verdiği etkiyi Photoshop açmadan alırsınız. Tasarımın önündeki nesneler, örneğin bir el ya da bir askı, önde kalır. Ön mockup kendi göğüs logosu noktasını taşıyabilir ve yakınlaştırma (çerçeveleme) kontrolü, uzaktan çekilmiş bir ürünün görselde daha fazla yer kaplamasını sağlar. Çalıştırmadan önce her rengi ve her yüzü önizlersiniz, akıllı mockup'lar ücretsizdir ve indirilebilir. Ayrıntılar için Alomations akıllı mockup'ları yazımıza bakabilirsiniz.
Kendi ürün fotoğraflarınız varsa ücretli planlar kendi mockup kütüphanenizi açar: bir fotoğraf yüklersiniz, baskı alanını bir kez belirlersiniz ve her çalıştırmada yeniden kullanırsınız. Mockup Preview'da kendi fotoğrafınızdaki tişörtün rengini canlı olarak da değiştirebilirsiniz. Etsy'nin ilan rehberi her ilana en fazla 20 fotoğraf ve 2 video eklenmesine izin verir ve akıllı mockup'lar bu 20'ye dahildir. Fotoğrafları nasıl çekeceğiniz için kendi ürün fotoğraflarınızı mockup olarak kullanmak yazımıza, ilan sürecinin geri kalanı için özellikler sayfasına bakın.
Sıkça sorulan sorular
Akıllı nesne mockup kullanmak için Photoshop gerekir mi?
Akıllı nesne bir Photoshop özelliğidir, bu yüzden onu düzenlemenin güvenilir yolu Photoshop'tur. Bazı tarayıcı düzenleyicileri PSD dosyalarını açıp akıllı nesneleri çalışır hâlde tutar, ama displacement gibi filtreler her zaman aynı davranmaz. Sonucu dikkatle kontrol edin.
Tasarımım mockup üzerinde neden düz görünüyor?
Genellikle dosyada displacement filtresi yoktur, gölge ve ışık katmanları gizlenmiştir ya da tasarım akıllı nesnenin içine değil üstüne yapıştırılmıştır. Katmanlar panelini açıp her katmanı yukarıdaki tabloyla karşılaştırın.
İnternette bulduğum her mockup PSD'sini kullanabilir miyim?
Hayır. Mockup dosyaları, ticari bir ilanda kullanılıp kullanılamayacaklarını belirleyen lisanslarla gelir. Lisansı ilk satıştan sonra değil, önce okuyun.
Bir Etsy ilanında kaç mockup görseli olabilir?
Etsy'nin ilan rehberine göre her ilana en fazla 20 fotoğraf ve 2 video ekleyebilirsiniz. İlk fotoğrafı ürünün en net göründüğü görsel olarak kullanın.
Akıllı mockup'ları Alomations ücretsiz planıyla deneyebilir ve tasarımınızı Photoshop açmadan gerçek bir ürün fotoğrafında görebilirsiniz.