Crear botones originales y bonitos para tu web o blog:

1 ago. 2012



Seguimos en la semana de Botones. Hoy os enseño unas cuantas ideas para crear vuestros propios botones. Es muy sencillico, solo necesitaréis imaginación y, como no..., Power point. Vamos a comenzar. Yo os doy unas cuantas ideas, después..., haced lo que queráis. De todos modos os dejo aquí el enlace a una de las entradas de la semana pasada donde os dejo algunos fondos y texturas que os pueden ser útiles para crear vuestros propios botones web.




La primera idea que os doy es crear botones con forma circular y relieve. Las imágenes las podéis encontrar en la entrada del lunes. 






¡Ah! No olvides agrupar toda la imagen. Es muy sencillo: seleccionas todos los elementos (el círculo, el texto, la imagen), pinchas en formato y después en agrupar. Y listo ya tienes el botón preparado. Lo puedes guardar pinchando con el botón derecho sobre la imagen y seleccionando guardar como.

Aquí va la segunda idea. Es muy sencilla también y el efecto, creo que es muy bonito. Los pasos son muy similares a los del tutorial anterior, solo cambian las formas. Me he ido inspirando en botones que he visto por ahí... y tengo más ideas... pero iba a ser una entrada demasiado larga.

Os recuerdo que yo solo os doy las ideas... después podéis hacer todo lo que os de la gana. De hecho me encantaría ver estos botones en vuestros blogs. Vamos a empezar... pasico a pasico.











¡Ah! No olvides agrupar toda la imagen. Es muy sencillo: seleccionas todos los elementos (el círculo, el texto, la imagen), pinchas en formato y después en agrupar. Y listo ya tienes el botón preparado. Lo puedes guardar pinchando con el botón derecho sobre la imagen y seleccionando guardar como.

Este tutorial, creo, que es el más fácil de todos. Además, los botones son muy parecidos a lo que yo tengo en el blog. Si queréis saber cómo se hacen... ya sabéis lo que tenéis que hacer: seguir leyendo todo todito. ¡Ah! Aquí os adelanto que mañana os enseñaré a poner los botones que hagáis en  vuestro blog-blogger. Ese tutorial sí que es fácil, y da un aspecto muy "pro" a vuestro blog. Os voy contando cosillas para que no os aburráis. Ahora sí que sí... Podéis pasar al tutorial. 












¡Ah! No olvides agrupar toda la imagen. Es muy sencillo: seleccionas todos los elementos (el círculo, el texto, la imagen), pinchas en formato y después en agrupar. Y listo ya tienes el botón preparado. Lo puedes guardar pinchando con el botón derecho sobre la imagen y seleccionando guardar como.
La última idea consiste en buscar unas plantillas de etiquetas que sean bonitas. Por ejemplo estas de Fellow FellowLa manera de hacerlos es muy sencilla. Simplemente seleccionaremos la etiqueta o etiquetas que queramos, las importamos o insertamos en nuestro editor (photoshop, power point,etc) y las decoramos como nos de la gana.Con un poquito de paciencia e imaginación podemos conseguir unos botones para nuestra web o nuestro blog, así de bonitos y originales



Con esta entrada tenéis para días!!! jajaja. Nos vemos prontito... y muchas gracias!!!




Seguimos en la semana de Botones. Hoy os enseño unas cuantas ideas para crear vuestros propios botones. Es muy sencillico, solo necesitaréis imaginación y, como no..., Power point. Vamos a comenzar. Yo os doy unas cuantas ideas, después..., haced lo que queráis. De todos modos os dejo aquí el enlace a una de las entradas de la semana pasada donde os dejo algunos fondos y texturas que os pueden ser útiles para crear vuestros propios botones web.




La primera idea que os doy es crear botones con forma circular y relieve. Las imágenes las podéis encontrar en la entrada del lunes. 






¡Ah! No olvides agrupar toda la imagen. Es muy sencillo: seleccionas todos los elementos (el círculo, el texto, la imagen), pinchas en formato y después en agrupar. Y listo ya tienes el botón preparado. Lo puedes guardar pinchando con el botón derecho sobre la imagen y seleccionando guardar como.

