Mejorar la calidad de una tipografía con Adobe Photoshop

Logo de Vinagre
¿Recuerdas aquel artículo en el que procesamos una imagen en miniatura con Adobe Photoshop? El ejemplo que dimos en aquella ocasión es uno de los tantos que se pueden llegar a describir con esta interesante herramienta de diseño gráfico; en el presente artículo mencionaremos algo similar como una alternativa de trabajo, en donde intentaremos redefinir una tipografía capturada desde un sitio web.
Para que este artículo tutorial tenga sentido, tomaremos como ejemplo al logotipo de Vinagre Asesino; con una serie de pasos secuenciales y también, utilizando recursos que ya habíamos mencionado anteriormente, intentando de una manera lúdica, describir el proceso para recuperar la tipografía utilizando a Adobe Photoshop.

Eligiendo nuestro objeto de análisis con Adobe Photoshop

Tal y como lo mencionamos anteriormente, en este artículo tutorial vamos a utilizar elementos propios (como ya es costumbre en Vinagre Asesino); para poder lograr esto, sólo debemos ir hasta la página web y realizar la captura con la herramienta Recortes, proceso que ya habíamos también mencionado en un artículo anterior.
recortes en Vinagre Asesino
Luego de haber hecho la captura, nos dispondremos a copiar dicho logotipo desde la misma interfaz de Recortes; para ello podríamos utilizar a «CTRL + C» o mediante el menú de opciones de la misma herramienta.
recortes en Vinagre Asesino 02
Seguidamente abrimos Adobe Photoshop y creamos un nuevo proyecto con «CTRL + N»; este paso que hemos realizado es muy importante, ya que las dimensiones se colocarán automáticamente debido a que en la memoria de nuestro ordenador, esta almacenado el logotipo que capturamos anteriormente, siendo estas las dimensiones las que se copiarán en la aplicación de diseño gráfico.
recortes en Vinagre Asesino 03
Solamente tenemos que cerrar la ventana haciendo clic en «Ok» y nada más. Luego de ello, pegaremos al logotipo que anteriormente habíamos copiado, ello con el atajo de teclado «CTRL + V».
recortes en Vinagre Asesino 04
Podremos notar que automáticamente el logotipo llena todo el espacio del proyecto que hemos creado debido a que las dimensiones, son las mismas. Ahora abrimos nuestro panel para cambiar el tamaño del imagen, colocando a un valor de 1000 px hacia el lado horizontal.
Vinagre Asesino en Photoshop 01
Podremos notar que los bordes de las letras de Vinagre Asesino están pixeleados, siendo este el primer factor que vamos a corregir en este momento.
Vinagre Asesino en Photoshop 02
Para ello solamente tenemos que ir hacia el área de los filtros, debiendo elegir de entre todos, al «Desenfoque Gaussiano«.
Vinagre Asesino en Photoshop 03
El valor que asignemos para el desenfoque dependerá del buen ojo y criterio del usuario, debiendo colocar uno relativamente bajo para que toda la imagen, no se llegue a perder.
Vinagre Asesino en Photoshop 04

Mejorando la imagen de nuestra tipografía con Adobe Photoshop

Lo que hicimos anteriormente viene a ser el primer paso, en donde hemos redimensionado y posteriormente, aplicado un pequeño filtro para que se eliminen los pequeños picos o gradas de un mal pixel en los bordes. Si realizamos un pequeño alejamiento a nuestro trabajo temporal, lograremos admirar que las letras no están muy visibles debido al desenfoque otorgado.
Por tal motivo, en el campo de las «Capas» debemos elegir a la de nuestro trabajo; posteriormente nos iremos hacia la barra de menús en la parte superior de la interfaz de Adobe Photoshop, debiendo buscar a «Umbral» desde la opción de «Nueva Capa de Ajuste».
Vinagre Asesino en Photoshop 05
Un pequeño panel se mostrará, en donde debemos arrastrar a la pequeña pestaña deslizante hacia la derecha o izquierda según el efecto que deseemos tener; en nuestro caso, lo hemos hecho hacia la izquierda, ello para disminuir el valor de este umbral.
Vinagre Asesino en Photoshop 06
Adobe Photoshop nos muestra una vista previa de lo que vayamos haciendo con esta opción de «umbral», por lo que el usuario deberá definir el momento en el que los picos se hayan perdido por completo.
Como habremos notado, esta opción de «umbral» ha transformado a nuestra imagen en blanco y negro; el usuario puede guardar todo el trabajo en una imagen sencilla, la cual posteriormente podría llegar a importar en alguna aplicación web que tenga la capacidad de reconocimiento OCR, con lo que el gráfico de «Vinagre Asesino» se convertirá en texto automáticamente, aunque hay que tener cuidado con esta última opción, ya que la herramienta deberá ser capaz de respetar cada línea que forma parte del diseño de la tipografía.

Deja un comentario