Photoshop esquinas redondeadas. ¿Cómo redondear las esquinas de una imagen en Photoshop? Redondeo de las esquinas de las imágenes

En este tutorial rápido, le mostraré cómo puede crear esquinas redondeadas en Photoshop usando métodos simples enmascaramiento y filtros.

Podrá ajustar el radio de la esquina para redondear el borde de su forma, texto, etc. Este es un método rápido y fácil para crear esquinas redondeadas. Puede utilizar una máscara de capa para crearlos.

Usando la serie pasos sencillos en Photoshop, puede hacer un rectángulo redondeado. Photoshop no tiene un filtro o herramienta para hacer una esquina redonda de inmediato, pero puede hacerlo con Illustrator. Le permitirá crear un efecto de esquina redondeada para casi todos los objetos. En él necesitas ir al menú. Efectos> Estilizar> Esquinas redondeadas(Efectos> Estilizar> Esquinas redondeadas).

Paso 1

En este tutorial rápido, le mostraré un método simple para obtener esquinas redondeadas en Photoshop usando texto rasterizado, forma o algún tipo de imagen. Tome una imagen vectorial de una estrella con esquinas afiladas (este método también funcionará bien con ángulos rectos).

Paso 2

Ahora necesitas rasterizar la capa. Para hacer esto, haga clic con el botón derecho en la miniatura de la capa de estrella en la paleta de capas y en Menú de contexto escoger Rasterizar capa(Rasterizar capa). Debe hacer lo mismo si está utilizando una capa de texto.

Paso 3

Ir al menú Filtro> Desenfocar(Filtro> Desenfocar) y seleccione desenfoque gaussiano(Desenfoque gaussiano). El radio del desenfoque dependerá del tamaño de su imagen y del resultado que le gustaría obtener. Elegiré un radio de 5px.

Paso 4

Mantenga presionada la tecla "Ctrl" y haga clic en la miniatura de la capa para activar la selección de la imagen. A continuación, vaya al menú Destacando y elige Refinar borde(Seleccione> Perfeccionar borde). Puedes experimentar con los parámetros Suavizado(Suave) y Plumando(Pluma) para seleccionar el efecto deseado. Contraste(Contraste) haga 100.

Paso 5

Toma el color de la forma, en nuestro caso es amarillo y llena toda la selección con ese color. Puede hacer esto presionando la combinación de teclas "Shift + F5".

Paso 6

Sin anular la selección, debe agregar una máscara de capa haciendo clic en el icono ubicado en la parte inferior de la paleta de capas. Eso es todo, ahora la estrella tiene esquinas redondeadas.

Puede utilizar el mismo método para crear texto con esquinas redondeadas, como se muestra en la imagen a continuación. Ahora puedes crear tu propia fuente.

1 voto

Buen día, queridos desarrolladores de sitios novatos. Finalmente, paso a las historias sobre qué técnicas usar para crear sitios web increíbles. Hoy te contaré cómo procesar una foto en unos minutos y así hacer que el portal sea más hermoso, y la duración de las visitas es mucho mayor. ¿No me crees? Pero en vano ...

Desde el inicio de los sitios de venta grandes compañias Comenzó a estudiar de cerca los gustos de la audiencia. Tratan de ocultar cuidadosamente algunos de sus descubrimientos, ya que las técnicas funcionan demasiado bien, mientras que otras son bastante difíciles de ocultar, se utilizan con demasiada frecuencia.

Todo el mundo está acostumbrado desde hace mucho tiempo a las fotografías planas y rectangulares. Se utilizan cuando se trata de negocios serios que hacen negocios de manera responsable.

Cuando una empresa o servicio es más simple, las imágenes con transiciones suaves se puede ver mucho más a menudo. Puedes ver esto en cualquier buena página de ventas, que será una recopilación de las mejores técnicas en periodismo, marketing y psicología.

Hoy aprenderá todos los métodos de redondeo de esquinas en Photoshop. Si está pensando en cómo mantener la atención y ganarse a sí mismo, entonces use formas aerodinámicas, y si está haciendo un portal serio y desea crear una especie de barrera entre usted y el lector, entonces es mejor usar imágenes rectangulares: “Somos muchachos serios, quieres calidad, para nosotros”.

