Mockup Nedir?, Mockup Nasıl Kullanılır?, Mockup Örnekleri - Umutium Umutium - Sanat ve Tasarım Blogu Mockup Nedir?, Mockup Nasıl Kullanılır?, Mockup Örnekleri - Umutium Mockup Nedir?, Mockup Nasıl Kullanılır?, Mockup Örnekleri - Umutium Mockup Nedir?, Mockup Nasıl Kullanılır?, Mockup Örnekleri - Umutium Mockup Nedir?, Mockup Nasıl Kullanılır?, Mockup Örnekleri - Umutium Mockup Nedir?, Mockup Nasıl Kullanılır?, Mockup Örnekleri - Umutium
  • Gizlilik Politikası
  • Hakkımda
  • Yasal Uyarı
  • İletişim
Umutium
  • ANA SAYFA
  • BLOG
    • Bilgisayar
    • Genel
    • Sanat ve Tasarım
  • EĞİTİMLER
    • Adobe Animate
    • Adobe Illustrator
    • Adobe Indesign
    • Adobe Photoshop
    • Adobe Premiere
    • Autodesk 3Ds Max
  • MİNİ ÖYKÜLER
Sonuç yok
Tüm sonuçları gör
Umutium
Sonuç yok
Tüm sonuçları gör
Anasayfa Blog Sanat ve Tasarım

Mockup Nedir?, Mockup Nasıl Kullanılır?, Mockup Örnekleri

Umut Yazar Umut
6 Temmuz 2020
Sanat ve Tasarım, Blog
0
Mockup Nedir?, Mockup Nasıl Kullanılır?, Mockup Örnekleri

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

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.

Bunların da İlgini Çekebileceğini Düşündük

Sürdürülebilir Tasarım Nedir?

Sürdürülebilir Tasarım Nedir?

24 Şubat 2021
7
Ziraat Bankası Prepaid Kart Nedir, Nasıl İptal Edilir?

Ziraat Bankası Prepaid Kart Nedir, Nasıl İptal Edilir?

23 Şubat 2021
14
windows-10-sinirsiz-coklu-uzak-masaustu-baglantisi-kurulumu

Windows 10 Sınırsız (Çoklu) Uzak Masaüstü Bağlantısı Kurulumu

21 Şubat 2021
19
Windows 10 Otomatik Güncelleme (Update) Kapanmıyor

Windows 10 Otomatik Güncelleme (Update) Kapanmıyor

20 Şubat 2021
20

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.

mockup nasıl uygulanır

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.

mockup örneği

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.

Etiketler: grafik tasarımmockupmockup nasıl kullanılırmockup örneklerimockup siteleri
PaylaşTweetGönder
Önceki Yazı

Skype Kamera Bulunamadı Diyor ve Kamerayı Görmüyor

Sonraki Yazı

Google News Kaydı Nasıl Yapılır? Maddeler Halinde Anlatım

Umut

Umut

Merhaba ben Umut. Umutium.com'da yapmış olduğum çalışmalara, bilgi dolu blog yazılarına ve daha nicesine ulaşabilirsiniz...

İlişkili Yazılar

Sürdürülebilir Tasarım Nedir?

Sürdürülebilir Tasarım Nedir?

Yazar Umut
24 Şubat 2021
0
7

Herkese merhaba. Bugünkü makalemizi Sanat ve Tasarım kategorisi altına ekliyoruz. Makale konumuz ise Sürdürülebilir Tasarım Nedir? şeklinde olacak. "Sürdürülebilir Tasarım"...

Ziraat Bankası Prepaid Kart Nedir, Nasıl İptal Edilir?

Ziraat Bankası Prepaid Kart Nedir, Nasıl İptal Edilir?

Yazar Umut
23 Şubat 2021
0
14

Herkese merhaba. Bugünkü makalemizi Genel kategorisi altına ekliyoruz. Makale konumuz ise Ziraat Bankası Prepaid Kart Nedir, Nasıl İptal Edilir? şeklinde...

