본문 바로가기
리뷰와 소개/사이트 및 유틸

포토샵 없이 사진(이미지) 모서리를 둥글게 만드는 방법! - 모서리만 바꿔도 이미지 분위기가 달라진다!

by 핸카 2025. 3. 27.

 

포토샵 없이 사진 모서리 둥글게 만들기

현실에서는 사각형 상태의 사진이 지갑이나 액자 안에 보관하기에도 좋고 정돈된 느낌을 주기 때문에 가장 많이 사용합니다.

하지만 온라인 환경에서는 모서리가 둥근 이미지가 자주 활용됩니다. 웹사이트나 앱 디자인에서 부드러운 느낌을 주고, 심미적으로도 더 세련돼 보이는 경우도 있기 때문이지요.

 

실제로 우리가 많이 보는 유튜브나 당장의 티스토리 블로그 메인인 오늘의 티스토리 화면만 보아도 썸네일 이미지에 모서리가 둥근 효과가 들어가 있는 것을 확인할 수 있습니다.

모서리 둥근 예1 : 유튜브 썸네일모서리 둥근 예2 : 오늘의 티스토리
모서리가 둥근 이미지는 심미적으로 안정감을 준다.

 

물론 위 경우는 이미지 자체의 모서리를 둥글게 만든 것이 아니라, 개발 코드로 모서리를 둥글게 하는 효과를 부여한 것이지만요.

이 글에서는 포토샵 없이 사진의 모서리를 둥글게 만드는 방법 세 가지를 알아보겠습니다.

 


미리캔버스로 사진 모서리 둥글게 만들기

 

첫 번째 방법은 미리캔버스를 이용하는 방식입니다.

미리캔버스를 이용했을 때의 장점은 단순한 둥근 모서리 기능 뿐 아니라 다양한 테두리 기능을 사용할 수 있다는 점입니다.

 

▼ 미리캔버스 이동하기

 

더 나은 디자인을 위한 무료 템플릿 | 미리캔버스

미리캔버스의 유니크한 무료 템플릿을 사용하여 쉽고 간편하게 전문가 수준의 디자인을 만들어보세요.

www.miricanvas.com

 

미리캔버스를 이용하기 위해선 로그인이 필요합니다. 간편 로그인도 할 수 있으니 회원가입 및 로그인을 진행한 뒤, 디자인 만들기로 들어갑니다. 이후 상단의 [크기 조정 → 직접 입력]을 클릭하여 원하는 캔버스의 크기를 입력한 후 [적용하기]를 클릭합니다.

 

캔버스의 크기를 조절할 때에는 내가 최종적으로 얻고 싶은 이미지의 사이즈를 입력하면 됩니다. 만약 원본 사진의 모서리를 둥글게 한다고 했을 때, 원본 사진의 가로, 세로 사이즈를 적을 수도 있지만 사진을 축소시켜 더 작은 사이즈로도 설정할 수 있습니다.

 

또한, 사진의 일부분만 테두리 효과를 적용시킬 수도 있습니다.

제 경우 아래 왼쪽 강아지 사진에 둥근 모서리 효과를 적용시킬 생각이지만, 사진의 윗부분에만 강아지가 담겨있기 때문에 윗부분만 잘라서 모서리 효과를 적용시킬 생각입니다.

따라서, 원래의 사진 사이즈는 480 x 640이지만 캔버스 크기는 240 x 240으로 지정했습니다.

원본 사진캔버스 크기 입력
원하는 캔버스 크기 입력

 

캔버스 크기를 지정했다면 왼쪽 사이드 메뉴에서 [요소]를 클릭합니다.

이어서 [프레임]을 찾은 뒤, 기본 프레임의 [더보기]를 클릭합니다.

요소 - 프레임 - 기본 프레임 더보기
요소 - 프레임 - 기본 프레임 더보기

 

기본 프레임 목록을 보면 여러 가지 모양의 테두리를 확인할 수 있습니다. 마음에 드는 테두리를 선택하셔도 되지만 이 글에서는 모서리가 둥근 테두리를 사용하기로 했으니 모서리 부분이 둥근 사각형 테두리를 선택합니다.

둥근 모서리 테두리 선택
둥근 모서리 테두리 선택

 

캔버스 안에 테두리 프레임 샘플이 들어오게 되었습니다.

이때, 프레임 샘플의 상하좌우나 대각선 끝자락을 커서로 늘릴 수 있으므로 캔버스 크기에 프레임을 딱 맞춥니다.