Aquí va la segunda idea. Es muy sencilla también y el efecto, creo que es muy bonito. Los pasos son muy similares a los del tutorial anterior, solo cambian las formas. Me he ido inspirando en botones que he visto por ahí... y tengo más ideas... pero iba a ser una entrada demasiado larga.

Os recuerdo que yo solo os doy las ideas... después podéis hacer todo lo que os de la gana. De hecho me encantaría ver estos botones en vuestros blogs. Vamos a empezar... pasico a pasico.











¡Ah! No olvides agrupar toda la imagen. Es muy sencillo: seleccionas todos los elementos (el círculo, el texto, la imagen), pinchas en formato y después en agrupar. Y listo ya tienes el botón preparado. Lo puedes guardar pinchando con el botón derecho sobre la imagen y seleccionando guardar como.

Este tutorial, creo, que es el más fácil de todos. Además, los botones son muy parecidos a lo que yo tengo en el blog. Si queréis saber cómo se hacen... ya sabéis lo que tenéis que hacer: seguir leyendo todo todito. ¡Ah! Aquí os adelanto que mañana os enseñaré a poner los botones que hagáis en  vuestro blog-blogger. Ese tutorial sí que es fácil, y da un aspecto muy "pro" a vuestro blog. Os voy contando cosillas para que no os aburráis. Ahora sí que sí... Podéis pasar al tutorial. 












¡Ah! No olvides agrupar toda la imagen. Es muy sencillo: seleccionas todos los elementos (el círculo, el texto, la imagen), pinchas en formato y después en agrupar. Y listo ya tienes el botón preparado. Lo puedes guardar pinchando con el botón derecho sobre la imagen y seleccionando guardar como.
La última idea consiste en buscar unas plantillas de etiquetas que sean bonitas. Por ejemplo estas de Fellow FellowLa manera de hacerlos es muy sencilla. Simplemente seleccionaremos la etiqueta o etiquetas que queramos, las importamos o insertamos en nuestro editor (photoshop, power point,etc) y las decoramos como nos de la gana.Con un poquito de paciencia e imaginación podemos conseguir unos botones para nuestra web o nuestro blog, así de bonitos y originales



Con esta entrada tenéis para días!!! jajaja. Nos vemos prontito... y muchas gracias!!!




Seguimos en la semana de Botones. Hoy os enseño unas cuantas ideas para crear vuestros propios botones. Es muy sencillico, solo necesitaréis imaginación y, como no..., Power point. Vamos a comenzar. Yo os doy unas cuantas ideas, después..., haced lo que queráis. De todos modos os dejo aquí el enlace a una de las entradas de la semana pasada donde os dejo algunos fondos y texturas que os pueden ser útiles para crear vuestros propios botones web.




La primera idea que os doy es crear botones con forma circular y relieve. Las imágenes las podéis encontrar en la entrada del lunes. 






¡Ah! No olvides agrupar toda la imagen. Es muy sencillo: seleccionas todos los elementos (el círculo, el texto, la imagen), pinchas en formato y después en agrupar. Y listo ya tienes el botón preparado. Lo puedes guardar pinchando con el botón derecho sobre la imagen y seleccionando guardar como.

Aquí va la segunda idea. Es muy sencilla también y el efecto, creo que es muy bonito. Los pasos son muy similares a los del tutorial anterior, solo cambian las formas. Me he ido inspirando en botones que he visto por ahí... y tengo más ideas... pero iba a ser una entrada demasiado larga.

Os recuerdo que yo solo os doy las ideas... después podéis hacer todo lo que os de la gana. De hecho me encantaría ver estos botones en vuestros blogs. Vamos a empezar... pasico a pasico.











¡Ah! No olvides agrupar toda la imagen. Es muy sencillo: seleccionas todos los elementos (el círculo, el texto, la imagen), pinchas en formato y después en agrupar. Y listo ya tienes el botón preparado. Lo puedes guardar pinchando con el botón derecho sobre la imagen y seleccionando guardar como.

