Photoshop'ta bir aksaklık efekti nasıl oluşturulur

İnternette giderek daha fazla görmeye başladığım bir trend, biraz gerileme: bir aksaklık etkisi! Tasarıma harika bir robotik, tekno hissi katıyor ve çift ton efekti gibi diğer trendlerle iyi uyum sağlıyor. Ve en iyi kısmı? Oluşturmak çok zor değil!

Önce küçük bir ilhamla başlayalım. Blendmodes Studio, sitelerine bir aksaklık efekti uyguladı ve bunu baştan sona görülebilecek bir tema olarak kullandı. Bu sitede, ona başka bir aksaklık havası veren bir sinüs dalgası eklediler. Yani bunu denemek istiyorsanız, öğreticiyi takip edin ve kare yerine sinüsü seçin. Bu efekti hem arka planda hem de metin üzerine gelme efektinde kullanarak harika, etkileşimli bir site tasarımı oluşturdular.

Artık bir ajansın bu trendi nasıl kullandığını gördünüz, hadi başlayalım ve kendi kendinize bir aksaklık efekti yaratmayı öğrenelim!

Photoshop'ta bir aksaklık efekti oluşturmak için paylaşacağımız iki yöntem var:

1. manuel yöntem
2. Glitch-a-tron (indirebileceğiniz ücretsiz bir Photoshop eylemi!)

Manuel Photoshop yöntemi

Aşağıdaki efektleri oluşturmak için belgenizin 8 bit modunda olduğundan emin olun. Bunu yapmak için Görüntü > Mod > 8 bit/Kanal öğesini seçin.

Resminizi açın ve akıllı bir nesne oluşturun

Dosyanızı Photoshop'ta açın. (Yerel robotun bu fotoğrafını kullanacağım!) Başlamak için, resminize sağ tıklayın ve Akıllı Nesneye Dönüştür'ü veya Katman > Akıllı Nesneler > Akıllı Nesneye Dönüştür'ü seçerek.

Bir dalga oluştur

Geri dönmek için bir orijinaliniz olması için sağ tıklayıp Katmanı Çoğalt'ı seçerek bu katmanı çoğaltın. Bu katmana “ofset” ve diğer katmana “orijinal” adını verin.

Şimdi, "ofset" katmanı seçiliyken Filter > Distort > Wave'i seçin. Bu katman için ince bir efekt yaratacağız.

Bu seçeneklerden herhangi birini istediğiniz gibi ayarlayabilirsiniz, ancak bunun için jeneratör sayısını 1 olarak ayarlayacağım. Ardından Dalga Boyu'nu minimum 279 ve maksimum 695 ve Genliği minimum 162 olarak değiştirin ve maksimum 441. Ayrıca Ölçeği %3 yatay ve %1 dikey olarak ayarladım. Türünüzün Kare olarak ayarlandığından emin olun ve Tanımsız Alanlar altında Kenar Piksellerini Tekrarla seçeneğine geçiş yapın. Bu sete sahip olduğunuzda, tercih ettiğiniz önizlemeyi görene kadar rastgele seçeneğine tıklayabilirsiniz. Aşağıdaki resimde seçtiğim ayarlamaların daha fazlasını görebilirsiniz. Bu sadece robota hafif bir yanlış hizalanmış kutu efekti verir!

(İsteğe bağlı) Başka bir dalgayla daha dramatik bir etki yaratın

Aynı adımları kullanarak aynı “ofset” katmanında başka bir dalga oluşturun. Bu sefer ayarları biraz değiştireceğim ve jeneratör sayısını 1'e ayarlayacağım. Ardından, Dalga Boyu'nu minimum 301 ve maksimum 884'e değiştirin, ardından Amplitüdü minimum 301 ve maksimum 699 olarak değiştirin. Ayrıca Scale'i de yaptım. %2 yatay ve %1 dikey. Bu, robota daha da çarpık bir görünüm kazandırır.

Bozuk bir kırpma maskesi oluşturun

Orijinal katmanınızı çoğaltın ve "ekstralar" olarak adlandırın. Seçimlerinizi görmek için “ekstraları” en üste getirerek katmanları yeniden sıralayın. Dikdörtgen Seçim Çerçevesi Aracını kullanarak, shift tuşunu basılı tutarken, görüntünüzün deforme etmek istediğiniz çeşitli bölümlerini ve boyutlarını seçin. Gerçekten harika bir efekt elde etmenin anahtarı, resminizin her yerinden seçimler yapmaktır.

Seçiminizden memnun kaldığınızda, katmanlar panelinin altındaki Katman maskesi ekle düğmesiyle bir maske oluşturun.

Şimdi, görüntünün seçili olduğu (maske değil) ekstralar katmanında, Filtre > Deforme Et > Dalga ile önceki adıma benzer ayarlarla ekstralar katmanına iki dalga daha ekleyin.

Daha dramatik bir etki için maskenin görüntüyle olan bağlantısını kaldırın. Resmin veya maskenin konumunu istediğiniz yerde ayarlamak için taşıma aracını kullanın. Efekti, maskeyi veya görüntünün kendisini taşımanıza bağlı olarak değiştirebilirsiniz, ancak görüntüyü taşımaya çalışırken, maskeleme alanı içinde taşıma aracını kullandığınızdan emin olun.

