Photoshop을 사용하여 Twitch 오버레이를 만드는 방법

Photoshop을 사용하여 Twitch 오버레이를 만드는 방법

Twitch는 최근 몇 년 동안 게임의 면모를 바꾸어 놓았습니다. 최고의 Twitch 스트리머가 좋아하는 게임을 하면서 큰 돈을 벌었습니다. 많은 시청자에게 Twitch는 새로운 형태의 소셜 미디어와 같으며 최근 Twitch 규칙이 ​​변경되었음에도 불구하고 그 인기는 그 어느 때보다 높습니다.





스트리밍으로 돈을 벌고 싶다면 Twitch에서 큰 시청률 구축 , 그리고 그 중 중요한 부분은 스트림을 전문적으로 보이게 만드는 것입니다.





이 기사에서는 간단한 트위치 오버레이 포토샵을 사용하여. 이 오버레이는 Minecraft용이지만 다른 게임에서 작동하도록 수정할 수 있습니다. 또한 YouTube Gaming이나 Twitch에 대한 Microsoft의 대안인 Mixer 스트리밍에도 완벽하게 작동합니다.





시작하기

시작하기 전에 오늘 마무리할 내용을 살펴보겠습니다.

이 자습서의 모든 내용은 비교적 간단하지만 Photoshop을 처음 사용하는 경우 먼저 Photoshop 레이어 자습서 를 읽는 것이 도움이 될 수 있습니다. Photoshop에 대한 무료 대안을 찾고 있다면 김프는 매우 강력합니다.



Photoshop을 사용하지 않고 Twitch 오버레이를 만들고 싶다면 이 프로젝트는 GIMP에서 완전히 가능합니다. 사용하게 될 도구가 약간 다를 수 있으므로 다음을 읽어보시기 바랍니다. guide to GIMP 첫 번째.

즉, Photoshop으로 Twitch 오버레이를 만드는 방법을 살펴보겠습니다.





캔버스 만들기

오버레이 만들기를 시작하려면 Photoshop을 열고 화면 해상도와 동일한 크기의 새 이미지를 만듭니다.

이제 빈 문서가 있으므로 오버레이를 구축하기 위한 가이드가 필요합니다. 선택한 게임의 스크린샷을 찍고 클릭하여 Photoshop에 로드하는 것이 좋습니다. 파일 및 장소 이미지를 선택합니다. 이미지를 캔버스의 전체 크기로 늘립니다. 이제 오버레이 요소 생성을 시작할 수 있습니다.





상단 바 추가

새 레이어를 만들고 이름을 지정합니다. 상단 배너 . 선택 사각형 도구 왼쪽 메뉴에서. 같은 메뉴에서 색상 선택기를 열고 배경색을 선택합니다.

이제 새 레이어의 상단을 클릭하고 드래그하여 상단 배너를 만듭니다. 캔버스 가장자리가 겹치더라도 걱정하지 마십시오. 직사각형이 측면과 함께 제자리에 맞춰져야 합니다.

이제 이 사각형에 테두리를 지정하려면 레이어를 마우스 오른쪽 버튼으로 클릭하고 혼합 옵션 . 선택하다 뇌졸중 표시되는 메뉴에서 획 너비와 색상을 원하는 대로 설정합니다. 이 경우 10px 너비의 짙은 빨간색이 좋아 보입니다. 확인을 클릭하고 레이어를 선택합니다. 문자를 눌러 이동 도구를 켭니다. V 상단 배너를 위로 이동하여 나중에 텍스트를 추가할 수 있는 충분한 공간이 있지만 게임 화면을 너무 많이 가리지 않도록 합니다.

마지막으로 상단 배너 레이어를 선택하고 불투명도를 약 75%로 낮춥니다. 이렇게 하면 게임이 약간 비쳐 보이고 오버레이가 보다 역동적인 효과를 얻을 수 있습니다.

훌륭한 시작을 했으며 지금까지 수행한 작업을 사용하여 두 개의 하단 배너를 만들 수 있습니다.

하단 배너

이 하단 배너에 대해 동일한 작업을 다시 수행하는 대신 상단 배너 그리고 선택 중복 레이어 . 이 새 레이어의 이름을 지정합니다. 오른쪽 하단 를 사용하여 이동 도구 ( V 키보드)에서 화면 오른쪽 하단으로 이동합니다. 게임 내 도구 모음과 겹치지 않는지 확인하고 Ctrl 키 드래그하는 동안 키를 눌러 더 정확하게 배치합니다.

