Skip to content

Photoshop: Botones redondeados en un minuto

4 agosto, 2010

Hoy realizaremos un ejercicio de diseño en photoshop para incluir en cualquiera de nuestras webs o diseños personales, de facil ejecución y rapidez.

Ejercicio: Botón redondeado de 100px x 40px.

para la realización de este ejercicio seguiremos los siguientes pasos:

  • Abrimos archivo nuevo de 300×300 px, siempre mayor que el resultado final para trabajar con comodidad.
  • En herramienta de selección elegimos marco rectangular.
  • En el menu horizontal superior,(opciones de herramientas), donde pone estilo elegimos tamaño fijo y ponemos el tamaño de nuestro botón, en el ejercicio: ancho 100px, alto 40px.
  • Hacemos click sobre el documento en algún punto minimamente centrado, y aparecerá una superficie rectangular como seleccionada.
  • En el menú superior horizontal; dentro de selección elegimos modificar y según versiones de photoshop suavizar o redondar.
  • En la ventana donde nos pide el radio seleccionamos según el valor que deseemos, para este tamaño entre 6 y 12 px estaría bien, damos OK.
  • Pulsamos sobre capa nueva.
  • Seleccionamos el color del que queremos el botón y lo pintamos con el bote de pintura.
  • Elegimos la herramienta recortar, que se encuentra debajo de seleccion marco rectangular, (tercera linea).
  • Hacemos doble click sobre la selección.
  • Deshabilitamos la capa que se llama fondo, quitamos el ojo a su izquierda.
  • Archivo>Guardar para web>.gif
  • Ejercicio resuelto.

Espero este post os sea de utilidad y hasta el próximo.

Fuente: D. Vicent Escorihula

Anuncios

Los comentarios están cerrados.

A %d blogueros les gusta esto: