Translate

lunes, 11 de mayo de 2015

Convertir texto en imagen

Hacía mucho tiempo que no escribía en este blog, pero he tenido ciertos problemas de salud que no vienen al caso y no muchas ganas de hacer nada. Tampoco he improvisado mucho por lo que no podía contar nada nuevo
Pero vamos a lo importante. Ayer estaba creando un anuncio en Ebay mediante código HTML. Es una manera de personalizar tu anuncio sin tener que
pagarles un extra ya que te programas tu la plantilla y te permite diferenciarte del resto y dar una imagen mucho más profesional que con un fondo blanco. Así que
como todo esta hecho ya en internet cogí una plantilla para anuncios de ebay aquí
Hay muchas más pero estas son bastante sencillas y se pueden editar muy bien con los pocos conocimientos que tengo de HTML y CSS.
Fui editando la plantilla y todo iba perfecto hasta que me puse a hacer los títulos de dentro del anuncio como descripción envío y pago que suele
ser lo que le interesa a los posibles compradores. Como el producto a vender es de la serie de anime One Piece, quería que la tipografía de estos títulos fuera la de
la serie.
Conseguir esta fuente es muy fácil, podeis elegir entre muchas fuentes originales
aqui
. El problema es que claro, la fuente yo la puedo tener instalada pero el usuario que ve mi anuncio no tiene por que, de hecho es bantante probable que no la
tenga por lo que esa tipografía será cambiada por el navegador y todo mi gozo en un pozo la diferenciación por fuente se perdería, quedando mi anuncio mucho peor.
Así que lo primero que se me ocurrió fue convertir el texto en imagen para poder poner las letras como una foto y que en cualquier navegador se pudiera ver
Ya estaba metido en "problemas" necesitaba un editor de fotografía profesional como photoshop o pixelmator para convertir el texto en píxeles, dejar
el fondo transparente y guardar el archivo en un .png. En aquel momento estaba trabajando con mi ubuntu por lo que tendría que encender el otro ordenador, y pasarme
las fotos por dropbox de un equipo a otro. Me fastidiaba perder el tiempo haciéndolo pero ponerme a buscar la solución en ubuntu igual me llevaba mas tiempo y podía
terminar sin encontrarla y teniendo que encender el otro ordenador igual. Pero bueno que es la vida sin riesgo, así que miré que opciones tenía en Ubuntu. Fijándome
en mi barra lateral me encontré con inkscape  un editor de fotos gratuito que había usado para abrir
imágenes vectoriales. Recordaba que tenía una parte para escribir texto así que decidí abrirlo:


Como podéis ver es muy facil solo hay que darle a la letra A del menú lateral para empezar a crear un rectángulo dentro del cual se va a escribir.


Una vez terminemos de hacer el rectángulo de texto, podemos soltar y ya poder escribir. El rectángulo hay que hacerlo a ojo pero no hay problema ya que si queda demasiado grande no pasa nada y si es demasiado pequeño luego lo podemos ampliar sin problema.


Ahora elegimos el tipo de fuente a utilizar en este caso One Piece y su tamaño y escribimos el texto. Hasta ahora nada que ningún programa haga de forma normal, pero llegamos al paso expectacular en el que lo convertimos en una imagen de la manera más fácil.
Vamos a la barra de menús Archivo exportar mapa de bits y nos sale esto:

Pinchamos en la pestaña selección y nos sale la misma imagen que pongo debajo donde se puede controlar el tamaño de la selección lo ppp de la imagen a crear el nombre y la ruta de la misma. Cuando todo esté a nuestro gusto aceptamos y nos crea una imagen en .png sin fondo para poder insertar encima de cualquier fondo.El resultado se tiene que parecer a esto:


Como sabéis siempre intento poner programas multiplataformas y gratuitos para comentar en este blog así que a partir de ahora intentaré usar siempre inkscape para convertir texto en imagen por su rapidez, sencillez y eficacia.

De momento el artículo no se ha vendido pero el anuncio ha quedado original, algo es algo ;)

No hay comentarios:

Publicar un comentario