
포토샵 에서 gif 내보내기
배경이 있는 경우는 상관 없으나
투명 배경으로 내보낼때
주변에 흰테두리가 생기는 경우가 있습니다

이렇게 투명도가 전혀 먹지 않는 상태로 내보내 지게됩니다.
이때 몇가지 설정을 수정하여 내보내면 조금은(?) 나은 상태의 gif 투명 이미지를 만들 수 있습니다
기본설정
이렇게 미리 gif 이미지를 만들어 두었습니다.


웹용으로 저장 하기를 들어가서
설정을 확인 하면
투명디더 없음 / 매트 (흰샛배경)
으로 설정된 것을 볼수 있어요!
설정 수정


투명디더 없음 -> 확산 투명디더
매트 -> 없음 (양% 조절)
이렇게 두개를 설정해 주시고 저장을 눌러 주시면 됩니다.

결과는 이렇습니당 ㅠ
사실 투명도를 포함하는 완벽함 gif 만들기는 쉽지 않아요.
가능한 배경 색을 포함하는 gif 를 디자인 하는게 좋지만
종종 어쩔수 없이 필요한 경우 이렇게 사용 하시면 됍니다!!
***아래는 어두운 배경을 포함함 gif 입니다.

728x90
반응형
'디자인' 카테고리의 다른 글
[디자인]색의 비율과 균형 , 강조 색상의 사용 (0) | 2023.09.07 |
---|---|
앱/웹 디자인 Color (중요도에 따라) (0) | 2023.09.06 |
[피그마] 폰트나 이미지 크기 자동조절 되게 하기 (0) | 2023.05.15 |
[디자인]중요한 정보를 강조 하는 방법 (2) | 2023.01.13 |
[디자인]가독성을 높이는 5가지 디자인 방법 (여백 활용) (0) | 2023.01.13 |
댓글