Výukový program: Jak vytvořit filtr Instagram
Jak si ve 4 jednoduchých krocích vytvořit svůj první filtr na Instagramu. Jednotlivé kroky k vytvoření vlastního filtru pro Instagram nebo Facebook. Vytvoření a zveřejnění filtru Instagram pro značku.
Jak vytvořit filtr Instagram?
- Instalace aplikace Spark AR (Windows - Mac)
- Příprava a komprese vizuálních materiálů (obrázky, videa, 3D)
- Animovat a vytvářet interakce pomocí aplikace Patch nebo Javascript
- Publikování filtru na účtu Instagram
1. Instalace Spark AR (Windows-Mac)
Chcete-li vytvořit filtr pro Instagram, musíte si nejprve stáhnout a nainstalovat oficiální software společnosti Facebook, který vám umožní vytvářet filtry pro Instagram a Facebook.
Odkaz na oficiální stránku: https://sparkar.facebook.com/ar-studio/
2. Připravte si vizuály
Je nezbytné správně připravit různá média, jako jsou obrázky, fotografie, videa nebo 3D modely, aby byly optimalizovány pro váš budoucí filtr, protože maximální velikost filtru Instagram nesmí překročit 4 MB.
Pro optimalizaci obrázků doporučujeme: https://tinypng.com/.
Pro optimalizaci 3D modelů doporučujeme: SparkAR Toolkit pro Blender
3. Animujte a vytvářejte interakce
Pro kvalitní filtr se doporučuje přidat interakci s uživatelem, například animaci, když uživatel otevře ústa, mrkne, usměje se...
K tomu máte k dispozici dvě řešení: záplaty nebo kód JavaScriptu.
Odkaz na oficiální výukové programy: https://sparkar.facebook.com/ar-studio/learn/tutorials/
4. Publikovat filtr
Oficiální průvodce v angličtině pro zveřejnění vašeho filtru je zde: Oficiální průvodce pro zveřejnění
K filtru je třeba dodat ikonu a ukázkové video.
Přejděte na Spark AR, klikněte na ikonu nahrávání vlevo dole a vyberte možnost nahrát filtr jako nový efekt. (Viz také: Přidání správce AR )
Jak vytvořit filtr Instagram: Použití editoru záplat pro interakce
Jakmile máte k dispozici různá média, máte dvě možnosti, jak na tyto obrázky, ilustrace nebo 3D modely aplikovat různé interakce. První z nich je programování založené na modulech, které je určeno pro pokročilé návrháře, kteří jsou zvyklí pracovat s tímto typem programování založeným na modulech, například v Unreal Enginu, Blenderu, Cinema4D, ... Záplaty vám tedy umožní, abyste mohli propojit
bloky mezi nimi, například k animaci polohy prvku.
Druhou možností je skript v jazyce Javascript určený pro webové vývojáře. Zde buďte opatrní, Spark AR zavádí nový typ programování v reálném čase, který se nazývá reaktivní programování.
Jak vytvořit filtr Instagram: Použití skriptu v aplikaci Reactive
Tento typ programování je specifický pro facebook a za několik let (měsíců?) se bude používat k vytváření různých aplikací a zážitků pro budoucí brýle s rozšířenou realitou od faceboku. Facebook tento jazyk zavedl, aby mohl propojovat interakce nebo funkce s různými událostmi, které se odehrávají v reálném čase. Například když uživatel otevře gesto, zavře oči, zamračí se, je šťastný, pohne hlavou, klepne na obrazovku, podrží obrazovku, provede gesto přejetí po obrazovce atd. Seznam je dlouhý a tento typ jazyka může být velmi užitečný při vytváření složitých filtrů. Pro srovnání, Three.js, webový 3D engine, nepoužívá reaktivní programování, ale je zaměřen na programování po jednotlivých snímcích nebo po jednotlivých snímcích,
Jak vytvořit filtr Instagram: Propojení stránky na Facebooku s profilem na Instagramu
Propojení účtu Instagram se stránkou na Facebooku:
- Přihlaste se ke své stránce na Facebooku v počítači.
- Vstupte do nastavení v pravém horním rohu stránky.
- V levém sloupci klikněte na položku Role stránky a zkontrolujte, zda jste uvedeni jako správce nebo editor.
- V levém sloupci klikněte na Instagram.
- Klikněte na možnost Připojit účet.
- Zadejte své uživatelské jméno a heslo k účtu Instagram. Všimněte si, že pokud máte osobní účet na Instagramu, tento krok jej převede na firemní účet.
Jak přidat správce AR?
Přidání Správce AR na vaši stránku na Facebooku umožňuje tvůrci filtru (Správci AR) publikovat a propojit filtr s vaší stránkou na Facebooku a účtem na Instagramu. Pro zveřejnění na Instagramu musí být účet Instagramu předem propojen se stránkou Facebook.
Přejít na: Spark AR Hub Dashboard a postupujte podle následujících kroků (viz obrázek).
1) Přejděte na Meta Spark Hub Dashboard 2) Klikněte na svůj profil vlevo nahoře, nechte vybraný svůj profil FB. 3) Zkontrolujte, zda se v seznamu zobrazuje váš účet Instagram. - Pokud ano, je vše v pořádku, účet Instagram nevybírejte, ponechte vybraný profil Facebook.
- Pokud se vám účet na Instagramu nezobrazuje, postupujte podle pokynů níže "Jak propojit můj profil na Facebooku".
4) Klikněte na "Nastavení" vlevo dole.
5) Klikněte na kartu "Oprávnění" a vyberte stránku na Facebooku propojenou s cílovým účtem Instagram.
6) Klikněte na "Vytvořit skupinu".
7) Přidejte skupinu a pojmenujte ji například "AR Manager Group".
8) Přidejte profil tvůrce filtru na Facebooku: "Bastien Sarolea"
Jak propojím svůj profil na Facebooku s účtem na Instagramu?
Filter Experience vytváří filtry Instagramu
Postaráme se o vše za vás!
Tým Filtre Experience má potřebné dovednosti v těchto oblastech:
- 2D ve Photoshopu
- 3D v Blenderu - Javascript
programování - Logic by Patch modules Jsme proto připraveni realizovat všechny vaše nápady, ať už jsou jakkoli technické a složité! Jediným omezením je vaše představivost!
Váš filtr ve 4 krocích
Nápad
Dohodli jsme se s vámi na inovativním nápadu
Design 2D a 3D
Vytvoříme pro vás potřebné prostředky
Kód
Všechny interakce vyvíjíme za vás
Publikace
Vydáváme ji společně na vašem profilu, doma