Este tutorial, creo, que es el más fácil de todos. Además, los botones son muy parecidos a lo que yo tengo en el blog. Si queréis saber cómo se hacen... ya sabéis lo que tenéis que hacer: seguir leyendo todo todito. ¡Ah! Aquí os adelanto que mañana os enseñaré a poner los botones que hagáis en  vuestro blog-blogger. Ese tutorial sí que es fácil, y da un aspecto muy "pro" a vuestro blog. Os voy contando cosillas para que no os aburráis. Ahora sí que sí... Podéis pasar al tutorial. 












¡Ah! No olvides agrupar toda la imagen. Es muy sencillo: seleccionas todos los elementos (el círculo, el texto, la imagen), pinchas en formato y después en agrupar. Y listo ya tienes el botón preparado. Lo puedes guardar pinchando con el botón derecho sobre la imagen y seleccionando guardar como.
La última idea consiste en buscar unas plantillas de etiquetas que sean bonitas. Por ejemplo estas de Fellow FellowLa manera de hacerlos es muy sencilla. Simplemente seleccionaremos la etiqueta o etiquetas que queramos, las importamos o insertamos en nuestro editor (photoshop, power point,etc) y las decoramos como nos de la gana.Con un poquito de paciencia e imaginación podemos conseguir unos botones para nuestra web o nuestro blog, así de bonitos y originales



Con esta entrada tenéis para días!!! jajaja. Nos vemos prontito... y muchas gracias!!!


Share to Facebook Share to Twitter Email This Pin This Share on Google Plus

