Kendi Instagram filtrelerinizi oluşturun | Bilim Teknoloji Günlüğü

Kendi Instagram filtrelerinizi oluşturun

Ah, Instagram - hayatım, aşkım, kıyametim. Başkalarının brunch gezileri için şehvet duymak benim resmi bir hobimdir, ancak çoğunlukla tanımadığım insanların görünüşte güzel yaşamlarında sonsuza dek gezinmeyi sevdiğim kadar, Hikayeleri daha çok seviyorum. Hızlılar, kolaylar ve sınırlı ömürleri tüm ızgara estetiğimi bozmadan istediğim kadar aptal olmamı sağlıyor .


Ayrıca Hikayeler, günümüzde sosyal medyadaki en çok yönlü özelliklerden biri olan fotoğraflarınıza ve videolarınıza bir filtre eklemenize olanak tanır. Sevimli bir kemirgen gibi etrafa atlamak ister misin? Bunun için bir filtre var. İpeksi pürüzsüz bir cilde sahip olmak ve karşılayamayacağınız rujları denemek ister misiniz? Bunun için bir filtre var. Pink Floyd albümünün kapağına benzemek ister misin? Peki, özü anladın.

Instagram yüz filtreleri, yıllarca yalnızca platformun kendisi tarafından veya Facebook'un platformları için özel AR filtreleri oluşturmak için özel olarak tasarlanmış bir araç olan Spark AR Studio'ya erişimi olan bir avuç stüdyo ve içerik oluşturucu tarafından yapıldı. Ancak bu, 2019'da Spark AR'nin kapalı beta sürümü sona erdiğinde ve yazılım kendi filtrelerini yapmayı hayal eden herkes tarafından kullanılabilir hale geldiğinde değişti.

Bu yüzden, Instagram bağımlısı olduğum için, haraç olarak gönüllü oldum ve nasıl filtre yapılacağını öğrenmeye koyuldum - ve siz de yapabilmeniz için bunun hakkında yazdım .

Ancak başlamadan önce bilmeniz gereken bazı şeyler var:
Instagram filtreleri oluşturmak o kadar da zor değil (olmasını istemiyorsanız)

Bir filtre oluşturmak karmaşık olabilir, ancak zorluk fikrinizin ne kadar ayrıntılı olduğuna bağlıdır. Kolay bir şeye bağlı kalmak istiyorsanız, Spark AR'da hiçbir şeyi canlandırmanızı veya bir şeyleri anlamaya çalışmak için saatler harcamanızı gerektirmeyen çok sayıda 2D efekt oluşturabilirsiniz.

Tecrübe gerekli değildir, ancak işleri kolaylaştırır
Cinema 3D ve hatta Adobe Photoshop gibi grafik düzenleme programlarına zaten aşina iseniz, Spark AR'da gezinmeyi daha kolay bulabilirsiniz. Bu, böyle bir araçla ilk karşılaşmanızsa, önce platformu keşfettiğinizden ve denediğinizden emin olun. Biraz daha iyi tanımanıza yardımcı olacak.

Spark AR, işin çoğunu sizin için zaten yaptı
Facebook, Spark AR'yi halka açtığında, yeni filtre oluşturma sanatı konusunda üyelerine yardımcı olmak, bilgi vermek ve onlara ilham vermek için bir yaratıcılar topluluğu oluşturdu . İnsanları her şeyin filtrelemesi konusunda eğitmek için zengin bir içerik, materyal ve öğretici platformu da var . Aslında, Spark AR'yi indirdiğinizde göreceğiniz ilk şey, animasyonlu bir tavşan yüzü maskesi, hafif bir çizgi ve yüzen parçacıklar gibi önceden ayarlanmış projeler içeren bir menüdür. Bunlar size ana filtre türlerinin perde arkasında nasıl çalıştığı konusunda oldukça iyi bir fikir verecektir, ancak tamamen yeni bir şey elde edene kadar onlarla oynayabileceksiniz.