Una forma rápida de redondear una foto

Entonces, trabajaremos en Photoshop. Abrimos la imagen.

Encuentra la herramienta Rectángulo redondeado.

Si no puede encontrarlo, mantenga presionado el botón izquierdo del mouse durante un par de segundos en los botones del menú para abrir opciones adicionales.

No importa el color que elijas. Arrastre el objeto sobre la imagen para que el área que desee esté dentro de la forma.

Presta atención a las propiedades. Puedes jugar con las figuras que se muestran en la imagen y doblar más los bordes. Ingrese su número y presione enter para ver el resultado. Cuando te satisfaga, presiona enter nuevamente.

Ahora mantenga presionada la tecla CTRL y haga clic en el centro de la capa que contiene el rectángulo que acaba de dibujar. Tenga cuidado, si hace clic en el texto, no pasará nada. Debe hacer clic exactamente en el centro del icono con una imagen en miniatura.

Ahora quitamos la visibilidad. Para hacer esto, haga clic en el "ojo" al lado de la capa.

Vaya a trabajar con la capa, selecciónela: haga clic con el ratón sobre el texto o sobre el icono. No importa. No omita este paso o la magia no sucederá.

Listo. Si va a mostrar una imagen en el sitio, puede guardarla, lo principal es no confundirse con el formato.

Lo que necesitas es png.

En este caso, los bordes a cuadros serán transparentes. Seleccione jpeg y será reemplazado por un borde blanco poco atractivo.

También puede agregar esta imagen a la foto. En este caso, no es necesario guardar y reabrir.

Simplemente selecciónelo (Ctrl + A), luego cópielo (Ctrl + C) y péguelo en otra imagen (Ctrl + V).

Redondeo para diseñadores, aceleramos el proceso de trabajo en un proyecto.

Digamos que estás trabajando en un proyecto interesante importante. Está casi terminado y quieres ver cómo se verá con las esquinas redondeadas. No es necesario abrir cien mil pestañas: recortar - pegar, etc. Todo se puede hacer mucho más rápido y más fácil.

He aquí un vistazo a mi ejemplo. Por cierto, si quieres, puedes descargar este archivo psd, abrirlo con Photoshop y practicar ( descargar ).

Seleccione la capa que necesitamos. Voy a trabajar con una gran imagen de búho. Así que mantengo presionada la tecla Ctrl y hago clic en el centro de la imagen en miniatura de esta capa. No por texto ni visualmente. Según la imagen con la imagen. Perdón por la tautología.

En primer lugar, marque la casilla junto a "aplicar efecto en los bordes". Luego establecemos el radio.

Desafortunadamente, tienes que elegir a ojo. Aquí, como regla, ponga 15. Este es el estándar, pero, como comprenderá, puede desviarse de él.

Seleccionamos la opción ideal.

Luego, en la pestaña "Selección" encontramos "Inversión".

Presiona el botón "del" en tu teclado y listo.

Para eliminar las hormigas que se arrastran alrededor de los bordes, debe presionar Ctrl y D al mismo tiempo.

Si te gustaron estos tutoriales, puedes encontrar más. No tiene que buscar en Youtube lo que se le ocurra. Puede ser explorado todas las fichas "de la A a la Z" por lecciones en video. Obtén tu presentación gratis ultima versión curso de Photoshop ruso. En este caso, no solo podrás hacer cosas básicas, sino que también aprenderás a realizar trabajos complejos, verás cómo los verdaderos especialistas aplican habilidades simples y qué resulta de ello.

Vea, por ejemplo, lo que ha aprendido hoy se puede aplicar a algo más que recortar esquinas.

Ya sabes cómo hacer un dibujo en triángulos. ¿No entiendo? Todo es muy sencillo.

Tomando el primer método de recorte de este artículo como base, pero en lugar de trabajar con un rectángulo, elija un polígono.

No olvide exponer los "tres lados" en el panel de la parte superior, para no engañar su cabeza con la transformación de la forma.

Y, si no desea que las esquinas sean tan nítidas como las mías, simplemente configure el suavizado en la configuración.

Puede descargar esta imagen en formato psd directamente desde mi blog y trabajar con ella ( descargar ). Creo que mejorarlo no es un problema.

Si este artículo fue útil, suscríbase a la lista de correo de mi blog. ¡Hay toneladas de cosas interesantes esperándote! Y finalmente, un video sobre cómo puedes convertir a una niña en una pizza usando Photoshop. Véalo hasta el final, es divertido.

Todos adoran los ángulos rectos de las imágenes. Pero aún así, hay ocasiones en las que estas mismas esquinas deben redondearse. Entonces, el programa Photoshop volverá a acudir en tu ayuda. En este artículo, veremos una de las muchas formas en que puede hacer esto. Tenga en cuenta que mi método también implica un pequeño recorte de la imagen alrededor de los bordes, esto es una especie de sacrificio en nombre de las esquinas redondeadas.

Para aquellos que les gusta más claridad, grabé un video tutorial, que pueden ver al final de este tutorial. Así que comencemos a redondear las esquinas de la imagen:

Paso 1

De forma predeterminada, todas las imágenes abiertas en Photoshop se convierten en la imagen de fondo. Photoshop nombra esta capa como "Fondo" y también la bloquea de ediciones innecesarias. Esto se nos indica mediante un pequeño icono de candado.

Para desbloquear dicha capa, debe hacer doble clic en ella. Aparece el cuadro de diálogo Nueva capa. No cambie nada, simplemente haga clic en Aceptar. La cerradura debería desaparecer ahora.

Paso 5

En el panel de capas, haga clic en la primera capa con nuestra imagen original y presione el atajo de teclado Ctrl + Shift + I. Como resultado, debemos seleccionar toda el área fuera de los límites de nuestro cuadrado. Se llama . Eche un vistazo más de cerca a lo que ha cambiado:

Paso 6

Ahora presione la combinación de teclas Ctrl + X (editar - cortar) para eliminar el área seleccionada. La selección debería desaparecer y, donde una vez estuvo la imagen, aparecerá un fondo de tablero de ajedrez (transparencia).

Paso 7

Ahora hagamos invisible nuestra capa de forma. Para hacer esto, en el panel de capas, haga clic en el icono del ojo opuesto a la capa con el cuadrado. Aquí está la imagen original con esquinas redondeadas.

Paso 8

Ejecuta el comando Imagen - para que Photoshop elimine todo el espacio extra alrededor de la imagen. Como resultado, el modo de transparencia solo debería ser visible en las esquinas.

En el futuro, para utilizar una imagen de este tipo, ¡debe guardarse en formato PNG! En este caso, las esquinas permanecerán transparentes. De lo contrario, si guarda, por ejemplo, en formato JPG, las esquinas se volverán automáticamente con un fondo blanco.

Entonces todo está listo. Una imagen con esquinas redondeadas se verá así:

¿Y cómo hacer solo, por ejemplo, una esquina redondeada?

Muy simple. Volvamos al escenario cuando dibujamos la forma. Estírelo para que solo vea una esquina redondeada y las otras tres estén ocultas fuera del lienzo. Aquí, y luego siga las instrucciones anteriores. Todo es lo mismo.

¡Espero que las instrucciones te hayan ayudado y puedas hacer algo genial! Buena suerte.

Si detecta un error en el texto, selecciónelo y presione Ctrl + Enter. ¡Gracias!

En algunos sitios que no tienen esquinas afiladas en el diseño, las ilustraciones de los artículos y noticias también tienen bordes redondeados. Muy a menudo, los diseñadores web no piensan en el hecho de que será difícil para el propietario del sitio hacer tales ilustraciones con esquinas redondeadas, no necesariamente tiene los conocimientos necesarios. Photoshop... Sin embargo, el cliente del sitio tiene la culpa. Al exigir que todo sea hermoso, a menudo no piensa en cómo agregará imágenes con bordes redondeados a los artículos y noticias de su sitio.

En este tutorial Photoshop veremos lo fácil que es redondear las esquinas de la imagen usando el ejemplo de un avatar, no limitado al grosor 1 px:

