如何使用photoshop製作twitch覆蓋圖

如果你想在Twitch上取得成功,你的頻道需要看起來很專業。我們將向您展示如何使用Photoshop製作一個Twitch覆蓋圖。...

近年來,Twitch改變了遊戲的面貌,頂級Twitch流媒體在玩他們最喜歡的遊戲時賺大錢。對許多觀眾來說,Twitch就像一種新的社交媒體形式,儘管Twitch規則最近發生了變化,但它的受歡迎程度比以往任何時候都要高。

twitch-overlay-photoshop

如果你想在流媒體上賺錢,你需要在Twitch上建立一個大的收視率,其中一個重要的部分就是讓你的流媒體看起來很專業。

在本文中,我們將向您展示如何使用Photoshop創建一個簡單的Twitch覆蓋。而這個覆蓋是為地雷,它可以修改,以配合任何其他遊戲。此外,它還可以完美地在YouTube遊戲甚至Mixer(微軟的Twitch替代品)上進行流媒體播放。

入門

在我們開始之前,讓我們看看今天我們將要完成的內容:

twitch overlay

本教程中的所有內容都相對簡單,但如果您是Photoshop新手,請先閱讀Photoshop圖層教程。如果你正在尋找一個免費的Photoshop替代品,GIMP是非常強大的。

如果你想不使用Photoshop**一個Twitch覆蓋圖,這個項目在GIMP中是完全可能的。因為您將要使用的工具有點不同,所以我建議您先閱讀我們的GIMP指南。

說到這裡,讓我們看看如何用Photoshop**一個Twitch覆蓋圖。

創建畫布

要開始創建覆蓋圖,請打開Photoshop並創建與屏幕分辨率相同大小的新圖像。

twitch overlay

現在我們有了一個空白文檔,我們需要一個指南來構建覆蓋。我建議你拍一張你所選遊戲的截圖,然後點擊文件和地點,選擇你的圖片,將其加載到Photoshop中。將圖像拉伸到畫布的最大尺寸。現在我們可以開始創建覆蓋元素了。

twitch overlay

添加頂欄

創建一個新層並將其命名為Top Banner。從左側菜單中選擇矩形工具。在同一菜單上,打開顏色選擇器並選擇背景色。

twitch overlay

現在單擊並拖動新圖層的頂部,創建一個頂部橫幅。不要擔心,如果你重疊畫布的邊緣,矩形應該捕捉到位的一面。

twitch overlay

現在,給這個矩形一個邊框,右擊圖層並選擇混合選項。從出現的菜單中選擇“筆劃”,並將筆劃寬度和顏色設置為適合您的顏色。在這種情況下,10px寬的深紅色看起來不錯。單擊“確定”,然後選擇圖層。打開移動工具,按下字母V並向上移動頂部橫幅,以便它有足夠的空間稍後添加文本,但不會遮擋太多的遊戲屏幕。

最後,選擇頂部橫幅層,並將其不透明度降低到75%左右。這將使遊戲顯示通過輕微,並給覆蓋一個更具活力的效果。

twitch overlay

你已經有了一個很好的開始,你可以用你到目前為止所做的來創建兩個底部橫幅。

下面的橫幅

與其對這些底部橫幅再次執行相同的操作,只需右鍵單擊頂部橫幅並選擇“複製層”。將這個新層命名為右下角,並使用移動工具(鍵盤上的V)將其移動到屏幕的右下角。確保它不會與遊戲中的工具欄重疊,並在拖動時使用Ctrl鍵以更精確地放置它。

twitch overlay

要創建左下角的條,只需按照上面的方法,將其向下移動到屏幕的左下角。我們的基本覆蓋現在已經完成,所以我們可以為我們的相機添加一個框架。

照相機框架

創建一個新層,並稱之為Frame。再次選擇矩形工具,通過按住Shift鍵並拖動鼠標光標來創建一個完美的正方形。別擔心廣場的顏色,我們稍後會把填充物處理掉的。

twitch overlay

要創建框架,請在層上單擊鼠標右鍵,然後選擇“混合選項”。選擇筆劃,但這次從位置下拉菜單中選擇內部,使框架進入正方形而不是放在外面。

twitch overlay

再次選擇一個顏色和寬度,適合您目前的配色方案。現在選擇圖層,並將其填充更改為0%,只保留幀。

twitch overlay

使用“移動工具”(Move Tool)將其放置在左下角的橫幅上方,如果需要,可以通過按住Shift鍵保持其縱橫比來調整其大小。

how to make twitch overlay on photoshop

覆蓋開始走到一起,但現在是時候添加一些文本了。

添加文本

