Pon una firma en tus fotos.

Lo primero es tener claro el tamaño que van a tener tus fotos en internet, para de esta manera crear una firma proporcional y que no estorbe mucho a la foto. Supongamos que nuestras fotos las subiremos con un tamaño de lado mas grande de 800px (el alto o el ancho que suele ser el mas aceptado en foros y el que mejor se adapta a las resoluciones actuales).

Una vez claro abrimos un documento en PS con un tamaño de 800×600 px y 72pp, en este documento pondremos nuestra firma con el tipo de letra o lo que queramos ocupando un área que no nos estropee después la fotografía pero que se vea:

2008-03-21_151022.png

En la imagen vemos varias cosas que debemos tener en cuenta;

capa fondo la he puesto con una esquina en negro para que se vea el efecto «trazo», con esto conseguimos que sea cual sea el fondo (será la foto) la firma se vea correctamente. este efecto tiene en este caso esta configuración.

2008-03-21_151540.png

una vez terminada la firma, con la herramienta cortar (2008-03-21_151832.png) recortamos la firma dejando sólo lo que nos interesa, es decir la firma:

2008-03-21_152054.png

con lo que nos quedaremos con nuestra firma. Una vez decidido esto desactivamos la capa «fondo» y exportamos en formato PNG-24 con transparencia (Archivo->guardar para web y dispositivos):

2008-03-21_152502.png

Con este paso hemos guardado la imagen que a partir de ahora usaremos como firma en nuestras fotos lo suyo es hacerlo en «mis documentos».

Ya tenemos nuestra firma, ahora debemos descargarnos el programa con el que yo firmo mis fotos, bueno, firmo, visualizo, ordeno, comparo, creo presentaciones, hojas de contacto, albums en PDF… y yo que se cuantas cosas mas, es el FastStone una aplicación super potente y gratuita, aunque no está mal que les donemos algún eurillo, que se lo merecen, de verdad.

2008-03-21_153414.png

Abrimos el FastStone y nos vamos a la carpeta que queremos «firmar» y seleccionamos las fotos a las que queramos añadir la firma, cuando las seleccionemos pulsamos F3 o Tools->convert selected images, se nos abrirá la siguiente ventana:

2008-03-21_153918.jpg

en esta ventana seleccionaremos el formato de salida (jpeg) la carpeta en la que queremos poner las fotos firmadas y marcamos «use advanced options…», pulsamos el botón «advanced options» y abriremos la cueva de alibaba, muuchas opciones, para arreglar nuestras fotos, la primera pestaña es la del tamaño, en ella podrémos redimensionar todas nuestras fotos sin preocuparnos de si es vertical u horizontal, rellenamos con los datos que queramos, pero en nuestro caso usaremos «long side» = 800 con lo que nos ajustará el lado máximo (sea el alto o el ancho) a 800 px, y el otro lo ajustará proporcionalmente. El resto lo dejamos como está.

2008-03-21_154825.jpg

Lo siguiente que tocaremos es el DPI (puntos por pulgada), lo ponemos a 72 que es el valor idoneo para internet y visualización en pantalla.

Ahora pulsamos la pestaña Watermark (marca de agua) y activamos la casilla «Use watermark». En «Watermar Image»seleccionamos nuestra firma, la que guardamos antes. y el resto de las opciones las ponemos a nuestro gusto, la posición de la firma(1), el desfase respecto a la posición (2), si la queremos con sombra, la opacidad de la firma (la haremos menos evidente)…

2008-03-21_155420.jpg

Ahora y por último podemos añadir un marco a nuestra foto en la pestaña «Border» yolo tengo configurado con un marco de 1 pixel negro bordeando la foto y otro de 15pixel blanco que bordea al negro, cuestión de probar lo que nos guste mas y hacer nuestro marco personalizado, podemos además colocar un «marco interior» que oscurecerá la foto con el tamaño, la opacidad y los colores que le digamos, y por último podremos poner una sombra a nuestro marco, una vez configurado lo que queremos, pulsamos OK…

2008-03-21_160612.jpg

Regresamos a la ventana anterior y pulsamos Start y aparecerá la siguiente ventana:

2008-03-21_161028.jpg

Esperamos que termine y ya tenemos nuestras fotos firmadas y con marco en el directorio que pusimos.

Este es el resultado.

_mg_9415_filtered.jpg

Ahora os toca a vosotros personalizar y crear vuestra firma y marcos, espero que os sea util este minitutorial.

