Generador de fotos cinematográficas

Generador de fotos cinematográficas: da a una foto el color de un fotograma de película, añade bandas de formato panorámico y subtítulo, y guárdala en su resolución original

Tres elementos hacen que una foto parezca un fotograma de cine. El primero es la corrección de color. Una película casi nunca se usa tal como se rodó: el color de las sombras y de las luces, el contraste y la saturación se vuelven a definir según el ánimo de cada escena, y a ese conjunto de decisiones de color se le suele llamar look. El segundo es la relación de aspecto. El cine suele emplear formatos más alargados que la televisión o las fotos del móvil, como 1,85:1 o 2,39:1, y al encajar uno de ellos en una pantalla de otra proporción aparecen franjas negras arriba y abajo (letterbox). El tercero son los remates, como los subtítulos y el grano de película.

La herramienta de arriba aplica los tres a una sola foto. Al elegir una imagen, el monitor muestra el resultado con bandas de 2,39:1 y subtítulo, y el carrete de géneros de abajo presenta 20 looks calculados con esa misma foto. Al pulsar un look, los puntos del vectorscopio pasan del color original al nuevo y muestran hacia dónde se desplazó el color. La primera pantalla es una foto de un parque con licencia CC0 y el look Teal y naranja. Esta herramienta no envía la foto a ningún servidor: todo se procesa dentro de este navegador.

Para qué dar un acabado cinematográfico a una foto

La corrección cinematográfica no vuelve una foto más exacta; hace que quien la mira note que hay una historia antes y después del encuadre. Resulta especialmente útil en casos como estos.

• Dar a una foto aire de escena: un formato alargado, bandas arriba y abajo y una línea de subtítulo al pie bastan para que un paseo corriente parezca un momento de película. El subtítulo añade un diálogo o un pensamiento que la foto no tenía.
• Unificar fotos de viaje o de la vida diaria como si fueran una sola película: imágenes tomadas otro día y con otra luz parecen escenas del mismo largometraje si comparten look y relación de aspecto. Al abrir una foto nueva, esta herramienta mantiene el look, los ajustes y la relación de aspecto elegidos.
• Decidir la dirección de color antes de grabar un vídeo: al preparar un corto o un videoclip, aplicar looks a fotos del lugar de rodaje permite ponerse de acuerdo con el equipo sobre el color con una imagen en vez de con palabras. El vectorscopio muestra con cifras hacia dónde se inclina realmente el color.
• Preparar bocetos de miniaturas, carteles e invitaciones: un fotograma con bandas y subtítulo puede servir por sí solo como cartela de título. Un subtítulo colocado en la banda se superpone al encuadre sin tapar la imagen.

Cómo se usa

1. Pulsa Elegir foto o arrastra una foto al área de trabajo. Una foto copiada también se abre pegándola (Ctrl+V, ⌘+V).
2. Debajo del monitor, elige la relación de aspecto (Original, 16:9, 1,85:1 o 2,39:1) y después entre Bandas (mantiene el tamaño de la foto y tapa el resto con franjas negras) y Recortar (corta la foto a esa proporción antes de guardarla).
3. Si sobra parte de la foto, en la esquina inferior derecha del monitor aparece el control arrastrar para mover. Arrastra el monitor (en el móvil, arrastra el control) o selecciona el control y usa las flechas del teclado para mover la parte que queda dentro del encuadre.
4. Pulsa cualquiera de los 20 looks del carrete de géneros. Cada casilla muestra la foto abierta con ese look aplicado, y los puntos y la flecha del vectorscopio pasan a los colores nuevos.
5. Pulsa Ver color original para comparar: las bandas y el subtítulo se quedan y solo el color vuelve al original. Si se pulsa de nuevo, regresa el look.
6. Con Fuerza se atenúa el look completo, y con exposición, temperatura, contraste, saturación, grano y viñeta se suma o resta según la foto. Restablecer devuelve solo la fuerza y los ajustes a su valor inicial.
7. Escribe hasta dos líneas en el cuadro de subtítulo y elige el color (blanco o amarillo) y la posición (en la imagen o en la banda inferior). Si se deja vacío, no se añade subtítulo.
8. Elige el formato de guardado (JPG, PNG o WebP) y pulsa Guardar. En el móvil, Compartir envía el archivo directamente a otra aplicación.