windows-10-sinirsiz-coklu-uzak-masaustu-baglantisi-kurulumu

Windows 10 Sınırsız (Çoklu) Uzak Masaüstü Bağlantısı Kurulumu

Yazar Ali
21 Şubat 2021
0
19

Herkese merhabalar. Bugünkü makalemizi Bilgisayar kategorimiz altına ekliyoruz. Makale konumuz ise windows 10 sınırsız uzak masaüstü yani Windows 10 aynı...

Windows 10 Otomatik Güncelleme (Update) Kapanmıyor

Windows 10 Otomatik Güncelleme (Update) Kapanmıyor

Yazar Ali
20 Şubat 2021
0
20

Herkese merhabalar. Bugünkü makalemizi Bilgisayar kategorimiz altına ekliyoruz. Makale konumuz ise windows 10 otomatik güncelleme kapanmıyor konusu hakkında olacak. Bir...

Yağmur Fotoğrafı Nasıl Çekilir?

Yağmur Fotoğrafı Nasıl Çekilir?

Yazar Umut
20 Şubat 2021
0
12

Herkese merhaba. Bugünkü makalemizi Sanat ve Tasarım kategorisi altına ekliyoruz. Makale konumuz ise Yağmur Fotoğrafı Nasıl Çekilir? hakkında olacak. Yağmurlu...

failed-to-establish-the-local-connection-with-acronis-management-server-service-hatasi

Failed to Establish the Local Connection With Acronis Management Server Service Hatası

Yazar Ali
19 Şubat 2021
0
8

Herkese merhabalar. Bugünkü makalemizi Bilgisayar kategorimiz altına ekliyoruz. Makale konumuz ise Acronis yedekleme programında failed to establish the local connection...

Bir cevap yazın Cevabı iptal et

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Popüler Yazılar

  • Instagram Önerilen Gönderiler Nasıl Kapatılır?

    Instagram Önerilen Gönderiler Nasıl Kapatılır?

    1 paylaşma
    Paylaş 0 Tweet 0
  • Kısa Film Sinopsis Yazımı ve Sinopsis Örneği

    0 paylaşma
    Paylaş 0 Tweet 0
  • Kullanılabilir Müşteri Limiti Nedir? Kart Limiti İle Arasındaki Fark

    1 paylaşma
    Paylaş 0 Tweet 0
  • Xiaomi Redmi Note 8 Ghost Screen Sorunu Çözümü

    1 paylaşma
    Paylaş 0 Tweet 0
  • No Bootable Device Hatası Çözümü

    0 paylaşma
    Paylaş 0 Tweet 0
  • Sanat Akımları – Kübizm

    1 paylaşma
    Paylaş 0 Tweet 0
  • İmzalı Giriş İsteğiniz Sunucuya İletiliyor Kısmında Bekliyor Hatası

    2 paylaşma
    Paylaş 0 Tweet 0
  • Windows 10 Bir Yönetici Bu Programı Çalıştırmanızı Engelledi Hatası

    1 paylaşma
    Paylaş 0 Tweet 0
  • e-Beyanname Windows 10 64 Bit Sorunu

    1 paylaşma
    Paylaş 0 Tweet 0
  • Resimdeki Yazıları Metne Dönüştürme

    1 paylaşma
    Paylaş 0 Tweet 0

Eğitimler

Adobe Premiere’de Video Sonuna Kayan Yazı Eklemek

Adobe Premiere’de Video Sonuna Kayan Yazı Eklemek

22 Şubat 2021
8
Adobe Illustrator’da Obje ve Fotoğraf Yönü Değiştirme (Ayna Efekti)

Adobe Illustrator’da Obje ve Fotoğraf Yönü Değiştirme (Ayna Efekti)

12 Şubat 2021
12
Adobe Illustrator .tiff Formatında Dosya Kaydetme

Adobe Illustrator .tiff Formatında Dosya Kaydetme

13 Ocak 2021
19
Adobe Illustrator’da Pasta Dilim Grafik Oluşturma