Daha maceraperestseniz ve 3B nesneleri canlandırmayı denemek istiyorsanız, her türlü kafatasları, Pokeball'lar, anime karakterleri ve hatta her ne sebeple olursa olsun gerçekçi bir dans yengeci dahil olmak üzere filtrelerinize koyabileceğiniz önceden ayarlanmış öğelerden oluşan eksiksiz bir kitaplık var. .

Hiç animasyon deneyimim olmadığından ve yine de minimalist efektleri tercih ettiğim için, basit bir 2D filtre oluşturacağım. Bunu yapmak yeterince kolaydır ve filtre yapmak için mükemmel bir başlangıçtır. Daha zengin bir efekt oluşturmak için 2B öğeleri birleştirebilir, ayrı ayrı kullanabilir veya hatta tek bir projede çoğaltabilirsiniz.

1. Ders - Çevrenizi bilin
Spark AR Studio'yu indirerek başlayın . Ücretsizdir, kurulumu kolaydır ve Windows 10 (64 bit) ile macOS Mojave 10.14 ve üzeri için mevcuttur. Kurulduktan sonra, çeşitli ön ayarlarla çalışmayı seçebilir veya sağ alttaki Proje Oluştur düğmesine tıklayarak sıfırdan kendi filtrenizi başlatabilirsiniz .

Spark AR, dört alana bölünmüş olan varsayılan çalışma alanına açılacaktır. Sol üstte, filtrenizdeki nesnelerin temel yapısını gösteren Sahne paneli var . Varsayılan olarak, aydınlatma öğeleri olan "ambientLight0" ve "directionalLight0" ı görürsünüz.

Sahne panelinin altında, Sahne panelindeki nesneleri tanımlayan tüm malzemeleri içeren Varlıklar paneli bulunur. Örneğin, Sahne paneline kırmızı bir dikdörtgen eklerseniz, renk öğesi Varlıklar panelinde görünecektir.

Ortadaki alan görüntü alanıdır . Bu, projenizin iki perspektifini sunan ana çalışma alanınız olacak. Ortadaki daha büyük olan, filtrenizdeki tüm nesneleri cihazınızın kamerasının menzili içinde gösterir. Bu, kamera alanında - kamera ile hareket eden - veya dünya alanında - kameranın nereye hareket ettiğine bakılmaksızın sabit kalan efektler oluşturmanıza yardımcı olacaktır.

Görüntü alanının sağ üst köşesinde, filtrenizin son ürün olarak nasıl görüneceğini gösteren simülatör adında başka bir görüntüleyici var . Varsayılan olarak, çalışmanızı bir iPhone 8'de göründüğü gibi görürsünüz, ancak görüntüleyicinin üzerine gelirseniz ve cihazın adını tıklarsanız, onu değiştirebilirsiniz. Seçenekler, bir dizi iOS cihazını (iPad dahil) ve Android akıllı telefonlarını (Samsung Galaxy, Google Pixel ve Google Nexus'un bazı sürümleri dahil) kapsar.

Filtrenizi oluşturmak istediğiniz belirli cihazı seçebilir veya farklı ekranlarda nasıl göründüğünü test edebilirsiniz.

Son olarak, çalışma alanınızın en sağında, sahnenizdeki öğelerin özelliklerini gösteren ve rengi, dokuyu, konumu, dönüşü ve diğer ayrıntıları düzenlemenize olanak tanıyan Denetçi paneli vardır .

