【Steam動(dòng)態(tài)展柜】美化你的steam個(gè)人資料頁(yè),如何讓展柜內(nèi)背景跟隨個(gè)人資料

【前言】這里再統(tǒng)一整合一下視頻內(nèi)需要用到的工具和網(wǎng)頁(yè)鏈接。
UP主使用的瀏覽器:Microsoft Edge
其實(shí)Google Chrome也一樣
【steam個(gè)人資料背景下載】
https://steam.design/?utm_source=steam.design
【無(wú)名代碼】
v_trim=_=>{return _},$J('#title').val(' \n'+Array.from(Array(126),_=>'\t').join(''));
【藝術(shù)作品代碼】
var num= document.getElementsByName("image_width")[0].value;
document.getElementsByName("image_height")[0].value = num-(num-1);
document.getElementsByName("image_width")[0].value= num*100;
【文件轉(zhuǎn)換器】
https://convertio.co/zh/
【崛起動(dòng)態(tài)背景裁剪】
位置:495*256
比例:630*824
時(shí)間:2.75秒=02:90(120幀)
【Adobe 2023版全家桶下載】https://pan.baidu.com/s/1Z4_iJNcq7koRt3vN7KxB3w?pwd=6g8x
提取碼: 6g8x
解壓密碼:@vposy
【PS摳圖教學(xué)和AE動(dòng)態(tài)效果制作】https://www.bilibili.com/video/BV1qW411G7Tn
【正文】從這里開(kāi)始,會(huì)補(bǔ)充視頻里一些沒(méi)有說(shuō)明到的點(diǎn)。
【點(diǎn)數(shù)商店網(wǎng)頁(yè)端】
https://store.steampowered.com/points/shop/
【點(diǎn)數(shù)怎么來(lái)的?】
購(gòu)買(mǎi)任何游戲、DLC、硬件、應(yīng)用程序、原聲音軌或游戲內(nèi)物品,都可獲得點(diǎn)數(shù)。游戲內(nèi)物品例如在社區(qū)市場(chǎng)購(gòu)買(mǎi)CSGO皮膚槍?zhuān)珼OTA2飾品等等。
兌換比例大約是1比12(僅供參考)
【為什么我在Steam Design下載動(dòng)態(tài)背景mp4,進(jìn)度條滿了,還沒(méi)下載完成?】
- 首先必須4個(gè)進(jìn)度條都滿。
- 耐心等,不要按刷新,這是網(wǎng)站的緣故,不是你的網(wǎng)速問(wèn)題。
- 最終下載完成,你的瀏覽器會(huì)提示你把文件保存在哪個(gè)目錄。
- 因?yàn)榫W(wǎng)站需要把這4個(gè)文件打包成壓縮包才給你保存。
【這些展柜怎么來(lái)的?】
2個(gè)方法
- Steam個(gè)人等級(jí)每達(dá)到10級(jí)可解鎖一個(gè)展柜。
- 通過(guò)點(diǎn)數(shù)商店使用點(diǎn)數(shù)購(gòu)買(mǎi)。
【怎么升到10級(jí)?】
- 買(mǎi)游戲。
- 集成每個(gè)游戲的卡片,合成1次給100經(jīng)驗(yàn),也是最快升級(jí)的。
- 卡片可以在Steam市場(chǎng)購(gòu)買(mǎi)。第三方平臺(tái)購(gòu)買(mǎi)的,請(qǐng)?jiān)贐ilibili搜索相關(guān)教學(xué),我不做教學(xué)。
【為什么制作的時(shí)候需要60幀,導(dǎo)出則30幀?】
制作的時(shí)候,為了讓動(dòng)畫(huà)流暢,不會(huì)出現(xiàn)跳幀的畫(huà)面,最好是用60幀來(lái)制作。導(dǎo)出使用30幀,是因?yàn)?strong>星夜的Steam動(dòng)態(tài)背景默認(rèn)為30幀,超過(guò)30幀或低于30幀都會(huì)使展柜內(nèi)的動(dòng)態(tài)效果和動(dòng)態(tài)背景不同步。
【為什么要用2023版AE?我用2022或低于2023的版本不行嗎?】
行,但是,2023版的AE可以直接導(dǎo)出H.264,也就是MP4格式的功能,如果你使用的不是2023版的AE,你需要另外下載一個(gè)Adobe Media Encoder。
【如果不想使用ps,mp4轉(zhuǎn)換gif文件的話,怎么辦?】
使用以下網(wǎng)站:https://ezgif.com/video-to-gif
但可能會(huì)壓縮圖像,不省事最好還是用專(zhuān)業(yè)工具來(lái)處理圖像。
【你這裁剪太復(fù)雜了,能不能用網(wǎng)上的工具來(lái)裁剪?】
使用以下網(wǎng)站:https://ezgif.com/crop
裁剪的位置,從左到右為,495,256,630,824
填寫(xiě)了這些數(shù)值后,這個(gè)網(wǎng)站的工具會(huì)給你跳轉(zhuǎn)到相對(duì)應(yīng)的位置,以及裁剪框的大小。
【這里項(xiàng)目設(shè)置為什么要設(shè)置120幀?】
因?yàn)橐曨l里,崛起動(dòng)態(tài)背景的MP4圖層(注意看綠色的那條),在只有設(shè)置120幀的情況下才能對(duì)齊psd所有圖層的時(shí)間軸。
【那我不設(shè)置120幀會(huì)怎么樣?】
不設(shè)置120幀的話,綠色條凸出時(shí)間軸,導(dǎo)出動(dòng)畫(huà)后則會(huì)有一段黑屏。綠色條小于時(shí)間軸,末尾就只有人物動(dòng),背景不動(dòng)。所以必須所有圖層對(duì)齊。
但導(dǎo)出的時(shí)候,不能選擇120幀,否則轉(zhuǎn)換為gif時(shí),圖片就卡幀不能動(dòng)了。
【為什么我上傳的藝術(shù)作品都是一條橫杠?】
這是正?,F(xiàn)象。
【崛起的個(gè)人資料背景為什么跟展柜內(nèi)背景不同步?】
太長(zhǎng)不看版:up水平不到家。
簡(jiǎn)介區(qū)有說(shuō)明,避免有觀眾不看簡(jiǎn)介,這里重復(fù)一遍。
首先,星夜的背景保存下來(lái)是30幀,而崛起的背景保存下來(lái)是8幀,實(shí)際上可能是8點(diǎn)幾幀,但是ae和ps無(wú)法精確到小數(shù)點(diǎn)。如果人物的動(dòng)態(tài)效果在30幀及以上幀數(shù)做的話,動(dòng)作還是流暢的。也就是說(shuō),如果你想展柜內(nèi)動(dòng)畫(huà)和個(gè)人資料背景動(dòng)畫(huà)是同步的,要么犧牲人物動(dòng)態(tài)效果的流暢性去設(shè)置8幀,要么就直接讓人不要?jiǎng)踊蛘卟灰迦肴宋?/span>。其次是,展柜內(nèi)的動(dòng)畫(huà)與個(gè)人資料背景動(dòng)畫(huà)的起始幀不同步,如果要做到逐幀逐幀同步,這工作量也大。而星夜就很好的避開(kāi)這個(gè)問(wèn)題。