20 looks y sus valores de ajuste

La tabla siguiente recoge los valores que aplica cada look con una fuerza del 100 %. Exposición, temperatura, matiz, contraste y saturación van de −100 a +100; desvanecido, viñeta y grano, de 0 a 100; y el color de las sombras y el de las luces se dan como un ángulo de la rueda de color (0° rojo, 120° verde, 240° azul) más una cantidad de tinte. Al bajar la fuerza, todos los valores se reducen en la misma proporción: con Teal y naranja al 50 %, la cantidad de tinte de las sombras pasa de 85 a 42,5 y el contraste de +22 a +11.

Los géneros agrupan las direcciones de color más habituales en el cine. Taquillazo sube el contraste y el color. Noir y thriller oscurece y enfría la imagen. Cine de autor reúne direcciones de color que recuerdan las películas de un director concreto. Ciencia ficción se inclina con fuerza hacia un solo color. Drama y romance es cálido y suave. Un look con nombre de director es una interpretación propia de esta herramienta y no copia la corrección de color de ninguna película real.

Relación de aspecto y letterbox: de dónde salen el 2,39:1 y el 1,85:1

Las relaciones de aspecto del cine están fijadas como tamaños de imagen en el estándar de cine digital. La especificación de Digital Cinema Initiatives (DCI) da como ejemplos de imagen en 2K 1998 × 1080 px para el contenedor 1,85 y 2048 × 858 px para el 2,39, y en 4K, 3996 × 2160 px y 4096 × 1716 px. Al formato 1,85 se le llama habitualmente flat y al 2,39, scope. El 16:9 es la proporción de la televisión HD (1920 × 1080 px), la misma de un vídeo de YouTube o de la pantalla de un portátil.

El modo Bandas de la herramienta mantiene el tamaño de la foto, coloca dentro un área de imagen con la proporción elegida y pinta de negro lo que sobra arriba y abajo (o a los lados). El área de imagen queda siempre centrada, de modo que las bandas superior e inferior son iguales, y el control sirve para decidir qué parte de la foto entra en ella. Recortar conserva solo el área de imagen y corta el resto, por lo que no hay bandas. La tabla siguiente muestra el área de imagen y el grosor de las bandas de cada relación de aspecto en una foto horizontal (4:3) y en una foto vertical de móvil (9:16).

Si se ponen bandas de 2,39:1 a una foto vertical, el área de imagen se reduce a 1080 × 452 px y quedan bandas de 734 px arriba y abajo. El efecto es el de una escena de película panorámica en una pantalla alta, y las bandas anchas son un buen sitio para un subtítulo en la banda inferior. El cine también emplea la relación de aspecto como recurso narrativo: American Cinematographer cuenta que «El gran hotel Budapest» salta entre 1985, 1968 y 1932 y cambia el formato de imagen en cada época.

Cómo leer el vectorscopio

El vectorscopio es un instrumento de medida de la corrección de color en vídeo. Coloca el color de cada píxel de la foto como un punto sobre un disco. Esta herramienta emplea las fórmulas de la norma ITU-R BT.709: calcula la luminancia Y′ = 0,2126R′ + 0,7152G′ + 0,0722B′ y sitúa la diferencia de color azul Cb = (B′ − Y′) ÷ 1,8556 en el eje horizontal y la diferencia de color roja Cr = (R′ − Y′) ÷ 1,5748 en el vertical. Por eso los píxeles sin color, como el gris, el blanco y el negro, se reúnen en el centro, y cuanto más intenso es un color, más lejos cae. El brillo no se refleja en la posición del punto.

