Blog and Web

  • Inicio
  • Nosotros
  • Publicidad
  • Plantillas Blogger
  • Categorias
    • Adsense
    • Blogandweb
    • Blogger
    • Blogs
    • CSS
    • Diseño
      • Fuentes
      • Iconos
      • Logos
    • Dominios
    • Geek
    • HTML
    • Javascript
    • Photoshop
      • Brushes
    • PHP
    • Plantillas Blogger
    • Productos Google
      • Firefox
    • Recursos en linea
    • SEO
    • Software
    • Tutoriales
    • Uncategorized
    • Web 2.0
    • Widgets para Blogger
    • Wordpress
      • Plugins
      • Themes
  • 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 en Photoshop  |  1 Comentario

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.

Anuncios

Respuestas

Feed | Dirección de Trackback
  1. -XploT-™:

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

    Gracias lo necesitaba bastante

Deja tu comentario

Blog sobre gadgets, tecnología, poesía y otros temas Anúnciate aquí Blogger templates, layouts, themes, plantillas Anúnciate aquí Ser Turista Blog ingeniería

Categorías

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

Patrocinadores

  • ¿Quieres aprender sobre casinos?
  • Anúnciate aquí
  • BTemplates
  • Ser Turista
  • Blog ingeniería

Blogroll

  • Infected-FX
  • Blogmundi
  • Adseok
  • Zona Cerebral
  • Wwwhat's new?
  • Sigt
  • Metal.ize
  • Smashing Magazine

Entradas Recientes

  • ¿Votación de entradas en Blogger?
  • 100 Videotutoriales para aprender todo de Blogger
  • BizFresh, funcional y hermoso tema Wordpress
  • Revive el ranking de bitacoras.com
  • Google Developer Day en México

Comentarios Recientes

  • Fire_tony en ¿Votación de entradas en Blogger?
  • Fernando en ¿Votación de entradas en Blogger?
  • Markelo en Plantilla Blogy-Acuerdo
  • Androide 23 en Forte, plantilla estilo revista para Blogger
  • Bnv en ¿Votación de entradas en Blogger?

Archivos

  • 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.