Gelişmiş karıştırma seçenekleri ekleyin

Şimdi hem "ekstralar" katmanına hem de "öteleme" katmanına gelişmiş karıştırma seçeneklerini uygulayın. İlk olarak, “ofset” katmanını seçin. Katmanlar penceresinin alt kısmında, "fx" yazan Katman stili ekle düğmesini tıklayın. Ardından, Karıştırma Seçenekleri > Gelişmiş Karıştırma altında kırmızı (veya R) kanalı kapatın.

"Ekstralar" katmanı için aynı adımı tekrarlayın.

Artık arızayı tamamladığınıza göre, tam istediğiniz efekti elde etmek için dalgaları açıp kapatabilirsiniz.

Çizgi efekti oluştur

Katman > Yeni Katman ile yeni bir katman oluşturun ve ona "çizgiler" adını verin. Düzenle > Doldur'a tıklayarak beyazla doldurun ve İçindekiler açılır menüsünden Beyaz'ı seçin.

Ardından, Filtre > Filtre Galerisi öğesini seçin. Sketch açılır menüsünde, Halftone Pattern'i seçin ve istediğiniz efekte ayarlayın, ancak bu örnek için boyutu 1'e ve kontrastı 30'a ayarladım. Set the Pattern Type açılır menüsünde Lines yazıyor.

Bir adım daha ileri gitmek istiyorsanız, Yarım Ton Desen efektinin altındaki Yeni efekt katmanına tıklayarak başka bir filtre ekleyin. Sanatsal açılır menüsü altında, fırça ayrıntısı 14, gölge yoğunluğu 0 ve doku 3 olarak ayarlanmış olarak Suluboya'yı seçin.

Not: Efektleri nasıl sipariş ettiğiniz biraz değişecektir. Suluboya efekti yarım ton efektinin üzerinde olduğunda, görüntü daha açık görünecektir. Yarı ton sulu boyanın üzerindeyse, görüntü daha koyu görünecektir.

Son olarak, katmanlar penceresinde, karıştırma modunu Kaplama olarak ve opaklığı %50 olarak değiştirin.

İşte bu kadar – artık kendi aksaklık efektiniz var! Resminiz 90'ların bilgisayarından yeni çıkmış gibi görünmelidir.

Bu (umarım!) çok zor olmasa da, bu süreci hızlandırmanın bir yolu var.

Glitch-a-tron: Ücretsiz bir Photoshop eylemi!

Flywheel'deki harika tasarımcılar, bu adımları yalnızca birkaç tıklamayla seçtiğiniz görüntüye uygulayan, kullanımı kolay bir Photoshop eylemi oluşturdular! Ücretsiz aracı edinmek için bu forma e-posta adresinizi girin ve ardından aşağıdaki öğreticinin kalanını izleyin.

Glitch-a-tron nasıl kullanılır?

Eylemi yükle

Eylemi indirdikten sonra, yüklemek için dosyaya çift tıklayın. Photoshop'ta kullanmak istediğiniz görüntüyü açın ve ardından Eylemler penceresini açın.

Eylemler penceresine gitmek için Pencere > Eylemler'i seçin veya Shift + F9 tuşlarını basılı tutun.

Eylemler penceresini açtıktan sonra, aksaklık efektini uygulamak istediğiniz görüntü katmanını seçin.

Aksiyonu seç ve oynat

“Flywheel – Glitch-a-tron” klasöründeki açılır listeye tıklayın. Şimdi, "Glitch-a-tron - Seç ve oynat" ı seçin ve pencerenin altındaki üçgen oynat düğmesine basın.

Katmanları kullanarak görüntüyü ayarlayın

İstediğiniz efekte bağlı olarak, çeşitli katmanları açıp kapatabilir, maskeleri veya görüntüleri seçip taşıyabilir ve seçtiğiniz diğer ayarları yapabilirsiniz.

Not: Resminizin boyutuna bağlı olarak, 1080 piksele 1920 piksel için optimize edildiğinden "ekstralar" maskesini yeniden boyutlandırmanız veya yeniden konumlandırmanız gerekebilir.

Bonus: Resminizi bir çırpıda sıfırlayın

Geri dönmek istemeniz durumunda, eylem otomatik olarak, eylem uygulanmadan önce resminize geri dönmenizi sağlayan bir ekran görüntüsü oluşturur.

Pencere > Geçmiş'i seçerek Geçmiş penceresine gidin. En üste kaydırın ve "Anlık Görüntü" ye tıklayın. Bu her şeyi sıfırlar, böylece hazırsınız!

Bu şık, zaman kazandıran kaynak için pek çok kullanım var. Glitch-a-tron'u hangi projeler için kullanacaksınız? Fikirlerinizi yorumlarda bırakın!

Bu makale ilk olarak 20 Aralık 2018'de yayınlandı. En son 18 Ekim 2020'de güncellendi.