• R, Yl, G, Cy, B y Mg en el borde indican las direcciones del rojo, el amarillo, el verde, el cian, el azul y el magenta. Según hacia dónde se extienda la nube de puntos, se ve a qué color tira la foto.
• La escala: como la mayoría de los colores de una foto son poco intensos, esta herramienta dibuja el gráfico como el aumento 2× de los equipos de vídeo: el círculo exterior corresponde a una intensidad de color de 50 y el interior a 25. La intensidad de color es la distancia al centro en el plano Cb–Cr multiplicada por 200: el gris vale 0 y un rojo al 75 % ronda 77. Los colores más intensos que el círculo exterior se dibujan pegados al borde.
• La línea de puntos es la línea de la piel. Tektronix explica que el tono de la piel humana cae muy cerca de esta línea, entre los objetivos del rojo y el amarillo, a menos de 10 o 20 grados de ella. Si en un retrato los puntos de la piel se alejan mucho de la línea, la piel ha tomado un matiz verde o magenta.
• Los puntos grises son el color original, los puntos de color son el color con el look aplicado, y la flecha blanca indica desde dónde y hasta dónde se movió el promedio de todos los puntos. Los números de abajo dan la intensidad de color media del original y del look.

El vectorscopio también explica por qué el Teal y naranja se usa tanto en retratos. Los tonos de piel se agrupan cerca de la línea de la piel (el lado naranja) y el lado opuesto es el verde azulado. Si las sombras y el fondo se empujan hacia el verde azulado y las luces y la piel hacia el naranja, la nube de puntos se abre en dos grupos opuestos, aumenta la diferencia de color entre la persona y el fondo y la persona se despega del fondo. Por ejemplo, un píxel de piel (224, 172, 140) está a 129°, a 6° de la línea de la piel; con Teal y naranja al 100 % pasa a (244, 177, 122) y se mueve hacia 134° y hacia fuera. Un gris azulado (120, 150, 170) pasa a (116, 156, 172) y se desplaza hacia el verde azulado.

Orden de cálculo

La vista previa y el archivo guardado se calculan en el mismo orden. Al guardar se vuelve a calcular en la resolución original, así que, salvo por un grano más fino, el color y la composición coinciden con la vista previa.

1. Corte del área de imagen: la relación de aspecto elegida decide qué parte de la foto se conserva. Si la foto es más ancha que esa proporción, se recortan los lados; si es más estrecha, la parte superior e inferior. La posición del control (de 0 a 100 %) reparte lo recortado entre ambos lados.
2. Color: el valor sRGB de cada canal se convierte a luz lineal, se multiplica por la exposición (±100 = ±1 EV) y por la temperatura y el matiz, y se vuelve a pasar a sRGB para aplicar la curva de contraste y el desvanecido. Después se cambia la saturación tomando como referencia la luminancia BT.709 y se mezclan el color de las sombras (más fuerte cuanto más oscuras) y el de las luces (más fuerte cuanto más claras). Este cálculo usa el mismo código que el generador de fotos de ambiente de este sitio.
3. Viñeta: los bordes se oscurecen según la distancia al centro del área de imagen. Como la referencia es el área de imagen dentro de las bandas, estas no ocultan la viñeta.
4. Grano: se superpone un patrón de ruido generado con una semilla fija. Cada celda del patrón mide el 0,12 % del lado corto del área de imagen, de modo que el grano parece igual de grueso con cualquier tamaño de foto.
5. Bandas y subtítulo: se pinta de negro lo que queda fuera del área de imagen y se escribe el subtítulo. El tamaño del texto es el 2,6 % del ancho del área de imagen (como máximo el 9 % de su alto), y si la línea más larga supera el 92 % del ancho, el texto se reduce hasta caber. Un subtítulo dentro de la imagen lleva contorno negro para que se lea sobre fondos claros.

