El titular blanco de una web se pierde sobre la foto de portada y una sombra parece la solución más rápida. En Photoshop suele bastar con añadir una sombra paralela desde los estilos de capa, aunque el resultado depende de cuánto se separe y difumine respecto al texto.
Una sombra útil acompaña al diseño sin competir con el texto
- Acceso: selecciona la capa y abre fx > Sombra paralela.
- Dirección: ajusta el ángulo para que coincida con la luz de la composición.
- Legibilidad: si el texto sigue perdiéndose, prueba primero con un fondo más uniforme.
Aplica el efecto desde la capa que contiene el texto
Con la capa correcta seleccionada, abre el icono fx al pie del panel Capas y elige Sombra paralela. En el cuadro de Estilo de capa, activa la vista previa y mueve los controles mientras observas el lienzo; así puedes juzgar el efecto sobre la foto o el color que realmente tendrá detrás.
Al aceptar, el estilo queda asociado a la capa y aparece debajo de ella en el panel. Puedes ocultar la sombra con el icono del ojo o volver a sus ajustes más adelante, de modo que no hace falta duplicar el texto para probar variantes.
Distancia, tamaño y extensión resuelven problemas distintos
Una sombra borrosa y otra que parece un contorno oscuro pueden partir del mismo ajuste: lo que cambia es la combinación de controles. En la ayuda de Adobe para Photoshop, Distancia separa la sombra del contenido, Tamaño suaviza o amplía su borde y Extensión endurece la zona cercana al contorno.
| Control | Qué modifica | Cuándo tocarlo |
|---|---|---|
| Opacidad | La intensidad visible. | Cuando la sombra llama más la atención que el titular. |
| Ángulo | La dirección de la sombra. | Cuando contradice la iluminación de la fotografía. |
| Distancia | La separación del objeto. | Cuando parece que el texto flota demasiado. |
| Tamaño | La suavidad y extensión del borde. | Cuando el borde queda demasiado duro o difuso. |
| Extensión | La dureza de la zona junto al contorno. | Cuando letras cercanas forman manchas oscuras. |
El modo de fusión también cambia la lectura: Multiplicar suele integrar mejor una sombra oscura sobre una imagen, mientras que el selector de color permite probar un tono distinto. Si varias sombras del documento deben seguir una misma iluminación, activa Luz global; si cada elemento pertenece a escenas distintas, dejarla desactivada evita que un cambio de ángulo afecte a las demás.
Sobre una foto, decide primero si la sombra basta
Para un titular sobre una imagen irregular, yo prefiero probar una sombra discreta antes de aumentar su dureza. Si la letra aún se confunde con zonas claras y oscuras, añadir más opacidad puede ensuciar los bordes sin resolver la lectura; un degradado oscuro suave o una banda semitransparente detrás del texto suele dar un fondo más estable.
| Lo que ves | Causa probable | Qué probar |
|---|---|---|
| El texto se separa demasiado del fondo. | Distancia alta para el tamaño de letra. | Reducir Distancia y revisar el efecto a escala normal. |
| Las letras forman una mancha oscura. | Extensión alta o caracteres muy juntos. | Bajar Extensión y después ajustar Tamaño. |
| La sombra contradice las luces de la foto. | Ángulo incoherente con la iluminación. | Girar el Ángulo o ajustar Luz global si procede. |
| La sombra apenas se percibe sobre el fondo. | El color o el modo de fusión se mezcla con la imagen. | Probar Multiplicar y un tono más acorde al entorno. |
| El titular sigue siendo difícil de leer. | El fondo tiene demasiado contraste o detalle. | Usar una banda o degradado detrás del texto. |
La regla práctica es sencilla: si basta con separar las letras del fondo, ajusta la sombra; si la foto sigue atravesando visualmente el texto, cambia el fondo local. Una sombra no puede compensar cualquier combinación de tipografía, contraste y fotografía.
Al redimensionar la capa, revisa de nuevo el efecto
Una sombra que encajaba en el diseño puede quedar desproporcionada al cambiar el tamaño del elemento. La documentación de Adobe sobre Escalar efectos de capa aclara que los efectos no se ajustan automáticamente al transformar o redimensionar la capa; por eso, el tamaño del texto puede cambiar mientras la sombra conserva sus valores.
Si ocurre, abre el estilo de capa y usa el control Escala para ajustar proporcionalmente los efectos. En capas de texto, Adobe sugiere convertirlas en objeto inteligente antes de escalar cuando quieras conservar la calidad del texto y transformar ambos elementos juntos.
Deja que el titular destaque, no que proyecte una etiqueta
Para una cabecera web, la sombra funciona mejor cuando acompaña la jerarquía visual y no se convierte en otro elemento que el ojo debe descifrar. Yo empezaría con poca separación y una transición suave; luego comprobaría el diseño al tamaño al que se verá en la página, porque una sombra que parece sutil con el lienzo ampliado puede dominar en una miniatura.