CINXE.COM
<!doctype html> <html lang="en-US" dir="ltr" class="docs-wrapper docs-doc-page docs-version-current plugin-docs plugin-id-default docs-doc-id-guides/technical-guides/objects/ar-tracking/head-tracker" data-theme="dark"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=0.86,maximum-scale=3,minimum-scale=0.86"> <meta name="generator" content="Docusaurus v2.4.0"> <script src="https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_privacy_protection_framework/loader/1.0.0.838/index.js" crossorigin="anonymous" async data-business="tiktok.effect.learn" data-env="production" data-region="va"></script><script id="runtime-config" type="application/json">{"COUNTRY_CODE":"SG","REGION":"va","APP_ENV":"us-east","SERVICE_ENV":"prod","APP_REGION":"us-east","APP_ZONE":"maliva","TCE_ENV":"prod","TCE_HOST_ENV":"online","SERVICE_CLUSTER":"faas-us-east"}</script> <script id="build-config" type="application/json">{"BUILD_VERSION":"1.0.0.459","BUILD_TYPE":"online"}</script><title data-rh="true">Head Tracker | Learn | TikTok Effect House</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://effecthouse.tiktok.com/learn/guides/technical-guides/objects/ar-tracking/head-tracker"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="Head Tracker | Learn | TikTok Effect House"><meta data-rh="true" name="description" content="Head Tracker detects an onscreen head and provides information about the 3D position of the head in virtual space. This is a robust and widely-used functionality that allows you to track 3D objects to the head and face."><meta data-rh="true" property="og:description" content="Head Tracker detects an onscreen head and provides information about the 3D position of the head in virtual space. This is a robust and widely-used functionality that allows you to track 3D objects to the head and face."><link data-rh="true" rel="icon" href="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/site_assets/img/effecthouse-icon-48x48.png"><link data-rh="true" rel="canonical" href="https://effecthouse.tiktok.com/learn/guides/technical-guides/objects/ar-tracking/head-tracker"><link data-rh="true" rel="alternate" href="https://effecthouse.tiktok.com/learn/guides/technical-guides/objects/ar-tracking/head-tracker" hreflang="en-US"><link data-rh="true" rel="alternate" href="https://effecthouse.tiktok.com/learn/guides/technical-guides/objects/ar-tracking/head-tracker" hreflang="x-default"><link rel="stylesheet" href="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/css/styles.51432c6c.css"> <link rel="preload" href="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/js/runtime~main.7d5aec7a.js" as="script"> <link rel="preload" href="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/js/main.ed0056ee.js" as="script"> </head> <body class="navigation-with-keyboard" data-theme="light" itemscope="" itemtype="http://schema.org/Organization"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"dark")}()</script> <script id="slardar-config" type="application/json">{"slardarClient":"ttepSlardarClient","bid":"ttep_webapp","env":"production","release":"tiktok.effect.learn - undefined","sdkUrl":"https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok/fe/common/gando_libs/slardar/sdk-web-va.js","domain":"https://mon.tiktokv.com","disableInit":true,"plugins":{"pageview":{"routeMode":"hash"},"tti":true,"performance":{"fp":true,"fcp":true,"fid":true,"mpfid":true,"lcp":true,"cls":true,"longtask":true},"jsError":{"onerror":true,"onunhandledrejection":true,"captureGlobalAsync":true},"blankScreen":{"rootSelector":"body","autoDetect":true,"threshold":1.5,"screenshot":true,"mask":false,"partialShot":true,"quality":0.1}},"pluginPathPrefix":"https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok/fe/common/gando_libs/slardar/plugins"}</script> <script src="https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok/fe/common/gando_libs/slardar/sdk-web-pre-sg.js"></script><div id="__docusaurus"> <div role="region" aria-label="Skip to main content"><a class="skipToContent_KGvp" href="#docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner navbar__inner--ttep"><div class="navbar__items navbar__items--left navbar__items--ttep"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a href="https://effecthouse.tiktok.com/" target="_self" rel="noopener noreferrer" class="navbar__brand"><div class="navbar__logo"><img src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/site_assets/img/effecthouse_icon.png" alt="TikTok Effect House Logo" class="themedImage_Nxu7 themedImage--light_hYhX" height="16" width="16"><img src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/site_assets/img/effecthouse_icon.png" alt="TikTok Effect House Logo" class="themedImage_Nxu7 themedImage--dark_loCF" height="16" width="16"></div><b class="navbar__title text--truncate">effect house</b></a><style data-emotion="css 2x5ik4">.css-2x5ik4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-flow:row nowrap;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-size:20px;}</style><a class="css-2x5ik4" href="/learn/"><svg fill="currentColor" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.05 7.84a1.5 1.5 0 0 1 1.9 0l16.1 13.2a1.5 1.5 0 0 1-.95 2.66h-2.33l-1.2 13.03A2.5 2.5 0 0 1 34.1 39H13.9a2.5 2.5 0 0 1-2.49-2.27L10.23 23.7H7.9a1.5 1.5 0 0 1-.95-2.66l16.1-13.2Zm.95 3.1L12.1 20.7h.87l1.4 15.3h8.13v-7.69a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1V36h8.13l1.4-15.3h.87L24 10.94Z"></path></svg><style data-emotion="css 1f3riye">.css-1f3riye{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightSemibold);}</style><span class="css-1f3riye">Home</span></a></div><div class="navbar__items navbar__items--middle navbar__items--ttep"><a aria-current="page" class="navbar__item navbar__link navbar__link--active" target="_self" href="/learn/guides/getting-started/introduction-to-effect-house">Guides</a><a class="navbar__item navbar__link" target="_self" href="/learn/tutorials">Tutorials</a><a class="navbar__item navbar__link" target="_self" href="/learn/library">Library</a><a class="navbar__item navbar__link" target="_self" href="/learn/spotlight/weekly-tiktok-trends">Spotlight</a></div><div class="navbar__items navbar__items--right navbar__search--ttep"><div class="searchBox_KyBW"><div class="dsla-search-wrapper"><div class="dsla-search-field" data-tags="default,docs-default-current"></div></div></div></div><div class="navbar__items navbar__items--right"><style data-emotion="css v0gb01">.css-v0gb01{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80px;height:40px;-webkit-margin-start:16px;margin-inline-start:16px;background:#303137;border-radius:12px;font-weight:600;font-size:16px;line-height:24px;color:#fff;}.css-v0gb01:hover,.css-v0gb01:active{background:#242529;color:#fff;-webkit-text-decoration:none;text-decoration:none;}</style><a data-cy="effect-header-login-button" href="" class="css-v0gb01">Log in</a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_BM4q docsWrapper_vDto"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_taUb" type="button"></button><div class="docPage_q2a3"><aside class="theme-doc-sidebar-container docSidebarContainer_jNqj"><div class="sidebarViewport_mQo_"><div class="sidebar_QfZd"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_kJS0"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/learn/guides/getting-started/introduction-to-effect-house">Getting Started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" href="/learn/guides/technical-guides/objects/segmentation/portrait-segmentation">Technical Guides</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" tabindex="0" href="/learn/guides/technical-guides/objects/segmentation/portrait-segmentation">Objects</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" tabindex="0" href="/learn/guides/technical-guides/objects/segmentation/portrait-segmentation">Segmentation</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" tabindex="0" href="/learn/guides/technical-guides/objects/generative-effects/aged">Generative Effects</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" tabindex="0" href="/learn/guides/technical-guides/objects/post-effect/bling">Post Effect</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" tabindex="0" href="/learn/guides/technical-guides/objects/face-effects/3d-face">Face Effects</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" tabindex="0" href="/learn/guides/technical-guides/objects/pet-effects/cat-face-stretch">Pet Effects</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" aria-expanded="true" tabindex="0" href="/learn/guides/technical-guides/objects/ar-tracking/head-tracker">AR Tracking</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/learn/guides/technical-guides/objects/ar-tracking/head-tracker">Head Tracker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/learn/guides/technical-guides/objects/ar-tracking/neck-tracker">Neck Tracker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/learn/guides/technical-guides/objects/ar-tracking/body-avatar-drive">Body Avatar Drive</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/learn/guides/technical-guides/objects/ar-tracking/ar-brush">AR Brush</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/learn/guides/technical-guides/objects/ar-tracking/hand-tracker">Hand Tracker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/learn/guides/technical-guides/objects/ar-tracking/ar-plane">AR Plane</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/learn/guides/technical-guides/objects/ar-tracking/target-tracker">Target Tracker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/learn/guides/technical-guides/objects/ar-tracking/3d-hand-tracker">3D Hand Tracker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-4 menu__list-item"><a class="menu__link" tabindex="0" href="/learn/guides/technical-guides/objects/ar-tracking/2d-keypoint-tracker">2D Keypoint Tracker</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" tabindex="0" href="/learn/guides/technical-guides/objects/3d/cube">3D</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" tabindex="0" href="/learn/guides/technical-guides/objects/scene/scene-object">Scene</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" tabindex="0" href="/learn/guides/technical-guides/objects/2d/2d-scene-object">2D</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-3 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" tabindex="0" href="/learn/guides/technical-guides/objects/social-kit/profile-photo">Social Kit</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" tabindex="0" href="/learn/guides/technical-guides/components/scene/camera">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" tabindex="0" href="/learn/guides/technical-guides/assets/material/material-overview">Assets</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/learn/guides/technical-guides/tiktok-sounds">TikTok Sounds</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/learn/guides/visual-scripting/">Visual Scripting</a><button aria-label="Toggle the collapsible sidebar category 'Visual Scripting'" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/learn/guides/material-editor/">Material Editor</a><button aria-label="Toggle the collapsible sidebar category 'Material Editor'" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/learn/guides/publishing/preview/preview-in-effect-house">Publishing</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist" aria-expanded="false" href="/learn/guides/visual-effects-editor/">Visual Effects Editor</a><button aria-label="Toggle the collapsible sidebar category 'Visual Effects Editor'" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/learn/guides/general/promote-your-effect">General</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" aria-expanded="false" href="/learn/guides/support/how-to-get-support">Support</a></div></li></ul></nav></div></div></aside><main class="docMainContainer_uTas"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_wDtY"><div class="docItemContainer__a0Z"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_fI9G" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/learn/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_aFFf"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Technical Guides</span><meta itemprop="position" content="1"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Objects</span><meta itemprop="position" content="2"></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">AR Tracking</span><meta itemprop="position" content="3"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Head Tracker</span><meta itemprop="position" content="4"></li></ul></nav><div class="tocCollapsible_RJT5 theme-doc-toc-mobile tocMobile_GX2d"><button type="button" class="clean-btn tocCollapsibleButton_gnLf">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Head Tracker</h1></header><p><strong>Head Tracker</strong> detects an onscreen head and provides information about the 3D position of the head in virtual space. This is a robust and widely-used functionality that allows you to track 3D objects to the head and face.</p><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/head_tracker_demo_wig-60589cc36c8fbfae772f3dcac8cc2964.gif" width="30%" alt="wig head tracker" class="img_Im1y"> <img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/head_tracker_demo_monster-7f39b876bc5805b09a35acd471056785.gif" width="30%" alt="head tracker demo monster" class="img_Im1y"> <img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/head_tracker_helmet-4f1eb13e48dad670caedc49cfc02fe93.gif" width="30%" alt="head tracker helmet" class="img_Im1y"></center><h2 class="anchor anchorWithStickyNavbar_Ci71" id="add-a-head-tracker-object">Add a Head Tracker Object<a href="#add-a-head-tracker-object" class="hash-link" aria-label="Direct link to Add a Head Tracker Object" title="Direct link to Add a Head Tracker Object"></a></h2><p>Add a <strong>Head Tracker</strong> by clicking the <strong>Add</strong> button <!-- -->[<strong>+</strong>]<!-- -->, going to <strong>AR Tracking</strong>, then selecting <strong>Head Tracker</strong> in the <strong>Hierarchy</strong> panel. The <strong>Face Binding</strong> component is included when a <strong>Head Tracker</strong> object is added.</p><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/head_tracker_object-27960ca04930bf8db5da974e826e86e5.png" width="40%" alt="head tracker object" class="img_Im1y"></center><p>Adding a <strong>Head Tracker</strong> object will add a <strong>Head</strong> object by default. The <strong>Head</strong> is parented under the tracker object so that it follows the head movement.</p><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/head_parented-958c1cdae2c74fb5d53ef2cb065b25f4.png" width="40%" alt="head parented" class="img_Im1y"></center><h3 class="anchor anchorWithStickyNavbar_Ci71" id="head-occluder">Head Occluder<a href="#head-occluder" class="hash-link" aria-label="Direct link to Head Occluder" title="Direct link to Head Occluder"></a></h3><p>The <strong>Head</strong> object is a head-shaped mesh with <strong>Occluder</strong> material that allows you to mask the onscreen head.</p><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/mesh_renderer-21928bc24767faf7bb03ac3c78b89afe.png" width="40%" alt="mesh renderer" class="img_Im1y"></center><div class="theme-admonition theme-admonition-tip alert alert--success admonition_wrMV"><div class="admonitionHeading_VEw6"><span class="admonitionIcon_Nxzi"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_QKVx"><p>With the <strong>Occluder</strong> material, the head model can be used to occlude other 3D objects in the scene. For example, if a hat model wraps around the head, you can occlude the back of the hat so that it appears to be sharing the same 3D space as the head onscreen.</p></div></div><center><img loading="lazy" src="https://sf16-va.tiktokcdn.com/obj/eden-va2/nuvzeh7ullssvj/large_assets/occluder_in_scene.png" width="25%" alt="occluder in scene" class="img_Im1y"> <img loading="lazy" src="https://sf16-va.tiktokcdn.com/obj/eden-va2/nuvzeh7ullssvj/large_assets/occluder_in_preview.gif" width="20%" alt="occluder in preview" class="img_Im1y"></center><h3 class="anchor anchorWithStickyNavbar_Ci71" id="head-occluder-model">Head Occluder Model<a href="#head-occluder-model" class="hash-link" aria-label="Direct link to Head Occluder Model" title="Direct link to Head Occluder Model"></a></h3><p>Download the Head Occluder model for 3D scale reference here.</p><p><a href="https://sf16-va.tiktokcdn.com/obj/eden-va2/uhpzvyalweh7ullsyhj/LargeFiles/headOccluder.zip" target="_blank" rel="noopener noreferrer">↓<!-- --> HeadOccluder.zip</a></p><h2 class="anchor anchorWithStickyNavbar_Ci71" id="use-the-head-tracker-object">Use the Head Tracker Object<a href="#use-the-head-tracker-object" class="hash-link" aria-label="Direct link to Use the Head Tracker Object" title="Direct link to Use the Head Tracker Object"></a></h2><p>You will need a 3D object to parent under the <strong>Head Tracker</strong> object. You can also use multiple head trackers if there is more than one person in the preview. </p><h3 class="anchor anchorWithStickyNavbar_Ci71" id="put-a-3d-object-on-a-head">Put a 3D Object on a Head<a href="#put-a-3d-object-on-a-head" class="hash-link" aria-label="Direct link to Put a 3D Object on a Head" title="Direct link to Put a 3D Object on a Head"></a></h3><p>Navigate to the <strong>Hierarchy</strong> panel and click the <strong>Add</strong> button <!-- -->[<strong>+</strong>]<!-- -->, go to <strong>3D</strong>, and then select <strong>Sphere</strong>. To ensure that the object follows the head, you need to parent the sphere object under the <strong>Head Tracker</strong>. Then it will follow the head tracking movement.</p><h3 class="anchor anchorWithStickyNavbar_Ci71" id="use-multiple-head-trackers">Use Multiple Head Trackers<a href="#use-multiple-head-trackers" class="hash-link" aria-label="Direct link to Use Multiple Head Trackers" title="Direct link to Use Multiple Head Trackers"></a></h3><h4 class="anchor anchorWithStickyNavbar_Ci71" id="add-multiple-head-trackers-to-the-scene">Add Multiple Head Trackers to the Scene<a href="#add-multiple-head-trackers-to-the-scene" class="hash-link" aria-label="Direct link to Add Multiple Head Trackers to the Scene" title="Direct link to Add Multiple Head Trackers to the Scene"></a></h4><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/multiple_head_trackers_in_hierarchy-d35b36439f3f79358549bf6c48b45b20.png" width="40%" alt="multiple head trackers in hierarchy" class="img_Im1y"></center><p>Up to 5 faces can be detected at a time. A <strong>Head Tracker</strong> must be created and assigned to each you want to track.</p><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/multiple_head_trackers_in_hierarchy-d35b36439f3f79358549bf6c48b45b20.png" width="40%" alt="multiple head trackers in hierarchy" class="img_Im1y"></center><h4 class="anchor anchorWithStickyNavbar_Ci71" id="adjust-the-face-binding-properties">Adjust the Face Binding Properties<a href="#adjust-the-face-binding-properties" class="hash-link" aria-label="Direct link to Adjust the Face Binding Properties" title="Direct link to Adjust the Face Binding Properties"></a></h4><p>Values of <strong>Which Face</strong> must be changed to different values to apply the head effect to different people.</p><div class="theme-admonition theme-admonition-tip alert alert--success admonition_wrMV"><div class="admonitionHeading_VEw6"><span class="admonitionIcon_Nxzi"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_QKVx"><p>The face number assignment is based on the order of detection. The first face detected in the scene is assigned to <strong>0</strong>, the second face is assigned to <strong>1</strong>, and so on.</p></div></div><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/which_face_0-10488ff0140190a694fb0934cfd1a432.png" width="50%" alt="which face 0" class="img_Im1y"></center><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/which_face_1-9db75833161ffb1bbffeea01b43bb5a3.png" width="50%" alt="which face 1" class="img_Im1y"></center><h2 class="anchor anchorWithStickyNavbar_Ci71" id="components">Components<a href="#components" class="hash-link" aria-label="Direct link to Components" title="Direct link to Components"></a></h2><p>The <strong>Head Tracker</strong> object is made up of the following components, found in the <strong>Inspector</strong> panel:</p><ul><li><a href="/learn/guides/technical-guides/components/transform"><strong>Transform</strong></a></li><li><a href="/learn/guides/technical-guides/components/ar-capability/face-binding"><strong>Face Binding</strong></a></li></ul><h2 class="anchor anchorWithStickyNavbar_Ci71" id="demo-effect-head-accessory">Demo Effect: Head Accessory<a href="#demo-effect-head-accessory" class="hash-link" aria-label="Direct link to Demo Effect: Head Accessory" title="Direct link to Demo Effect: Head Accessory"></a></h2><p>This demo puts a sphere on the onscreen head’s nose that stays in place using the <strong>Head Tracker</strong>! First you will learn how to add the head tracking capability and the initial setup. Then you’ll add the sphere and make some tweaks to finish the effect.</p><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/sphere_head_tracker_demo-bb60c0520848cc5f02627f13397b9853.gif" width="30%" alt="sphere head tracker demo" class="img_Im1y"></center><h3 class="anchor anchorWithStickyNavbar_Ci71" id="add-a-sphere-to-the-nose">Add a Sphere to the Nose<a href="#add-a-sphere-to-the-nose" class="hash-link" aria-label="Direct link to Add a Sphere to the Nose" title="Direct link to Add a Sphere to the Nose"></a></h3><p>Start by adding a built-in sphere to the scene by navigating to the <strong>Hierarchy</strong> panel and clicking the <strong>Add</strong> button <!-- -->[<strong>+</strong>]<!-- --> > <strong>3D</strong> > <strong>Sphere</strong>. Now we can see a preview of the effect in the <strong>Preview</strong> panel. By default, the sphere does not follow the head movement.</p><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/add_sphere_to_nose-8df6e80c03818917770382f7a5080fa8.gif" width="30%" alt="add sphere to nose" class="img_Im1y"></center><p>To ensure that the object follows the head, you must parent the <strong>Sphere</strong> object under the <strong>Head Tracker</strong>.</p><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/parent_sphere_to_head_tracker-a8c2569e7c3c5e82150734b5958d153c.gif" width="80%" alt="parent sphere to head tracker" class="img_Im1y"></center><p>You can see that the sphere is following the head onscreen. You can continue to make it a little more interesting! First, you’ll want to move and scale the sphere to track the nose.</p><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/scale_sphere_track_nose-de3ee20c272d3918d7b613639f7afe64.gif" width="80%" alt="scale sphere track nose" class="img_Im1y"></center><h3 class="anchor anchorWithStickyNavbar_Ci71" id="apply-a-pbr-material-to-the-sphere">Apply a PBR Material to the Sphere<a href="#apply-a-pbr-material-to-the-sphere" class="hash-link" aria-label="Direct link to Apply a PBR Material to the Sphere" title="Direct link to Apply a PBR Material to the Sphere"></a></h3><p>You’ll need to create a new material for the sphere. Navigate to the <strong>Assets</strong> panel and click the <strong>Add</strong> button <!-- -->[<strong>+</strong>]<!-- --> > <strong>Material</strong> > <strong>Standard PBR</strong>.</p><p>Change the color of our new material from the default gray to something new! Select the <strong>Standard PBR</strong> material from the <strong>Assets</strong> panel to bring up its parameters.</p><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/apply_pbr_material_to_sphere-730ee52bbd69a42de720e1b7b8dcc5ac.png" width="20%" alt="apply PBR material to sphere" class="img_Im1y"></center><p>Change the material’s base color in the <strong>Albedo</strong> section. For this example, pink is selected, but you can use any color you’d like!</p><p>Now you can apply the material to the sphere. Select the sphere in the <strong>Hierarchy</strong> panel and navigate to the <strong>Mesh Renderer</strong> listed in its components. You can apply the <strong>Standard PBR</strong> to the <strong>Material</strong> section.</p><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/apply_standard_pbr_to_material-17d2db901f45bc3a8e170f349b9bd47d.gif" width="80%" alt="apply standard PBR to material" class="img_Im1y"></center><p>You can see the final result in the <strong>Preview</strong> panel!</p><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/head_accessory_demo-bb60c0520848cc5f02627f13397b9853.gif" width="30%" alt="head accessory demo" class="img_Im1y"></center><h2 class="anchor anchorWithStickyNavbar_Ci71" id="demo-effect-face-avatar-drive">Demo Effect: Face Avatar Drive<a href="#demo-effect-face-avatar-drive" class="hash-link" aria-label="Direct link to Demo Effect: Face Avatar Drive" title="Direct link to Demo Effect: Face Avatar Drive"></a></h2><p>Check out this tutorial to learn how to create a <a href="/learn/library/template-tutorials/face-avatar-drive"><strong>Face Avatar Drive</strong> effect</a>!</p><center><img loading="lazy" src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/images/face_avatar_drive_demo-d942c4596af33b73580f4eee2885f033.gif" width="30%" alt="face avatar drive demo" class="img_Im1y"></center></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><a class="pagination-nav__link pagination-nav__link--prev" href="/learn/guides/technical-guides/objects/pet-effects/dog-face-sticker"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Dog Face Sticker</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/learn/guides/technical-guides/objects/ar-tracking/neck-tracker"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Neck Tracker</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_Yk2y thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#add-a-head-tracker-object" class="table-of-contents__link toc-highlight">Add a Head Tracker Object</a><ul><li><a href="#head-occluder" class="table-of-contents__link toc-highlight">Head Occluder</a></li><li><a href="#head-occluder-model" class="table-of-contents__link toc-highlight">Head Occluder Model</a></li></ul></li><li><a href="#use-the-head-tracker-object" class="table-of-contents__link toc-highlight">Use the Head Tracker Object</a><ul><li><a href="#put-a-3d-object-on-a-head" class="table-of-contents__link toc-highlight">Put a 3D Object on a Head</a></li><li><a href="#use-multiple-head-trackers" class="table-of-contents__link toc-highlight">Use Multiple Head Trackers</a></li></ul></li><li><a href="#components" class="table-of-contents__link toc-highlight">Components</a></li><li><a href="#demo-effect-head-accessory" class="table-of-contents__link toc-highlight">Demo Effect: Head Accessory</a><ul><li><a href="#add-a-sphere-to-the-nose" class="table-of-contents__link toc-highlight">Add a Sphere to the Nose</a></li><li><a href="#apply-a-pbr-material-to-the-sphere" class="table-of-contents__link toc-highlight">Apply a PBR Material to the Sphere</a></li></ul></li><li><a href="#demo-effect-face-avatar-drive" class="table-of-contents__link toc-highlight">Demo Effect: Face Avatar Drive</a></li></ul></div></div></div></div></main></div></div><footer><style data-emotion="css 16j5s62">.css-16j5s62{display:none;}@media (min-width: 1024px){.css-16j5s62{display:block;width:100%;margin:auto;}}</style><div class="css-16j5s62"><style data-emotion="css 1u5ytw6">.css-1u5ytw6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0 32px;}</style><div class="css-1u5ytw6"><style data-emotion="css 3csf18">.css-3csf18{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:50%;box-sizing:border-box;padding:43px 80px;gap:20px;}.css-3csf18::before{content:'';position:absolute;top:60px;right:-10px;height:60%;border-right:1px solid white;opacity:0.1;}</style><div width="50%" class="css-3csf18"><style data-emotion="css 1m2vepo">.css-1m2vepo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:left;word-break:break-word;}</style><div class="css-1m2vepo"><style data-emotion="css 1yfpzod">.css-1yfpzod{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP1);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightBold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1yfpzod">Latest</span><style data-emotion="css 1gz66p4">.css-1gz66p4{width:0;height:22px;clear:none;}</style><div height="22px" class="css-1gz66p4"></div><style data-emotion="css k15ij">.css-k15ij{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-k15ij:hover{color:inherit;}</style><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><style data-emotion="css 1yldisx">.css-1yldisx{-webkit-text-decoration:none;text-decoration:none;color:inherit!important;}</style><a href="/latest/active-challenges/" class="css-1yldisx">Challenges</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/latest/release-notes-latest/" class="css-1yldisx">Release Notes</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/latest/news/" class="css-1yldisx">News</a></span></div></div><div class="css-1m2vepo"><style data-emotion="css 1yfpzod">.css-1yfpzod{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP1);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightBold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1yfpzod">Learn</span><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/learn/guides/getting-started/introduction-to-effect-house" class="css-1yldisx">Guides</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/learn/tutorials/" class="css-1yldisx">Tutorials</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/learn/library/" class="css-1yldisx">Library</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/learn/spotlight/community-showcases/overview" class="css-1yldisx">Spotlight</a></span></div></div><div class="css-1m2vepo"><style data-emotion="css 1yfpzod">.css-1yfpzod{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP1);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightBold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1yfpzod">Support</span><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="https://community.effecthouse.com/" class="css-1yldisx">Ask the Community</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="https://discord.gg/effecthouse?utm_source=website&utm_campaign=2024&utm_medium=learn" class="css-1yldisx">Ask Discord</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/learn/guides/general/faqs" class="css-1yldisx">Frequently Asked Questions</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/download?utm_source=effecthouse_learn_footer" class="css-1yldisx">Download Effect House</a></span></div></div></div><style data-emotion="css 1edc0dv">.css-1edc0dv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:50%;box-sizing:border-box;padding:43px 0 0 118px;}</style><div width="50%" class="css-1edc0dv"><div class="css-1m2vepo"><style data-emotion="css 1yfpzod">.css-1yfpzod{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP1);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightBold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1yfpzod">Companies</span><style data-emotion="css o40dnm">.css-o40dnm{width:0;height:32px;clear:none;}</style><div height="32px" class="css-o40dnm"></div><div class="css-k15ij"><style data-emotion="css 1sg2lsz">.css-1sg2lsz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-1sg2lsz"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD4SURBVHgB7VEhFoJAFNwlcwC6du3atZNMUkwmzqDFxAEscAaKzeIBsHsADkDHGd7w3kd5z0D1vzd89u/s/Nm/3o1E27ZLpBkwV6kGnt776pPrRw7uAeYGeGmLQqGELmNCPBwDdyCT0Jcr7ZGzHzhAYYV0Bip1WSoTBTrWRiiRSzq5eRQiLDIgEqcy1teq5yAXRuSItAV2AT4LkdjlAGLKruI2ygmvaG7U78eBlBgpDvedr6rTTS5xioTdvb2n8KO7KoolcDL2NhpUZGqReLEbDr2kg1Cd+uAAKzs4/RNzw6OLMDCLXzHKCdzE+AvghfjmbkJQYOsmxBszQ4Yh/W8hmQAAAABJRU5ErkJggg=="></div><style data-emotion="css 7vq6bc">.css-7vq6bc{width:8px;height:0;clear:none;}</style><div width="8px" class="css-7vq6bc"></div><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="https://effecthouse.tiktok.com/" class="css-1yldisx">Effect House</a></span></div><div height="32px" class="css-o40dnm"></div><div class="css-k15ij"><div class="css-1sg2lsz"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADuSURBVHgBlVOxEYJAELxnCDHWAsgllwKMTMxMLIACLMCIAoxMJLIFCtCcAiyAAsjfPbhnTubFd2d2bvi7vb+94Q3NwFq7QmCSMabRuZjmcQS3Qw+7g7hziYjCYMCNPggVMgoZvcevUTUW4B3iGvH5j9CBPS9HITolCHswBVss4qKKLXigYVn5OCpEXHwmWT3QTK9BoxahRG3JdbEY1qJW6AUa9DV841qJKiRuFIBIzJL4ChI5ofsbOk8++ZZjofOTwm/mEuI9lc/XVGik4Kq6P+SGXJ2VsFF/CKU7+zyRH96FmcloBZip8arpc3J4AzIwSu0BGIwnAAAAAElFTkSuQmCC"></div><div width="8px" class="css-7vq6bc"></div><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="https://tiktok.com/" class="css-1yldisx">TikTok</a></span></div><div height="32px" class="css-o40dnm"></div><div class="css-k15ij"><div class="css-1sg2lsz"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADMSURBVHgBxdI7CgIxEIDhZH2LLlaCXsBabAWttbARFGt7wUPY2Nl4AEvxBnoCW1vPIFgIPiD+0ShBCLuyggMfIZPJ7CMR4stQSqUwQBWJV7KFJfrIBDQo4IAzep7JF9HFFGkRLpLwPREx4mGKeNUSQwdXrOw1z7HBh7RSC8xR/6x1fcIEW5qMzDzmqHM2yKGGpgiIyD/x56egHHVDtHF0NbhgjQ1OppEu3ulFKeWeYfZ4AjfR2n8TJpl93+vnvIKynbPW8hijoY9b/D3uWiplXqu1GjkAAAAASUVORK5CYII="></div><div width="8px" class="css-7vq6bc"></div><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="https://www.bytedance.com/" class="css-1yldisx">ByteDance</a></span></div></div><div class="css-1m2vepo"><style data-emotion="css 1yfpzod">.css-1yfpzod{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP1);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightBold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1yfpzod">Follow Us</span><div height="32px" class="css-o40dnm"></div><div class="css-k15ij"><div class="css-1sg2lsz"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACuSURBVHgBlZJrEYMwEISTGigSIgEJSKiEOqiE4qBVVHDQYoDiABRw7DHHTEguPHbm+3OXe2wSYyAiykxCyD1AL7yAAzf/wBs8lcI7xeImJecv3tkSwYo7e7FcWeYKOn9CEXSvZJuvMrnVfP3pmD5L3bJ2A5w5piaKyOX0O1NHthhOZmXClmprba1m+Ak2vLe0fomouEjdMMjPFs0fghI/0AZNuLsT7z/QweOQ2nQCeKA0/KTlMWQAAAAASUVORK5CYII="></div><div width="8px" class="css-7vq6bc"></div><style data-emotion="css 1y3p8xu">.css-1y3p8xu{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightSemibold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1y3p8xu"><a href="https://twitter.com/effecthouse?utm_campaign=EHTwitterFooter&utm_medium=web&utm_source=footer" class="css-1yldisx">Twitter</a></span></div><div height="32px" class="css-o40dnm"></div><div class="css-k15ij"><div class="css-1sg2lsz"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACjSURBVHgBpZLvDYIwEMXvGr/bDdQNdAPdgBWcyBV0A51ANgAmoBtQJiiv4ZqQwKVp+CUv1yZ9r3+uTEIIoUK5QhY60jYj5KEB+jGzS+ZXKKeHLEvAIDuXUpmYophbqM4EXAzpO3vc8YH6hJyyxhrKgJA3yk1OtCIbIN1paO7QigPNbdniDPMf9U46fn8XZPChchzUcZotfmLkpJjST4zmLx7YTyimaJEpdRdbAAAAAElFTkSuQmCC"></div><div width="8px" class="css-7vq6bc"></div><style data-emotion="css 1y3p8xu">.css-1y3p8xu{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightSemibold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1y3p8xu"><a href="https://www.youtube.com/channel/UC4bBKbvavjob7CpQ7_-vmWA?utm_campaign=EHYouTubeFooter&utm_medium=web&utm_source=footer" class="css-1yldisx">Youtube</a></span></div><div height="32px" class="css-o40dnm"></div><div class="css-k15ij"><div class="css-1sg2lsz"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADWSURBVHgBnZKBEYIwDEUTjwG6gYzACLiAroATyAaygSMoE3guIG6gE8gIOoH1F1PJ9YQr/rt3pWk/aZMyjchaazBkMr0x85NiBOPafvQCuV6bUZwYLP8xOpXIWvpJMsHosu5gXmE8TTF65WD+PaqrINiAoyPYbMEC1KCvLDamoLW9WonrqqYS65L4ozYglW/3xwsNXZS525NIf7ypxkJBEZrJZb0qilTYx/BJmUEnjlqoomxV3KiC3X8ZTVDRBuzBQ8WqoaxZYNY605iklwdwlWyNfpuh3mdL1cqAb7n6AAAAAElFTkSuQmCC"></div><div width="8px" class="css-7vq6bc"></div><style data-emotion="css 1y3p8xu">.css-1y3p8xu{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightSemibold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1y3p8xu"><a href="https://www.tiktok.com/@effecthouse?utm_campaign=EHTikTokFooter&utm_medium=web&utm_source=footer" class="css-1yldisx">TikTok</a></span></div><div height="32px" class="css-o40dnm"></div><div class="css-k15ij"><div class="css-1sg2lsz"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEaSURBVHgBjZL7jcIwDMYTxP/Xm4CO0LsF7pgAxAIwAhuAGIDHAiAxASwAiAF4LEBhASgLED6XL8iUp6Vfozq289mJNcqccyGW0Dwxa+3MZBPA1L23GNR1Ykz+QZA9CT4hAk1wkjjDYEeZDw17FmxAlcr6OfgjkED/VgU2qOAABnAVwBCsSZTHR6QlKqmDpQZ64ACkpz/wy7gkzaHumEkBZVdVb99gL0Phv8Rvcpl2/GB2HL/hCUe1l9pNIvsUeSUORNwhe1zq2Ly5txZoc2hSqAxGKDpmoeuJshl4JwK6HMSKMU34Kl4UJW/1PRa9PI82NSi5pr6lc4LlRySBOVWkW1xD8GUu11SgomtFGfOCT8qjTR7D5NUL+8jOAXkjNOVOiygAAAAASUVORK5CYII="></div><div width="8px" class="css-7vq6bc"></div><style data-emotion="css 1y3p8xu">.css-1y3p8xu{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightSemibold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1y3p8xu"><a href="https://instagram.com/effecthouse?igshid=YmMyMTA2M2Y&utm_campaign=EHInstagramFooter&utm_medium=web&utm_source=footer" class="css-1yldisx">Instagram</a></span></div></div></div></div><style data-emotion="css 2v9t90">.css-2v9t90{width:0;height:10px;clear:none;}</style><div height="10px" class="css-2v9t90"></div><style data-emotion="css 14it8km">.css-14it8km{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-radius:16px;padding:20px 32px;margin:0 80px;background-color:#292a2f;}</style><div class="css-14it8km"><style data-emotion="css ov1ktg">.css-ov1ktg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}</style><div class="css-ov1ktg"><style data-emotion="css c3w3de">.css-c3w3de{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP4);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse4);}</style><span class="css-c3w3de">© 2024 Effect House by TikTok</span></div><div class="css-ov1ktg"><style data-emotion="css c3w3de">.css-c3w3de{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP4);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse4);}</style><span class="css-c3w3de"><a href="https://www.tiktok.com/legal/page/row/terms-of-service/en" class="css-1yldisx">Terms of Service</a></span><style data-emotion="css 1reugne">.css-1reugne{width:32px;height:0;clear:none;}</style><div width="32px" class="css-1reugne"></div><style data-emotion="css c3w3de">.css-c3w3de{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP4);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse4);}</style><span class="css-c3w3de"><a href="https://www.tiktok.com/legal/page/row/privacy-policy/en" class="css-1yldisx">Privacy</a></span><div width="32px" class="css-1reugne"></div><style data-emotion="css c3w3de">.css-c3w3de{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP4);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse4);}</style><span class="css-c3w3de"><a href="https://www.tiktok.com/legal/page/global/copyright-policy/en" class="css-1yldisx">Intellectual Property Policy</a></span><div width="32px" class="css-1reugne"></div><style data-emotion="css c3w3de">.css-c3w3de{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP4);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse4);}</style><span class="css-c3w3de"><a href="https://www.tiktok.com/legal/page/global/law-enforcement/en" class="css-1yldisx">Law Enforcement</a></span></div></div><style data-emotion="css 65j3l">.css-65j3l{width:0;height:88px;clear:none;}</style><div height="88px" class="css-65j3l"></div></div><style data-emotion="css z79drv">.css-z79drv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:36px;}@media (min-width: 1024px){.css-z79drv{display:none;}}</style><div class="css-z79drv"><style data-emotion="css 1oskuwq">.css-1oskuwq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-1oskuwq"><style data-emotion="css 1yfpzod">.css-1yfpzod{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP1);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightBold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1yfpzod">Latest</span><style data-emotion="css 1gz66p4">.css-1gz66p4{width:0;height:22px;clear:none;}</style><div height="22px" class="css-1gz66p4"></div><style data-emotion="css k15ij">.css-k15ij{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-k15ij:hover{color:inherit;}</style><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><style data-emotion="css 1yldisx">.css-1yldisx{-webkit-text-decoration:none;text-decoration:none;color:inherit!important;}</style><a href="/latest/active-challenges/" class="css-1yldisx">Challenges</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/latest/release-notes-latest/" class="css-1yldisx">Release Notes</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/latest/news/" class="css-1yldisx">News</a></span></div></div><div class="css-1oskuwq"><style data-emotion="css 1yfpzod">.css-1yfpzod{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP1);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightBold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1yfpzod">Learn</span><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/learn/guides/getting-started/introduction-to-effect-house" class="css-1yldisx">Guides</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/learn/tutorials/" class="css-1yldisx">Tutorials</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/learn/library/" class="css-1yldisx">Library</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/learn/spotlight/community-showcases/overview" class="css-1yldisx">Spotlight</a></span></div></div><div class="css-1oskuwq"><style data-emotion="css 1yfpzod">.css-1yfpzod{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP1);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightBold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1yfpzod">Support</span><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="https://community.effecthouse.com/" class="css-1yldisx">Ask the Community</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="https://discord.gg/effecthouse?utm_source=website&utm_campaign=2024&utm_medium=learn" class="css-1yldisx">Ask Discord</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/learn/guides/general/faqs" class="css-1yldisx">Frequently Asked Questions</a></span></div><div height="22px" class="css-1gz66p4"></div><div class="css-k15ij"><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="/download?utm_source=effecthouse_learn_footer" class="css-1yldisx">Download Effect House</a></span></div></div><div class="css-1oskuwq"><style data-emotion="css 1yfpzod">.css-1yfpzod{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP1);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightBold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1yfpzod">Companies</span><style data-emotion="css o40dnm">.css-o40dnm{width:0;height:32px;clear:none;}</style><div height="32px" class="css-o40dnm"></div><div class="css-k15ij"><style data-emotion="css 1sg2lsz">.css-1sg2lsz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}</style><div class="css-1sg2lsz"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD4SURBVHgB7VEhFoJAFNwlcwC6du3atZNMUkwmzqDFxAEscAaKzeIBsHsADkDHGd7w3kd5z0D1vzd89u/s/Nm/3o1E27ZLpBkwV6kGnt776pPrRw7uAeYGeGmLQqGELmNCPBwDdyCT0Jcr7ZGzHzhAYYV0Bip1WSoTBTrWRiiRSzq5eRQiLDIgEqcy1teq5yAXRuSItAV2AT4LkdjlAGLKruI2ygmvaG7U78eBlBgpDvedr6rTTS5xioTdvb2n8KO7KoolcDL2NhpUZGqReLEbDr2kg1Cd+uAAKzs4/RNzw6OLMDCLXzHKCdzE+AvghfjmbkJQYOsmxBszQ4Yh/W8hmQAAAABJRU5ErkJggg=="></div><style data-emotion="css 7vq6bc">.css-7vq6bc{width:8px;height:0;clear:none;}</style><div width="8px" class="css-7vq6bc"></div><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="https://effecthouse.tiktok.com/" class="css-1yldisx">Effect House</a></span></div><div height="32px" class="css-o40dnm"></div><div class="css-k15ij"><div class="css-1sg2lsz"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADuSURBVHgBlVOxEYJAELxnCDHWAsgllwKMTMxMLIACLMCIAoxMJLIFCtCcAiyAAsjfPbhnTubFd2d2bvi7vb+94Q3NwFq7QmCSMabRuZjmcQS3Qw+7g7hziYjCYMCNPggVMgoZvcevUTUW4B3iGvH5j9CBPS9HITolCHswBVss4qKKLXigYVn5OCpEXHwmWT3QTK9BoxahRG3JdbEY1qJW6AUa9DV841qJKiRuFIBIzJL4ChI5ofsbOk8++ZZjofOTwm/mEuI9lc/XVGik4Kq6P+SGXJ2VsFF/CKU7+zyRH96FmcloBZip8arpc3J4AzIwSu0BGIwnAAAAAElFTkSuQmCC"></div><div width="8px" class="css-7vq6bc"></div><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="https://tiktok.com/" class="css-1yldisx">TikTok</a></span></div><div height="32px" class="css-o40dnm"></div><div class="css-k15ij"><div class="css-1sg2lsz"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADMSURBVHgBxdI7CgIxEIDhZH2LLlaCXsBabAWttbARFGt7wUPY2Nl4AEvxBnoCW1vPIFgIPiD+0ShBCLuyggMfIZPJ7CMR4stQSqUwQBWJV7KFJfrIBDQo4IAzep7JF9HFFGkRLpLwPREx4mGKeNUSQwdXrOw1z7HBh7RSC8xR/6x1fcIEW5qMzDzmqHM2yKGGpgiIyD/x56egHHVDtHF0NbhgjQ1OppEu3ulFKeWeYfZ4AjfR2n8TJpl93+vnvIKynbPW8hijoY9b/D3uWiplXqu1GjkAAAAASUVORK5CYII="></div><div width="8px" class="css-7vq6bc"></div><style data-emotion="css 4j358m">.css-4j358m{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightRegular);color:var(--tux-colorConstTextInverse3);}</style><span class="css-4j358m"><a href="https://www.bytedance.com/" class="css-1yldisx">ByteDance</a></span></div></div><div class="css-1oskuwq"><style data-emotion="css 1yfpzod">.css-1yfpzod{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP1);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightBold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1yfpzod">Follow Us</span><div height="32px" class="css-o40dnm"></div><div class="css-k15ij"><div class="css-1sg2lsz"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACuSURBVHgBlZJrEYMwEISTGigSIgEJSKiEOqiE4qBVVHDQYoDiABRw7DHHTEguPHbm+3OXe2wSYyAiykxCyD1AL7yAAzf/wBs8lcI7xeImJecv3tkSwYo7e7FcWeYKOn9CEXSvZJuvMrnVfP3pmD5L3bJ2A5w5piaKyOX0O1NHthhOZmXClmprba1m+Ak2vLe0fomouEjdMMjPFs0fghI/0AZNuLsT7z/QweOQ2nQCeKA0/KTlMWQAAAAASUVORK5CYII="></div><div width="8px" class="css-7vq6bc"></div><style data-emotion="css 1y3p8xu">.css-1y3p8xu{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightSemibold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1y3p8xu"><a href="https://twitter.com/effecthouse?utm_campaign=EHTwitterFooter&utm_medium=web&utm_source=footer" class="css-1yldisx">Twitter</a></span></div><div height="32px" class="css-o40dnm"></div><div class="css-k15ij"><div class="css-1sg2lsz"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACjSURBVHgBpZLvDYIwEMXvGr/bDdQNdAPdgBWcyBV0A51ANgAmoBtQJiiv4ZqQwKVp+CUv1yZ9r3+uTEIIoUK5QhY60jYj5KEB+jGzS+ZXKKeHLEvAIDuXUpmYophbqM4EXAzpO3vc8YH6hJyyxhrKgJA3yk1OtCIbIN1paO7QigPNbdniDPMf9U46fn8XZPChchzUcZotfmLkpJjST4zmLx7YTyimaJEpdRdbAAAAAElFTkSuQmCC"></div><div width="8px" class="css-7vq6bc"></div><style data-emotion="css 1y3p8xu">.css-1y3p8xu{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightSemibold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1y3p8xu"><a href="https://www.youtube.com/channel/UC4bBKbvavjob7CpQ7_-vmWA?utm_campaign=EHYouTubeFooter&utm_medium=web&utm_source=footer" class="css-1yldisx">Youtube</a></span></div><div height="32px" class="css-o40dnm"></div><div class="css-k15ij"><div class="css-1sg2lsz"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADWSURBVHgBnZKBEYIwDEUTjwG6gYzACLiAroATyAaygSMoE3guIG6gE8gIOoH1F1PJ9YQr/rt3pWk/aZMyjchaazBkMr0x85NiBOPafvQCuV6bUZwYLP8xOpXIWvpJMsHosu5gXmE8TTF65WD+PaqrINiAoyPYbMEC1KCvLDamoLW9WonrqqYS65L4ozYglW/3xwsNXZS525NIf7ypxkJBEZrJZb0qilTYx/BJmUEnjlqoomxV3KiC3X8ZTVDRBuzBQ8WqoaxZYNY605iklwdwlWyNfpuh3mdL1cqAb7n6AAAAAElFTkSuQmCC"></div><div width="8px" class="css-7vq6bc"></div><style data-emotion="css 1y3p8xu">.css-1y3p8xu{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightSemibold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1y3p8xu"><a href="https://www.tiktok.com/@effecthouse?utm_campaign=EHTikTokFooter&utm_medium=web&utm_source=footer" class="css-1yldisx">TikTok</a></span></div><div height="32px" class="css-o40dnm"></div><div class="css-k15ij"><div class="css-1sg2lsz"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEaSURBVHgBjZL7jcIwDMYTxP/Xm4CO0LsF7pgAxAIwAhuAGIDHAiAxASwAiAF4LEBhASgLED6XL8iUp6Vfozq289mJNcqccyGW0Dwxa+3MZBPA1L23GNR1Ykz+QZA9CT4hAk1wkjjDYEeZDw17FmxAlcr6OfgjkED/VgU2qOAABnAVwBCsSZTHR6QlKqmDpQZ64ACkpz/wy7gkzaHumEkBZVdVb99gL0Phv8Rvcpl2/GB2HL/hCUe1l9pNIvsUeSUORNwhe1zq2Ly5txZoc2hSqAxGKDpmoeuJshl4JwK6HMSKMU34Kl4UJW/1PRa9PI82NSi5pr6lc4LlRySBOVWkW1xD8GUu11SgomtFGfOCT8qjTR7D5NUL+8jOAXkjNOVOiygAAAAASUVORK5CYII="></div><div width="8px" class="css-7vq6bc"></div><style data-emotion="css 1y3p8xu">.css-1y3p8xu{box-sizing:border-box;margin-block-start:0;margin-block-end:0;font-size:var(--tux-fontSizeP2);line-height:1.5;font-family:var(--tux-fontFamilyParagraph);font-weight:var(--tux-fontWeightSemibold);color:var(--tux-colorConstTextInverse);}</style><span class="css-1y3p8xu"><a href="https://instagram.com/effecthouse?igshid=YmMyMTA2M2Y&utm_campaign=EHInstagramFooter&utm_medium=web&utm_source=footer" class="css-1yldisx">Instagram</a></span></div></div></div></footer></div> <script src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/js/runtime~main.7d5aec7a.js"></script> <script src="//sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/effect/learn/assets/js/main.ed0056ee.js"></script> </body> </html>