🎬 Grabador de Video
Graba desde tu cámara o captura tu pantalla
Selecciona una fuente para comenzar
Clips Grabados
✂️ Editor de Video
Arrastra clips al timeline y edita tu proyecto
Agrega clips desde el Grabador para comenzar a editar
✨ Subtítulos Decorativos
Agrega texto con estilos profesionales sobre tu video
Texto del Subtítulo
Estilo Preset
Personalizar
Tiempo
Subtítulos Agregados
🎵 Música de Fondo
Agrega y mezcla pistas de audio para tu tutorial
Arrastra un archivo MP3/WAV aquí
o haz clic para seleccionar
Pistas de Audio
Agrega múltiples pistas de audio que se mezclan suavemente
🖼️ Capas e Imágenes
Agrega flechas, recuadros e imágenes transparentes sobre tu video
Subir Imagen
PNG / SVG / WebP transparente
Ajustes de Capa
Tiempo en Timeline
Capas Agregadas
📦 Exportar Video
Renderiza tu proyecto completo con subtítulos, capas y audio
Configuración
Resumen del Proyecto
📖 Manual de Usuario
Guía completa para crear tutoriales profesionales con TutorClip
Bienvenido a TutorClip
TutorClip es una herramienta web para crear tutoriales estilo TikTok directamente desde tu navegador. No necesitas instalar nada — todo funciona en Chrome, Edge o Firefox.
Captura tu cámara o pantalla con un clic
Timeline profesional con drag & drop y trim
5 estilos decorativos (Neon, TikTok, Karaoke...)
Flechas, recuadros e imágenes transparentes
Música de fondo con fade in/out
Video WebM listo para subir a redes
- Chrome 90+, Edge 90+ o Firefox 100+ (recomendado: Chrome)
- Permitir acceso a cámara/micrófono cuando se solicite
- La captura de pantalla NO funciona en móviles
1. Grabar Video
Haz clic en Cámara (tu webcam) o Pantalla (captura de escritorio/ventana). El navegador te pedirá permiso.
Presiona el botón rojo REC. Verás el indicador rojo parpadeando y el cronómetro.
Usa Pausa para interrumpir sin perder progreso, o Stop para finalizar y guardar el clip.
Cada grabación aparece en la lista lateral con thumbnail, nombre y duración. Haz clic en ▶ para previsualizarla.
Al capturar pantalla, si presionas el botón nativo del navegador "Dejar de compartir", TutorClip detectará automáticamente el fin de la captura y guardará tu clip. No es necesario presionar Stop primero.
- Graba varios clips cortos — es más fácil editarlos después
- Si grabas pantalla, elige "Ventana específica" para enfocarte en una app
- Cierra notificaciones antes de grabar para evitar interrupciones
2. Editar en el Timeline
Al ir a la pestaña Editar, verás todos tus clips en el timeline como bloques azules. Cada uno muestra su nombre y duración.
Haz clic y arrastra un clip para mover su posición en el timeline. Los clips se pueden superponer o dejar espacios.
Arrastra los handles blancos en los bordes izquierdo/derecho de cada clip para recortar el inicio o final.
Usa los controles ▶ ⏸ ⏹ para reproducir. El playhead azul muestra la posición actual. Usa ± para hacer zoom en el timeline.
3. Subtítulos Decorativos
En el campo de texto, escribe el subtítulo que quieres mostrar.
Selecciona uno de los 5 presets: Neon Glow (brillante), TikTok Bold (grueso), Karaoke (colorido), Cinematic (elegante), Handwritten (manuscrito).
Ajusta tamaño, color, contorno y grosor. El preview se actualiza en tiempo real.
Arrastra el texto en el preview para colocarlo exactamente donde quieras sobre el video.
Establece el segundo de inicio y fin, luego pulsa "Agregar Subtítulo". Aparecerá en el track de Subs del timeline.
4. Capas e Imágenes
Las capas te permiten agregar imágenes transparentes sobre tu video — perfectas para flechas, recuadros, logos, emojis o cualquier gráfico que resalte secciones de tu tutorial.
Arrastra o selecciona un archivo con fondo transparente. Los formatos PNG y SVG son ideales.
Arrastra la imagen en el preview. Ajusta opacidad (0-100%) y escala (10-300%) con los sliders.
Establece en qué segundo aparece y desaparece la capa. Aparecerá en el track "Capas" del timeline.
- Flechas: Señala botones o menús en capturas de pantalla
- Recuadros: Resalta áreas importantes con un borde de color
- Logos: Agrega tu marca como watermark con baja opacidad
- Emojis: Usa emojis PNG grandes para reacciones
5. Música de Fondo
Arrastra un archivo MP3 o WAV a la zona de subida. Se mostrará la forma de onda.
Controla el volumen (0-100%), fade in (entrada suave) y fade out (salida suave) en segundos.
Usa ▶ para escuchar el audio con los fades aplicados. El playhead azul se mueve sobre la forma de onda.
Usa música libre de regalías si planeas publicar tu tutorial. Sitios como Pixabay Audio, Free Music Archive o YouTube Audio Library ofrecen pistas gratuitas.
6. Exportar tu Video
Verifica que el número de clips, subtítulos, capas y duración sean correctos.
Elige resolución (720p/1080p), formato (WebM) y calidad de bitrate.
Pulsa "Exportar Video". El progreso se muestra en el anillo circular. Al terminar, el archivo se descargará automáticamente como .webm.
Dependiendo de la duración y resolución, la exportación puede tomar varios minutos. No cierres la pestaña durante el proceso.
7. Solución de Problemas
Verifica que ningún otro programa esté usando la cámara. Revisa los permisos del navegador (ícono de candado en la barra de URL).
Al seleccionar "Compartir pantalla", marca la casilla "Compartir audio del sistema" en el diálogo del navegador.
Este bug ha sido corregido. TutorClip ahora detecta cuando dejas de compartir y guarda automáticamente el clip grabado.
Asegúrate de haber cargado un archivo de audio en la pestaña Audio antes de exportar.
Presiona ▶ Play. Los clips solo se renderizan durante la reproducción o exportación.
8. Flujo de Trabajo Recomendado
| Función | PC/Mac | Android | iOS |
|---|---|---|---|
| Cámara | ✅ | ✅ | ✅ |
| Captura de pantalla | ✅ | ❌ | ❌ |
| Edición | ✅ | ✅ | ✅ |
| Subtítulos | ✅ | ✅ | ✅ |
| Audio | ✅ | ✅ | ✅ |
| Exportar | ✅ | ⚠️ | ⚠️ |
⚠️ = Puede funcionar pero con limitaciones de rendimiento