Cuando necesité por primera vez redondear las esquinas de una ilustración para un sitio web, la respuesta no me resultó obvia. Busqué en Google y encontré un par de instrucciones de traducción que eran demasiado inteligentes para un principiante: para luchar con canales, rutas, desenfoque, guías y otras herramientas para usuarios avanzados. Photoshop incluso un profesional es vago, pero para un principiante tal proceso puede parecer incomprensible y tedioso. Después de pensarlo un poco, encontré mi propia manera de redondear rápida y fácilmente los bordes de la imagen que necesitaba.

Redondea todas las esquinas de un dibujo con una forma de Photoshop

Digamos que quieres hacerlo con bordes redondeados. Sin embargo, no tiene una imagen similar con bordes suavizados. Ofreciéndole un muy simple pero muy detallado e ilustrado Tutorial de Photoshop sobre cómo hacer una imagen con esquinas redondeadas.

1. Abra Photoshop. Este tutorial usa mi versión favorita Adobe Photoshop CS3 pero cualquier otra versión instalada en su computadora también funcionará.

2. Abra el dibujo original, cuyos bordes redondearemos. Si la imagen difiere en tamaño y forma de la que necesitamos, es necesario y / o en Photoshop antes de comenzar a redondear las esquinas.

3. Presione en el teclado Ctrl + A para seleccionar todo el dibujo, luego haga clic en Ctrl + C para copiarlo. Abra una nueva ventana en Photoshop ( Ctrl + N) y pegue la imagen copiada en ella ( Ctrl + V). En este caso, el fondo de la nueva ventana debe ser del color que debe rodear el dibujo con bordes redondeados en el sitio.

4. Nosotros creamos nueva capa (Ctrl + Mayús + N). Y en esta nueva capa con la herramienta Herramienta Rectángulo redondeado (U) dibuja un cuadrado o un rectángulo del tamaño deseado:

5. El color de fondo del rectángulo dibujado no importa. Parámetro Radio, que caracteriza el grado de redondez de la esquina, porque esta lección es 8 , pero puedes cambiarlo como quieras:

6. La forma dibujada en una nueva capa se puede mover usando las flechas del teclado. Su forma se puede cambiar presionando en el teclado Ctrl + T y luego estirar la forma con el mouse. Si arrastra una esquina mientras mantiene presionado Cambio, la forma cambiará de tamaño proporcionalmente. Como resultado de todas estas acciones, nos aseguraremos de que la forma con bordes redondeados tenga el tamaño y la forma que necesitamos:

7. Manteniendo presionada la tecla control haga clic en la vista previa de la capa en el panel de capas Capas(tenemos un cuadrado rojo). Esto nos permitirá seleccionar el rectángulo redondeado rojo, como lo demuestra la línea de puntos que aparece a lo largo de su borde:

8. En el panel de capas Capas ve a la capa inferior con la imagen principal y presiona la combinación Ctrl + Mayús + I(o Seleccione -> Inverso en el menú principal de Photoshop). Esto seleccionará el área que se encuentra fuera del cuadrado redondeado rojo.

9. Pulse la tecla en el teclado Borrar para eliminar esta parte de la imagen principal que no necesitamos. Después de eso, hacemos invisible la capa superior con el cuadrado rojo (en el panel Capas haga clic en el icono del ojo junto a la capa del cuadrado rojo). Presione en el teclado METRO y haga clic en cualquier lugar del lienzo de dibujo para anular la selección del avatar terminado con esquinas redondeadas. Si configuramos el fondo en transparente, obtenemos lo siguiente:

10. El dibujo sin esquinas afiladas está listo. También puede usarlo como avatar o ilustración en el sitio.

Si necesita hacer dibujos con esquinas redondeadas con frecuencia y todos tienen el mismo tamaño y estilo, será lógico guardar el resultado de esta lección. Photoshop en el formato Psd para mantener las capas editables. Luego, el proceso de creación de nuevas imágenes sin esquinas nítidas se simplificará hasta que se seleccione el contorno. imagen terminada, invierta la selección y elimine la parte innecesaria de la nueva imagen.

