Diseñar las imagenes para hacer tablas con esquinas redondeadas

No hace mucho tiempo en la pagina de desarrolloweb un articulo de como hacer tablas redondeadas. A la hora de hacer la tabla no tengo problema pero lo...

La FAQ Diseñar las imagenes para hacer tablas con esquinas redondeadas tiene

Pertenece a la categoría:
Pregunta
No hace mucho tiempo en la pagina de desarrolloweb un articulo de como hacer tablas redondeadas. A la hora de hacer la tabla no tengo problema pero lo que no se es cómo se hacen las esquinas redondeadas;

Debo usar algún programa como Photoshop para hacerlas?
Respuesta de Christian Santalucía
Hola tu consulta es muy sencilla; necesitas crear una imagen en PhotoShop por ejemplo

  1. Crea un documento con fondo transparente de300px de ancho y 50px de alto, por ejemplo ...
  2. Colorea el fondo de un color a tu elección. (Ej: negro)
  3. Vete al menú capa/nueva capa.Ya tenemos una nueva capa en la cual haremos el marco.
  4. Hacer una selección cuadrada sin seleccionar todo el documento, porque si no, no te dejara hacer el suavizado. Seleccionar en el menú selección elegir modificar/suavizar y poner, por ejemplo, 6px
  5. Después puedes hacer edición contornear, por ejemplo 3px y elegir color blanco, para obtener la silueta de un cuadrado con los bordes redondeados. También puedes rellenar de un color la selección para obtener un recudro con los bordes redondeados.

Bien ya tenemos el marco con esquinas redondas que puedes utilizar en cualquier parte. Para obtener las distintas esquinas debes seleccionar el área de cada una de las esquinas y recortarla o copiarla. La pegas en un nuevo documento y la guardas con extensión GIF, que es la más adecuada para este tipo de dibujos.
Volver al árbol de categoríasVolver al árbol de categorías
FAQ relacionadas
Volver al árbol de categoríasVolver al árbol de categorías