프레임이 삽입된 모습프레임 크기를 캔버스 크기에 맞춘 모습
프레임 크기를 캔버스 크기에 맞춤

 

이제 사진을 넣어야 합니다. 탐색기를 열고 사진이 저장된 경로로 들어가 드래그로 끌어다 캔버스 위에 놓습니다.

탐색기에서 사진을 캔버스로 드래그
탐색기에서 사진을 캔버스로 드래그

 

처음 사진을 놓으면 왼쪽 사진처럼 이미지가 프레임 위에 있습니다.

이때 이미지를 마우스 왼쪽 버튼으로 꾹 누른 뒤 살짝 드래그를 해주면 이미지가 프레임 안으로 쏙 들어가게 됩니다.

사진을 불러 온 모습사진이 프레임 안에 들어간 모습
사진을 프레임 안에 넣기

 

그런데 프레임 안으로 들어간 강아지 사진이 약간 위쪽으로 쏠려있는 모습을 확인할 수 있습니다. 강아지가 나타난 부분만을 프레임의 중앙 부분으로 옮기고, 프레임은 그대로 둔 채 이미지의 크기도 조금 변경해 보겠습니다.

 

프레임 안에 사진을 넣었다면 사진을 더블클릭합니다.

사진을 더블클릭하면 프레임 내부에 있는 사진의 크기, 위치를 자유롭게 변경할 수 있습니다.

사진의 크기, 위치 조절프레임에 맞게 사진 크기, 위치를 조정한 모습
프레임에 맞게 사진 크기, 위치를 조정한 모습

 

이제 완성된 이미지를 다운로드합니다. 우측 상단의 다운로드 버튼을 클릭하고 파일 형식을 지정합니다. 파일 형식은 JPG랑 PNG가 있는데 미리캔버스에서는 PNG를 권장하는 편입니다. 원하는 형식을 선택하고 [투명한 배경]에 체크합니다. 기껏 모서리를 둥글게 만들어 놨는데 배경을 투명하게 하지 않는다면 사각형 이미지가 생성되겠죠?

 

 

형식 설정이 끝났다면 하단의 [고해상도 다운로드] 버튼을 눌러 다운로드를 진행합니다.

파일 형식 설정 후 다운로드
파일 형식 설정 후 다운로드

 

모서리를 둥글게 만든 귀여운 강아지 사진입니다. 크기를 240 x 240으로 했기 때문에 작은 사이즈의 이미지가 만들어졌습니다.

완성!
완성!


PhotoRetrica 사이트를 통해 사진 모서리 둥글게 만들기

 

지금부터 다룰 두 개의 방법은 별도의 회원가입 없이 사이트에서 즉각적으로 이미지의 모서리를 둥글게 만들 수 있습니다.

먼저 소개할 사이트는 PhotoRetrica라는 사이트입니다.

 

PhotoRetrica 이동하기

 

둥근 이미지 모서리-온라인 및 무료 | PhotoRetrica!

시각적 인식을 향상시키기 위해 사진을 둥글게 만들 수 있습니다. 포토샵에서도 이렇게하는 것은 그렇게 쉬운 일이 아닙니다. 추가 레이어, 선택, 선택 반전, 불필요한 항목 삭제가 필요합니다.

photoretrica.com

 

단, 미리캔버스와 달리 이 사이트에서는 업로드한 사진을 원본 사이즈 그대로 활용합니다. 

상단 메뉴에 이미지 자르기나 크기 조정 등 여러 가지 기능이 있긴 하지만 각각 개별적으로 적용시켜야 하기 때문에 둥근 모서리만 빠르게 만들고 싶은 사람들이 이용하기에 적합합니다.

상단 메뉴에 여러 가지 기능들이 있다.
상단 메뉴에 여러 가지 기능들이 있다.

 

둥근 모서리에서 이미지 업로드 [파일 선택]을 클릭한 후 저장 경로에서 이미지를 불러옵니다.

파일 선택 - 이미지 불러오기
파일 선택 - 이미지 불러오기

 

이미지가 나타나면 [반올림 반경]의 슬라이더 부분을 드래그로 조정하면 둥근 모서리 효과가 적용됩니다.

이미지를 자르거나 크기를 변경할 수는 없지만 모서리의 둥근 정도를 조절할 수 있다는 점은 미리캔버스에 비해 좋은 기능입니다.