Los escalones de gris muestran lo que hace un look. Teal y naranja con fuerza del 100 % convierte un gris oscuro 64 en un verde azulado (33, 63, 68), un gris medio 128 en (124, 130, 124) y un gris claro 192 en un tono anaranjado (211, 198, 181). Con fuerza del 50 %, los mismos tres valores pasan a (49, 64, 66), (126, 129, 126) y (201, 195, 187), es decir, con la mitad de color. Noche americana baja el blanco 255 a (171, 188, 207), de modo que hasta lo más luminoso queda al nivel de una luz de luna azulada. Con bandas de 2,39:1 en una foto de 1440 × 960 px, el área de imagen mide 1440 × 603 px y el texto del subtítulo, unos 37 px.

Colores que vienen del cine

Varios looks toman su nombre de procesos de revelado o técnicas de rodaje reales. La herramienta imita el resultado con valores de ajuste de foto; lo que sigue describe las técnicas originales.

• Bleach Bypass: proceso que se salta el paso de blanqueo que elimina la plata al revelar película en color. Kodak explica que la plata que queda sube el contraste y añade gris o negro sobre el color, con lo que baja la saturación. Por eso este look quita buena parte de la saturación y sube el contraste y el grano.
• Retención de plata y «Seven»: un artículo de American Cinematographer sobre Darius Khondji, director de fotografía de «Seven» (1995) de David Fincher, cuenta que fue el primer largometraje en usar CCE (Color Contrast Enhancement), un proceso de retención de plata desarrollado por el laboratorio Deluxe. El look Estilo David Fincher es oscuro y poco saturado para evocar ese tipo de imagen.
• Verde digital: en el reportaje retrospectivo de American Cinematographer sobre «Matrix», el director de fotografía Bill Pope recuerda que, al preguntarse cuál era el «color menos atractivo», todo el equipo coincidió en el verde; las escenas dentro de Matrix se rodaban a veces con un filtro verde y en la corrección de color se les añadía algo más de verde.
• Bruma naranja: la misma revista cuenta que en las escenas de Las Vegas de «Blade Runner 2049» se usaron juntos los filtros Lee 790 Moroccan Pink y 105 Orange para teñir de rojo todo el encuadre.
• Noche americana: técnica que consiste en rodar de día y recurrir a filtros, subexposición o copiado para que parezca de noche. François Truffaut tituló «La Nuit américaine» (1973; Day for Night) su película sobre el rodaje de una película. Este look baja la exposición 1 EV, vira la imagen al azul y rebaja incluso los blancos para que una foto de día parezca de noche.

Errores frecuentes

• Dejar la fuerza al 100 % en un retrato: un Teal y naranja o una Bruma naranja intensos tiñen la piel de un naranja excesivo. Si los puntos de la piel en el vectorscopio se alejan mucho de la línea de la piel, baja la fuerza al 60–80 %.
• Cortar caras o cabezas con 2,39:1: un formato alargado recorta mucho por arriba y por abajo. Mueve el área de imagen con el control hasta que los ojos queden cerca del tercio superior del encuadre.
• Escribir un subtítulo largo: cuando una línea supera el 92 % del ancho de la imagen, el texto se hace más pequeño. Divide el texto en líneas cortas, como en los subtítulos del cine, y manténlo en dos líneas para conservar el tamaño.
• Buscar el subtítulo en la banda inferior con Recortar: Recortar no tiene bandas, así que el subtítulo solo puede ir dentro de la imagen. Para colocarlo en la banda, elige Bandas.
• Reabrir un JPG guardado y corregirlo otra vez: el JPG pierde algo de calidad en cada guardado, y el grano y la viñeta se acumulan y se intensifican. Para cambiar algo, abre de nuevo la foto original.

Límites y precauciones

