Tutorial: Como redondear los bordes de una imagen
Estaba pensando en nuevas secciones para el blog, y se me ocurriĂł, como no, hacer una donde pueda hacer mis propios tutoriales. La verdad es que no soy un experto del Photoshop, ni de los cĂłdigos html ni nada de eso, pero con el tiempo, y la práctica, les puedo asegurar que se consigue aprender mucho, asĂ que si sos una de esas personas que no tiene ni idea de como usar el photoshop, o que lo sabes usar pero talvez no sabes como redondear una imagen u otra cosa, esta secciĂłn te servirá. Y si tenĂ©s un nivel más avanzado, pues estarĂa bueno que compartas algĂşn que otro consejito :D
En el dĂa de hoy les voy a enseñar Como redondear los bordes de una imagen, la verdad que en su momento me costĂł mucho encontrar un lugar de donde pudiera aprender esto satisfactoriamente, y creo que la forma en que lo hago yo es muy simple como para que lo pueda hacer cualquiera, con conocimientos previos o sin ellos.
Redondear una imagen es cuestiĂłn de estĂ©tica, pues creo que se ven mucho más lindas y quedan bien a la vista ¿Empezamos?
Para comenzar, por aquĂ tenemos la diferencia entre una imagen redondeada y una imagen no redondeada, podemos ver claramente como decĂa anteriormente que la estĂ©tica entra bastante en juego dando una terminaciĂłn mucho más linda a la imagen en concreto.
Este tutorial estará hecho en photoshop, en mi caso tengo el cs6, pero supongo que con cualquiera podrán lograr lo mismo.
En esta imagen podremos ver el primer y segundo paso. Lo primero que vamos a hacer es montar la imagen que queramos en el photoshop. Por defecto, la imagen aparecerá bloqueada por lo que se nos va a dificultar editarla, entonces lo que tendrémos que haces es apretar ctrl + j y la imagen se duplicará, borramos la que tiene el candadito y dejamos solo la otra.
Una vez que demos por concluido el primer paso, vamos al segundo que es tomar la herramienta de marco rectangular, y en nuestra imagen hacer un rectángulo. Lo que quede fuera de él luego será eliminado, vos decidis en donde hacer el corte.
Una vez que hayamos borrado la capa bloqueada, nos quedará como vemos en la imagen, la "Capa 1" sin el candadito. Bien, ahora, siguiendo con el tutorial, estabamos por la parte en que ya tenĂa la imagen con el marco rectangular, ahora irás en la parte de arriba a "Seleccion", luego a "Modificar" y por Ăşltimo a "Redondear", le damos click y nos aparecerá la siguiente imagen.
En ella podemos modificar el radio con el que se redondea la imagen, particularmente lo uso en 10, pero se puede modificar a su gusto, pueden probar distintas medidas, total, para algo está la herramienta ir atrás. Una vez que pongamos el número que queramos, en mi caso 10, le damos a OK.
Como abrán notado, la selecciĂłn que hicimos anteriormente con el marco rectangular, pasĂł a tener las esquinas redondeada, si tu imagen se ve igual que la mĂa, vamos bien. El cuarto paso consiste en hacer click derecho dentro de la selecciĂłn y clickear en "Capa via cortar"
Oh! se borró todo! No se asusten, como notarán según la flecha indica, se habrán creado dos capas, eliminamos la Capa de abajo y boala! nos quedará la imagen con los bordes redondeados.
Ya acá podemos escribir arriba de la imagen el texto que quieran, y como dato extra, si les apetece que tenga un borde su imagen, vamos a donde nos indica la flecha que está más abajo en donde dice "fx" y luego apretamos en "Trazo".
Ya aquà nos aparecerá esta ventana, ahà podemos poner el grosor del borde y modificar el color, una vez que creamos que estamos a gusto, le das a "OK" y listo, te queda la imagen con un lindo borde.
Ahora viene el paso más importante, y del que dependerá que la imagen te quede bien o no. En la parte de arriba, vamos a "Archivo", "Guardar Como" y nos saldrá esta ventana que ven aquĂ. En ella SI O SI, tendrán que guardar la imagen en extenciĂłn *PNG, si no lo guardan de esa forma, el borde no quedará redondeado, asĂ que recuerdenlo bien.
Y bueno, hasta aquĂ el tutorial, espero que les resulte simple, porque realmente lo es, una vez que seguĂs los pasos, despuĂ©s sale solo, recuerden que cualquier duda que tengan me la pueden dejar en los comentarios y yo con gusto les responderĂ©, tambiĂ©n si tienen alguna sugerencia o duda, sobre algĂşn tema o como hacer otra cosa me lo pueden dejar y tratarĂ© de explicarles o hacer un tutorial si es necesario.
En el dĂa de hoy les voy a enseñar Como redondear los bordes de una imagen, la verdad que en su momento me costĂł mucho encontrar un lugar de donde pudiera aprender esto satisfactoriamente, y creo que la forma en que lo hago yo es muy simple como para que lo pueda hacer cualquiera, con conocimientos previos o sin ellos.
Redondear una imagen es cuestiĂłn de estĂ©tica, pues creo que se ven mucho más lindas y quedan bien a la vista ¿Empezamos?
Para comenzar, por aquĂ tenemos la diferencia entre una imagen redondeada y una imagen no redondeada, podemos ver claramente como decĂa anteriormente que la estĂ©tica entra bastante en juego dando una terminaciĂłn mucho más linda a la imagen en concreto.
Este tutorial estará hecho en photoshop, en mi caso tengo el cs6, pero supongo que con cualquiera podrán lograr lo mismo.
![]() |
| Click para agrandar |
Una vez que demos por concluido el primer paso, vamos al segundo que es tomar la herramienta de marco rectangular, y en nuestra imagen hacer un rectángulo. Lo que quede fuera de él luego será eliminado, vos decidis en donde hacer el corte.
![]() |
| Click para agrandar |
Una vez que hayamos borrado la capa bloqueada, nos quedará como vemos en la imagen, la "Capa 1" sin el candadito. Bien, ahora, siguiendo con el tutorial, estabamos por la parte en que ya tenĂa la imagen con el marco rectangular, ahora irás en la parte de arriba a "Seleccion", luego a "Modificar" y por Ăşltimo a "Redondear", le damos click y nos aparecerá la siguiente imagen.
En ella podemos modificar el radio con el que se redondea la imagen, particularmente lo uso en 10, pero se puede modificar a su gusto, pueden probar distintas medidas, total, para algo está la herramienta ir atrás. Una vez que pongamos el número que queramos, en mi caso 10, le damos a OK.
Como abrán notado, la selecciĂłn que hicimos anteriormente con el marco rectangular, pasĂł a tener las esquinas redondeada, si tu imagen se ve igual que la mĂa, vamos bien. El cuarto paso consiste en hacer click derecho dentro de la selecciĂłn y clickear en "Capa via cortar"
Oh! se borró todo! No se asusten, como notarán según la flecha indica, se habrán creado dos capas, eliminamos la Capa de abajo y boala! nos quedará la imagen con los bordes redondeados.
Ya acá podemos escribir arriba de la imagen el texto que quieran, y como dato extra, si les apetece que tenga un borde su imagen, vamos a donde nos indica la flecha que está más abajo en donde dice "fx" y luego apretamos en "Trazo".
Ya aquà nos aparecerá esta ventana, ahà podemos poner el grosor del borde y modificar el color, una vez que creamos que estamos a gusto, le das a "OK" y listo, te queda la imagen con un lindo borde.
Ahora viene el paso más importante, y del que dependerá que la imagen te quede bien o no. En la parte de arriba, vamos a "Archivo", "Guardar Como" y nos saldrá esta ventana que ven aquĂ. En ella SI O SI, tendrán que guardar la imagen en extenciĂłn *PNG, si no lo guardan de esa forma, el borde no quedará redondeado, asĂ que recuerdenlo bien.
Y bueno, hasta aquĂ el tutorial, espero que les resulte simple, porque realmente lo es, una vez que seguĂs los pasos, despuĂ©s sale solo, recuerden que cualquier duda que tengan me la pueden dejar en los comentarios y yo con gusto les responderĂ©, tambiĂ©n si tienen alguna sugerencia o duda, sobre algĂşn tema o como hacer otra cosa me lo pueden dejar y tratarĂ© de explicarles o hacer un tutorial si es necesario.