36 comentarios:

  1. súper interesante!!! gracias por tantas ideas!!!!!

    ResponderEliminar
  2. Me encanta muchas gracias, pero ahora cómo lo inserto con enlace a facebook?
    quizá mi torpeza jajaj pero no tengo ni idea! jaja
    saludos!

    ResponderEliminar
  3. yaya, ya he dado con ello, gracias de todas formas
    y mucha suerte con vuestro blog que me encanta
    por cierto aprovecho y os digo cuál es el mío que es muy chulo, pero lo que realmente mola
    es lo que hago a mano!
    deseo que os guste
    lascosasdepi.blogspot.com.es

    ResponderEliminar
  4. Pero que oroginal! Madre mia el diseño de mi.blog es una birria al lado del tuyo, me encanta!de todas formas te paso el enlace por si quieres darte una vuelta todo es hecho a mano a si que te encantara http://joyeropipeta.blogspot.com.es/?m=1 me pasare mas a menudo por aqui porque he aprendido un monton un saludo :)

    ResponderEliminar
  5. Me ha encantado las ideas !! Las pondre a prueba a en mi blog :D . Muchisimas Gracias

    ResponderEliminar
  6. Hola lo primero MIL GRACIAS por tu ayuda altruista a la hora de hacer estos tutoriales !!!

    Y lo segundo , he seguido tus indicaciones en la IDEA 3 y me ha quedado precioso, pero ... a la hora de ponerlo en el blog se ve recuadrado en blanco y a mi lo que me gustaría es que el fondo fuera transparente he hecho un botón redondo con letras alrededor y al ponerlo en el blog se ve recuadrado , no se si me explico. ¿Me puedes decir como solucionar eso?

    Gracias

    ResponderEliminar
    Respuestas
    1. Te he respondido en email!!!

      Eliminar
    2. Ups ... no lo veo ¿a qué mail?
      Gracias

      Eliminar
  7. Muchísimas gracias por el tuto. Gracias a él acabo de añadir unos botoncitos la mar de cucos al blog ^^

    ResponderEliminar
  8. ¿Y cómo ponemos los botones en la cabecera, como tú has hecho? :O

    ResponderEliminar
    Respuestas
    1. Hola!! pues tienes otro tutorial para hacerlo!! http://creativemindly.blogspot.com.es/2012/10/descargar-iconos-super-originales-e.html

      Eliminar
  9. Muy útil toda la información y tutos que das..muchas gracias por compartirlo!!
    Yo recién comienzo en este mundo bloguero, pero te dejo por si te quieres pasar por mi pequeño rinconcito..
    http://velas-fanalesymas.blogspot.com.es/

    Un Saludo Maite!!

    ResponderEliminar
  10. Una pregunta veo que usas algo más sencillo pero y si yo quiero hacer en otro program como Photoshop podria cierto? como se pone el enlace y no se peude hacer alguna animación?

    ResponderEliminar
    Respuestas
    1. Puedes hacer los botones con el programa que quieras. Pero para instalarlos en blogger tienes que guardarlos en PNG o JPG, es la única condición.
      Con animación no sé muy bien a qué te refieres!
      Un beso

      Eliminar
  11. Hola, acabo de descubrir tu blog y me encanta! me parece muy bonito y súper útil, yo llevo poco tiempo con mi blog y ando siempre buscando como mejorar la imagen. Ahora estoy liada con los botones, he leído esta entrada pero tengo una duda, cuando hago el botón y lo guardo queda un cuadrado en blanco y el botón en medio y así no lo puedo usar en mi blog. Cómo tengo que guardarlo para que esto no me ocurra?

    ResponderEliminar
  12. como siempre geniales tus tutoriales!! son de muchísima ayuda. una dudilla... si creamos nuestros propios botones para face o twitter o e-mail, como los vinculamos a estas páginas para que cuando pinchen sobre ellos nos lleve al sitio adecuado? p.ej. yo quiero poner uno de "e-mail me" y que cuando pinchen salga ya el mail preparado para escribir y enviar... uff.. no se si me he explicado bien...
    Mil gracias!!

    ResponderEliminar
    Respuestas
    1. Holaaa miles de nadas!!! Sigue este tutorial y podrás enlazar facebook y twitter
      http://creativemindly.blogspot.com.es/2012/10/descargar-iconos-super-originales-e.html

      Para el email no sé!! Pon tu dirección de correo en un sitio visible... y tampoco cuesta mucho abrir el correo! Un besazo y gracias por pasarte!!

      Eliminar
  13. Me han encantado!!! Felicidades por tanta creatividad!

    ResponderEliminar
  14. están bien bonitos, muchísimas gracias, me encantaron <3! si gustas pasarte por mi blog http://loverphotography12.blogspot.mx/

    ResponderEliminar
  15. Flipo muchísimo con tu blog. En serio, es increíble lo fácil que haces que parezca todo y lo que consigues atrapar porque yo solo quería mirar una cosa y creo que me he leído el blog entero...

    ResponderEliminar
  16. Increible muchas gracias por compartir tus conocimientos y tus geniales ideas!!!

    ResponderEliminar
  17. Increible muchas gracias por compartir tus conocimientos y tus geniales ideas!!!

    ResponderEliminar
  18. INCREIBLE! muy buenas las ideas. Os felicito:)

    ResponderEliminar
  19. Buenisiiiiiiiiiiiiiiiimo tu blog!! me encantó

    ResponderEliminar
  20. Que genial :O!! Me sirve ya que ahora no tengo Photoshop :)

    ResponderEliminar
  21. Muy original!!! Me ha encantado tu blog en general!! ;)

    ResponderEliminar
  22. Voy a organizar mis prioridades, pero este post me lo guardo para unas etiquetas de cocina. =)
    Gracias

    ResponderEliminar
  23. Eres tan clara!muchas gracias!!Me has ayudado mucho!

    ResponderEliminar
  24. Me encanta!
    Explicas de una forma muy sencilla y clara.
    Gracias por la ayuda.

    ResponderEliminar
  25. estan chulisimos y las etiquetas fellowfellow como me las descargo?

    ResponderEliminar
  26. Excelente post May! Apenas comienzo con mi blog y quiero ponerlo lindo! Pero una pregunta ¿como haces para guardar las imagenes en formato png?

    ResponderEliminar
  27. ¡Hola! Acabo de encontrar este tutorial, ¡me encanta! Está chulísimo, ¡muchas gracias por el tutorial! ¡Saludos!

    ResponderEliminar

Muchas gracias por escribirme!! Si quieres puedes hacer alguna petición, recomendación... ¡¡Me encanta leeros!!