트윕에서 기본으로 제공되는 채팅창들을 보면 글이 올라갈수록
채팅창이 투명해지면서 사라지는 것을 볼 수가 있는데..
커스텀 css에서 적용하는 방법을 찾기위해 사이트들을 이리저리 돌아 다녔으나 나오질 않더군요. 채팅창 배경만 투명하게하는 이야기들만 나올뿐이고..
이 방법은 OBS 송출 프로그램에서 적용하는 방법입니다.
다른 송출 프로그램에서도 동일한 기능이 있다면 같은 방식으로적용해 보면 같은 효과가 나오지 않을까 합니다.
-위의 화면처럼 채팅창이 상단부터 페이드아웃이 적용된 효과!
-채팅창(브라우져 소스)에 마우스 오른클릭 필터를 클릭해 줍니다.
-효과필터 안에서 '이미지 마스크/혼합' 만들어 더블 클릭을 해줍니다
-형식은 알파마스크. 파일은 '투명도가 적용된 그라데이션 파일'을 불러와 줍니다.
[V] 이미지 늘리기 체크!
포토샵에서 그라데이션을 사용해서 이미지가 서서히 사라지는페이드아웃 효과를 만들듯이 obs에서도 같은 효과를 낼 수 있습니다.
-그라데이션을 만들때는 실제 방송화면을 캡쳐!
1:1 사이즈로 불러와 레이어를 하나더 생성 그위에 영역으로 그라데이션을 그려 이쯤부터 채팅창들이 서서히 사라지는 부분을 짐작이 가능합니다.
일단 이렇게 해두어야 수정할때도 어떻게 수정을 주어야 할지 눈에 바로 들어오죠.
'투명>블랙' 으로 만들어진 그라데이션은 확장자 .png로 저장하셔야 투명효과를 그대로 살릴 수 있습니다.
그라데이션파일도 함께 업로드!
#채팅창 상단 투명
#채팅창 상단 점점 사라지게
#채팅창 페이드아웃
#채팅창 윗부분 투명
댓글 5개 ▼