움짤 이미지를 투명하게 만드는 방법(Add effects to animated gifs)
사용방법은 우리의 온라인 툴인 EZ(이지-)GIF에서 만들 수 있습니다. 아주 간단하면서도 효과적인 온라인 도구입니다. 여러 색상값이 포함되어 있거나 그라데이션이 포함된 움짤 이미지는 부분적으로만 가능합니다. 이미지를 첨부하고 배경에 포함된 색상값을 입력하고 업로드를 하면 배경을 투명하게 할 수 있습니다.
물론 움직이는 이미지에 효과를 주는 것은 다른 확장자를 포함하여 여러가지 기능을 지원하고 있습니다. 이 글에서 다룰 내용은 이미지를 투명하게 만드는 방법이므로, 잘 따라오세요! 먼저 투명하게 만들 이미지를 하나 준비합니다.
예를 들어 위와 같은 애니메이션 이미지가 있습니다. 보통 영어로는 Animated Image 또는 Motion Image 라고 합니다. 쉽게 설명하기 위해 움짤로 설명합니다. 이러한 움짤의 배경색상은 투명한 것 같지만, 하얀색 배경색상이 있는 이미지입니다. 따라서 하얀색(#FFF)값을 transparent(투명)하게 만들어야 합니다.
위 이미지를 업로드합니다.
움직이는 이미지를 자르고, 사이즈를 줄이고 이미지를 회전하고 텍스트를 삽입하거나 오버레이 효과를 주는 등 다양한 기능을 지원하지만, 색상 정보를 대체하거나 투명하게 만들 수 있습니다. 꼭 배경 뿐만 아니라 원하는 색상이 있는 경우에 이를 다른 색상으로 대체가 가능합니다.
원하는 색상값을 투명하게 만들기
다른 부분보다도 이 부분에서 custom (HEX) 부분을 체크하고 변경하고자 하는 색상값을 입력한 후에 적용하면 투명한 움짤 이미지를 얻을 수 있습니다. 만약 흰색 부분이라면 굳이 #FFF의 HEX값을 입력할 필요 없이, 화이트 부분을 체크하고 적용하면 됩니다.
오른쪽 속성은 블러(흐리기)효과 또는 샤프닝(선명하게 하기)효과 기능이지만, 무시하셔도 좋습니다. 용량이 크고 프레임이 많을 수록 처리시간이 오래걸립니다.
하얀 배경에서는 차이를 느낄 수 없지만, 하얀색 배경이 아니거나 다크모드에서는 투명한 이미지의 차이를 확연하게 느낄 수 있습니다. 왼쪽 하단에 위치한 라이트 모드를 다크 모드로 변환한 후에 변경된 부분을 확인해보세요!
해당 기능은 위의 온라인 도구 사이트에서 사용하실 수 있습니다.
'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 |