Screen recording setup for programming tutorials with code editor

Si grabaste un tutorial de programacion y el texto se ve borroso, o el archivo termina siendo gigante, no estas solo. OBS viene optimizado para gaming, no para texto estatico y nitido.

La clave es usar control de tasa basado en calidad (CQP/CRF) y mantener resolucion correcta.

Por que falla la configuracion por defecto de OBS

OBS usa CBR por defecto (bitrate constante). Eso funciona en escenas con mucho movimiento, pero en tutoriales de codigo desperdicia bits en frames casi estaticos.

Para codigo conviene CQP o CRF: asignan mas bits donde se necesita y menos donde no.


Paso 1: Configurar salida (Output)

Ve a Settings > Output, cambia Output Mode a Advanced y abre la pestaña Recording.

Recording Format

Usa Fragmented MP4 (.mp4) o MKV.

Fragmented MP4 protege la grabacion si OBS se cierra inesperadamente. En MP4 normal puedes perder todo el archivo.

Video Encoder

GPU/SistemaEncoder recomendadoNotas
NVIDIA GPUNVIDIA NVENC H.264 (o HEVC)Acelerado por hardware, bajo impacto CPU
macOSApple VT H.264 Hardware EncoderEncoder nativo por hardware
Solo CPUx264Mayor uso de CPU

Rate Control (lo mas importante)

No uses CBR.

  • Windows / NVIDIA: CQP.
  • x264 (CPU): CRF.

CQ / CRF recomendado

Usa valores entre 20 y 23.

RangoCalidadTamanoUso
16-18Casi sin perdidaGrandeArchivo maestro/edicion
20-23ExcelenteModeradoTutoriales y screencasts
25+Degradacion visiblePequenoEvitar para codigo

Para codigo, no subas de 23. El texto es muy sensible a artefactos de compresion.

Ajustes adicionales del encoder

  • Keyframe Interval: 2 segundos.
  • Profile: high.

Paso 2: Configurar video

Ve a Settings > Video.

Base (Canvas) Resolution

Pon la resolucion nativa de tu monitor (1920x1080, 2560x1440, 3840x2160, etc.).

Output (Scaled) Resolution

Para tutoriales de codigo, usa el mismo valor que el Base.

El downscale (por ejemplo 4K -> 1080p) hace que letras pequenas parpadeen o se vean borrosas.

Si necesitas escalar, usa Lanczos (36 samples).

FPS

Configura 30 FPS.

En tutoriales de codigo no necesitas 60 FPS:

  • Cursor y scroll se ven fluidos.
  • El tamano de archivo baja aprox. 50%.
  • Menor carga de CPU/GPU.

Deja 60 FPS para gaming o contenido con mucho movimiento.


Paso 3: Configurar color

Ve a Settings > Advanced.

AjusteValor recomendadoMotivo
Color FormatNV12Mayor compatibilidad
Color Space709Estandar HD/web
Color RangeLimitedEvita negros lavados o aplastados

Aunque “Full” parezca mejor, muchos reproductores web lo interpretan mal. “Limited” es la opcion segura.


Bonus: texto aun mas nitido

1. Sube el tamano de fuente del editor

Incrementa 10-20%:

// VS Code: Add to settings.json
{
  "editor.fontSize": 16,       // up from default 14
  "terminal.integrated.fontSize": 15
}

2. Usa temas de alto contraste

Temas recomendados para grabar:

  • Night Owl
  • Dracula
  • Tokyo Night
  • One Dark Pro

3. Desactivar anti-aliasing (caso puntual)

Si grabas a baja resolucion (720p o menos), puede ayudar:

// VS Code: Disable anti-aliasing
{
  "editor.fontLigatures": false,
  "workbench.fontAliasing": "none"
}

Solo en resoluciones bajas. En 1080p+ normalmente se ve mejor con anti-aliasing.


Referencia rapida (cheat sheet)

CategoriaAjusteValor
OutputOutput ModeAdvanced
Recording FormatFragmented MP4
EncoderNVENC H.264 / Apple VT / x264
Rate ControlCQP (GPU) o CRF (CPU)
CQ/CRF Level20-23
Keyframe Interval2s
ProfileHigh
VideoBase ResolutionResolucion nativa del monitor
Output ResolutionIgual a base
Downscale FilterLanczos (si escalas)
FPS30
AdvancedColor FormatNV12
Color Space709
Color RangeLimited

Conclusion

Para que tu codigo se vea profesional en video, toma estas tres decisiones: CQP/CRF en lugar de CBR, resolucion nativa sin downscale y 30 FPS. Con eso logras texto nitido y archivos manejables.

Happy reading! ☕

Comments