TUTORIAL: ADDING PIC TAGS TO YOUR BLOG PICTURES

21:01

Aquí tenemos el tutorial para conseguir unas imágenes similares a las que subí en el post 12.12.12. Espero que os sea útil y se entienda bien. Cualquier duda que tengáis no tenéis más que consultármela.

I bring you here the tutorial to show you the way I make pics look like my 12.12.12 post. Hope it became useful. If you have any question please ask me.

1. Comenzamos abriendo un documento nuevo en photoshop con el tamaño que uséis habitualmente para publicar. Yo en este caso he elegido 660x500.

1. We start oppening new document in photoshop, with your usual size. I've chosen 660x550.

2. A continuación abriremos la imagen que deseemos publicar en el post en otra pestaña de photoshop. Para ello iremos a la carpeta que la contenga y seleccionaremos abrir con photoshop.

2. Then, we open the pic we want to post in photoshop again, using open with or whatever you usually use.

3. Una vez abierta la imagen ajustaremos el tamaño para poder acomodarla al documento en blanco que habíamos abierto anteriormente. Para ello nos vamos a IMAGEN - TAMAÑO IMAGEN 

3. Once we open it we have to addapt size to the empty document we opened before, using IMAGE - IMAGE SIZE.


Una  vez ahí elegiremos unos valores un poco menores al documento en blanco. Yo he elegido 640x427.Here I've chosen 640x427.
4. Una vez hecho esto arrastramos esta imagen a la pestaña del documento en blanco. Obtendremos algo así.4. Once we have it, just dragging the pic to the empty document.
5. Elegimos girar un poquito la imagen manualmente para ellos utilizamos el comando: CTRL+T, en mac: CMD+T

5. Once in here we chose to turn the pic a little bit using CTRL+T in windows, CMD+T in mac.

6. Ahora vamos a hacer la etiqueta (con apariencia de celo) que sostendrá nuestra imagen. Para ello creamos una nueva capa y en ella con la herramienta selección rectangular realizaremos un pequeño rectángulo.6. Now we are making this kind of tag to put words in the picture. By creating a new layer and using selection to make a kind of rectangle.
7. Procedemos ahora a colorear la selección con la herramienta bote de pintura. Yo he elegido el color rosa.

7. Now we are going to colour the selection with paint bucket. I've chosen pink.

8. De nuevo usamos CTRL+ T para girar el rectángulo rosa que hemos creado y colocarlo donde más nos interese.

8. We use CTRL+T again to turn the label a put it wherever we want.

Y bajaremos la opacidad para hacer la etiqueta más transparente.We'll change opacity to turn tag more transparent. Or changing fusion mode to Multiply.
O podemos cambiar el modo de fusión de la capa a Multiplicar.


9. Podemos retocar los bordecitos de la etiqueta para darle un borde dentado. Podríamos hacerlo con una máscara de capa pero vamos a lo sencillito y elegimos la herramienta borrador, ajustamos el radio y borramos el borde de la etiqueta intentando dar aspecto de dentado. Obtendríamos algo así.

9. We can erase borders by using eraser to see them as a piece of cellophane.

10. Cuando los bordes estén a nuestro gusto es el momento de añadir el texto. Con la herramienta texto, elegiremos la fuente que más nos guste, el tamaño y el color y nos dispondremos a escribir.

10. When borders became as we like is time to add text. We select font, size and colour and start writting.

Escribiríamos nuestro texto, y de nuevo con CTRL+T adaptaremos el texto al giro de la etiqueta, tamaño o lo que más nos interese.After writting CTRL+T again to adapt to the tag.
11. Cuando ya tenemos la imagen como nos gusta sólo nos queda guardarla para poder utilizarla.11. Once we have all, we only have to save it to use later. 

12. Y éste sería el resultado final una vez en el blog.12. Finally this is the result in blog.
Espero que os haya resultado sencillo (es más fácil en la práctica que leyéndolo aquí) y que os sea útil. Ya me contaréis.Miau.Hope it has been easy (easier in practice than reading it here), hope it can be useful. Please let me know.Meow. 

También podría gustarte

