Photoshop'ta Video Ekranı Modeli Nasıl Oluşturulur

Maketler, işinizi hızlı ve ideal bir ortamda göstermenin harika bir yoludur. Çoğu insan görüntü maketlerini kullanırken, bir video maketi dikkat çekecek ve insanları işinizle meşgul tutacaktır. Bir ekrana video eklemek, işinizi göstermenin harika bir yoludur ve yapması da çok zor değildir.

Video Ekranı Modeli Nedir?

Mockup, bir tasarımın prototipini oluşturmanın veya bir tasarımı gerçek zamanlı ürününe üretmeden uygulamanın dijital bir yoludur. Bunun nedenleri çoktur, ancak bir maket oluşturmanın ana nedenlerinden biri, tasarımlarınızı, illüstrasyonlarınızı veya göstermek istediğiniz herhangi bir şeyi daha gerçekçi hale getirmektir. Kitlenizin parçanın sonunda nasıl görüneceğini görselleştirmesine yardımcı olur.

Gerçek bir ürün üretmek için harcayacağınız ekstra zaman, para ve çaba yerine sanatınızı, tasarımınızı, web sitenizi vb. içeren bir dijital model oluşturabilirsiniz.

Şimdi, animasyonlu bir ekran maketi çok benzer bir kavramdır, ancak bir telefon veya bilgisayar gibi bir ekranda bir maket ile. Mockup, bir görüntü yerine hareketli bir tasarım veya video gösterecek.

Bu hareketli tasarımlar, bir videodan bir UX/UI tasarım prototipine veya bir ekran kaydına kadar her şey olabilir.

Neden Animasyonlu Ekran Modeli Kullanmalısınız?

Animasyonlu bir ekran maketi oluşturmanın en iyi nedenlerinden biri, bir web sitesini göstermektir. Portföyünüzde tasarladığınız bir web sitesini sergilemenin harika bir yolu.

Bir maket kullanmak, portföyünüzde web sitenizin basit ekran görüntülerinden biraz daha fazla yaratıcılık sağlar. Modellerinizin nasıl görünebileceğini çeşitlendirmenin harika bir yolu.

Oluşturduğunuz bir videoyu görüntülemek istiyorsanız, bu, videoyu yalnızca YouTube'dan vb. gömmek yerine göstermenin yaratıcı bir yolu olabilir. Genel olarak, animasyonlu bir ekran maketi, çalışmanızı sergilemenin eğlenceli bir yoludur.

Photoshop'ta Animasyonlu Ekran Modeli Nasıl Oluşturulur

Çoğu kişi Photoshop'u bir görüntü düzenleme aracı olarak bilse de, onu animasyonlar ve videolar oluşturmak için de kullanabilirsiniz. İşte Photoshop kullanarak bir video maketi oluşturma adımları.

Ne Tür Video Kullanmalısınız?

Animasyonlu ekran maketiniz için birçok seçenek var. Daha küçük bir video dosyası en iyi sonucu verir. Bu tekniği gerçek video çekimlerini görüntülemek için kullanabilseniz de, boyut Photoshop'ta oluşturmayı zorlaştıracaktır.

Bu nedenle, bir web sayfasını kaydıran bir mockup oluşturacağız. Başka hiçbir tasarım yönü olmayan daha kısa bir video kullanmak, daha hızlı oluşturacak ve yüksek kaliteli bir sonuç verecektir.

Ekranınızın videosunu oluşturmak için bir ekran kaydedici kullanın. Bu, maketinizin ne üzerinde olmasını istediğinize bağlı olarak bir mobil veya masaüstünde yapılabilir. Mac'te Quicktime Player'ı kullanacağız ve Yeni Ekran Kaydı seçenek var ama çok var diğer Mac seçenekleri. Bir iPhone'unuz varsa, görebilirsiniz iPhone'da kayıt nasıl görüntülenir. Bu kayıtta herhangi bir sese ihtiyacınız yok.