要開始添加文本,請創建一個新層。使用文本工具(或按鍵盤上的T鍵)拖出一個新的文本框。從右側選擇“角色”菜單,如下所示:

twitch overlay

如果在Photoshop佈局上看不到此按鈕,可以單擊“窗口”>“字符”打開菜單。在此處選擇所選字體和顏色,然後添加文本。使用移動工具把你的文字放在你的底部橫幅之一。它應該很快就會到位,但是Ctrl鍵可以幫助你精確地將它調整到你想要的位置。

twitch overlay

現在我們有了文字,但看起來有點乏味。所以,要使它脫穎而出,右鍵單擊文本層,然後再次選擇混合選項。給文本一個筆劃和一個陰影,使其突出一點。這裡使用默認值,但您也可以使用這些設置來創建更明顯的“浮動文本”效果。

twitch overlay

為其他三個角點創建文本元素,方法是右鍵單擊該層並選擇“複製層”,然後使用“移動”工具將每個新層移動到各自的角點。

twitch overlay

我們的文本已經準備好了,我們就快完成了。讓我們為社交媒體添加logo,為頻道添加標題logo。

社交媒體徽標

它更容易使用預製圖標,這是商業上****。像Icon Finder這樣的網站可以幫助你做到這一點,但要確保你使用的任何圖標都被標記為免費商業用途,以避免以後陷入法律糾紛。使用“文件”>“位置”菜單將徽標導入Photoshop。如果看不到徽標,請將其圖層拖到“圖層”菜單的頂部,以確保它位於頂部。

twitch overlay

現在我們有了Facebook的標誌,但有點乏味。讓我們用鼠標右鍵單擊它的圖層,選擇混合選項,然後選擇筆劃,使它適合。給它一個與你的頂部橫幅筆劃寬度相同的外部筆劃。選擇顏色時,可以使用滴管將顏色與頂部橫幅相匹配。

twitch overlay

將徽標向上移動到屏幕的左上角,然後使用Ctrl鍵小心地將其放置在角落中。

twitch overlay

對於Twitter徽標,請遵循使用Place將其添加到項目中的相同方法。你可以通過選擇Facebook logo層,右擊並選擇Copy layer Style來節省一點時間,然後返回到新的Twitter logo層,並使用粘貼層樣式給它相同的筆劃寬度和顏色。把這個標誌移到另一個上角,如果需要的話,移動你的文字使它適合你。

twitch overlay

現在讓我們添加中心徽標。

頻道徽標

如果你有一個頻道的標誌,它是好的,有它的前面和中心,使每個人都可以看到它立即當他們開始觀看。如果你還沒有一個logo,你可以用一個帶有你的頻道名或網站的自定義文本來代替它。

首先,從左側工具欄中拖出一個標尺,它應該會捕捉到屏幕的中心。

twitch overlay

如果看不到標尺或未捕捉,請查看“視圖”菜單下的,並檢查標尺和捕捉是否都選中。

在項目中放置您的徽標。它應該自動在尺子上居中。創建一個新層,並將其拖動到徽標下面的層。使用矩形工具創建一個比徽標稍大的矩形,使其具有框架效果。

twitch overlay

為了使它突出,給你的新創建的正方形一個外部筆劃相同的顏色作為你其餘的邊界。為了更容易將徽標和邊框作為一個整體移動,請按住Ctrl鍵同時選擇兩個圖層。單擊鼠標右鍵,然後選擇“轉換為智能對象”。這將我們的標誌和邊界存儲在同一層,這仍然可以編輯以後如果需要。

twitch overlay

將您的徽標移動到覆蓋的頂部,並調整其大小以適合。就這樣,我們都完了。

保存覆蓋圖

在將覆蓋圖保存為圖像之前,請將其保存為Photoshop文檔,文件名類似於“Minecraft Twitch Template”,以便以後可以將其更改為用於不同的遊戲。

要使背景透明,請選擇遊戲屏幕截圖和背景層上的眼睛圖標,只顯示覆蓋元素。

twitch overlay

以.PNG擴展名保存此文件,並將其加載到您選擇的流媒體軟件中以使用它。這是我的流媒體軟件中完成的覆蓋圖,覆蓋圖是頂層,攝像頭是中層,Minecraft是底層。

twitch overlay

抽搐覆蓋完成:現在開始流!

現在你知道如何做一個抽搐覆蓋,是時候開始流了!通過設置流媒體軟件並選擇在Twitch上玩什麼遊戲來啟動您的頻道。如果你真的想提高生產價值,那就試著用綠色屏幕廣播吧。最重要的是,玩得開心!

  • 發表於 2021-03-25 12:35
  • 閱讀 ( 56 )
  • 分類:IT