Si solo necesita redondear una esquina del dibujo y el resto debe permanecer nítido, las instrucciones anteriores también son excelentes para usar. Para hacer esto, basta con hacer con la combinación Ctrl + T el tamaño del rectángulo rojo es mayor que la imagen editada. En este caso, los bordes del cuadrado rojo terminarán fuera del lienzo, y dicho rectángulo se puede superponer a la imagen para que solo una esquina se superponga al área visible de la imagen y el resto permanezca fuera de ella. Al invertir y eliminar la parte seleccionada de la imagen, redondearemos solo una esquina deseada de la imagen y el resto de las esquinas permanecerán nítidas. Del mismo modo, puede redondear rápida y fácilmente cualquier número de esquinas de cualquier imagen.

Además, para crear una imagen con bordes irregulares o cualquier otro efecto similar, puede usar una imagen con bordes irregulares o esquinas redondeadas, descargada de algún sitio. En este caso, debe eliminar el fondo que no está relacionado con la imagen, por ejemplo, utilizando la herramienta Herramienta Varita mágica (W).

Puede obtener más información sobre la promoción de aplicaciones móviles en el sitio web advertmobile.net. Este servicio ofrece instalaciones motivadas en grandes volúmenes para la aplicación que ha desarrollado, así como su promoción competente en Tienda de aplicaciones y Google Play.

He estado buscando durante mucho tiempo cómo puedo redondear las esquinas usando Adobe Photoshop, pero en todas partes no terminan de escribir, o está escrito incorrectamente. Al final resultó que, redondear las esquinas de cualquier imagen no tomará más de 30 segundos, por supuesto, después de que aprenda a hacerlo.

Entonces, para realizar una operación tan simple, es necesario iniciar la aplicación y poner la imagen que necesitamos dentro del programa, o usar Menú-> Archivo-> Abrir-> Imagen deseada.jpg. Usaré la imagen habitual de naturaleza.

Preste atención a la esquina inferior derecha, ha aparecido una imagen de fondo en "Capas", debe convertirse en una capa. Para hacer esto, haga clic en el fondo con el botón derecho del mouse y seleccione "Capa de fondo".

Como resultado de esta acción, nuestro fondo se transformará en una capa.

Duplica la imagen haciendo clic derecho en la Capa 0 y seleccionando "Duplicar capa".

Figura 2

Esconderse con área de trabajo"Capa 0". Para ocultar una capa, haga clic en el icono OJOS junto al nombre de la capa.

Seleccione la parte deseada de la imagen.

Tan pronto como haya marcado la parte deseada de la imagen con un rectángulo, haga clic derecho dentro de la selección y seleccione "Selección de formulario".

En el cuadro de diálogo, haga clic en el botón Aceptar, no toque el sombreado.

Muy punto importante! Seleccione Layer 0 (Copy), luego presione la tecla DELETE en su teclado. La capa 0 (copia) debe seleccionarse con un clic normal del mouse.

Si todo se hace correctamente, verá algo como esto en Photoshop. Ahora puede guardar la imagen, por ejemplo, formato png y disfruta de la obra de arte.

Hay una cosa más, si la pieza recortada es dos o incluso 3 veces más pequeña que la imagen original, tendrá un área vacía grande, debe ser eliminada. Para hacer esto, seleccione la herramienta de anidamiento y seleccione un área de la imagen sin un área vacía.

Luego vaya al menú Editar-> Copiar.

Vaya al menú Archivo-> Nuevo y simplemente haga clic en Aceptar. El programa ajustará automáticamente el ancho y alto del lienzo del área seleccionada de la imagen.

En el nuevo proyecto "Sin nombre 1", y automáticamente nos encontraremos en él, vamos al menú Edición-> Insertar.

La mejor forma de guardar la imagen es utilizar el elemento "Guardar para Web". En primer lugar, puede seleccionar manualmente la calidad de la imagen como porcentaje y, en segundo lugar, el tamaño de la imagen será varias veces menor que si guarda de la manera habitual.

¿Y qué obtuvimos a la salida?

Para aquellos que no entienden cómo logré doblar las esquinas, grabé especialmente un video que los ayudará en esta fácil tarea.