왼쪽 하단 바를 생성하려면 위와 같은 방법으로 화면 왼쪽 하단으로 이동하면 됩니다. 이제 기본 오버레이가 완료되었으므로 카메라 프레임을 추가할 수 있습니다.

카메라 프레임

새 레이어를 만들고 호출 액자 . 선택 사각형 도구 다시 누르고 을 눌러 완전 정사각형을 만듭니다. 옮기다 키를 누른 상태에서 마우스 커서를 끕니다. 사각형의 색상에 대해 걱정하지 마십시오. 나중에 채우기를 제거할 것입니다.

프레임을 만들려면 레이어를 마우스 오른쪽 버튼으로 클릭하고 혼합 옵션 . 선택하다 뇌졸중 하지만 이번에는 선택 안의 ~로부터 위치 드롭다운 메뉴를 사용하여 프레임이 바깥쪽에 놓이지 않고 정사각형으로 들어가도록 합니다.

다시 한 번 지금까지의 색 구성표에 맞는 색과 너비를 선택합니다. 이제 레이어를 선택하고 채우다 프레임만 남겨두고 0%로 설정합니다.

사용 이동 도구 왼쪽 하단 배너 위에 배치하고 필요한 경우 옮기다 종횡비를 유지하기 위한 키입니다.

오버레이가 합쳐지기 시작했지만 이제 텍스트를 추가할 차례입니다.

텍스트 추가

텍스트 추가를 시작하려면 새 레이어를 만드세요. 사용 텍스트 도구 (또는 누름 NS 키보드에서) 새 텍스트 상자를 드래그합니다. 선택 성격 아래와 같이 오른쪽 메뉴에서

Photoshop 레이아웃에 이 버튼이 표시되지 않으면 다음을 클릭하여 메뉴를 열 수 있습니다. 창 > 캐릭터 . 여기에서 선택한 글꼴과 색상을 선택하고 텍스트를 추가합니다. 사용 이동 도구 텍스트를 하단 배너 중 하나에 배치합니다. 제자리에 고정되어야 하지만 Ctrl 키 키를 사용하면 원하는 위치에 정확하게 맞출 수 있습니다.

이제 텍스트가 있지만 약간 밋밋해 보입니다. 따라서 눈에 띄게 만들려면 텍스트 레이어를 마우스 오른쪽 버튼으로 클릭하고 다시 혼합 옵션 . 텍스트를 제공 뇌졸중 그리고 또한 그림자 조금 눈에 띄도록. 여기서 기본값이 사용되지만 설정을 사용하여 훨씬 더 뚜렷한 '플로팅 텍스트' 효과를 만들 수도 있습니다.

이 레이어를 마우스 오른쪽 버튼으로 클릭하고 선택하여 다른 세 모서리에 대한 텍스트 요소를 만듭니다. 중복 레이어 , 그리고 다음을 사용하여 이동 도구 각 새 레이어를 해당 모서리로 이동합니다.

이제 텍스트가 제자리에 있으면 거의 완료됩니다. 소셜 미디어용 로고와 채널용 헤더 로고를 추가해 보겠습니다.

소셜 미디어 로고

상업적으로 무료로 사용할 수 있는 미리 만들어진 아이콘을 사용하는 것이 더 쉽습니다. 다음과 같은 웹사이트 아이콘 찾기 도움이 될 수 있지만 사용하는 아이콘이 표시되어 있는지 확인하십시오. 상업용 무료 나중에 법적 문제가 발생하지 않도록. 다음을 사용하여 로고를 Photoshop으로 가져옵니다. 파일 > 장소 메뉴. 로고가 보이지 않으면 해당 레이어를 레이어 메뉴의 맨 위로 끌어 로고가 맨 위에 있는지 확인하십시오.

이제 Facebook 로고가 있지만 약간 밋밋합니다. 레이어를 마우스 오른쪽 버튼으로 클릭하고 혼합 옵션 , 다음에 뇌졸중 . 상단 배너의 획과 동일한 너비의 외부 획을 지정합니다. 색상을 선택할 때 스포이드를 사용하여 상단 배너에 색상을 맞출 수 있습니다.

로고를 화면 왼쪽 상단으로 이동하고 Ctrl 키 키가 모서리에 맞도록 조심스럽게 놓습니다.

Twitter 로고의 경우 동일한 사용 방법을 따르십시오. 장소 프로젝트에 추가합니다. 여기에서 Facebook 로고 레이어를 선택하고 마우스 오른쪽 버튼을 클릭한 다음 레이어 스타일 복사 , 새 Twitter 로고 레이어로 돌아가서 사용하기 전에 레이어 스타일 붙여넣기 동일한 획 너비와 색상을 제공합니다. 이 로고를 반대쪽 상단 모서리로 이동하고 필요한 경우 텍스트를 이동하여 맞춥니다.

이제 중앙 로고를 추가해 보겠습니다.

채널 로고가 있는 경우 모든 사람이 시청을 시작하는 즉시 볼 수 있도록 전면 중앙에 배치하는 것이 좋습니다. 아직 로고가 없는 경우 로고로 대체할 수 있습니다. 일부 사용자 정의 텍스트 귀하의 채널 이름 또는 웹사이트를 소개합니다.

시작하려면 왼쪽 도구 모음에서 눈금자를 드래그하여 화면 중앙에 맞춰야 합니다.

눈금자가 보이지 않거나 스냅되지 않는 경우 아래를 보십시오. 보다 메뉴를 선택하고 둘 다 그리고 스냅 선택됩니다.

장소 귀하의 로고를 프로젝트에 넣습니다. 자동으로 눈금자의 중앙에 위치해야 합니다. 새 레이어를 만들고 로고 아래 레이어로 드래그합니다. 사용 사각형 도구 로고보다 약간 큰 직사각형을 만들어 프레임 효과를 줍니다.

눈에 띄게 만들려면 새로 만든 사각형에 외부 스트로크 나머지 테두리와 동일한 색상입니다. 로고와 테두리를 하나로 쉽게 이동하려면 Ctrl 키 두 레이어를 모두 선택하려면 마우스 오른쪽 버튼을 클릭하고 선택 스마트 개체로 변환 . 이렇게 하면 로고와 테두리가 동일한 레이어에 저장되며 필요한 경우 나중에 편집할 수 있습니다.

로고를 오버레이 상단으로 이동하고 크기에 맞게 크기를 조정합니다. 그게 다야, 우리는 모두 끝났어.

오버레이 저장

오버레이를 이미지로 저장하기 전에 나중에 다른 게임에서 사용하도록 변경할 수 있도록 'Minecraft Twitch 템플릿'과 같은 파일 이름으로 Photoshop 문서로 저장하십시오.

배경을 투명하게 만들려면 아이콘을 게임 스크린샷 및 배경 레이어에 표시하고 오버레이 요소만 표시합니다.

이 파일을 .PNG 확장자로 저장하고 선택한 스트리밍 소프트웨어에 로드하여 사용하십시오. 다음은 내 스트리밍 소프트웨어에서 완성된 오버레이입니다. 오버레이는 맨 위 레이어, 카메라는 중간 레이어, Minecraft는 맨 아래 레이어입니다.

Twitch 오버레이 완료: 이제 스트리밍을 시작하세요!

이제 Twitch 오버레이를 만드는 방법을 알았으므로 스트리밍할 시간입니다! 채널 시작하기 스트리밍 소프트웨어 설정 Twitch에서 플레이할 게임을 선택합니다. 생산 가치를 추구한다면 녹색 화면으로 방송 . 무엇보다 즐겁게!

공유하다 공유하다 트위터 이메일 VirtualBox Linux 시스템을 강화하기 위한 5가지 팁

가상 머신이 제공하는 열악한 성능에 지쳤습니까? VirtualBox 성능을 높이려면 다음을 수행해야 합니다.

다음 읽기
관련 항목
  • 노름
  • 창의적인
  • 어도비 포토샵
  • 온라인 비디오
  • 경련
  • 게임 문화
  • 포토샵 튜토리얼
저자 소개 이안 버클리(216건의 기사 게재)

Ian Buckley는 독일 베를린에 거주하는 프리랜스 저널리스트, 음악가, 공연자 및 비디오 프로듀서입니다. 글을 쓰지 않거나 무대에 오르지 않을 때는 미친 과학자가 되기 위해 DIY 전자 제품이나 코드를 만지작거리고 있습니다.

새 맥을 살 때
이안 버클리가 참여한 작품 더보기

뉴스레터 구독

기술 팁, 리뷰, 무료 전자책 및 독점 거래에 대한 뉴스레터에 가입하십시오!

구독하려면 여기를 클릭하세요.