• Los looks son valores de ajuste definidos con las fórmulas propias de esta herramienta. No reproducen la corrección de color real de ninguna película, ni una LUT de cine, ni un revelado de película, y un look con nombre de director no guarda relación con ese director ni con ningún estudio cinematográfico.
• La foto se convierte a sRGB y se calcula con 8 bits (de 0 a 255) por canal. Un look fuerte sobre zonas continuas, como el cielo, puede mostrar escalones en forma de bandas (banding), y los colores muy intensos de una foto tomada en gama amplia (Display P3) pueden salir algo más pálidos.
• Un resultado de más de 16.777.216 px de superficie (unos 16,78 millones de píxeles) se reduce a esa superficie conservando la proporción. MDN indica que los dispositivos iOS limitan el lienzo a 4096 × 4096 px, y esta herramienta usa esa superficie como límite de guardado en todos los dispositivos.
• El archivo guardado no conserva los datos de captura (EXIF) del original. No se abren archivos de más de 60 MB, y las fotos HEIC solo se abren en navegadores capaces de abrir HEIC.
• El vectorscopio se dibuja con unos 4.000 píxeles tomados de forma uniforme de la vista previa. Los colores de una zona muy pequeña pueden no aparecer como puntos.

Fuentes

Fecha de referencia: 2026-10-20. Las fórmulas de diferencia de color, los tamaños de imagen del cine digital, la línea de la piel, los procesos de película y los ejemplos de cine se comprobaron en los originales siguientes ese día. Los valores de los looks y las reglas de tamaño del subtítulo y del grano son propios de esta herramienta. La foto de ejemplo es «Riding a bike in the park (Unsplash)» de Wikimedia Commons (Fritz Bielmeier, CC0 1.0), reducida a 1440 × 960 px.

• 01ITU-R BT.709-6 (06/2015) Parameter values for the HDTV standards3.2 fórmula de luminancia E′Y = 0,2126 E′R + 0,7152 E′G + 0,0722 E′B; 3.3 fórmulas de diferencia de color E′CB = (E′B − E′Y)/1,8556, E′CR = (E′R − E′Y)/1,5748
• 02DCI Digital Cinema System Specification v1.2Ejemplos de tamaño de imagen de la tabla 3: 1998 × 1080 (1,85), 2048 × 858 (2,39), 3996 × 2160, 4096 × 1716
• 03Tektronix, Waveform and vectorscope monitoring (2PW-28619-0)El trazo del tono de piel cae a menos de 10 o 20 grados de la línea (flesh tone line) entre los objetivos del rojo y el amarillo
• 04Kodak, Processing TechniquesBleach bypass: la plata que se conserva sube el contraste y baja la saturación
• 05American Cinematographer, Darius Khondji: Cinematic RhythmsEl proceso de retención de plata CCE (Color Contrast Enhancement) de Deluxe, usado en «Seven»
• 06American Cinematographer, Flashback: The MatrixEl director de fotografía Bill Pope: filtros verdes y corrección de color suman verde a las escenas dentro de Matrix
• 07American Cinematographer, Uncanny Valley: Blade Runner 2049Lee 790 Moroccan Pink y 105 Orange tiñen de rojo todo el encuadre
• 08American Cinematographer, Robert Yeoman, ASC Awards honoree«El gran hotel Budapest» cambia de relación de aspecto entre 1985, 1968 y 1932
• 09Columbia University, Film Language Glossary: Day for NightTécnica para crear efecto de noche en un rodaje diurno con filtros, subexposición o copiado
• 10Britannica, Day for Night (film by Truffaut)«La Nuit américaine» (1973; Day for Night) de Truffaut
• 11W3C CSS Color Module Level 4, 19 Sample code for Color ConversionsFórmulas de conversión entre sRGB y luz lineal, usadas en el cálculo de la exposición y la temperatura
• 12MDN Web Docs, <canvas> Maximum canvas sizeLímite de tamaño del lienzo de 4096 × 4096 px en dispositivos iOS, base del tope de tamaño de guardado

Preguntas frecuentes

Herramientas que se usan junto con esta