태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

(a) 원본 사진

(b) Seam Carving (c) Resizing


"Seam Carving"[각주:1] 기술은 내용을 유지하면서 이미지의 크기를 변환하는 기술입니다. 위 그림에서 (a)가 원본 사진이고, (b)가 Seam Carvinig 기술을 적용해서 이미지를 좌우로 늘린 사진입니다. 그냥 (c)처럼 이미지를 잡아 늘리는 것에 비하면 놀라울 정도로 자연스럽죠. 아래 동영상도 보세요.


동영상에서 이 기술이 어떻게 작동하는지 설명해주지만, 좀 더 자세히 알고 싶어서 원본 논문을 찾아보았습니다.

Shai Avidan, Ariel Shamir, "Seam Carving for Content-Aware Image Resizing", ACM Transactions on Graphics, Volume 26, Number 3, SIGGRAPH 2007

읽어보니 원리는 간단합니다. 물론 간단한 아이디어더라도 처음 생각해내는 것이 제일 어렵죠. :)
방법은 대략 다음과 같습니다.

  • 어떤 픽셀이 주위 픽셀과 얼마나 비슷한지 측정하는 에너지 함수를 정의한다. (논문에서는 간단하게 e = (x방향 픽셀 색깔 변화율) + (y방향 픽셀 색깔 변화율) 로 정의해서 사용하더군요. e값이 작을 수록 주위 픽셀과 비슷하다는 뜻입니다. )
  • 에너지 합이 가장 작은 1픽셀 너비의 가로줄 혹은 세로줄을 찾는다. (맨 위 그림 (a)에서 빨간 선)
  • 이미지 크기를 줄일 때는 이 가로줄(세로줄)을 삭제한다. 늘릴 때는 복사해서 한 줄 더 붙인다.
  • 위 과정을 원하는 크기가 될 때까지 반복한다.

간단히 말하면, 눈에 잘 띄지 않는 픽셀을 찾아서 잘라내거나 붙이는 방식입니다. 논문에는 가로줄(세로줄)을 어떤 순서로 잘라내야 최적인가 등도 논하고 있는데, 여기서 설명하긴 복잡하니 생략하겠습니다.

그리고 Seam Carving 기술을 이미지 크기 조정과 결합하면 몇가지 재미있는 일을 할수 있다고 합니다. 

주요 사물 확대

 
위 그림에서 왼쪽 사진이 원본입니다. 그런데 오른쪽 사진을 보면 개선문만 크게 확대되었습니다. 이건 우선 원본 사진 크기를 키운 이후에 다시 Seam Carving을 적용해서 이미지 크기를 원래 크기로 줄여서 만든 것입니다. Seam Carving은 사진에서 주요 내용을 보존하면서 크기를 줄이니, 마치 개선문만 커진 것처럼 보이는 거죠.

특정 사물 없애기


그뿐만이 아니라 사진에서 특정한 사물을 자연스럽게 제거하는 것도 가능합니다. 위 왼쪽 사진에서 여자만 사라지도록 세로줄을 조절해서(특정 영역의 에너지를 강제로 낮게 설정한다든지 하는 방법을 썼겠죠) Seam Carving을 하면, 오른쪽 사진처럼 순식간에 커플을 솔로(-_-)로 만들어 버릴 수 있습니다.  

특정 사물 없애기

 
  이것은 신발 한짝이 없어지도록 Seam Carving한 이후에, 다시 원본크기로 늘린 사진입니다. 어떤 신발이 없어졌는지 찾을 수 있으신가요?

Seam Carving 기술을 체험해볼 수 있는 사이트도 있습니다. 한번 방문해 보세요.

이렇게 재밌는 Seam Carving 기술이 얼른 디지털 카메라나 포토샵에 적용되었으면 좋겠습니다. :)


@ Seam Carving 기술은 이미 다른 블로그에서도 많이 소개가 되었습니다. 하지만 "사진 내 '정보'를 유지하면서 크기를 변환한다"라는 개념이 왠지 정보시각화 블로그에도 어울리는 것 같아서 소개해보았습니다.  포스팅을 날로 먹어서 죄송합니다.(....)

