Photoshop'ta stil çerçeveleri oluşturun

Sep 10, 2025
Nasıl Yapılır

Bir stil çerçevesi, daha uzun bir animasyon içinde göründüğü için bitmiş bir çerçevenin anlık görüntüsüdür. Animasyonlu veya canlı bir aksiyon videosunun genel görünümünü ve hissini yakalamayı amaçlar, ancak hareketsiz bir görüntüde.

Stil çerçeveleri, videonuzda kullanmayı planladığınız renkleri, ortamları, dokuları, fotoğrafçılığı ve varlıkları yakalamaya yardımcı olabilir. Bir müşteriyi hem storyboard hem de stil çerçeveleri gösteren, her ikinizin de projeyle beklenecekleri için aynı sayfada olduğundan emin olmak için mükemmel bir yoldur.

  • Storyboard sanatına hakim

These examples are very different, but all do a great job of communicating what the final piece will look like [click the icon to enlarge the image]

Bu örnekler çok farklıdır, ancak sonuncusunun neye benzeyeceğini bildirmek için harika bir iş çıkarır [Görüntüyü büyütmek için simgeye tıklayın]

Stil çerçevelerinin üstündeki örneklerde, bir storyboard olacak şekilde videonun her çerçevesini göstermediği örnekleri görebilirsiniz.

Photoshop'ta stil çerçeveleri oluşturmak için gerekenlere girelim. Çok fotoğraflı kompozitlerin aynı işin bir parçası oldukları gibi hissettiğini bilmeniz gereken bazı temel tekniklere odaklanacağız.

Bu öğretici için, yeni bir TV şovundan önce gelen bir başlık dizisi için bir örnek kullanacağız. Bu gösteri gizem temaları, sınıfla ilgili önyargılı kavramlar ve okyanusa dayanıyor.

  • Photoshop için En İyi 5 Dizüstü Bilgisayarlar

01. Tek bir resimle başlayın

This image will be our starting point. Click the image to download it

Bu görüntü başlangıç ​​noktamız olacak. İndirmek için resme tıklayın

İlk önce, şovumuzun yıldızına bir göz atalım. Yukarıdaki fotoğraf bizim başlangıç ​​noktamız olacak ve bunun için birçok planım var. Kahramanımızı arka plandan izole etmek istiyorum, etrafındaki neon ışık döngülerini sarın ve aydınlatmayı ayarlayarak onları entegre edin.

02. Figürü kesin

Start by quickly selecting the rough silhouette [click the icon to enlarge the image]

Hızlı bir şekilde kaba silueti seçerek başlayın [Görüntüyü büyütmek için simgeye tıklayın]

Figürün siluetinin çoğunu almak için Hızlı Seçim aracını kullanarak başlayın. Üstdeki Seç ve Maske düğmesine tıklayın ve bir özellikler iletişim kutusu görünecektir. Görünümünüzün soğan cildine ayarlandığından ve saydamlık kaydırıcısını aşağı çevirdiğinizden emin olun, böylece zaten maskelendiğiniz alanı görebilirsiniz.

03. Saça odaklanın

Şimdi bu akıllı kıllarla uğraşalım. Bunları sadece rafine seçim araçlarını kullanarak kesmek zor olurdu, ancak Photoshop CC 2017 Yeni seçim ve maske işlevselliği, görüntülerimizdeki düşük ışık koşullarını bile düşünerek şeyleri daha basit hale getirir.

Rafine kenarı fırça aracını alın ve bu kılların üzerine boyamaya başlayın. Şimdi, aşırı yatırdığınız herhangi bir alanı geri getirmek için fırça aracını kullanmanız gerektiğini görmek için şeffaflığı% 100'e kadar geri getirin.

04. Seçiminizi sonlandırın

Refine your selection until you're happy with the result [click the icon to enlarge]

Sonuçtan memnun kalana kadar seçiminizi iyileştirin [büyütmek için simgeye tıklayın]

Saç seçiminden memnun kalana kadar bu adımları tekrar tekrarlayın. Bu noktada, kaydırma kenarınızı sadece biraz, kontrast olarak arttırın ve biraz tüyleme (2PX) ekleyin. Tamam'ı tıklayın. Bu seçimi bir maskeye işlemek için Katman Maskesi düğmesini tıklayın.

