Matrix etkisi, kült filmde tanınan etkileyici bir stil aracıdır, dijital ve gelecekçi bir görünüm oluşturmak için kullanılır. Photoshop ile ikonik yeşil kodu sadece kopyalamakla kalmayıp animasyon yaparak tasarımlarınıza dinamik ve canlı bir hava katabilirsiniz. Bu öğreticide adım adım Matrix etkisinin nasıl oluşturulup animasyon yapılacağını göstereceğim - video, web sitesi veya yaratıcı projeler için mükemmel. Hadi dijital estetik dünyasına dalalım!

Adım 1:

Öncelikle yeni bir belge oluşturuyorum; boyutu tamamen önemsiz. Ben 800x600 Piksel boyutunda çok küçük bir boyut seçiyorum. Bu etkiyi yazdırmak istenirse, piksel birimini cm'ye ve çözünürlüğü 72'den 300 Piksel/inç'e değiştirmek gerekir.

Animasyonlu Matrix etkisi

Adım 2:

Şimdi Editörde bir resim dosyasını açarım (mümkünse çok küçük bir resim dosyasını açmalıyım, çünkü aksi takdirde açılma süresi çok uzar) ve yaklaşık 2 sayfa karışık yazıyı oraya kopyalarım.

Animasyonlu Matrix etkisi

Adım 3:

Sonra kopyaladığım metni, örneğin Courier yazı tipinde ve 10 pt büyüklüğünde yeşil renkte bir metin katmanında eklerim. Arkaplan katmanı siyah olmalıdır.

Animasyonlu Matrix efekti

Adım 4:

Şimdi metin yönünü değiştirerek, ilgili simgeye sol üstte tıklarım.

Matrix etkisi animasyon ile

Adım 5:

Bu, tüm harflerin görünmediği veya bazılarının sadece hafifçe göründüğü bir şekilde yapmak için bir maske oluşturur ve Farklılık Bulutları filtresini (Menü>Filtre>Render Filtresi) standart Siyah/Beyaz renkleri ile çalıştırırım. Ctrl+F ile memnun olana kadar bunu tekrarlarım. Farklılık Bulutları filtresini uygulamadan önce metin katmanını hızlıca çoğaltır ve gizlerim.

Animasyonlu Matrix etkisi

Adım 6:

Ton Değeri Düzeltme (Ctrl+L) ile ortadaki kaydırıcıyı hareket ettirerek harfleri daha belirgin hale getirebilirim.

Animasyonlu Matrix etkisi

Adım 7:

Şimdi metin katmanıma bir dış ışık veriyorum. Bunun için metin katmanımda farenin sağ tuşuna tıklayıp ardından Doldurma Seçenekleri'ne tıklarım.

Animasyonlu matrix etkisi

Adım 8:

Üstteki metin katmanını tekrar görünür hale getirip ikinciyi önce gizleyeceğim. Sonra Ctrl+I ile katman maskesini tersine çeviririm (bunun için önce maskenin tıklayarak etkin hale gelmesi gerekir), böylece tamamen siyah olur. Şimdi 6 piksel gibi bir boyuta sahip ve aynı zamanda oldukça yumuşak bir fırça alırım. Şimdi Shift tuşuna basılı tutarak düz çizgiler çizebilirim. Ancak çizgiyi çektikten sonra Shift tuşunu bırakmalı ve tekrar farklı bir yere tıklamalı ve ardından Shift tuşuna basarak çizgiyi çekebilirsiniz.

Animasyonlu Matrix etkisi

Adım 9:

Bunu tüm resimde birkaç kez yapar ve ardından dış ışık uygulaması katman stilinin opaklık değerini artırırım.

Animasyonlu matris efekti

Adım 10:

Ardından tüm katmanları tekrar görünür yaparım. Sonuç oldukça başarılı görünüyor.

Animasyonlu Matrix etkisi

Adım 11:

Şimdi, animasyon eklemek için bu efekti nasıl kullanacağımı göstermek isterim. Bunun için Animasyon Paneli'ni Menü>Fenster altından açar ve alttaki metin katmanını büyütürüm.

Matris etkisi ile animasyon

Adım 12:

Şimdi Animasyon Paneli'ni açar ve Position yanındaki saat simgesine tıklarım. Mevcut metin katmanımın konumunu hatırlayan bir anahtar çerçeve oluşturur.

Animasyonlu Matrix efekti

Adım 13:

Şimdi Zaman Çizelgesi'nde kaydırıcıyı mesela 05:00f'a sürüklediğimde otomatik olarak yeni bir Anahtar Çerçeve oluşturulur. Şimdi metin katmanımı Taşıma Aracı ile oldukça aşağıya doğru kaydırıyorum. Ve küçük animasyonum hazır. Tüm metin katmanlarının hareket etmesini istiyorsam, tüm katmanları Katmanlar panelinde işaretleyip bir Akıllı Nesne'ye dönüştürebilirim. Sonrasında sadece Akıllı Nesne'yi hareket ettiriyorum.

Animasyonlu matris etkisi

Adım 14:

Photoshop'ta oynatırken donma yaşadığım için Videoyı Dışa Aktar>Videoyu Dışa Aktar altından hemen QuickTime Film'i olarak kaydediyorum. Bitmiş animasyonu buradan izleyebilirsiniz.

Animasyonlu Matrix efekti

Adım 15:

Atölyenin sonunda, bir fotoğrafı Matrix Efekti'nin arkasına nasıl yerleştireceğimi göstermek istiyorum. Seçtiğim bir fotoğrafı ekliyorum.

Matris etkisi animasyonu

Adım 16:

Şimdi sadece Dolgu Metodunu Aydınlatma olarak değiştirmem gerekiyor, ve artık harfler, fotoğrafta aydınlık pikseller varsa oraları aydınlatıyor.

Matris etkisi animasyon ile

Adım 17:

Bu esnada fotoğrafı istediğim zaman hareket ettirebilir, ve metin karakterleri otomatik olarak uyum sağlar.

Animasyonlu Matrix etkisi

Adım 18:

Fotoğraf katmanını katman hiyerarşisinde en üste taşıdığımda sonuç şöyle görünür:

Animasyonlu Matrix etkisi

Adım 19:

Oyuklaştırma dolgu metoduyla sonuç şöyle olur:

Animasyonlu Matrix etkisi

Adım 20:

Harika: Fotoğrafı panoya kopyalayıp ardından Alt Tuşu ile birlikte Klik yaparak metin katmanının Katman Maskesi'ne girip Ctrl+V ile fotoğrafı Katman Maskesi olarak kullanabilirim.

Animasyonlu Matrix etkisi

Adım 21:

Veya metin katmanımı bir Akıllı Nesne'ye dönüştürüp üzerine bir Bulanıklaştırıcı uygulayabilirim, ki bunu da Akıllı Nesne Maskesi ile bazı yerlerde tekrar gözden kaybolabilir şekilde yapabilirim.

Animasyonlu matris etkisi

Adım 22:

İpucu: En alttaki metin katmanımı kopyalayıp en üst sıraya taşıyabilir ve sonra mesela yazı boyutunu 10'dan 8'e düzenleyebilirim. Ardından sadece Opaklık'ı yaklaşık %17'ye ayarlasam ve işte efekt daha da harika görünür.

Animasyonlu matrix efekti

Adım 23:

Sonuç bende şu şekilde, en üstteki Katman Maskesi'ni basitçe Shift Tuşu basılı tutarak kaldırdım:

Animasyonlu Matrix etkisi