움짤 이미지를 투명하게 만드는 방법(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
해당 기능은 위의 온라인 도구 사이트에서 사용하실 수 있습니다.
'Kit > Web Tool' 카테고리의 다른 글
CSS, HTML, C Style 코드를 정리해주는 사이트 Tabifier (0) | 2020.06.16 |
---|---|
컬러 그라데이션(음영) 생성기(Color Shades Generator) (0) | 2020.06.12 |
Color Scripter : 프로그래밍을 더욱 보기좋게! (0) | 2020.06.12 |
HTML 태그 및 속정 정리 해주는 사이트 (0) | 2020.06.12 |
ttf → woff 변환 온라인 변환 도구 'convertio' (0) | 2020.06.08 |
흙손도 금손으로 만들어주는 누끼 작업 웹툴 사이트 'remove.bg' (0) | 2020.05.18 |
PDF파일 이미지로 변환해주는 웹사이트 (0) | 2020.02.14 |
귀여운 네이버 웨일 확장앱 :: 아, 맞다! (0) | 2020.02.01 |