32 comentarios

  1. Buen tutorial :) Gracias por enseñarlo!

    ResponderEliminar
  2. Que bonito tu blog... Llegue de casualidad :)

    Saludos

    Karinna! :)

    Me voy a seguir leyendo :p

    ResponderEliminar
  3. como te lo curras gatita ;) Feliz semana!

    ResponderEliminar
    Respuestas
    1. Y eso que en vez de manos tengo garras.
      Miauu!!
      Feliz semana pa' ti también Pepita!

      Eliminar
  4. Que post tan útil!
    Definitivamente tengo que volverme a instalar el photoshop pues hice cambio de ordenador y como por falta de tiempo no lo usaba... pero ahora las cosas han cambiado.
    Tomo buena nota de tus tips, he aprendido mucho.
    Saludos y feliz semana y un besito para Kitty de Totó!

    ResponderEliminar
    Respuestas
    1. Gracias Gladys.
      Espero que te venga muy bien, y sí, reinstálate el photoshop que tiene mil utilidades.
      Katty también manda besitos a Totó!

      Eliminar
  5. Muy bueno el tutorial

    Besotes suiteros

    ResponderEliminar
  6. Al ver este tutorial, me acabo de dar cuenta de que mi photoshop es super antiguo! Jajaja, pero me da buen uso aún.
    Yo hago las cositas un pco diferntes, pero la verdad es que tú lo haces más fácil!! Muchas gracias por mostrarlo! :)
    Un besín!

    ResponderEliminar
    Respuestas
    1. Da igual mujer, lo importante es que te sirva el que tienes para lo que quieres. Este es el cs5, pero este tipo de cositas se pueden hacer con las anteriores.
      Yo aprendí a usarlo sola así que igual no hago las cosas como deberían ser, o no como las enseñarían en un curso, pero a mi modo me funciona.
      Lo bueno que tiene este programa es que tenemos mil maneras de hacer las cosas y cada uno encuentra la suya.

      Eliminar
  7. Genial! a ver como me sale, ya te diré :)
    Besiños

    ResponderEliminar
  8. Hola yo soy la primera en celebrarte este tutorial. Yo no entendía lo de las capas . A mi me aparecía un cuadrado punteado y no sabía para que eres . Empezare a practicarlo !!!
    Te quería pedir tu Mail ya que te quería hacer una consulta de otra cosa
    Cariños
    Angelica

    ResponderEliminar
    Respuestas
    1. Muchas gracias Angélica. Lo del cuadrado punteado es la capa vacía, lo que pasa es que aquí se ve en blanco, si quieres verlo con color o en blanco para no liarte lo puedes rellenar con el bote de pintura y el color que elijas, pero si tienes dudas no dudes en consultarme.
      Mi mail es babycatface.blog@gmail.com
      Espero que se te de bien.
      Ya me contarás cuáles son tus dudas.

      Eliminar
  9. Me ha encantado el tutorial!
    WWW.JUST-COCO.COM

    ResponderEliminar
    Respuestas
    1. Gracias bonita, yo se que tú de esto pilotas, pero así nos vamos mostrando nuestros truquis.

      Eliminar
  10. Me alegro Bea, espero que te sirva. Gracias a ti.

    ResponderEliminar
  11. impresionanteeeeeee, aunque yo no sé si lo haré así de bien, pero lo voy a intentarrr, un besazo enorme preciosaaaaa

    ResponderEliminar
  12. muchas gracias! tengo que asimilarlo jaja espero tener tiempo estas navidades!

    ResponderEliminar
  13. Muchas gracias por enseñarnos. Seguro que lo intento, queda muy bonito el resultado y, ahora que estoy empleandome a buenamarcha con el photoshop es buen momento para introducir más aprendizajes.
    Gracias de nuevo!

    ResponderEliminar
  14. Hola guapi!! nose si seré la única a la que le pasa... pero es que hay algunas explicaciones que me aparecen asi:

    H
    O
    L
    A
    S
    O
    Y
    M
    A
    Y
    .
    .
    .
    .


    creo que asi me explico ajajaja

    de todas formas me lo miraré bien, y asi aprenderé porque no lo he visto dificil xD Gracias por hacer el tutorial

    Un beso!

    www.maymakeupp.blogspot.com

    ResponderEliminar
    Respuestas
    1. Lo he abierto con el google chrome y ahora si se ve bien jejeje. xD

      Eliminar
  15. I like this post, still hard working to improve my photoshop skills. So keep going with this please:)

    ResponderEliminar
  16. Buen tutorial, y buen resultado.

    ResponderEliminar
  17. Acabo de encontrar tu blog y me ha encantado todo asi que para no perderme nada te sigo desde ya!!!
    Un Saludo!!!
    dezazu.blogspot.com.es

    ResponderEliminar
  18. muy util la entrada ME ENCANTA!!! sii es mi novio el de las fotos y de preboda nada jjajaja es que un amigo fotografo necesitaba una pareja para posar... y ahi estabamos nosotros jajaja


    besos guapa

    ResponderEliminar
  19. SE agradece muuuuucho!! Que compartas conocimientos de Photoshop!! A mi es un programa que me tiene completamente frustrada!! A ver si soy capaz!!

    Saludos!!!

    ResponderEliminar
  20. Un tutorial muy interesante de verdad, yo ni me acerco al photosop..me parece algo tremendamente difícil !! Pero reconozco que las que lo usáis sabéis sacarle un monton de partido tanto a las fotos como a los retuneos !! que envidia me he guardado tu tutorial por si el finde (que ya lo tengo llenito de cosas) me da tiempo y empiezo con algo sencillo gracias a ti un besete
    Mila

    ResponderEliminar

Gracias por dedicarme unos minutitos, bienvenidos.

Thanks for spending a few minutes in here, welcome.

Like us on Facebook

Flickr Images

Subscribe