Photoshop'ta Ekran Modeli Nasıl Oluşturulur

Birçok tasarımcı ve sanatçı, çalışmalarını sergilemek için maketler kullanır. Bu ekran maketi eğitiminde, Photoshop'ta akıllı nesneler ve maskeler kullanarak sıfırdan maketler oluşturmayı öğreneceksiniz. Düşündüğünden daha kolay. Hemen atlayalım.

Maketler Nedir ve Nasıl Çalışırlar?

Mockup'lar, görüntünün bir kısmını kendi tasarımınızla değiştirmeniz için biçimlendirilmiş görüntülerdir. Bunlar genellikle ekran tasarımları, ambalaj tasarımları veya giysiler için kullanılır.

Çevrimiçi olarak kullanabileceğiniz birçok ücretsiz PSD maketi bulacaksınız. Bu maketler bir fotoğraf veya hatta bilgisayar tarafından oluşturulmuş bir sahne ile sağlanır ve akıllı bir nesne katmanı ile tamamlanır, bu sayede tasarımınız makete uygulanabilir.

Akıllı nesne, tasarımınızın perspektifini değiştirir, böylece telefon ekranı veya tişört gibi fotoğraftaki herhangi bir yüzeye düz bir tasarım çarpılabilir. Tasarımın üzerine yerleştirilen akıllı nesne katmanı ile hazır maketleri indirebilirsiniz, tek yapmanız gereken tasarımınızı eklemek ve akıllı nesne gerisini sizin için halleder.

İlişkili: Adobe Camera RAW'ı Photoshop'ta Akıllı Nesne Olarak Kullanma

Kendi fotoğrafınızı oluşturmak ve fotoğrafınızla çalışan ve tasarımlarınızı geliştiren akıllı bir nesne katmanı eklemek çok basittir. Öğretici ile başlayalım.

1. Fotoğrafınızı Hazırlayın

Bir ekranın yüksek kaliteli fotoğrafıyla başlamanız gerekir. Stok fotoğraf web sitelerine bakarsanız, ekran görüntülerinin konuyla ilgili çok az dikkat dağıtıcı olduğunu fark edeceksiniz.

Son tasarımınızın ekranda görünecek görünümünü düşünün ve fotoğrafın geri kalanının benzer bir temayı takip etmesini sağlayın. Tasarımınız kadınsı ve hafifse, fotoğrafı küçük bir çiçek vazosu veya çiçekli kumaşla şekillendirin. Tasarımınız bir kahve reklamı ise, fotoğrafta ekranın yanına bir kahve fincanı ekleyin.

Genel olarak, fotoğrafınızdaki ana konunun çevresinde temiz bir arka plan olduğundan emin olun (bir tür ekran olacaktır).

İhtiyacınız olan şey için kendi fotoğrafınızı veya Unsplash veya Pixabay gibi arama sitelerini kullanabilirsiniz. Düzenleme gerektiriyorsa, şimdi bunu yapmanın zamanı geldi.

2. Akıllı Nesne Oluşturun

Maketinizi oluşturmak için ekran fotoğrafınızı Photoshop'ta açarak başlayın. Ardından, akıllı bir nesne oluşturmamız gerekiyor. Bunu yapmak için, Dikdörtgen Aracı (sen) ve görüntünün ekranına kaba bir dikdörtgen çizin. Dikdörtgeniniz için bir dolgu rengi seçin ve konturu kaldırın.

Katmanlar Panelinde, dikdörtgeninizin bulunduğu katmana sağ tıklayın ve Akıllı Nesneye Dönüştür. Buradan akıllı nesneyi dönüştürebiliriz. açmak için Dönüştürme Aracı basmak [cmd + T] Mac'te ve [Ctrl + T] Windows'ta.

Dönüştürme Aracı açıkken, cmd (Mac) veya Ctrl (Windows) düğmesini aşağı çevirin ve imlecinizi beyaz bir oka dönüşene kadar dikdörtgenin bir köşesinde gezdirin. Bu oku kullanarak dikdörtgenin her köşesini tıklayıp fotoğraftaki ekranın köşelerine sürükleyin.

Dikdörtgen hizalandığında, efekti uygulamak için herhangi bir yere çift tıklayın. Bu, tasarımınızın gideceği yer olan akıllı bir nesne yarattı.

