Como deixar uma imagem com borda arredondada no CSS?

Como deixar uma imagem com borda arredondada no CSS?
Bom, sabemos fazer que para fazer um arredondamento de bordas com CSS, precisamos utilizar a propriedade border-radius. A técnica consiste exatamente em aumentar o ângulo do border-radius até que forme um círculo (50%).
Como deixar uma imagem com as bordas arredondadas no Photoshop?
Como deixar suas fotos com bordas arredondadas no Photoshop?
- Nova camada (Foto: Reprodução/Flávio Renato) ...
- Ferramenta Retângulo Arredondado (Foto: Reprodução/Flávio Renato) ...
- Selecionando área (Foto: Reprodução/Flávio Renato) ...
- Arrastando a forma criada (Foto: Reprodução/Flávio Renato)