Adobe Illustrator’da Pasta Dilim Grafik Oluşturma

11 Ocak 2021
20
Adobe Indesign’da Sayfalar Yan Yana Sıralamak

Adobe Indesign’da Sayfalar Yan Yana Sıralamak

5 Ocak 2021
61
Önce Sonra
Facebook Twitter Instagram Youtube Tumblr
Sonuç yok
Tüm sonuçları gör

Son Yazılar

Sürdürülebilir Tasarım Nedir?

Sürdürülebilir Tasarım Nedir?

24 Şubat 2021
Ziraat Bankası Prepaid Kart Nedir, Nasıl İptal Edilir?

Ziraat Bankası Prepaid Kart Nedir, Nasıl İptal Edilir?

23 Şubat 2021
Adobe Premiere’de Video Sonuna Kayan Yazı Eklemek

Adobe Premiere’de Video Sonuna Kayan Yazı Eklemek

22 Şubat 2021
windows-10-sinirsiz-coklu-uzak-masaustu-baglantisi-kurulumu

Windows 10 Sınırsız (Çoklu) Uzak Masaüstü Bağlantısı Kurulumu

21 Şubat 2021
Windows 10 Otomatik Güncelleme (Update) Kapanmıyor

Windows 10 Otomatik Güncelleme (Update) Kapanmıyor

20 Şubat 2021

Son Yorumlar

  • Themeforest Para İadesi için Umut
  • Yandex Zen Kayıt Nasıl Yapılır? Yandex Zen’e Site Ekleme için Umut
  • Themeforest Para İadesi için Mustafa YAVUZ
  • Yandex Zen Kayıt Nasıl Yapılır? Yandex Zen’e Site Ekleme için süleyman
  • Yandex Zen Kayıt Nasıl Yapılır? Yandex Zen’e Site Ekleme için Umut
  • Yandex Zen Kayıt Nasıl Yapılır? Yandex Zen’e Site Ekleme için süleyman
  • Yandex Zen Kayıt Nasıl Yapılır? Yandex Zen’e Site Ekleme için Umut
  • Yandex Zen Kayıt Nasıl Yapılır? Yandex Zen’e Site Ekleme için süleyman
  • Yandex Zen Kayıt Nasıl Yapılır? Yandex Zen’e Site Ekleme için Umut
  • Yandex Zen Kayıt Nasıl Yapılır? Yandex Zen’e Site Ekleme için harun

Etiketler

3ds max adobe adobe animate adobe illustrator adobe indesign adobe photoshop adobe premiere adobe premiere dersleri ambalaj tasarımı animate dersleri animate eğitimi ağ tabaka izlenimi büyülü fener font google adsense google news grafik tasarım grafik tasarımda minimalizm hareketli görüntü tarihi illustartor dersleri illustrator indesign dersleri instagram internet internetin zararları internetin önemi logo tasarımı nam june paik optik oyuncaklar outlook photoshop eğitimi polarize filtre nedir sanat akımları sanat tarihi sinema akımları sinema tarihi sinopsis sinopsis yazımı tipografi tretman nasıl yazılır tretman örneği turkcell video art video kurgu wordpress

© 2021 Umutium - Tüm Hakları Saklıdır.

Sonuç yok
Tüm sonuçları gör
  • Ana Sayfa
  • Blog
    • Bilgisayar
    • Genel
    • Sanat ve Tasarım
  • Eğitimler
    • Adobe Animate
    • Adobe Illustrator
    • Adobe Indesign
    • Adobe Photoshop
    • Adobe Premiere
    • Autodesk 3Ds Max
  • Mini Öyküler
  • Hakkımda
  • Gizlilik Politikası
  • Yasal Uyarı
  • İletişim

© 2021 Umutium - Tüm Hakları Saklıdır.

Bu internet sitesi çerezleri kullanır. Bu internet sitesini kullanmaya devam ederek çerezlere izin vermiş oluyorsunuz. Gizlilik Politikası sayfamızı ziyaret edebilirsiniz.