40 Comments

  1. Periko

    Muy bueno el tuto, lo voy a probar y sobre todo ese programa que parece muy bueno, gracias Ángel por compartir tus conocimientos

    Un saludo

  2. Xavier

    hoy he descubierto este tutorial y me ha parecido buenísimo.
    Solo quería agradecerte el trabajo que te ha tomado
    saludos
    XavierP

  3. Rosalia

    mil gracias, me sacaste de un apuro y aprendí bastante. Rosalia de Colombia

  4. Carlos

    Falta lo mas importante…
    que las fotos sean de diferente tamaño,
    entonces pone la firma como le sale de los guebsss…
    en una se ve bien y en otra sobredimensionada…

  5. Angel Gonzalez

    Hombre, si la foto es de 40×400 y la firma es de 200×400 no tiene sentido, debes tener en cuanta la proporción de las fotos que vas a firmar, si son para web debes tener una firma y si son para imprimir (la imagen será mas grande) debes tener otra adaptada al tamaño.

  6. Ingrid

    Muchas gracias…
    fue de mucha ayuda y lo explicaste muy bien.

    Ingrid

    Santiago de Chile

    1. Angel Gonzalez

      no dejes de actualizarte la versión, que viene con mas cosas.

  7. javiolo

    buen tutorial

  8. catherina

    Muy

    interesante, me ha ayudado mucho .

    1. Angel Gonzalez

      Me alegro, creo que es un programa muy interesante.

  9. Chema

    Muy bueno el tuto… estoy ya cansado de reducir y firmar las fotos «casi» a mano con el photoshop…

  10. Rola

    Muchas gracias. Buscando maneras para insertar la firma, me quedo con este tutorial y programa. Me parece muy, muy chulo. Espero acoplarme a él y sacarle todo su jugo.

    1. Angel Gonzalez

      Me alegra que te resulte interesante, te recomiendo que te bajes la última versión del programa que tiene muchas mejoras y novedades.

  11. Adda

    Cual es el Programa que se utiliza?/:

  12. Jose Mendez

    Buen tutorial. Utilizaré lo aprendido mucho. Te lo agradezco. Que tal si haces uno en Youtube??

    1. Angel Gonzalez

      La semana que viene lo haré con el programa actualizado, cuenta con ello.

  13. jeqm

    Ha sido de gran ayuda
    Estaría bien un tutorial de como crear esos álbunes que dices.
    Muy buen trabajo!!!

  14. Carla

    Yo acabo de descubrir este mundo, me queda todo por aprender, de modo que GRACIAS, por facilitármelo!

  15. JUAN JOSE GARCIA

    MUCHAS GRACIAS POR ESTA ORINTACION, ME AGRADA UN MONTON TENER ESTA AYUDA EN MI PODER: SALUDOS
    JUAN JO

  16. Florencia

    muchas gracias, muy util la info.
    saludos desde Corrientes Argentina!

  17. Javier

    Hola Angel, primero darte las gracias por el tutorial.
    La verdad que no tengo mucha idea de esto, me podrias decir con que programas puedo hacer el documento PS.

    Gracias y un saludo.

  18. Pedro

    Hola Juanjo, soy totalmente nuevo en este campo y para empezar no se ni que es un documento en ps para poder crear la firma, por lo demas creo que lo tengo claro, ya tengo es Fast Stone instalado tambien y estoy ya aburrido de poner firmas a mano una a una.
    Gracias por tu explicación, es un tutorial muy completo.
    Saludos

  19. Mariana

    Muy buen Aporte! El tutorial es genial, muchas gracias por compartir tus conocimientos con todos! tus imagenes son muy interesantes… FELICITACIONES!

  20. Ariel vigil

    muy bueno , justo lo que estaba buscando me dolia la mano de estar editando foto por foto! graciasss

  21. Luis

    me ayudarías con el nombre del programa que usaste para crear tu firma el que aparece en la primera imagen.
    mil gracias

    1. Angel Gonzalez

      Cualquiera que permita hacer PNG´s con transparencia, photoshop, guimp…

  22. JesusVargas

    que bien!!! me quitaste horas de trabajo..!! gracias

  23. Pastora Calderón

    Muchas gracias, me hice una mezcla de tu explicación con unos videos de Youtube, mi versión de Photoshop es muy antigua, pero listo, ya aprendía algo nuevo y voy a probar ese programa gratuito del FastStone, saludos desde México.

  24. Jercarc

    Excelente explicación ! Muchas Gracias.

    Jercarc – Chile.

  25. MONICA

    muchisima gracias!! he removido internet hasta que he dado contigo. Genial, muy bien explicado! saludos desde España.

  26. manu

    Me gustaría saber como creas el logo el paso 1 no entendí

  27. Anderson F

    Gracias….. Muy buena tu explicación… Gracias por compartir estos trucos….

  28. Mike

    Gracias por el aporte, se ve fantastico y super facil, probando…..

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *