Skip to main content
TikTok Effect House Platform Logo
Latest
Download
Log in
Non-English Guides

Primeros pasos en Effect House

Atención
Atención

No todos los artículos enlazados en esta página están traducidos al español. Estamos trabajando en traducir todos los recursos educativos. ¡Gracias por vuestra comprensión!

Primeros pasos en Effect House

Effect House es una plataforma que permite crear efectos de realidad aumentada (RA) para TikTok. Puedes combinar diferentes recursos e interacciones para crear elementos virtuales y aplicarlos sobre el rostro o el cuerpo de un usuario, o sobre el entorno.

Después de crear tus efectos de RA, puedes publicarlos y compartirlos en TikTok para que la gente los pruebe.

Interfaz

Al abrir por primera vez Effect House, verás varias plantillas predefinidas para ayudarte a crear efectos sin tener que empezar desde cero.

Nota
Nota

Puedes encontrar el tutorial correspondiente a cada plantilla aquí.

Al abrir una plantilla o crear un proyecto, verás la interfaz de Effect House.

En la parte superior izquierda, se encuentra el panel Hierarchy, donde se muestran los objetos que añadiste a un efecto y el orden en que se procesan. También puedes añadir objetos funcionales predefinidos haciendo clic en + Add object.

Debajo del panel Hierarchy se encuentra el panel Assets. El panel Assets es la biblioteca de todos tus recursos importados. Puedes arrastrar recursos hasta el panel, o bien puedes hacer clic en «+ Add asset» y seleccionar «Import» para añadir recursos específicos, como secuencias de texturas y mallas de rostros en 3D.

En el centro se encuentra el panel Scene, donde se muestra el efecto en 3D o en 2D. Puedes hacer zoom, desplazar hacia los lados y girar la vista 3D del proyecto. También puedes seleccionar el objeto y usar el manipulador para ajustar la posición, la rotación y la escala del objeto. La vista se puede cambiar a 2D si haces clic en «Show 2D».

A continuación, verás el panel Preview, donde se muestra tu efecto en acción. Hay muchos videos predefinidos para probar tu efecto. Te animamos a probar tus efectos con distintos tonos de piel para asegurarte de que se vean bien sobre cualquier usuario. También puedes usar tu cámara web para probar los efectos en ti mismo/a.

A la derecha está el panel Inspector, donde cada objeto del panel Hierarchy se dividide en varios componentes. Puedes modificar las propiedades de cada componente.

Por ejemplo, al hacer clic en el objeto de iluminación del panel Hierarchy, se abrirá el panel Inspector correspondiente con los componentes predefinidos y las propiedades que tenga asignadas. Puedes ajustar el color, la intensidad u otras propiedades, y ver cómo afectan la vista previa.

Por último, en la parte inferior se encuentra el panel Visual Scripting. Puedes hacer que tu efecto sea interactivo simplemente al conectar los nodos.

Funciones

A continuación, veremos algunas útiles funciones de Effect House.

Seguimiento de RA (AR Tracking)

Si vas al panel «Hierarchy» y haces clic en + Add Object > AR tracking, verás las opciones Head Tracker, Body Avatar Drive y Hand Tracker, así como AR Camera, que permite el seguimiento del dispositivo.

Hand Tracker permite seguir el movimiento de las manos en la pantalla. También puedes adjuntar objetos en 3D, efectos especiales e incluso usar las manos para desencadenar eventos.

unaligned-image-0

La función Body Avatar Drive permite hacer el seguimiento de la posición y giro de las distintas partes del cuerpo del usuario.

unaligned-image-0

Con Head Tracker, puedes colocar objetos en 3D que sigan el movimiento de la cabeza en el entorno.

Device Tracker se usa para colocar y seguir objetos en el mundo real. Puedes crear experiencias de entornos de RA, como colocar un objeto o personaje en 3D en el suelo, añadir un avión en el cielo y más.

Efectos de rostro (Face Effects)

Effect House admite una gran variedad de efectos de rostro. Para ver los efectos de rostro en Face Effects, ve al panel Hierarchy y haz clic en + Add object > Face Effects.

Con 3D Face, puedes crear una máscara facial dinámica en 3D que siga el movimiento del rostro. También puedes deformarla para añadir un toque especial a tu efecto. Para obtener más información, consulta nuestras guías «Rostros en 3D» (3D Face) y «Máscara de rostro en 3D» (3D face mask).

unaligned-image-0
unaligned-image-1

Puedes añadir una máscara facial (Face Mask) o color de ojos (Eye Color) para crear un efecto de maquillaje o pintura en el rostro. Mira los apartados Face Mask y Eye Color para obtener más información.

unaligned-image-0
unaligned-image-1

Con Face Stretch, puedes personalizar fácilmente la forma del rostro manipulando puntos clave. Para obtener más información, consulta la guía Face Stretch.

Face Inset recorta determinadas áreas del rostro del usuario. Puedes ajustar las propiedades de transformación o aplicar color. Para obtener más información, consulta la guía Face Inset.

Con Face Sticker, podrás adjuntar fácilmente una imagen en 2D a un punto de anclaje específico del rostro, mientras que Face Liquify permite ampliar y distorsionar el rostro de formas muy divertidas. Para obtener más información, consulta las guías Face Sticker y Face Liquify.

unaligned-image-0
unaligned-image-1

Scripting visual (Visual Scripting)

El scripting visual te permite crear efectos interactivos sin tener que escribir código basado en texto. Esto quiere decir que puedes añadir fácilmente lógica compleja mediante el uso de nodos y variables. Haz clic en el botón Graph en la esquina superior izquierda para controlar la visibilidad del panel «Visual Scripting».

Nota
Nota

Para obtener más información, consulta la guía «Información general sobre scripting visual» (Visual Scripting overview).

Vista previa y envío

Para probar el efecto y previsualizarlo, pulsa Preview in TikTok para generar un código QR. Abre TikTok en tu móvil y escanea el código QR para probar el efecto.

Nota
Nota

Consulta los apartados «Vista previa en Effect House» (Preview in Effect House) y «Vista previa en TikTok» (Preview in TikTok) para obtener más información sobre la vista previa.

Nota
Nota

Cuando estés conforme con el efecto, no olvides consultar la sección «Optimización técnica» (Technical Optimization) antes de enviarlo. Estas directrices te ayudarán a reducir el riesgo de que tu efecto se rechace.

Si ya lo tienes todo listo para publicarlo, haz clic en Submit y sigue las instrucciones. Cuando hayas completado todos los pasos, espera unos días hasta que se apruebe tu efecto.

Nota
Nota

Consulta los apartados «Creación de miniaturas» (Thumbnail creation) y «Envío de efectos» (Submit your effect) para obtener más información sobre los requisitos de envío.