Herkese merhaba. Bugünkü makalemizi Sanat ve Tasarım kategorisi altına ekliyoruz. Makale konumuz ise Mockup nedir? Mockup Nasıl Kullanılır? ve Mockup Örnekleri şeklinde olacak.
Mockup Nedir?
Oluşturulan tasarımları en iyi şekilde sunabilmek adına son dönemde sıkça karşılaşılan Mockup’lar ortaya çıkmıştır. Kartvizit, Broşür, katalog, kurumsal kimlik çalışmaları, araç giydirme, tabela, internet sitesi, rün tasarımları ve benzeri birçok tasarım için Mockup’lar tercih edilmektedir.
Tasarımcıların üretmiş olduğu çeşitli tasarımları daha modern ve göze hoş gelen bir biçimde sunma ihtiyacından dolayı mock-up veya mockuplar ortaya çıkmıştır. İlk olarak kartvizit, broşür gibi kurumsal kimlik çalışmalarında kullanılan mockup zamanla tüm dijital çalışmalarda kullanılır hale gelmiştir.
Photoshop programı aracılığıyla siz de mockup çalışmalarınızı oldukça kolay bir şekilde yapabilirsiniz. Freepik başta olmak üzere çeşitli vektör sitelerinden çalışmalarınız için mockuplar bulabileceğiniz gibi ücretsiz bir şekilde mockup edinebileceğiniz diğer başlıca siteler ise şu şekildedir:
- Pixeden.com
- Graphicburger.com
- Behance.net
- Medialoot.com
- Freebiesbug.com
Mockup Nasıl Kullanılır?
Mockuplar genel olarak grafik tasarımcılar tarafından en çok kullanılan programlardan birisi olan Adobe Photoshop programı için hazırlanırlar. Ve Photosp uzantısı olan .psd uzantılı bir şekildedirler. PSD uzantılı bir Mockup’ı açtığınız zaman tasarımınızı yerleştirmek için izlemeniz gereken yol farklı olabilse de genellikle Smart Object seçeneği kullanılmaktadır.
PSD uzantılı mocuplarda düzenleme için şu yollar izlenmektedir:
- İlk olarak mockup dosyasını açın.
- Mockup dosyasının layerları arasında değiştirmek istediğiniz layerı bulun.
- Düzenleyeceğiniz layerı bulduktan sonra katmana çift tıklayın. Tıkladığınız layer ayrı bir sekme olarak açıldıktan sonra tasarımınıza ait görseli mockupa yerleştirip uygun bir şekilde boyutlandırın.
- Ctrl+s kısa yolu ile işleminizi kaydedin.
- Daha sonra sekmeyi kapattığınızda tasarımınıza ait görselin mockupa başarılı bir şekilde işlendiğini görebilirsiniz.
Mockupı düzenleme işiniz sona erdiğinde Photoshop’da yer alan kayıt yöntemleri ile projenizi dışarıya aktarabilirsiniz.
Mockup Örnekleri
Mockup ile ilgili aşağıda çeşitli örneklere göz atabilirsiniz. Basit bir şekilde özetlemek gerekirse bir kupa bardağı üreticisi olduğunuzu varsayalım. Her bir bardak için tekrardan tasarım yapmak, modelleme hazırlamak büyük ihtimalle büyük bir zaman kaybına neden olacaktır. Ancak önceden hazırlamış olduğunuz bir modeli mocup haline getirirseniz yalnızca belirlediğiniz bölümlerin içeriğini değiştirebilirsiniz.
Böylece her defasında yeniden kupa bardağı modelleme işinden kurtulmuş olur ve birkaç dakikada kupalarınızın içeriğini değiştirerek sunuma hazır bir hale getirebilirsiniz.
Daha iyi bir şekilde anlamanız için aşağıda çeşitli mockup örneklerine göz atabilirsiniz.
Duvarda asılı durumda olan afiş bir mockup örneğidir. Orijinal dosyada boş olarak gelen o konuma kendi tasarımınız olan afişinizi yeniden boyutlandırarak yerleştirebiliyorsunuz.
Bu görselde ise bilgisayar ve telefon ekranları boş olarak gelmektedir. Siz de kendi tasarımlarınızı bu ekranlara yerleştirerek daha profesyonel bir sunum ortaya koyabilirsiniz.