GIF 배경 투명 - GIF baegyeong tumyeong

 일반적인 그림파일과 다르게 대부분의 gif 파일은 움짤로서 많이 사용되다 보니 배경을 제거해서 투명하게 만들거나 다른 배경을 넣는 등의 편집을 하기는 생각보다 번거롭고 힘들다.

 하지만 사람이 직접 하는 것이 아닌 툴이나 사이트를 이용하면 gif의 배경 제거는 생각보다 간단하게 할 수 있는데 방법도 아주 간단하다.

1. 배경 제거 사이트 접속.

 우선 아래의 링크를 클릭하여 gif의 배경을 제거해주는 사이트에 접속하도록 하자.

2. gif 파일 업로드.

 사이트에 접속했다면 바로보이는 [Upload Clip] 버튼을 클릭하고 배경을 제거하고 싶은 gif 파일을 업로드하도록 하자.

3. 추가 설정 및 다운로드.

 파일을 업로드하면 자동으로 배경을 제거하고 투명한 배경의 결과물을 보여준다.

 이 상태에서 추가로 뒤에 배경을 추가할 수 있는데 배경 역시 gif 파일을 업로드 하거나 필요한 gif 파일을 검색할 수 있으며 단색으로 채우거나 사진을 을 넣는 등의 설정이 가능하다.

 글에 있는 스샷을 보고 어느정도 짐작이 가겠지만 배경과 대상의 색이 비슷하거나 복잡하면 배경이 깔끔하게 제거되지 않는 것을 볼 수 있다.

 이 때문에 되도록이면 복잡하지 않고 대상과 배경이 잘 구분되는 gif 파일을 사용하는 것이 좋다.

 그래도 잘만 이용한다면 생각보다 괜찮게 사용할만하지 않을까 한다.

 배경 제거 외에 gif를 편집하고 싶다면 아래의 사이트를 이용해보는 것도 좋다.

Animated GIF 파일(.gif) 을 그래픽 툴을 활용해서 편집하기는 꽤 까다롭습니다. 간단하게 웹 페이지에서 이를 수정하는 방법을 알아봅시다.

Animated GIF editor and GIF maker

Easy to use online animated GIF maker and image editor. Upload and edit GIF images for free. Create, crop, resize, reverse, optimize and split animated GIFs, cut and resize videos, WebP and APNG animations.

ezgif.com

아래와 같이 animated gif 파일을 준비합니다.

ezgif.com 사이트의 effets 메뉴로 들어갑니다.

이미지를 업로드 합니다. 

업로드가 완료되면 보이는 메뉴들 중에서 아래쪽의 "Replace color with transparency"  를 선택합니다. 

Replace color with transparency 에서 이미 지정된 색(white, black) 혹은 커스텀 색 코드를 직접 입력해서 특정 색 영역을 투명으로 변경할 수 있습니다. 아래는 투명으로 변경한 결과물입니다.

온라인으로 무료로 쉽고 빠르게 gif 를 편집 가능하게 해 주는 사이트로 ezgif.com 을 추천드립니다.  :)

움짤 이미지를 투명하게 만드는 방법(Add effects to animated gifs)

사용방법은 우리의 온라인 툴인 EZ(이지-)GIF에서 만들 수 있습니다. 아주 간단하면서도 효과적인 온라인 도구입니다. 여러 색상값이 포함되어 있거나 그라데이션이 포함된 움짤 이미지는 부분적으로만 가능합니다. 이미지를 첨부하고 배경에 포함된 색상값을 입력하고 업로드를 하면 배경을 투명하게 할 수 있습니다.

물론 움직이는 이미지에 효과를 주는 것은 다른 확장자를 포함하여 여러가지 기능을 지원하고 있습니다. 이 글에서 다룰 내용은 이미지를 투명하게 만드는 방법이므로, 잘 따라오세요! 먼저 투명하게 만들 이미지를 하나 준비합니다.

예를 들어 위와 같은 애니메이션 이미지가 있습니다. 보통 영어로는 Animated Image 또는 Motion Image 라고 합니다. 쉽게 설명하기 위해 움짤로 설명합니다. 이러한 움짤의 배경색상은 투명한 것 같지만, 하얀색 배경색상이 있는 이미지입니다. 따라서 하얀색(#FFF)값을 transparent(투명)하게 만들어야 합니다.

위 이미지를 업로드합니다.

움직이는 이미지를 자르고, 사이즈를 줄이고 이미지를 회전하고 텍스트를 삽입하거나 오버레이 효과를 주는 등 다양한 기능을 지원하지만, 색상 정보를 대체하거나 투명하게 만들 수 있습니다. 꼭 배경 뿐만 아니라 원하는 색상이 있는 경우에 이를 다른 색상으로 대체가 가능합니다.

원하는 색상값을 투명하게 만들기

다른 부분보다도 이 부분에서 custom (HEX) 부분을 체크하고 변경하고자 하는 색상값을 입력한 후에 적용하면 투명한 움짤 이미지를 얻을 수 있습니다. 만약 흰색 부분이라면 굳이 #FFF의 HEX값을 입력할 필요 없이, 화이트 부분을 체크하고 적용하면 됩니다.

오른쪽 속성은 블러(흐리기)효과 또는 샤프닝(선명하게 하기)효과 기능이지만, 무시하셔도 좋습니다. 용량이 크고 프레임이 많을 수록 처리시간이 오래걸립니다.

하얀 배경에서는 차이를 느낄 수 없지만, 하얀색 배경이 아니거나 다크모드에서는 투명한 이미지의 차이를 확연하게 느낄 수 있습니다. 왼쪽 하단에 위치한 라이트 모드를 다크 모드로 변환한 후에 변경된 부분을 확인해보세요!

Animated GIF effects tool

Add effects and modify animated GIF images online. Rotate, reverse, flip, convert GIFs to grayscale or sepia. Change hue, saturation and lightness values. Add second counter and change loop count.

ezgif.com

해당 기능은 위의 온라인 도구 사이트에서 사용하실 수 있습니다.