Photoshop'ta Mock-Up ve Yerleştirme (2026 Rehberi) — yazı içeriği

Photoshop'ta mock-up ve yerleştirme işlemi, görselleri gerçek dünyada nasıl görüneceklerini simüle etmek için hâlâ en yaygın grafik tasarım tekniklerinden biridir. Bir logonun kartvizit üzerinde, bir afişin sokak panosunda ya da bir arayüz tasarımının telefon ekranında nasıl duracağını göstermek için kullanılır. Aşağıda, Photoshop'ta mock-up kullanarak yerleştirme işlemini adım adım anlatıyoruz.
1. Mock-Up Dosyasını Açın
Mock-up genellikle bir düzen veya şablon şeklinde gelir. Bu şablonun içinde bir dizi katman ve yer tutucu (placeholder) bulunur. Bu dosyayı Photoshop'ta açın.
2. Yerleştirme Alanını Seçin
Mock-up dosyasını açtığınızda, genellikle ürünün görünmesi gereken bir alanı belirten bir katman ya da grup görürsünüz. Bu alan bir telefon ekranı, afiş, tişört, kartvizit ya da ambalaj olabilir.
3. Yeni Görselinizi Hazırlayın
Yerleştirmek istediğiniz görseli Photoshop'a aktarın. Görselin doğru çözünürlükte ve boyutta olması önemlidir. Görselinizi mock-up dosyasına yerleştirirken tasarımın çözünürlüğünü ve boyutunu bozmamaya dikkat edin; düşük çözünürlüklü bir görsel büyütüldüğünde piksel bozulması hemen fark edilir.
4. Smart Object (Akıllı Nesne) Kullanımı
Mock-up dosyasındaki genellikle "smart object" (akıllı nesne) katmanlarına çift tıklayın. Bu katmanlar, yerleştirilen tasarımınızın otomatik olarak doğru konumda, doğru perspektifte yerleşmesini sağlar. Akıllı nesneye tıkladığınızda Photoshop yeni bir pencere açar; burada tasarımınızı yerleştirebilirsiniz.
5. Tasarımınızı Akıllı Nesneye Yerleştirin
- Akıllı nesne açıldığında, yerleştirmek istediğiniz görseli (logo, afiş, ekran tasarımı vb.) yeni pencerede açın.
- Görselinizi bu pencerede uygun şekilde konumlandırın; boyutlandırma ve döndürme işlemlerini burada yapabilirsiniz.
- Düzenlemeleri tamamladıktan sonra pencereyi kaydedin ve kapatın (CTRL+S veya CMD+S).
6. Mock-Up'a Dönün ve Düzenlemeyi Görüntüleyin
Akıllı nesneyi kaydettikten sonra mock-up dosyanıza otomatik olarak geri döneceksiniz. Tasarımınız uygun alan içinde yer alacak ve mock-up üzerinde gerçekçi bir şekilde görünecektir.
7. Gerekli Düzenlemeleri Yapın
Tasarımınız mock-up üzerinde düzgün görünmüyorsa boyutlandırma, konumlandırma veya filtre gibi küçük düzenlemeler yaparak görünümü iyileştirebilirsiniz.
8. Gölge ve Işık Efektleri Ekleyin
Gerçekçi bir görünüm elde etmek için mock-up dosyanızdaki gölge ve ışık katmanlarını kullanabilirsiniz. Multiply karışım modundaki gölge katmanını tasarımınızın üstüne, Screen veya Overlay modundaki ışık katmanını da altına ya da üstüne ekleyerek malzemenin kıvrımına uyan doğal bir görünüm elde edersiniz.
9. Son Düzenlemeleri Yapın ve Kaydedin
Son olarak dosyanızı istediğiniz formatta kaydedin. Web kullanımı için JPEG veya WebP, saydamlık gerekiyorsa PNG, baskı ve müşteri onayı için ise katmanlı PSD ya da PDF tercih edilir.
Bu adımlar, Photoshop'ta mock-up ve yerleştirme işlemi için temel bir kılavuzdur. Mock-up'ları kullanarak tasarımlarınızı müşterilerinize veya kendi portföyünüzde profesyonel bir şekilde sergileyebilirsiniz.
[gallery ids="1288,1289,1290"]2026'da mock-up hazırlığında değişen ne oldu?
Temel Smart Object mantığı 2014'ten bu yana değişmedi, ama iş akışı hızlandı. Photoshop'un Generative Fill ve nesne kaldırma araçları, mock-up sahnesindeki gölge, kırışıklık veya arka plan dolgusu gibi zaman alan işleri saniyeler içinde tamamlıyor; artık her mock-up sahnesini sıfırdan fotoğraflamak veya ışık haritası çizmek zorunlu değil. Ekip çalışmasında Photoshop dosyaları hâlâ standart, ancak Figma ve Canva'nın mockup eklentileri, hızlı sunum ve müşteri onayı gerektiren küçük işler için (özellikle sosyal medya görselleri ve tek ürünlük ambalaj testleri) yaygın bir tamamlayıcı haline geldi. Smartmockups ve Placeit gibi tarayıcı tabanlı servisler ise hazır sahne kütüphaneleriyle, tasarımcının kendi Smart Object şablonu olmadığı durumlarda pratik bir başlangıç noktası sunuyor.
Hangi durumda hangi yöntem?
- Ajans/portföy sunumu: Photoshop + özel Smart Object şablonu; ışık-gölge tam kontrol gerektirir.
- Hızlı müşteri onayı, sosyal medya paylaşımı: Smartmockups, Placeit veya Canva mockup şablonları.
- Karmaşık sahne düzenleme (arka plan temizleme, gölge tamamlama): Photoshop Generative Fill ile klasik retuş süresini kısaltmak.
- Ekip içi ortak dosya, katman geçmişi gerektiren projeler: Yine katmanlı PSD/Smart Object standardı.
Sık yapılan hatalar
- Düşük çözünürlüklü kaynak görseli büyük bir ürün yüzeyine (örneğin tabela veya afiş) yerleştirmek — baskı kalitesinde bulanıklık ortaya çıkar.
- Smart Object içindeki tasarımı güncelledikten sonra ana dosyayı kaydetmeden kapatmak — mock-up eski tasarımla kalır.
- Gölge ve doku katmanlarını tamamen kaldırıp düz bir yapıştırma yapmak — sonuç yapay ve düz görünür.
- Farklı ürün sahnelerinde renk profilini (sRGB / CMYK) karıştırmak — ekranda iyi görünen renk baskıda solabilir.
Mock-up, tasarımın kendisi kadar sunumun da bir parçasıdır: müşteriye ham bir logo dosyası göstermek yerine, o logonun kartvizitte, tabelada veya sosyal medya profilinde nasıl duracağını göstermek satış sürecini kısaltır. Bu nedenle kurumsal kimlik ve logo tasarım projelerinde mock-up sunumu artık standart bir teslim kalemi haline geldi. Aynı mantık, tutarlı bir görsel dil kurmayı hedefleyen marka tasarım çalışmalarında da geçerlidir; farklı yüzeylerde (ambalaj, tabela, dijital profil) aynı kimliğin nasıl davrandığını erken aşamada görmek, revizyon sayısını azaltır. Sosyal medya için üretilen görsellerde ise mockup şablonları, ham tasarımı gerçek bir telefon veya laptop ekranında gösterip etkileşimi artırdığı için sosyal medya içerik tasarımı sürecinin doğal bir parçasıdır.
Sıkça Sorulan Sorular
Photoshop'ta mock-up oluştururken Smart Object kullanmak neden önemlidir?
Smart Object, orijinal tasarımı bozmadan mock-up şablonuna yerleştirmenizi sağlar ve perspektif ile deformasyon efektlerini otomatik olarak uygular. Bu sayede tasarımınızda değişiklik yaptığınızda mock-up anında güncellenir, her seferinde sıfırdan başlamanıza gerek kalmaz.
Hazır mock-up şablonlarını mı kullanmak, yoksa sıfırdan oluşturmak mı daha verimlidir?
Hazır şablonlar özellikle zaman kısıtlı projelerde büyük avantaj sağlar; ancak markanıza özgü veya alışılmadık bir ürün söz konusuysa sıfırdan oluşturmak daha doğru sonuç verir. Profesyonel çalışmalarda ikisi de yaygın olarak bir arada kullanılır; ajanslar genellikle kurumsal projelerde özel şablon, hızlı sosyal medya paylaşımlarında ise hazır kütüphane tercih eder.
Mock-up görselinde ışık ve gölge uyumunu nasıl sağlayabilirim?
Yerleştirilen tasarım katmanının üzerine Multiply veya Overlay karışım modunda orijinal fotoğrafın ışık/gölge katmanını eklemek gerçekçi bir entegrasyon sağlar. Ayrıca Dodge ve Burn araçlarıyla ya da Curves ayar katmanlarıyla lokal ışık uyumunu ince ayar yapabilir, 2026'da Photoshop'un Generative Fill özelliğiyle eksik gölge veya yansıma alanlarını hızlıca tamamlayabilirsiniz.