둥근 모서리 예시 1둥근 모서리 예시 2
반올림 반경을 알맞게 조절

 

모서리 효과 적용이 완료되었다면 [결과 다운로드] 버튼을 클릭하여 이미지를 다운로드합니다.

결과 다운로드 클릭
결과 다운로드 클릭

 

완성된 모습입니다. 

완성!


FOTORAM!O 사이트를 통해 사진 모서리 둥글게 만들기

 

마지막으로 소개할 사이트는 FOTORAM!O 입니다.

미리캔버스에서는 사진 편집과 이미지 효과를 동시에 간편하게 할 수 있다는 장점이 있었고, PhotoRetrica 사이트에서는 둥근 모서리 비율을 세세하게 조정할 수 있었습니다. FOTORAM!O 사이트에서는 미리캔버스처럼 이미지의 크기를 조정하거나 필요한 부분만 자르는 등의 기본적인 편집을 할 수 있고, PhotoRetrica 사이트처럼 모서리의 둥근 정도를 설정할 수 있습니다.

 

FOTORAM!O 이동하기

 

Photo Editor Online – 100% Free

Edit your photo with ease! Our free photo editor has dozens of tools for image editing, from basic - cropping, rotating, resizing, etc., to advanced editing - photo filters and effects, photo frames, text and clipart, and much more.

fotoram.io

 

사이트에 들어가면 가장 먼저 이미지를 불러와야 합니다. 화면 가운데 UPLOAD IMAGE를 클릭하여 이미지를 불러옵니다.

이미지 불러오기
이미지 불러오기

 

이미지를 불러온 모습입니다. 이대로 RADIUS 슬라이더를 조절해 모서리를 둥글게 만들 수 있습니다. 하지만 저는 사진의 배경 부분을 조금 줄이고 강아지 부분만 이용하기 위해 하단 메뉴에서 RESIZE(사이즈 편집)CROP(자르기)을 이용해 보겠습니다.

Resize와 Crop 선택
하단에 다양한 메뉴가 있다.

 

Crop 기능을 이용해 사진을 잘라냈습니다. 사진의 모서리나 꼭짓점을 드래그로 늘리거나 줄여서 자를 부분을 지정한 다음 왼쪽 하단의 녹색 체크 버튼을 클릭하면 자르기가 완료됩니다. 

이미지 자르기 편집이 끝났다면 체크 버튼 클릭
이미지 자르기 편집이 끝났다면 체크 버튼 클릭

 

다시 하단 메뉴에서 ROUND 버튼을 클릭해 둥근 모서리 효과를 적용합니다. 아래 RADIUS의 슬라이더를 조정하면 모서리의 둥근 정도를 자유롭게 조절할 수 있습니다. 슬라이더를 우측 끝까지 보내면 원형 모양의 이미지로 변경됩니다.

둥근 정도 조절 예시 1둥근 정도 조절 예시 2
모서리의 둥근 정도 조절

 

RADIUS를 조절했다면 우측 하단의 TRANSPARENT를 체크하고 좌측 하단의 녹색 체크모양 버튼을 클릭합니다. TRANSPARENT는 배경을 투명하게 만드는 옵션입니다. 

TRANSPARENT - 녹색 체크 버튼 클릭
TRANSPARENT - 녹색 체크 버튼 클릭

 

마지막으로 상단의 SAVE 버튼을 클릭하여 저장합니다.

Save image 화면이 나타나면 파일 이름과 확장자, 품질(Quality)을 조절한 뒤 다운로드 버튼을 클릭합니다.

편집한 이미지 다운로드편집한 이미지 다운로드 2
편집한 이미지 다운로드

 

완성!


마무리

 

이미지의 모서리를 둥글게 만드는 세 가지 방법에 대해 알아보았습니다.

 

미리캔버스는 이런 기본적인 프레임 외에도 다양한 프레임을 제공하고 여러 효과를 넣을 수 있어 실제 유튜브 썸네일을 만들거나 사진을 조금 심도 있게 꾸미는 용도로도 많이 사용되고 있습니다.

PhotoRetricaFOTORAM!O는 로그인이 필요 없으며 비교적 간편하게 사용할 수 있고, 모서리 둥근 정도를 조절할 수 있다는 장점이 있습니다.

 

간단한 편집만으로도 사진의 분위기가 달라질 수 있으니, 원하는 스타일에 맞게 적절한 사이트를 이용하여 사진의 모서리를 부드럽게 다듬어보시길 바랍니다.

 

반응형