Recorta tu banner con Photoshop

Tiene 13 comentarios :|: Publicado el 17 de marzo de 2011 en Tutoriales

Lo primero que vas a tener que hacer cuando crees tu tienda en artesanio es subir el banner con el logo o marca de tu tienda. Para que quede bien integrado y no se desproporcione, hay que subir una imagen de proporciones 700 x 100 píxeles. Con Photoshop es muy fácil hacerlo siguiendo estos pasos:

1.- Preparamos una imagen en la que aparezca el logo de nuestra marca. Yo he hecho una captura de pantalla del blog de Marisa de Kraft Croch. Como ves, no he tenido en cuenta ninguna medida, simplemente me preocupo de que aparezca el logo de su marca. Eso sí, dejo unos márgenes amplios a izquierda y derecha que me permitan jugar luego con las proporciones. (Pincha sobre las imágenes para ampliarlas)

[singlepic id=3264 w=585 h=585 float=left]


2.- Abro la imagen en Photoshop. Ya sabes, botón derecho sobre el archivo, “abrir con…”, Adobe PhotoShop.

[singlepic id=3265 w=585 h=585 float=left]


3.- Selecciono la herramienta “Recortar” y en la parte superior escribo 24,69 cm (Anchura) y 3,53 (Altura). Es el equivalente a 700 x 100 píxeles. Yo tengo PhotoShop CS5 para mac, y en el CS3 para Windows también es así.

[singlepic id=3266 w=350 h=350 float=center]


4.- Hago click y arrasto sobre la imagen, de manera que el recuadro de recorte me mantiene las proporciones.

[singlepic id=3267 w=585 h=585 float=left]


5.- Muevo y arrastro para que quede perfectamente encuadrado. Click con el botón derecho y selecciono “Recortar”.

[singlepic id=3268 w=585 h=585 float=left]


6.- Guardamos y ¡tenemos listo el banner para nuestra tienda!

[singlepic id=3269 w=600 h=600 float=left]


¡Inténtalo tú ahora!

Share

13 Comentarios en “Recorta tu banner con Photoshop”

  • jose

    Si alguien lo sabe hacer de otra manera que le parezca más sencilla, o con otro programa más asequible, y me quiere enviar las capturas de pantalla, monto otro tuto parecido 😉

    comentario escrito el 17 marzo 2011
  • Macus Romero

    También se podría empezar el diseño desde cero abriendo un archivo en Photoshop de 700×100 px a 72 pp , y añadiendo el contenido, ilustración, texto etc….que nos interese…Así podríamos diseñar desde el principio el logo conociendo las proporciones exactas!
    🙂

    comentario escrito el 17 marzo 2011
  • jose

    Lo pensé, Macus, pero empezar el diseño desde cero para los que tenemos como herramienta favorita el tampón de clonar, es bastante complicado… 🙂

    comentario escrito el 17 marzo 2011
  • Ana

    Yo lo haré como dice Macus, es la costumbre.

    comentario escrito el 18 marzo 2011
  • Yoana

    Me ha resultado muy útil la entrada, y también muy útiles vuestros comentarios. Muchas gracias!!!

    comentario escrito el 18 marzo 2011
  • Macus Romero

    Si no es una forma peor o mejor 🙂 , sólo es otra diferente! Tengo ganas de que esté en funcionamiento la plataforma de venta online de artesanio, creo que va a tener mucho éxito :).

    comentario escrito el 19 marzo 2011
  • Azul Cielo Taller

    Yo lo he realizado, con la pagina: http://www.picnik.com/ . Y no es necesario siquiera tener instalado ningún programa.

    comentario escrito el 16 abril 2011
  • roxana

    A MI NO ME FUNCIONA,NI EL CODIGO DE INVITACIÓN,NI TAMPOCO PUEDO ENTRAR CON MIS DATOS ,LAS FOTOS NO SE PUEDEN PUBLICAR QUE HAGOOOOOOO?

    comentario escrito el 29 junio 2011
  • InovasWeb

    Me a salido muy útil la vuestra ayuda.
    Muchas gracias.

    comentario escrito el 23 agosto 2011
  • Repositorio de los tutoriales y posts informativos | blog.artesanio

    […] Recorta el banner de cabecera de tu tienda con Photoshop […]

    comentario escrito el 16 enero 2012
  • Miguel

    Menos mal que me ha dado por mirar en el blog, porque no había manera de cuadrar el recorte, buen tuto Jose 🙂

    comentario escrito el 26 enero 2012
  • Pepa Ramirez_

    Jose, quiero abrirme la tienda desde que me lo propusistes, pero soy tan patosa con esto de las teclas que siempre termino posponiendolo.
    Puedo hacerlo todavía?

    comentario escrito el 15 marzo 2012
  • DOlors

    Vale…¿Y si no tengo photoshop?
    A ver si hay alguna otra manera de hacerlo, plis.
    Es que sino no hay manera de crear lña tienda, es lo único que me falta…

    Gracias de antemano

    comentario escrito el 28 enero 2013

Deja un comentario

Notificarme los nuevos comentarios por correo electrónico. Tambien puedes suscribirte sin comentar.