05. Arka planı ayarlayın

Şimdi sağlam bir arka plan ekleyin. Figürün ceketi üzerindeki karanlık bir gölgeye uyacak şekilde renk seçiciyi kullanın. Seçimin şimdi mükemmel görünmemesini fark edebilirsiniz, karanlık bir arka plan üzerinde izole edilmiştir - endişelenmeyin, bunu rasgele ile karşılayacağız.

06. Bazı neon ışıklarında boya

The swirls should both overlap the figure’s head [click the icon to enlarge]

Swirls her ikisi de rakamın kafasını örtüşmelidir [büyütmek için simgeye tıklayın]

Herhangi bir boşluğa girmeden önce, bu neon ışıklarını ekleyin. Orijinal arka planda ince günbatımından iki renk seçin: yumuşak bir pembe ve mavi. Kalem aracını şekil modunda kullanarak, dolguyu hiçbiri ve strok'u renklerinizden birine ayarlayın. İnme genişliğini 26 piksel olarak ayarlayın.

Şimdi biraz eğlenebilirsiniz - iki farklı katmanda, pembe ve mavi neon swirls çizin.

07. Bir parıltı ekleyin

A narrower, white strip creates the illusion that the lights are glowing [click the icon to enlarge]

Daha dar, beyaz bir şerit, ışıkların parlayan yanılsamayı yaratır [büyütmek için simgeye tıklayın]

Şimdi her iki şekle de çoğaltın, vuruş rengini beyaza değiştirin ve strok genişliğini 9 piksel olarak azaltın. Bu beyaz şerit, her bir girdinin ortasında oturmalıdır - doğru şekilde sıralanmadığını fark ederseniz, tüm vuruşlarınızı seçin ve Merkez Hizalamayı seçmek için SET SHAPE STROKE TİPİ'yi kullanın.

Daha geniş vuruşların tüyünü 9 piksel ve dar beyaz olanların tüyünü 5px'e değiştirin. Eğer etkinin yeterince canlı olmadığını düşünüyorsanız, renkli vuruşları çoğaltın ve 6px'te tüyleriniz.

Bunları temizleyin ve bunları seçerek gruplandırın ve Grup Oluştur düğmesine basarak gruplayın. Son olarak, gruba bir katman maskesi ekleyin ve figürün kafasının arkasına geçen ışıkların alanını boyayın.

08. Rasgele Başlat

Use the neon shades to paint over the wispy hairs [click the icon to enlarge]

Wispy kıllarını boyamak için neon tonlarını kullanın [büyütmek için simgeye tıklayın]

Rasgele başlamak için, birkaç yeni katman oluşturun ve pembe ve mavi renk örneklerini kullanarak akıllı tüyleri boyamaya başlayın. Kaba ve çılgın görünmelidir.

Tüm boyalı katmanlarınızı akıllı filtreler için dönüştürün ve Gaussian Bulanıklığı ekleyin. En büyük vuruşları en çok bulanıklaştırmak istiyorsunuz - daha küçük vuruşlar için, opaklığı aşağı çevirmek bile isteyebilirsiniz.

09. Katmanlarınızı Maske

Save time by reusing our mask from earlier [click the icon to enlarge]

Maskemizi daha önce yeniden kullanarak zaman kazanın [büyütmek için simgeye tıklayın]

Bu katmanları maskelememiz gerekiyor, ancak yeni bir maske yapmak yerine, daha önce yaptığımızdan önce arka plan için yaptığımız birini tekrar kullanabiliriz. Ambar alt ve orijinal fotoğraftaki maskeyi tıklayın. Sonra vur cmd + a Tümünü seçmek için ve cmd + c kopyalamak. Bireysel olarak boyantığınız katmanların her birini seçin ve bunlara katman maskeleri ekleyin. Alt + Click bu maskelerin her birine cmd + v kopyalanan orijinal maskeyi yapıştırmak için.

10. Çalışmanızı iyileştirin

Change the blend modes on your relighting layers [click the icon to enlarge]

Relating katmanlarınızdaki karışım modlarını değiştirin [Büyütmek için simgeye tıklayın]

Bu maskelerin her birine girin ve çok fazla renge sahip olduğunu düşündüğünüz herhangi bir alanda siyah boyayın. Bazılarını geri eklemek için ışık boyama bölümündeki leke aracını da kullanabilirsiniz.

Bu katmanların karışım modlarını hafifletmek, ekran veya hatta renkli atlatmak gibi bir şeye değiştirin. Biraz daha renk derinliği vermek için saçın tepesine başka bir serbest boyama katmanı ekledim. Bütün bu katmanları 'rasgele' olarak adlandırılan bir gruba koyun.

11. biraz toz ekleyin

Motion-blurred dust particles really bring the image together [click the icon to enlarge]

Hareketli bulanık toz parçacıkları gerçekten resmi bir araya getirir [büyütmek için simgeye tıklayın]

Şimdi hepsini bir araya getirmek için, hareket bulanık tozuna benzeyen her şeyin üzerine bir katman eklemek istiyorum ( Bu fotoğrafı Shutterstock'tan indirin ).

Fotoğrafı katman yığınının üst kısmına yerleştirin ve gerekirse yeniden boyutlandırın, böylece tüm tuvali kapsar. Karışım modunu ekrana değiştirin. Parlaklık ve kontrast ayar katmanı ekleyin ve Alt + Click Ayarlama ve toz tabakası arasında ikisini birlikte klipsleyin, böylece toz tabakası diğer katmanları etkilemez. Parlaklığı hafifçe azaltın ve kontrastı yakalayın.

Sonraki Sayfa: Tarzınıza iki resim daha ekleyin ve tüm renkleri birbirine bağlayın

  • 1
  • 2

Geçerli sayfa: Sayfa 1

Nasıl Yapılır - En Popüler Makaleler

Sanatta kontrast gücünü çizin

Nasıl Yapılır Sep 10, 2025

Sanatta kontrast kullanmayı öğrenmek, projelerinizi ve çalışma şeklinizi değiştirecektir. Sanatta çalışmak için en sevdiğim yönüm kontrast. Bu genellikle renkle renk, doygunlu..

CSS ile SVG'ye animasyon nasıl eklenir

Nasıl Yapılır Sep 10, 2025

[Resim: Web Tasarımcısı] SVGS ile animasyon söz konusu olduğunda, bir büyük kapanma, JavaScript kütüphaneler..

Photoshop'taki dokuların nasıl kullanılacağı

Nasıl Yapılır Sep 10, 2025

Doku genellikle geleneksel ve dijital sanat eserleri arasındaki çizgileri bulanıklaştırır. Genellikle, dijital sanatınızın arkasında herhangi bir tuvali yoksa, ikisi arasındaki far..

Efektlerden Sonra İhracat Animasyonları HTML5'e

Nasıl Yapılır Sep 10, 2025

Web'de animasyon kalmak için burada. Bizimizi getirmeye yardımcı olan ince hareketlerden her şeyde UI tasarımı ..

Suluboya köpüklü bir gece gökyüzüne üç adım

Nasıl Yapılır Sep 10, 2025

Suluboya, sağa doğru olan inanılmaz bir ortamdır. Sanat Teknikleri En büyülü ve benzersiz görüntüleri ya..

Animasyonlu bir 3D metin etkisi oluşturun

Nasıl Yapılır Sep 10, 2025

Kayıp Aşk Kanada'nın Jam3 Kayıp aşk etrafındaki dayanıklı duygular hakkında gerçek kalpli güzel bir karanlık,..

Yağlarda enerjik bir deniz manzarası boya

Nasıl Yapılır Sep 10, 2025

Malzemeler Sarah 50x50cm p..

Duyarlı SVGS için 10 Altın Kural

Nasıl Yapılır Sep 10, 2025

SVG'nin birçok avantajı - sonsuz ölçeklenebilir vektör görüntüleri, küçük dosya boyutları ve DOM ile doğrudan entegr..

Kategoriler