Spark AR, filtrelerinizi denemeniz için birkaç test yüzü içerir. Farklı cinsiyetlerden ve etnik kökenlerden insanlara nasıl baktıklarını, boş bir tuval ve hatta kendinize nasıl baktıklarını görebileceksiniz. Sahne panelinin solundaki kamera simgesine tıklayarak ve açılır menüden kullanmak istediğiniz yüzü seçerek seçeneklerinizle oynayabilirsiniz. Kendiniz denemek istiyorsanız, yerel kameranızı (Mac'te Facetime HD Kamera) seçin ve kendi yüzünüze bir filtre oluşturabileceksiniz.

Sürecin herhangi bir noktasında çalışmanızı Instagram uygulamasında test edebilirsiniz. Sadece tıklayın Cihaz için Gönder (ikinci Varlıklar panelinin solunda) düğmesi ve seçim Uygulamasına gönder . Her birinin yanındaki Gönder düğmesine tıklayarak hem Facebook hem de Instagram'da test edebilirsiniz .

Hiç Microsoft Office'in ötesine geçmediyseniz, bunu biraz sinir bozucu bulabilirsiniz, ancak endişelenmeyin - gerçekten çalıştığınızda her şey bir anlam ifade etmeye başlayacaktır. Biraz daha fazla yardım isterseniz, Spark AR'nin arayüzüne göz atın .

2. Ders - Arka planı değiştirerek ışınlanma
Basit bir şeyle başlayalım. Arka planınızı değiştirmek teknik olarak "segmentasyon" olarak adlandırılır ve tonlarca olasılık sunan basit ama eğlenceli bir efekttir.

1. Arka planınız olarak kullanmak için bir resim seçin. Photoshop'ta veya başka herhangi bir görüntü düzenleme yazılımında renkler ve efektlerle oynayarak uygun bir fotoğraf seçebilir veya yeni bir şey oluşturabilirsiniz. Hubble Uzay Teleskobu'nun Cassiopeia takımyıldızındaki Kabarcık Bulutsusu resimlerinden birini seçtim. Tabii ki oraya ışınlanmak istersiniz - adı bile rad.

2. İki dikdörtgen ekleyin. Biri arka plan olacak (yeşil bir ekran gibi) ve diğeri gerçek dünya arka planınızı silerken yüzünüzü gösterecek. Sahne panelinin sağ alt kısmına gidin, Nesne Ekle'ye tıklayın , açılır menüyü aşağı kaydırın ve Dikdörtgen'i seçin . Bunu iki kez yapın. Varsayılan olarak, dikdörtgenleriniz "Rectangle0" ve "Rectangle1" olarak görünecektir, ancak kaybolmamak için adları değiştirmek iyi bir fikirdir. Örneğin, "Rectangle0" ı "Background" ve "Rectangle1" i "Foreground" olarak değiştirdim. Bunu yapmak için, isme çift tıklayın ve bir alan görünecektir. Her iki dikdörtgenin de tuvalin altına yerleştirildiğinden emin olun. Bu, hem o öğenin "çocukları" olacağı ve onların "ebeveynlerinde" yaptığınız herhangi bir değişikliğe tabi olacağı anlamına gelir.

3. Dikdörtgenlerin boyutlarını ayarlayın. Tıklayın Arkaplan (eskiden “Rectangle0” olarak bilinir) dikdörtgen ve sağ tarafta Müfettiş panelinde özelliklerini göreceksiniz. Tıklayın Boyut sonra alanları ve Dolgu Genişlik ve Dolgu Yüksekliği görünen açılır listeleri. Bu, kişi hangi cihazla kullanırsa kullansın, dikdörtgenin boyutunu değiştirecektir. Bunu ikinci dikdörtgen için de yapın. Görüntü alanınız, "alfa" adı verilen damalı bir desen olarak görüntülenecek olan dikdörtgenler tarafından tamamen kapsanacaktır. Bu, şeffaf oldukları anlamına gelir, ancak hala oradalar.

Bu adımda, her iki dikdörtgeni de tüm filtreyi kapsayacak şekilde genişletmeyi hedefliyoruz.

4. Katmanları ayırın. Varsayılan olarak, eklediğiniz herhangi bir nesne en son çalıştığınız katmana katılır. Burada istemiyorsanız, farklı bir katmana taşımanız gerekir. Segmentasyon efektinin çalışması için, farklı katmanlardaki dikdörtgenlere ihtiyacınız olacak, böylece arka plan ön plandan sonra işlenecektir. Bunu yapmak için Sahne panelindeki Arka Plan dikdörtgenine tıklayın . Sağdaki Denetçi panelinde, Katman alanına tıklayın ve Yeni Katman Oluştur'u seçin . İsterseniz , Sahne panelinin sağ üst kısmındaki Katmanlar sekmesini tıklatarak ve sırayla her katmanın adını çift tıklatarak katmanları yeniden adlandırabilirsiniz .

5. Yeni malzemeler oluşturun. Bu şeffaf dikdörtgenlere sağlam bir şekil verme zamanı. "Malzemeler" bunun için var. Sahne panelinde her birini seçerek ve ardından sağdaki Denetçi panelinde, Malzemeler'in yanındaki artı işaretine tıklayarak her dikdörtgene kendi malzemesini atarsınız . İkinci kez yaptığınızda, mevcut malzemeleri veya yeni bir tane oluşturma seçeneğini sunan bir açılır menü göreceksiniz. İkincisini seçin.

Malzemelerinizi seçtikten sonra, Varlıklar panelinde görünürler ve takip etmek için onları yeniden adlandırmak da iyi bir fikirdir. Varlıklar panelinde malzemelerinizi seçtiğinizde, Denetçi panelinde bir dizi yeni seçenek göreceksiniz. Rengi, dokuyu, opaklığı, karışımı vb. Değiştirebilirsiniz. Filtrelerinizi denemek istiyorsanız, bu seçeneklerle oynayın ve neler bulabileceğinizi görün.

Malzemeler, Spark AR'daki ana unsurlardan biridir - bir resim veya bir renk bloğu olabilirler.

6. Bir segmentasyon dokusu oluşturun. Bu, kameranız tarafından çekilen herhangi bir videoyu bir dokuya dönüştürür, bu da sizi (veya kameranızı kime doğrultuyorsanız) arka plandan ayıracağı anlamına gelir. Sahne panelinde, Kamera'ya tıklayın ve Denetçi panelinde Segmentasyon'un yanındaki artı işaretine tıklayın . Varlıklar panelinde varsayılan olarak "personSegmentationMaskTexture0" adı verilen yeni bir varlık görünecektir.

7. Ön plan malzemesine "doku çıkarma" ekleyin. Önce, Sahne panelinde Kamera'ya tıklayın ve Denetçi panelinde Doku Ayıklama'nın yanındaki artı işaretine tıklayın . Varlıklar panelinde "cameraTexture0" adlı başka bir varlık görünecektir.

Bunu yeni bir doku olarak kullanmak için, Varlıklar panelinde ön plan malzemesini tıklayın. Denetçi panelinde, Gölgelendirici Türünü (üstteki ilk öğe) Düz olarak değiştirin ; bu, bu malzemeye düz, 2B bir öğenin özelliklerini verecektir. Bir hacim efekti vermek istiyorsanız (3B için ideal), Fiziksel Temelli seçeneği iyi bir seçimdir. Ayrıca, kendi başınıza ne tür efektler bulabileceğinizi görmek için bunlarla oynayabilirsiniz.

Altında Diffüz (Inspector panelinde ikinci öğe), bulmak Doku ve seçim cameraTexture0 açılır menüden. Alçaltın, Alpha'nın yanındaki kutuyu işaretleyin ("kapalı" gibi görünecek, ancak sağdaki kutuya tıklamak görünmesini sağlayacaktır) ve Doku alanında, açılır menüyü açın ve personSegmentationMaskTexture0 öğesini seçin .

8. Arka planı değiştirin. Hiçbir şey olmamış gibi görünebilir, ama neredeyse oradasın. Filtrenizin temelini belirlediniz ve şimdi tek yapmanız gereken arka planı değiştirmek. Background_Material'e tıklayın ve Inspector panelinde, Diffuse altında , rengi kameradaki konuyla kontrast oluşturan bir şeye değiştirin. Bu, Maske Boyutunu ve Kenar Yumuşaklığını değiştirerek segmentasyonun kenarlarını ayarlamanıza yardımcı olacaktır . PersonSegmentationMaskTexture0 öğesine tıkladığınızda bu seçenekleri Inspector panelinde bulacaksınız .

Renk bloklarını seviyorsanız, orada durabilir ve farklı arka plan renkleriyle oynayabilirsiniz. Ama bir takımyıldızı elde edebildiğiniz zaman bunu neden yapasınız? Bu arka planı değiştirelim.

Background_material'ınızı seçin ve Dağıtma altında rengi beyaza sıfırlayın. Altta, Doku altında , Bilgisayardan dosya seç'e tıklayın ve arka plan olarak kullanmak istediğiniz resmi yükleyin. Büyük fotoğraf dosyalarının Instagram veya Facebook'un sorunsuz bir şekilde işlemesi için çok büyük olabileceğini unutmayın, bu nedenle olabildiğince hafif tutun. Yaklaşık 86KB ağırlığında 720 x 734 piksellik bir görüntü kullandım ve program biraz yavaştı.

9. Biraz ışıltı katın. Kendinizi Cassiopeia'ya ışınlamak ne kadar havalı görünse de, yeterince havalı değil. Etrafınızda dolaşan bazı parlak yetenek parçalarınız yoksa hayır. Bu, yüzen parçacık efekti olarak bilinir ve Instagram filtrelerinde ortak bir özelliktir. Filtrenize bir tane uygulamak oldukça kolay ve oldukça özelleştirilebilir olacaktır.

İlk olarak, Sahne panelinde, Nesne Ekle'ye tıklayın ve bir Parçacık Sistemi seçmek için listenin sonuna kadar kaydırın . Görüntü alanında, görüntüleyicinizin ortasında alfa kareler yayan yeni bir öğe fark edeceksiniz. Bu sizin yayıcınız ve alfa kareler parçacıklardır.

Vericinizi oluşturduğunuzda, ön plan dikdörtgeninizin altındaki Sahne panelinde görünecektir, bu da varsayılan olarak Odak Mesafesi öğesine ( Kamera'nın altında ikinci ) tabi olacağı anlamına gelir . Bir "dünya" efekti oluşturmak istiyorsanız, yayıcının adına tıklayın (varsayılan olarak "emitter0,"), aşağı sürükleyin ve Mikrofonun altına bırakın . Bu, yayıcıyı bağımsız bir nesne yapacaktır.

Vericiden çıkan üç ok fark edeceksiniz. X (kırmızı), Y (yeşil) ve Z (mavi) eksenini temsil ederler ve yayıcının konumunu değiştirmek için bunları sürükleyebilirsiniz. Ayrıca, yayıcının adına tıkladığınızda, her olası özelleştirilebilir seçeneğin bir listesini bulacaksınız. Birkaç tanesini gözden geçireceğiz.

Konum, ölçek ve döndürme: Bunların tümü, yayıcıyı kameraya (konum) göre, parçacıkların her yönde ne kadar uzağa gideceğini (ölçek) ve hangi açıda (ölçek) hareket ettirmenize yardımcı olacak X, Y ve Z alanlarına sahiptir. rotasyon). İstediğiniz etkiyi yaratmak için bu alanların değerleri (pozitif ve negatif sayılar) ile oynayabilirsiniz.

Verici: Ne tür bir yayıcı kullanmak istediğinizi seçebilirsiniz. Sabit bir arka plana sahip olduğum için - kamerayı hareket ettirirsek hareket etmeyecek - parçacıkları küresel bir yarıçapta püskürtecek olan Halka yayıcıyı kullanacağım . Bu, bazı partiküllerin daha yakın ve diğerlerinin kameradan daha uzakta görünmesini sağlayacak bir "dünya" efekti yaratacaktır.

Parçacıkların özelleştirilmesi: Doğum Hızı , yayıcının salacağı parçacık sayısını belirler. Ne kadar çok parçacık istersen, bu sayı o kadar yüksek olacaktır. Hız , Ölçek ve Kullanım Ömrü , kendinden açıklamalıdır — ilki, parçacıklarınızın ne kadar hızlı hareket ettiğini belirler; ikincisi: parçacıklarınızın ne kadar büyük olduğu; ve üçüncüsü: parçacığınızın kaybolmadan önce ne kadar dayanacağı.

Kuvvet: Bu yerçekimi gibidir. Y eksenindeki değerlerle oynarsanız, parçacıklarınızın daha hafif veya daha ağır görüneceğini fark edeceksiniz. 0.05 değeri parçacıklarınızı yavaşlatır - değer ne kadar düşükse parçacıklarınız o kadar ağır olur.

10. Bir malzeme ekleyin. Şimdiye kadar, sadece parçacık fikrine sahipsiniz; filtrenizin etrafında yüzen basit alfa kareleri. Şimdi bir materyal ekleme zamanı. Verici Sahne panelinde seçiliyken İnceleme paneline gidin, aşağı kaydırın ve Malzemelerin yanındaki artı işaretine tıklayın ve Yeni Oluştur'u seçin . Varlıklar panelinde yeni bir öğe görünecektir. Üzerine çift tıklayın ve "Particle_material" olarak yeniden adlandırın.

Parçacıklarınızın değiştiğini fark edeceksiniz. Benimki sarıya döndü, ama seninki başka bir renge dönmüş olabilir (eğer durum buysa, endişelenme). Assets panelinde Particle_material öğesini seçin ve ardından Inspector panelinde Shader Type açılır menüsünü tıklayın ve Flat öğesini seçin . Tüm bunlar, bir 2B parçacık efekti kullanıyorsanız işe yarar, ancak 3B efektli bir şey kullanıyorsanız , bunun yerine Fiziksel Temelli'yi kullanabilirsiniz . Altında Daha aşağı, Shader özellikleri , yanındaki Doku , tıklayın bilgisayar seçim dosyası seçeneği. Bir gezgin penceresi açılacak ve istediğiniz herhangi bir dosyayı seçebileceksiniz.

Parçacıklarınız için hangi görüntüyü kullanırsanız kullanın şeffaf bir arka plana sahip olmalıdır. Çoğu zaman, bu tür dosyaları basit bir Google Görsel aramasıyla PNG biçiminde bulacaksınız. Google Görseller'de "spark, filetype: .png" aradım ve en çok beğendiğimi seçtim. Kendi dokusuna sahip bir parçacığa sahip olduğunuzda, yayıcıyı yeniden ayarlamak isteyebilirsiniz. Geri döndüm ve parçacıkları büyüttüm (0,01'den 0,05'e).

Tebrikler! İlk Instagram filtrenizi yaptınız. Şimdi ne olacak?
11. Yeni filtrenizi paylaşın. Bunu yapmak için, kullanıcıların görmesi için bir simge ve örnek bir video da ayarlayabileceğiniz Spark AR merkezine yüklemeniz gerekir. Oraya vardığında, yüz filtreniz Instagram'ın destek ekibi tarafından incelenecek ve bu ekibi kontrol etmesi 10 güne kadar sürecek. Filtrenizin platformun topluluk kurallarına uygun olduğunu belirlerlerse, Instagram galerisinde, profilinizde, Hikayeler içinde ve bir paylaşım bağlantısı aracılığıyla kullanıma sunulacaktır.

Varlıklar panelinin solundaki Dışa Aktar düğmesini tıklayarak başlayın (yukarı doğru bir oktur). Oraya vardığınızda, projenizi Spark AR hub'ına yüklemeniz gereken bir arexport dosyasına kaydedin. Dışa aktarma tamamlandığında program sizi otomatik olarak oraya yönlendirecektir.

Spark AR, kullanıcı dostu olmayan çok yönlü bir araçtır, ancak Instagram filtreleri oluşturmak isteyenlere sunduğu geniş olanaklar nedeniyle öne çıkar. Biraz hayal gücü ve ince ayar ile, segmentasyon ve partikül yayıcı etkileri tek başına sayısız deneyimi başlatabilir. Öğrenmeniz ve denemeniz için orada çok fazla içerik var, bu yüzden mesele sadece zaman harcamak ve onunla oynamak.

Şimdi, izin verirseniz, yayınlayacak hikayelerim var.

Yorum Gönder

UYARI: > Küfür, hakaret, rencide edici cümleler veya imalar, içeren, imla kuralları ile yazılmamış, Türkçe karakter kullanılmayan ve büyük harflerle yazılmış yorumlar onaylanmamaktadır.<

Daha yeni Daha eski