Videomuz için, grafik tasarımla ilgili bir dizi makaleyi gösteren Makeuseof.com web sitesini kaydettik. Sizin için anlamlı olanı ekran kaydı yapabilirsiniz. Sabit bir kaydırma yapın ve ne çok hızlı ne de çok yavaş olduğundan emin olun.

Kısa kaydınız tamamlandığında, MP4 olarak kaydedin ve erişimi kolay bir klasöre koyun.

Ne Tür Fotoğraf Kullanmalısınız?

Bu makette en iyi sonucu almak için engelsiz bir ekran gösteren bir fotoğraf kullanmalısınız. Bu bir mobil ekran, bilgisayar veya hatta bir TV ekranı olabilir. Resminiz bir miktar perspektif gösterebilse de, ekranın çoğunlukla size doğrudan bakması en iyisidir.

Bu mümkün engellenmiş bir ekran kullan veya daha karmaşık bir maket için ağır bir perspektife sahip bir görüntü, ancak bugün bunu basit tutacağız.

Kendi fotoğrafınızı çekebilir veya aşağıdaki gibi telifsiz bir siteden bir fotoğraf indirebilirsiniz: Sıçramayı kaldır. Bu eğitim için önceden hazırlanmış bir PSD maketi kullanmayacağız, bu yüzden bir tane bulmaya çalışmakla uğraşmanıza gerek kalmayacak.

Video Maketi Nasıl Yapılır

Resminizi Photoshop'ta açın.

Resmi telifsiz bir siteden indirdiyseniz veya yüksek kaliteli bir kamerayla çektiyseniz, boyut oldukça büyük olabilir. Görüntü boyutunu küçültebilirsiniz.

Tıklamak resim > Görüntü boyutu. Son boyutlar size kalmış, ancak 1200 civarında bir genişlik öneriyoruz. Boyutu değiştirirken görüntü kısıtlamalarını orantılı tutun. Tıklamak Tamam.

Şimdi videonun oturacağı alanı oluşturmak için. Orijinal videonuzun boyutlarını bulun; Ekranı bir telefondan kaydettiyseniz, telefonun ekran boyutlarını bulun ve bir web sitesini kaydettiyseniz, tam boyutları bilmiyorsanız standart bir 1680 x 1050 kullanabilirsiniz.

Dikdörtgen aracını (U) kullanarak tuvalinize tıklayın. Bu, boyutları belirtebileceğiniz bir açılır pencere getirecektir. Ekran kaydınızın genişliğini ve yüksekliğini girin ve tıklayın Tamam. Konturu kaldırın ve siyah veya koyu gri bir dolgu rengi seçin.

Dikdörtgenin katmanında sağ tıklayın ve Akıllı Nesneye Dönüştür. Artık dikdörtgeni ekrana tam oturacak şekilde dönüştürebilirsiniz. Bu, akıllı nesneye yerleştirilen herhangi bir görüntünün aynı şekil dönüşümünü izleyeceği anlamına gelir.

Dikdörtgeninizi dönüştürmek için Dönüştür aracını kullanın. Bunu şuraya giderek bulabilirsiniz: Düzenlemek > Serbest dönüşüm veya vurarak cmd + T (Mac) veya ctrl + T (Pencereler).

Dönüştür aracı yalnızca dikdörtgenin boyutunu değiştirir. Boyutu, mümkün olduğunca ekrana benzer şekilde değiştirin. Ardından Distort özelliğini kullanın.

Yine, git Düzenlemek menü, daha sonra dönüştürmek > Çarpıtmak. Bu, ekranınızla mükemmel bir şekilde buluşmak için köşeleri sürükleyip uzatmanıza olanak tanır. Resminize ek bir bakış açısı varsa, bu harika çalışır. Tüm köşelerinizi ve kenarlarınızı sıraladıktan sonra dikdörtgeni çift tıklayın. Kenarlar doğru şekilde hizalanmadıysa, Dönüştür aracını ve Deforme Et seçeneğini tekrar hizalanana kadar kullanın.

Videonuzu doğru boyutta ve şekildeki akıllı nesnenize yerleştirebilirsiniz. Tıklamak pencere > Zaman çizelgesi animasyon zaman çizelgesini açmak için Çerçeve animasyonu yerine video zaman çizelgesinde olduğundan emin olun.

Akıllı nesnenizin küçük resminde bir kağıt ve kare içeren simgeye tıklayarak katmanlar panelindeki akıllı nesneye çift tıklayın. Bu, yeni bir pencerede açılır.

Videonuzu akıllı nesne penceresine sürükleyin. Videonuz dikdörtgeninizle aynı boyutta olmalıdır. Boyutlar kapalıysa, bunu kolayca düzeltebilirsiniz: köşeleri tüm pencereye sığana kadar sürükleyin.

Herhangi bir kenarı kırpmanız gerekiyorsa, bunu yapabilirsiniz. Görebildiğiniz her şey, son modelde gösterilecek olan şeydir. Memnun kaldığınızda, boyutu ve yerleşimi onaylamak için çift tıklayın.

Artık video zaman çizelgesinde iki zaman çizelgesi katmanı göreceksiniz: biri dikdörtgen için diğeri yeni video için. Videonun uzunluğuyla eşleşmesi için dikdörtgenin zaman çizelgesinin uzunluğunu sürükleyin. Bu, videonun süresi boyunca görülmesini sağlar.

Videonuzu kontrol etmek için oynat düğmesini tıklayın. Yüklemesi biraz zaman alabilir ve bu nedenle gerçek zamanlamadan daha yavaş oynatılabilir.

Video ekranınızın daha gerçekçi görünmesini sağlamak için video katmanının karışım modunu değiştirin. Opaklığı video katmanında da azaltabilirsiniz). Mutlu olana kadar farklı karıştırma ayarlarıyla oynayın. Bu adım olmadan bırakmak istiyorsanız, bu da sorun değil. Ekranın daha net bir görünümünü verecektir.

Şimdi, videoyu maketinize kaydetmek için akıllı nesne penceresini kaydetmeniz yeterlidir. Bunu şuraya giderek yapabilirsiniz: Dosya > Kayıt etmek veya vurmak cmd + S (Mac) veya ctrl + S (Pencereler). Kaydedildikten sonra akıllı nesne penceresinden çıkın.

Maket penceresine döneceksiniz. Videonuzu ekranın yerinde göreceksiniz.

Modelinizi kaydetmek için şuraya gidin: Dosya > İhracat > Videoyu Oluştur… Burada, son maketin boyutunu değiştirebilirsiniz. Boyutu değiştirmek, yüklemeye ve genel dosya boyutuna da yardımcı olacaktır. Ayarlarınızdan memnun kaldığınızda, render.

Bu, tamamlanmış video modeliniz ile son bir MP4 video dosyasıyla sonuçlanacaktır.

Bir Video Ekranı Maketi ile Maketlerinizi Daha İleriye Taşıyın

Ekran modellerinizde video kullanarak, daha fazla çalışma paylaşabilecek ve daha fazla insanla etkileşime geçebileceksiniz. Photoshop'ta oluşturulan bu dinamik maket stilinin yapılması kolaydır ve mükemmel sonuçlara sahiptir.

Bu tekniği yalnızca bir görüntü kullanarak statik bir maket için kullanabilirken, video kullanarak yeni bir beceri öğreniyor ve insanları işinizle daha uzun süre meşgul olmaya teşvik ediyorsunuz. Bir video maketi görmek nadirdir ve sürpriz, arayan herkesin dikkatini çekecektir.

Photoshop'ta Kutu Ambalaj Mockup'ı Nasıl Yapılır?

Sonrakini Oku

Yazar hakkında