Cómo hacer marcas de agua nítidas en la sala de luces

Una de las mayores frustraciones de la herramienta de marcas de agua de Lightroom, es el hecho de que a menudo termina haciendo que las marcas de agua parezcan demasiado suaves / borrosas, especialmente cuando se extraen imágenes JPEG más pequeñas. Esto sucede debido a la pobre implementación de las marcas de agua en las imágenes por parte de Lightroom. No sólo parece que Lightroom aplica la nitidez a las imágenes antes de añadir una marca de agua, sino que además, el algoritmo de redimensionamiento utilizado por el software parece ser bastante malo. Sin importar las dimensiones de la imagen que uno elija, Adobe no ha proporcionado una forma de desactivar el escalado en el Editor de Marcas de Agua, incluso si uno proporciona imágenes PNG / GIF transparentes con las dimensiones correctas. Por esta razón, muchos fotógrafos terminan usando Photoshop para agregar marcas de agua a las imágenes, lo que ciertamente toma más tiempo y esfuerzo, pero ciertamente entrega resultados mucho más nítidos en comparación. Después de ver los pobres resultados de las marcas de agua, decidí buscar métodos alternativos para ver si hay una manera de hacer las marcas de agua más nítidas usando las mismas herramientas. Después de algunos experimentos, se me ocurrieron dos métodos que terminaron funcionando bien y eso es lo que voy a compartir con nuestros lectores en este artículo.

Echa un vistazo a las dos imágenes de abajo – la imagen del «Antes» muestra lo mal que la marca de agua es añadida por Lightroom, mientras que la imagen del «Después» muestra cómo puede verse si se hace bien:

 

Tenga en cuenta que los métodos que se exponen a continuación son algo avanzados y requieren un software específico como Adobe Photoshop (para el primer método) e Illustrator (para el segundo método). Para el segundo método, también necesitará descargar un software de generación de fuentes de código abierto llamado FontForge.

Método #1 – Redimensionar las marcas de agua a las dimensiones exactas

Este método es probablemente el más fácil de implementar, ya que sólo hay que usar Photoshop para ajustar la marca de agua. Básicamente, la idea es ajustar su imagen transparente PNG o GIF, para que tenga exactamente las mismas dimensiones de la imagen de salida. Por ejemplo, si tienes un preajuste de exportación que exporta imágenes con un ancho de 960 píxeles, tendrás que ajustar tu imagen PNG / GIF para que el ancho de la imagen sea exactamente de 960 píxeles. De esta forma, Lightroom puede ser forzado a no escalar su marca de agua y aparecerá tan nítida como si la hubiera hecho con Photoshop.

Por desgracia, este método tiene algunos inconvenientes graves. En primer lugar, tendrá que crear dos conjuntos de marcas de agua para cada lado de la imagen si quiere ser capaz de colocar marcas de agua en las cuatro esquinas. En segundo lugar, tendrás que crear marcas de agua para las imágenes horizontales y verticales por separado, o Lightroom volverá de nuevo a la escala. Y si se produce en varias resoluciones, tendrá que repetir el mismo proceso para el resto de ellas, lo que puede aumentar rápidamente el número de preajustes de marcas de agua que tiene en su ordenador. Sin embargo, en mi opinión, el resultado merece la pena, ya que las marcas de agua se verán drásticamente mejor en términos de nitidez y calidad en comparación con las versiones de tamaño reducido que Lightroom escupe por defecto.

Aquí está la lista completa de los pasos que debes seguir:

  1. Determinar las dimensiones de la imagen deseada para las imágenes horizontales y verticales. En este ejemplo en particular, sólo pasaré por las imágenes horizontales que quiero que tengan una resolución de 960 píxeles de ancho.
  2. Abra su logo transparente en Adobe Photoshop. Asegúrate de que el logo tenga un fondo transparente, como se ve abajo:
    Si su logo es blanco, puede ser difícil de ver debido al brillante patrón de cuadros del fondo. Si ese es el caso, puedes cambiarlo fácilmente visitando «Editar->Preferencias->Transparencia y gama» y poniendo «Colores de la grilla» en «Oscuro»:


    Ahora debería ser mucho más fácil ver el logo:


    Note que no hemos cambiado nada en la imagen misma – simplemente hicimos que el fondo transparente se vea más oscuro. Si su logo es oscuro, puede elegir el fondo transparente más claro / tablero de ajedrez.

  3. Ahora determine el tamaño del logo cuando se exporta a las dimensiones de la imagen deseada – a eso es a lo que necesitamos redimensionar el logo. Para el ejemplo del tamaño de la imagen de 960 píxeles de ancho que estoy usando, voy a redimensionar el logo a 100 píxeles de ancho, básicamente alrededor del 10% del ancho total de la imagen. Adelante, presiona CTRL+ALT+I (CMD+ALT+I en Mac) en el teclado y escribe el tamaño deseado:
    Para el algoritmo «Resample», elija Bicubic Sharper, ya que estamos reduciendo las dimensiones de la imagen y queremos mantenerla nítida al redimensionarla.
  4. El siguiente paso es llenar el logo redimensionado con espacio extra para cubrir las dimensiones perdidas. Presiona CTRL+ALT+C (CMD+ALT+C en Mac) para que aparezca la herramienta Tamaño del lienzo:

    Ponga la dimensión de la imagen deseada bajo el ancho (en este caso es 960 para mí) y deje el valor de la altura igual – eso no importa. Asegúrate de mover el ancla a la derecha, para que la marca de agua se mueva al lado derecho del lienzo. Una vez que hagas clic en OK, deberías ver algo como esto:

  5. La imagen de la marca de agua está lista, pero hay un pequeño paso que le recomiendo que dé. Si no hay suficiente espacio a la derecha de la imagen, es mejor que dejes un poco ahí para evitar usar el inserto horizontal en Lightroom. Desafortunadamente, Lightroom reducirá de nuevo el tamaño de su logo si utiliza el inserto horizontal, por lo que es mejor dejar un poco de espacio vacío a la derecha de su logo. Puede simplemente arrastrar el logo un poco hacia la izquierda, o para mayor consistencia, siempre prefiero usar el botón izquierdo del teclado en su lugar. Asegúrese de presionar la tecla «V» para cambiar a la herramienta de movimiento, entonces después de seleccionar la capa correspondiente que alberga la marca de agua, simplemente presione la flecha izquierda del teclado para comenzar a mover el logo lejos del borde derecho del marco. Yo he movido el mío unas 10 veces, lo cual es 10 pixeles del borde del marco.
  6. Vuelva a guardarlo como un archivo PNG pulsando CTRL+Mayús+ALT+S / CMD+Mayús+ALT+S (Guardar para la web) y eligiendo PNG-24 como formato de archivo. Asegúrate de que la opción «Transparencia» esté marcada:

    Dale un nombre significativo como «960px Horizontal-Derecha.PNG»

  7. Repita el paso anterior, pero esta vez ponga el ancla a la izquierda al redimensionar el lienzo. Este se usará para el lado izquierdo, así que guárdelo como arriba con un nombre como «960px Horzontal-Left.PNG»
  8. Ahora que tienes los dos archivos para las imágenes horizontales, vamos a crear las plantillas necesarias en Lightroom. Enciende el Editor de Marcas de Agua yendo a «Editar->Editar Marcas de Agua…»:

    Elija «Gráfico» y elija el primer archivo que acabamos de crear. En mi caso, usé la imagen «960px Horizontal-Derecha.PNG». Desplácese hacia abajo hasta «Efectos de marca de agua» y asegúrese de seleccionar «Ajustar». De esta manera, nada subirá o bajará de tamaño, ya que las dimensiones horizontales de la marca de agua coinciden con las dimensiones de la imagen. En «Encajar», no toque el valor Horizontal, pero siéntase libre de cambiar el valor Vertical, ya que probablemente quiera moverlo un poco hacia arriba o hacia abajo dependiendo de dónde esté colocada la marca de agua en el lado derecho.

  9. Guarda la plantilla con un nombre significativo como «960px Horizontal Inferior-Derecha»:
  10. Repita los últimos pasos de twp arriba para la parte superior de la imagen, luego repítalo para los dos lados izquierdos y dé los tres nombres de plantilla apropiados.
  11. ¡Están todos listos! A partir de aquí, todo lo que tienes que hacer es exportar imágenes horizontales y elegir la plantilla adecuada para especificar exactamente dónde va a estar tu logo.
  12. Si planea extraer imágenes verticales, repita todos los pasos anteriores para las imágenes verticales también y nombre plantillas como «960px Vertical Bottom-Right».

Aquí está el resultado final, con una nítida marca de agua aplicada a la imagen exportada:

Sin duda, el proceso anterior es mucho más complicado de lo que debería ser. El equipo de diseño de software de Adobe debería recibir una bofetada por no poder elegir una marca de agua con dimensiones exactas y no escalarla de ninguna manera. Debería haber una forma de añadir una simple opción llamada «Sin escala» en «Efectos de la marca de agua», que permite al usuario final elegir una marca de agua y aplicarla a cualquier lado de la imagen, haciendo que «Inset» funcione simplemente desplazando la marca de agua por píxeles ya sea horizontal o verticalmente. ¡Seguro que ahorraría muchos pasos!