你可能感興趣的文章

如何在adobe photoshop中製作gif

...更好的了。透過轉換影片或使用一系列靜態影象,可以在Photoshop中建立動畫GIF。讓我們看看如何做到這兩個。 ...

  • 發佈於 2021-03-11 23:53
  • 閲讀 ( 43 )

如何使用adobe photoshop製作鬼鬼祟祟的老式萬聖節照片

...你的iPhone拍了一張鬼魂的照片,人們真的會認為這是你在Photoshop中突然出現的東西。然而,如果你拿出一張你在奶奶的地下室“發現”的舊的、滿是灰塵的照片,那麼也許,只是也許,他們會考慮一下。 ...

  • 發佈於 2021-03-17 04:53
  • 閲讀 ( 61 )

如何製作模因:遵循6個簡單步驟

...,模因生成器應運而生。我的意思是,你可以學習如何用Photoshop建立模因,但是Photoshop是一個昂貴的服務。另外,用它來**你自己的模因需要更長的時間,那又有什麼意義呢? ...

  • 發佈於 2021-03-18 18:10
  • 閲讀 ( 56 )

如何使用photoshop製作播客封面

...,建立自己的播客封面很容易。本文將帶您瞭解如何使用Photoshop從頭開始設計和建立播客封面。 ...

  • 發佈於 2021-03-21 15:36
  • 閲讀 ( 60 )

如何在windows10中線上錄製和流媒體遊戲

... 我們將指導您如何使用Microsoft Mixer、Steam或影片卡的本機軟體錄製和流式播放遊戲。這些都是非常簡單的設定,將有你在任何時間流和錄音。如果您想要更高階的東西,請檢視我們關於...

  • 發佈於 2021-03-24 09:57
  • 閲讀 ( 51 )

如何啟用和自定義discord的遊戲內覆蓋

...覆蓋,以儘量減少分心,並保持您的注意力在遊戲上。 如何啟用discord的遊戲內覆蓋 要啟用Discord遊戲覆蓋,請單擊視窗左下角您的姓名和頭像旁邊的cog圖示開啟設定選單。 在App Settings下,開啟“Overlay”選項卡,然後單擊“Ena...

  • 發佈於 2021-04-02 08:54
  • 閲讀 ( 35 )

如何流你的電腦遊戲與nvidia geforce體驗抽搐

...、麥克風、狀態資訊和自定義覆蓋。 啟用廣播 相關:如何用OBS在Twitch上傳輸PC遊戲 要開始使用,您需要安裝nvidiageforce體驗,這不一定需要常規的驅動程式安裝。所以,繼續下載,安裝,然後登入。 之後,只需按Alt+Z開啟GeForce...

  • 發佈於 2021-04-06 19:51
  • 閲讀 ( 53 )

如何隱藏nvidia的geforce體驗遊戲中的覆蓋圖示和alt+z通知

... 什麼是的圖示和通知(the ic*** and notification for)? 相關:如何設定您的電腦遊戲的圖形設定不費吹灰之力 當NVIDIA共享功能錄製遊戲時,這些圖示會出現在螢幕上。預設情況下,它總是為“即時重播”功能錄製遊戲。 NVIDIA的“即...

  • 發佈於 2021-04-08 09:39
  • 閲讀 ( 44 )

如何在photoshop中的動畫gif上覆蓋文字(或其他內容)

有時僅僅一個GIF是不夠的,有時你需要新增一點文字。Photoshop可以完成這項工作,但過程並不像你想象的那樣直觀,尤其是如果你以前從未在Photoshop中編輯過動畫。 當你在Photoshop中匯入GIF時,你會注意到每一幀都以“層”的形...

  • 發佈於 2021-04-08 12:18
  • 閲讀 ( 34 )

如何在photoshop中新增傾斜移動效果,使照片看起來像小模型

...是最簡單的方法,但他們花費幾千美元。相反,我們要用Photoshop來模擬效果。 第一步:挑選一張照片 此效果僅適用於某些型別的照片。你想要一個可以想象的微型模型。從上方拍攝建築物或人群的廣角鏡頭往往效果最好。我...

  • 發佈於 2021-04-08 13:48
  • 閲讀 ( 36 )
暗影玫瑰l
暗影玫瑰l

0 篇文章

作家榜

  1. admin 0 文章
  2. 孫小欽 0 文章
  3. JVhby0 0 文章
  4. fvpvzrr 0 文章
  5. 0sus8kksc 0 文章
  6. zsfn1903 0 文章
  7. w91395898 0 文章
  8. SuperQueen123 0 文章

相關推薦