3. Gerekirse Maske Ekleyin

Görüntünüzde dizüstü bilgisayar ekranının görüntümüzdeki bilgisayar ekranını engellemesi gibi ek engeller varsa, akıllı nesnenizle çalışmak için bir katman maskesi kullanabilirsiniz.

Önceki bölümdeki adımları kullanarak engelleri kapatan akıllı nesneyi oluşturun. Ardından, Katmanlar Panelinde Katman Maskesi Oluştur. Bir seçim aracı kullanma (L), maketinizin olacağı ekran hariç, fotoğraftaki her şeyi seçin.

Diğer her şey seçildikten sonra, Silmek klavyedeki tuş. Katmanlar Panelinizdeki Katman Maskesi küçük resmi, ekranın olduğu yerde beyaz bir şekil gösterecek ve diğer her şey siyah olacak ve maskelenecektir.

4. Tasarımlarınızı Ekleyin

Akıllı bir nesne oluşturduktan sonra, tasarımınızı maketinize eklemenin zamanı geldi.

İstediğiniz tasarımı Photoshop'ta açın ve [ tuşuna basarak tümünü seçin.cmd + A] Mac'te veya [Ctrl + A] Windows'ta. Seçimi kopyalayın ve mockup tasarımınızla pencereye geri dönün. Akıllı nesnenizi tutan katmanı bulun ve Katmanlar Panelinde akıllı nesne kutusuna çift tıklayın. Bu, akıllı nesneyi yeni bir pencerede açar.

Artık önceden kopyaladığınız tasarımınızı yapıştırabilirsiniz. Boyutu, tüm dikdörtgeni kaplayacak şekilde dönüştürün. Boyut ayarlandıktan sonra, [ tuşuna basarak görüntüyü kaydedin.cmd + S] Mac'te veya [Ctrl + S] Windows'ta. Kaydedildikten sonra pencereden çıkın.

Ana pencereye geri dönün; yeni ekranınızla birlikte mockup tasarımınızın tamamlandığını görmelisiniz.

5. Gerçekçi Yap

Modelinizi olduğu gibi bırakabilirsiniz, ancak tasarımınızı bir sonraki seviyeye taşımak için bilgisayar ekranına akıllı nesnenizin üzerine gerçekçi parlama veya yansımalar ekleyebilirsiniz.

Doğal parlamayı görüntülemek için, görünürlük Akıllı nesne katmanındaki düğme. Orijinal fotoğrafta ışığın ekrana nasıl düştüğüne bakın. Görünürlüğü açtığınızda, o doğal ekran parlaması kaybolur ve biraz düz görünür.

İstediğiniz katmanda Katman Maskesi küçük resmini seçin, sağ tıklayın ve Seçime Maske Ekle. Ardından, yeni bir katman ekleyin ve gradyan alet. Beyazı ışığın ekranınıza çarptığı yere koyarak siyah beyaz bir doğrusal gradyan kullanacağız.

Gradyanınız yerindeyken, katmanın karıştırma modunu şu şekilde değiştirin: Çarpmak. Bu, modelinizin daha gerçekçi görünmesini sağlayan ekran parlamasının polarize edici etkisini verir.

Artık, gelecekte birden fazla tasarım için kullanmak üzere PSD olarak kaydedebileceğiniz tamamlanmış bir maketiniz var. Tek yapmanız gereken akıllı nesne katmanındaki görüntüyü değiştirmek.

İlişkili: Photoshop'ta Yüksek Kaliteli Görüntüler Nasıl Kaydedilir

Photoshop'ta Kendi Ekran Modellerinizi Oluşturun

Kendi maket fotoğraflarınızı ve tasarımlarınızı kullanmak, işinize daha fazla bütünlük kazandırır ve sizi diğer sanatçılardan ayırır. Tasarımlarınıza kişisel bir dokunuş katar ve nihai sonuç üzerinde size daha fazla kontrol sağlar. Sıfırdan kendi ekran modelinizi oluşturmak için bu basit kılavuza bakın.

Behance vs. Dribbble: Sanatçılar için Hangi Platform Daha İyi?

Bir grafik tasarımcı veya sanatçıysanız, çalışmanızı sergilemek için bir platforma ihtiyacınız vardır. Burada Behance ve Dribbble'ı karşılaştırıyoruz.

Sonrakini Oku

Yazar hakkında