Método #2 – Creación de una fuente de logotipo

El segundo método, que es un poco más complicado ya que implica el proceso de creación de una fuente y su posterior instalación en el ordenador, es un enfoque mucho mejor que el primero, porque no tienes que lidiar con diferentes tamaños y dimensiones de imagen – podrías tener literalmente sólo 4 plantillas en tu Lightroom para hacer marcas de agua, independientemente de las dimensiones de la imagen. El proceso inicial es algo doloroso, pero si está listo para comprometerse por un tiempo, estará muy contento con los resultados.

El único problema con este método, es que no se pueden tener diferentes colores en las marcas de agua, ya que las fuentes sólo pueden ser de un color en particular! En mi caso, no es un problema, pero si tienes diferentes colores y tonos que quieres conservar, tu única apuesta es usar el primer método.

Básicamente, la idea es crear una fuente de tipo real con su logotipo colocado en uno de los caracteres (como la «A», por ejemplo). Una vez creada e instalada la fuente en tu ordenador, ya no tendrás que utilizar un estilo de marca de agua gráfica. Puedes usar «Texto» y simplemente escribir el carácter que contiene la marca de agua. Dado que las fuentes se basan en vectores, el aumento o la disminución del tamaño de la fuente no dará lugar a un aumento o disminución del tamaño de las imágenes, preservando la nitidez de las marcas de agua cada vez que las utilices.

