Blog and Web

  • Inicio
  • Foro para Bloggers
  • Templates Blogger
  • Categorias
    • Adsense
    • Blogandweb
    • Blogger
    • Blogs
    • CSS
    • Diseño
      • Fuentes
      • Iconos
      • Logos
    • Dominios
    • Geek
    • HTML
    • Javascript
    • México
    • Notas rápidas
    • Photoshop
      • Brushes
    • PHP
    • Plantillas Blogger
    • Productos Google
      • Firefox
    • Recursos en linea
    • SEO
    • Software
    • Tutoriales
    • Web 2.0
    • Widgets para Blogger
    • Wordpress
      • Plugins
      • Themes
  • Nosotros
  • Publicidad
  • Suscríbete vía RSS
« Rotador de Imagenes en PHP
Agregar a Favoritos con Javascript en IE y Firefox »

Esquinas redondeadas en photoshop

Febrero 24th, 2007  |  Publicado por Francisco en Photoshop  |  2 Comentarios

Las esquinas redondeadas en la web parecen ser un gustito bastante caro viendo el trabajo que implican, pero al ver el resultado reflejado en nuestra web nos hace ver que vale la pena. Aquí te enseñaremos como creer esas famosas esquinas redondeadas en photoshop.

1. Crea un nuevo documento del tamaño que desees. Por ejemplo 300×250 px.

2. Con la herramienta de selección en cuadro haz una selección que ocupe casi todo el documento.

3. Ve al menú y entra a Selección/Modificar/Suavizar (Select/Modify/Smooth) y selecciona el radio de suavizado, para este tamaño 5 parece una buena elección, entre más grande es el tamaño de la imagen mañor el suavizado, prueba con varios valores hasta que obtengas el redondeado deseado. Recuerda que siempre estará el Ctrl+Z para salvarnos.

4. Como vez, ya tenemos los redondeados y con el podemos hacer lo siguiente:

  • Contorno

Para este caso creamos una nueva capa, vamos al menú Editar/contorno (Edit/stroke) y definimos el grosor del contorno en pixeles y su color. En este caso usaremos un grosor de 3px y un verde suave.

  • Fondo

Para hacer un fondo solo rellenamos la selección con un degradado o relleno solido con la herramienta del mismo nombre.

  • Espacio de trabajo

Para tenerla como espacio de trabajo, crea una nueva capa, rellena la selección de cualquier color, crea otra nueva capa que sera donde trabajaras, y colocala bajo la capa con el relleno. Ahora, con el boton derecho da clcik en la capa con el relleno y selecciona Crear Mascara (Create Clipping Mask)

Con esto cualquier cosa que hagas en tu capa de trabajo respeta los bordes redondeados.

Ojala que las esquinas redondeadas les sirvan y no se conviertan en un dolor de cabeza.

Artículos relacionados

  • Generador de esquinas redondeadas solo con CSS
  • De los creadores de Spiffy Box sale Spiffy Corner un generador de...

  • Anuncios Adsense con esquinas redondeadas
  • Ya no será necesario recurrir a estilos externos para tener bloques de...

  • Botones cristal obscuros
  • Esta es una serie de botones cristal obscuros disponibles para Photoshop CS3,...

Respuestas

Feed |
  1. -XploT-™:

    Enero 24th, 2008 a las 11:51 am (#)

    Gracias lo necesitaba bastante

  2. owen:

    Julio 28th, 2008 a las 3:34 pm (#)

    me sirvio de mucho

  • Templates Blogger
  • Aplicaciones web 2.0
  • Foro para Bloggers

Categorías

  • Adsense
  • Blogandweb
  • Blogger
  • Blogs
  • Brushes
  • CSS
  • Diseño
  • Dominios
  • Firefox
  • Fuentes
  • Geek
  • HTML
  • Iconos
  • Javascript
  • Logos
  • México
  • Notas rápidas
  • Photoshop
  • PHP
  • Plantillas Blogger
  • Plugins
  • Productos Google
  • Recursos en linea
  • SEO
  • Software
  • Themes
  • Tutoriales
  • Web 2.0
  • Widgets para Blogger
  • Wordpress

Patrocinadores

  • Anúnciate aquí
  • Foros del Blog
  • Web a 2.0
  • BTemplates
  • Zona Chrome
  • Ser Turista
  • Blog ingeniería

Blogroll

  • Infected-FX
  • Blogmundi
  • Zona Cerebral
  • Sigt
  • Loogic
  • Blog en serio
  • Isopixel
  • Vecindad Gráfica

Entradas Recientes

  • Redireccionar el feed de Wordpress a Feedburner
  • Iconos Wordpress
  • Iconos Blogger (Blogspot)
  • Recibe una alerta cuando tu sitio esté caído
  • Analisis: MundoTatuajes

Comentarios Recientes

  • Francisco en Iconos Wordpress
  • Los Blogos » (AdSense) Dime cuanto ganaste los últimos 2 años y te diré cuanto podrías esperar los próximos 7 en Escribe en Blog and Web
  • soyregatas en Recibir donaciones en Blogger
  • soyregatas en Recibir donaciones en Blogger
  • Francisco en Redireccionar el feed de Wordpress a Feedburner

Archivos

  • Diciembre 2008
  • Noviembre 2008
  • Octubre 2008
  • Septiembre 2008
  • Agosto 2008
  • Julio 2008
  • Junio 2008
  • Mayo 2008
  • Abril 2008
  • Marzo 2008
  • Febrero 2008
  • Enero 2008
  • Diciembre 2007
  • Noviembre 2007
  • Octubre 2007
  • Septiembre 2007
  • Agosto 2007
  • Julio 2007
  • Junio 2007
  • Mayo 2007
  • Abril 2007
  • Marzo 2007
  • Febrero 2007

©2008 Blog and Web - Bajo WordPress. Diseño basado en grindlite.
Condiciones de uso | Política de privacidad