Faites vos propres filtres Instagram

Guide de production du filtre Instagram: Vous pouvez facilement commencer même avec Zero Foundation!

absorbé par Instagram? Vous ne pouvez pas terminer les photos de la vie exquises et les histoires intéressantes? Sans parler de ces effets de filtre en constante évolution! Vous voulez faire votre propre filtre Instagram? Ne vous inquiétez pas, cet article vous apprendra étape par étape pour utiliser Spark AR Studio, et vous pouvez facilement créer vos propres filtres personnalisés même sans expérience!

Tout d'abord, vous devez connaître certaines connaissances de base:

Il n'est pas difficile de faire des filtres (selon votre complexité dans votre esprit créatif)

La difficulté de faire des filtres dépend du niveau de complexité de créativité. Des effets 2D simples peuvent être facilement réalisés sans production d'animation complexe.

Aucune expérience n'est nécessaire, mais l'expérience vous fera deux fois le résultat avec la moitié de l'effort

Si vous connaissez des logiciels d'édition d'images tels que Cinema 3D ou Adobe Photoshop, il sera plus facile de commencer. Première fois que vous vous trouvez dans de tels outils? Ne vous inquiétez pas, explorez plus et essayez plus, et vous pouvez le maîtriser rapidement.

Spark AR a fait la plupart des préparatifs pour vous

Spark AR Studio fournit de riches tutoriels, des matériaux et un soutien communautaire, afin que même les débutants puissent commencer rapidement. Le logiciel est livré avec certains projets prédéfinis, tels que des masques de lapin animés, des effets de lumière et des particules flottantes, ce qui peut vous aider à comprendre le fonctionnement du filtre. Il y a aussi des bibliothèques de matériel d'animation 3D plus avancées, des crânes à Pokémon, tout!

Parce que je n'ai aucune expérience d'animation et que je préfère le style minimaliste, cet article l'expliquera en faisant des filtres 2D simples comme exemple. Vous pouvez combiner, l'utiliser seul ou superposer des éléments 2D pour créer des effets plus riches.

Leçon 1: familier avec l'interface Spark AR Studio

Télécharger d'abord Spark AR Studio (pris en charge pour Windows 10 64 bits et macOS Mojave 10.14 et plus). Une fois l'installation terminée, vous pouvez choisir d'utiliser le projet prédéfini ou cliquer sur le bouton "Créer le projet" dans le coin inférieur droit pour commencer à partir de zéro.

L'interface Spark AR Studio est principalement divisée en quatre zones:

• Panneau de scène (en haut à gauche): montre la structure de l'objet dans le filtre. Par défaut, vous verrez "Ambientlight0" et "DirectionAllight0" (éléments lumineux).
• Panneau d'actifs (sous le panneau de scène): contient des informations matérielles pour tous les objets du panneau de scène. Par exemple, si vous ajoutez un rectangle rouge au panneau de scène, l'élément de couleur sera affiché dans le panneau d'actif.
• Version (Middle): Votre espace de travail principal, offrant deux perspectives. La fenêtre centrale plus grande affiche tous les objets de la plage de la caméra de l'appareil, ce qui vous permet de créer des effets plus facilement de l'espace de la caméra (se déplaçant avec l'appareil photo) ou de l'espace mondial (position fixe).
• Panneau d'inspecteur (à droite): affiche les propriétés des éléments dans la scène, vous permettant de modifier les couleurs, les textures, les positions, les rotations et autres détails.

Spark AR fournit plusieurs faces de test, ce qui vous permet de tester plus facilement l'effet des filtres dans des personnes de différents sexes et races. Vous pouvez également choisir une caméra locale pour l'auto-test.

L'émulateur dans le coin supérieur droit de la fenêtre affiche l'effet final du filtre, et vous pouvez choisir différents appareils iOS et Android à prévisualiser.

Vous pouvez envoyer votre travail sur l'application Instagram ou Facebook pour les tests à tout moment via le bouton "Envoyer à l'appareil" (le deuxième bouton sur le côté gauche du panneau de ressource).

Leçon 2: Remplacement de fond - magie de la téléportation instantanée

Commençons par un simple remplacement d'arrière-plan. Ceci est techniquement appelé «segmentation» et est un effet spécial fondamental mais intéressant avec des possibilités infinies.

1. Sélectionnez l'image d'arrière-plan. Vous pouvez créer de nouvelles images à l'aide de photos prêtes à l'emploi ou à l'aide d'un logiciel comme Photoshop. J'ai choisi une photo de la nébuleuse à bulles prises par le télescope spatial Hubble.

2. Ajoutez deux rectangles. L'un sert de fond (similaire à l'écran vert), l'autre montre votre visage et efface l'arrière-plan du monde réel. Cliquez sur "Ajouter un objet" dans le coin inférieur droit du panneau de scène, sélectionnez "Rectangle" et répétez deux fois. Renommez-les en "arrière-plan" et "premier plan" et assurez-vous qu'ils sont tous imbriqués sous "Canvas0".

3. Réglez la taille du rectangle. Sélectionnez le rectangle "d'arrière-plan", cliquez sur le champ "Taille" dans le panneau de l'inspecteur, puis sélectionnez les menus déroulants "Remplacement de la largeur de remplissage" et "Remplacer" pour rendre la taille du rectangle adaptée à différents appareils. Il en va de même pour le deuxième rectangle. Les fenêtres seront entièrement couvertes par des rectangles et sont affichées sous forme de motifs en damier (alphas), indiquant qu'ils sont transparents.

4. Séparez la couche. Pour rendre l'effet de segmentation efficace, vous devez placer le rectangle en différentes couches afin que l'arrière-plan soit rendu après le premier plan. Sélectionnez le rectangle "d'arrière-plan", cliquez sur le champ "Calques" dans le panneau Inspector et sélectionnez "Créer un nouveau calque".

5. Créez un nouveau matériau. attribuer du matériel à chaque rectangle. Sélectionnez le rectangle, cliquez sur le panneau Plus à côté de "Matériel" dans le panneau Inspecteur, sélectionnez "Créer un nouveau matériel" et renommez-le. Sélectionnez le matériau dans le panneau de ressources et vous pouvez modifier la couleur, la texture, l'opacité, le mode de mélange, etc. dans le panneau de l'inspecteur.

6. Créez une texture divisée. Cela convertira toute vidéo capturée par la caméra en texture, vous séparant de l'arrière-plan. Cliquez sur "Camera" dans le panneau de la scène et cliquez sur le panneau Plus à côté de "Split" dans le panneau Inspecteur.

7. Ajouter "Extraction de texte" au matériau de premier plan. Cliquez sur "Caméra" dans le panneau de scène et cliquez sur le signe plus à côté de "Extraction textile" dans le panneau de l'inspecteur. Dans le panneau de l'inspecteur du matériau de premier plan, modifiez le type de shader en plan et sous diffuse, sélectionnez "camératexture0" comme texture et activez "alpha", sélectionnez "PersoningationMaskTexture0" comme texture alpha.

8. Changez l'arrière-plan. Sélectionnez "Background_Material" et modifiez la couleur pour contraster avec le sujet de la caméra, ce qui aide à régler la "taille du masque" et la "douceur des bords" des bords segmentés.

Vous pouvez utiliser la couleur que vous aimez, ou comme moi, téléchargez l'image que vous choisissez comme arrière-plan (notez la taille de l'image).

9. Ajouter un effet flash. Ajouter le "système de particules" au panneau de scène, ajustez sa position, sa taille, sa vitesse, sa durée de vie, sa force et sa matériau pour créer l'effet de particules que vous souhaitez.

Sélectionnez du matériau de particules, modifiez le type de shader en "plan" (ou "basé sur la physique") et téléchargez une image avec un fond transparent sous forme de texture de particules.

10. Partagez vos filtres. Cliquez sur le bouton "Exporter" pour télécharger le projet pour déclencher un hub AR, définir des icônes et exemples de vidéos, et attendre la revue Instagram (jusqu'à 10 jours).

Spark AR Studio est puissant.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!