@@ 본 블로그에 첨부된 그림은 모두 "Seam Carving for Content-Aware Image Resizing" 논문에서 가져온 것입니다.
 

  1. 우리말로는 "솔기 잘라내기" 정도로 번역할 수 있습니다. [본문으로]
Posted by crefrog

댓글을 달아 주세요

  1. crefrog 2009.05.05 23:48 신고  댓글주소  수정/삭제  댓글쓰기

    Seam Carving기술은 최신 포토샵에 적용되었다고 하는군요.

  2. maetel 2011.01.16 23:43 신고  댓글주소  수정/삭제  댓글쓰기

    쉬운 설명 감사합니다!



세계 분쟁 사망자 비율 - 1400년부터의 역사

출처: War and Peace before 1945 - Max Roser 트위터에서 흥미로운 그래프가 리트윗되어서, 블로그에도 소개글을 씁니다. 이 그래프는 1400년 이후, 세계에서 일어난 각종 무력 분쟁에서 희생당한 사..

<정보는 아름답다>, 풍성한 인포그래픽 사례집

올해 초 데이비드 맥캔들리스의 책, <정보는 아름답다>가 국내에 번역 출간되었습니다. 데이비드 맥캔들리스는 저널리스트이자 인포그래픽 디자이너로 유명한 사람입니다. 그의 TED 강연은 한번 들어볼만한 가치가 있지요. 이 책도 ..

꽃 이름 찾기 - 국가생물종지식정보시스템의 예

이전 글: 꽃 이름 찾기 - 정보축 선택의 중요성 바로 전에 꽃 이름 색인에 대한 글을 썼습니다. 그 글에 mwtree님이 댓글로 제보해주셨는데요. 국가생물종지식정보시스템 사이트에 훨씬 자세한 꽃 이름 색인 서비스가 있다고 합..

꽃 이름 찾기 - 정보축 선택의 중요성

최근에 꽃 도감을 한 권 구입했습니다. 길 가다가 마주치는 꽃들의 이름이 궁금했거든요. 책은 꽤 두껍습니다. 소개된 꽃도 365종이나 됩니다. 그렇다면 이 책에서 내가 본 꽃의 이름을 찾으려면 어떻게 해야할까요? 하나하나 책..

데이터 시각화 관련 책, <아름다운 시각화> 번역 출간

<Beautiful Visualization>이 <아름다운 시각화>라는 제목으로 인사이트에서 곧 번역 출간 됩니다. <Beautiful Visualzation>은 2010년에 오라일리 미디어가 출판한 데이터 시각화 관련 서적..

서울 지하철 노선도 시각화 - 크기는 중요하다

서울 지하철 2호선에서 가장 마지막이나 처음 차량을 타면, 벽면에 크게 그려져있는 지하철 노선도를 종종 보실 수 있습니다. 지도가 벽면을 가득채우기 때문에 사람 키보다도 더 큽니다. 이 노선도는 보통의 노선도와 달리, 서울..

카토그램(Cartogram) - 선거 결과 지도를 효과적으로 나타내는 방법

그제는 한국에서 19대 국회의원을 뽑는 선거일이었습니다. 많은 분들이 선거 개표방송을 보거나 관련 신문 뉴스를 보셨을텐데요. 아마도 이런 지도 - 당선자의 소속 정당별로 지역구를 색칠한 지도 - 를 한번쯤은 보셨을 겁니다. (..

바람 지도(Wind Map)

링크: http://hint.fm/wind/index.html 미국 내 풍향 및 풍속 데이터를 받아서 지도 위에 시각화한 프로젝트입니다. 사이트에 가보시면, 바람이 진짜 부는 것처럼 애니메이션으로 풍속을 표현해놓은 것을 볼 ..

98% 파이 그래프 행렬?

강남역 카페에서 찍은 사진입니다. 나무 인테리어가 '한 영역이 98%정도 되는 파이 그래프들이 나란히 있는' 모양으로 보이니 저도 중증 데이터 덕후인가 봅니다. ;;; 사진을 보면 나무 막대들이 높이가 고르지 않게 튀어나와 ..

R.I.P. Steve Jobs
R.I.P. Steve Jobs 2011.10.06

생활과 통합된 디자인과 기술이 세상을 어떻게 바꾸는지 몸소 보여준 스티브 잡스의 명복을 빕니다.