Discord에서 반응형 이미지 만들기 가이드

1단계: Fugi 도구를 사용하여 PNGtuber 만들기

시작하려면 Fugi의 Discord 반응형 이미지 도구를 활용하여 간편하게 이미지를 제작하세요.다음 단계를 따르세요.

1. 무료로 다운로드할 수 있는 OBS Studio 와 함께 컴퓨터에서 Discord 앱을 엽니다.
2. 사용자 이름 옆에 있는 톱니바퀴 아이콘을 클릭하여 Discord 설정에 액세스하세요.
3. 설정 메뉴에서 고급 섹션으로 이동하여 개발자 모드를 활성화합니다.
4. 왼쪽 패널에서 음성 및 비디오로 스크롤하여 마이크를 선택하고 카메라를 OBS 가상 카메라로 설정합니다.
5. reactive.fugi.tech 로 가서 Discord로 로그인을 클릭하세요 .
6. 자격 증명을 사용하여 로그인하거나 QR 코드를 스캔 하고 승인을 클릭하세요.
7. 열리는 설정 페이지에서 반응형 이미지를 구성하세요.
8. 입을 다문 이미지와 벌린 이미지 중 하나를 선택하여 업로드하세요.더하기(+) 아이콘을 클릭하여 각 이미지를 추가한 후 ‘저장’을 클릭하세요.
9. 설정을 위해 생성된 링크를 복사하세요.
10. OBS에서 소스 아래에 있는 더하기(+) 아이콘을 클릭하고 브라우저를 선택한 다음 소스 이름을 입력하고 확인을 클릭합니다.
11. 속성 URL 필드에 링크를 붙여넣고 확인을 클릭합니다.
12. Discord 스트리밍을 시작하기 전에 필요에 따라 이미지 크기를 조정하세요.
13. OBS에서 “가상 카메라 시작”을 클릭하여 스트리밍을 시작합니다.
14. Discord에서 음성 채널에 참여하여 카메라를 활성화하여 반응형 이미지가 실제로 작동하는 모습을 보세요.

전문가 팁: 마이크에 대고 말을 하여 반응형 이미지가 올바르게 반응하는지 테스트해 보세요.

2단계: Discord의 StreamKit 오버레이에 사용자 지정 CSS 활용

기본 CSS에 익숙한 분들을 위해 Discord StreamKit Overlay는 또 다른 효과적인 방법을 제공합니다.방법은 다음과 같습니다.

1. streamkit.discord.com을 방문하세요.
2. 스트리밍 소프트웨어에 따라 OBS 또는 XSplit 중 하나를 선택하여 설치를 진행합니다.
3. 메시지가 나타나면 Discord에 로그인하세요.로그인하기 전에 Discord가 열려 있는지 확인하세요.
4. 음성 위젯으로 이동하여 서버와 음성 채널을 선택하세요.개인정보 보호를 위해 이름 숨기기 옵션을 활성화하세요.오른쪽에 표시된 생성된 URL을 복사하세요.
5. Discord에서 요청을 받으면 애플리케이션을 승인합니다.
6. OBS를 열고 더하기(+) 아이콘을 클릭하여 새 소스를 추가하고, 브라우저를 선택한 다음 복사한 URL을 붙여넣습니다.
7. Discord에서 개인 텍스트 채널을 만들어 PNG 이미지를 업로드하세요.
8. codepen.io 의 CSS 생성기를 활용하세요.
9. Discord 앱에서 Discord ID를 복사하여 CSS 생성기에 붙여넣습니다.
10. Discord 채널에 업로드한 각 PNG 이미지에 대해 마우스 오른쪽 버튼을 클릭하고 “ID 복사”를 선택합니다.생성기의 “이미지 URL” 옆에 붙여넣습니다.
11. CSS 생성을 클릭한 다음 출력 코드를 복사합니다.
12. OBS에서 StreamKit 브라우저 소스 속성에 액세스하고 사용자 정의 CSS 섹션으로 이동한 다음 거기에 코드를 붙여넣습니다.
13. 확인을 클릭하여 마무리합니다.

전문가 팁: OBS에서 반응형 이미지의 위치와 크기를 조정하여 레이아웃에 완벽하게 맞추세요.

Discord에서 반응형 이미지를 만들려면 어떻게 해야 하나요?

PNG 외에 다른 이미지 형식을 사용할 수 있나요?