Empecemos:

  1. En primer lugar, si aún no tiene un archivo con formato SVG que contenga su logotipo, asegúrese de convertirlo del archivo de su logotipo en formato .AI o .PNG utilizando Adobe Illustrator. Enciende Illustrator, y luego abre tu logo. Si ya tiene su logotipo en el archivo vectorial de Illustrator (extensión .ai), todo lo que necesita hacer es guardar su archivo en formato SVG. Si sólo tienes un archivo .PNG transparente, tendrás que abrirlo primero y luego ejecutar Image Trace para convertir el logotipo en vectores que podrás exportar más tarde. Ve a «Ventana->Image Trace» para abrir el panel de Image Trace:
    Seleccione «High Fidelity Photo» para obtener la mejor calidad de conversión de vectores, luego desmarque «Preview» y haga clic en «Trace» para iniciar el proceso.
  2. Después de que se haga el rastreo, podrás ver los resultados del rastreo desde el panel desplegable superior. Echa un vistazo a «Contornos» y asegúrate de que los bordes de tu logo se vean bien. Si está satisfecho con el resultado, haga clic en el botón «Expandir» para convertir el objeto de trazado en trazados.
  3. ¡Ahora su logotipo se convierte en rutas vectoriales! Si seleccionas la Herramienta de Selección Directa (A), podrás seleccionar los diferentes caminos vectoriales, como se muestra a continuación:

    Como pueden ver, pude seleccionar la parte «.com» del logo – esos puntos azules indican diferentes rutas de vectores.

  4. El último paso en Illustrator es deshacerse de los posibles bordes de la imagen que se añadieron como resultado del rastro de la imagen. Simplemente haga clic en los bordes azules como se muestra a continuación, y luego pulse la tecla «Borrar» para deshacerse de ellos:
    También, pase por cualquiera de las áreas que necesitan ser removidas para la transparencia – si tiene letras como la «o», necesitará limpiar esas áreas centrales hacia arriba, para que los caminos de los vectores sólo cubran los bordes reales de las letras y no sus interiores.
  5. A partir de aquí, todo lo que tenemos que hacer es guardar la imagen en formato SVG. Ve a «Archivo->Guardar como», luego haz clic en el menú desplegable donde dice «Guardar como tipo» y elige SVG (*.SVG). Dale a tu archivo un nombre como «Logo.SVG» y haz clic en «Guardar». Aparecerá una ventana como ésta:
    Sólo tienes que elegir los valores predeterminados y hacer clic en Aceptar. El archivo vectorial está listo para ser importado en una herramienta de creación de fuentes. Ahora puedes cerrar el Adobe Illustrator.
  6. Descargue e instale la herramienta de creación de fuentes de código abierto llamada FontForge desde aquí . Encienda el software, y cuando aparezca la primera ventana, haga clic en el botón «New» en la parte inferior para crear una nueva fuente:
    Verán una nueva ventana que se ve así:

    Si nunca has usado FontForge antes, el software puede parecer un poco complejo de usar. Sin embargo, sólo necesitamos realizar un par de tareas aquí – principalmente importar el archivo SVG en uno de los caracteres, y luego generar un archivo TTF.

  7. Ponga el logo en uno de los personajes, simplemente haga doble clic en cualquiera de ellos. Me adelanté y escogí la letra «A» mayúscula. Verá otra ventana emergente que se ve así:

    Vaya a «Archivo->Importar», luego haga clic en el desplegable «Formato» y elija «SVG». Haga doble clic en el archivo «Logo.SVG» que creó previamente desde Illustrator:


    Ahora verá que los caminos de los vectores aparecen en la ventana principal, como se muestra a continuación:

    Todo se ve bien, así que puedes seguir adelante y cerrar esta ventana para volver a la ventana principal.

  8. Si haces clic en cualquier otra celda, deberías ver que el personaje que elegiste anteriormente ahora contiene tu logo, ¡que es exactamente lo que queremos! A partir de aquí, ahora tenemos que dar la descripción y el nombre de la fuente y guardarla. Ve a «Elemento->Información de la fuente» (CTRL+Mayúsculas+F) y escribe la información necesaria como Nombre de la fuente, Apellido, etc:

    Elegí «PL-Logo» para el campo «Fontname» y «PL Logo» para los campos «Family Name» y «Name for Humans». Puedes nombrar tu fuente como quieras, pero no uses ningún carácter especial o un espacio en el campo «Nombre de fuente». Una vez hecho esto, haz clic en el botón «OK» en la parte inferior de la ventana.

  9. ¡Hemos terminado con la creación del logo de la fuente! Ahora sigamos adelante y guardemos esta fuente en formato TTF. Ve a «Archivo->Generar fuentes» (CTRL+MAYÚS+G), escribe el nombre del archivo de la fuente, y luego elige «TrueType» en el menú desplegable:
    Adelante, haz clic en «Generar» para generar el archivo TTF.
  10. El archivo de la fuente ya está creado, así que vamos a instalarlo en el sistema operativo. En Windows, todo lo que tienes que hacer es hacer clic con el botón derecho del ratón en el archivo TTF y hacer clic en «Instalar» para que se instale la fuente. Si eres usuario de Mac, puedes hacer doble clic en el archivo de la fuente para abrir el libro de fuentes. A partir de ahí, sólo tienes que hacer clic en «instalar fuente» en la parte inferior de la vista previa para que se instale la fuente.
  11. La fuente está ahora instalada en su sistema operativo, pero Lightroom no lo sabe. Asegúrese de cerrar y reabrir Lightroom.
  12. Después de relanzar Lightroom, ve a «Editar->Editar Marcas de Agua». Elija «Texto» como estilo de marca de agua, luego haga clic en el área desplegable «Fuente» y busque la fuente que ha instalado previamente. Para mí, era «PL Logo». Después de elegir el teléfono, escribe el carácter en el campo inferior izquierdo que almacena tu logotipo. En mi caso, guardé el logo bajo la «A» mayúscula, que es exactamente lo que escribí:
    Asegúrate de deseleccionar «Sombra», para que las sombras no se añadan a tu logo. Lo genial es que, ahora si quieres, puedes hacer tu logo en cualquier color, incluyendo blanco y negro – sólo selecciona el color apropiado y estarás listo para empezar.

    Como es una fuente, siempre funcionará con cualquier color 🙂

  13. Al igual que con cualquier otra fuente, podrás indicar las ubicaciones de Opacidad, Inserción y Anclaje. No olvides que el tamaño de la fuente se establece a través del tamaño «Proporcional». En mi caso, tuve que ajustarlo a 14 para que tuviera el mismo tamaño que un archivo PNG:

Watermark Editor Watermark Effects

Tal y como se explica en mi artículo de Como poner marca de agua a tus imágenes , sigue adelante y crea plantillas para cada esquina del marco.

Así es como se ve la marca de agua cuando se usan los ajustes anteriores:

Watermarked Image with Font Logo

Marca de agua añadida usando el logo incrustado en una fuente TrueType.

No está mal, mucho mejor que lo que Lightroom le hizo a la marca de agua cuando la redujo a través de un archivo PNG.

A partir de ahora, podrás crear marcas de agua de cualquier tamaño en cualquier parte de la imagen, ya sea una imagen horizontal o vertical, ¡lo cual es realmente genial! Ahora que tienes la fuente con tu logo en ella, también puedes usarla en Photoshop o cualquier otra aplicación – siempre estará disponible para tu uso, incluso en documentos. Sólo ten en cuenta que otras personas no podrán ver tus documentos con tu logo, a menos que obtengan el archivo TTF de ti y lo instalen en su computadora.

Espero que este artículo haya sido útil – ¡hazme saber si tienes alguna pregunta o comentario en la sección de comentarios de abajo!

Dejar un comentario