廣告廣告
  加入我的最愛 設為首頁 風格修改
首頁 首尾
 手機版   訂閱   地圖  簡體 
您是第 9249 個閱讀者
 
發表文章 發表投票 回覆文章
  可列印版   加為IE收藏   收藏主題   上一主題 | 下一主題   
amore12 手機 會員卡
個人文章 個人相簿 個人日記 個人地圖
特殊貢獻獎 社區建設獎 優秀管理員勳章
總版主
級別: 總版主 該用戶目前不上站
推文 x913 鮮花 x4339
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片
推文 x1
[程式] CS:Surce製作立體噴圖的教程

轉載大陸CS研究院


需要的軟件:Photoshop 7.0(以上版)


生成CSS噴塗文件的軟件:
Photoshop生成TGA格式文件的插件:,這個文件解壓後放到 ..\Photoshop 7.0\Plug-Ins\File Formats

(7.0自己帶,但是官方網站推薦這個)


官方的示例文件PSD:

CSS噴塗文件格式的規範:

不同於1.5 和 1.6的規範,這次CSS的噴塗格式支持到了256X256,並且必須小於130K
運行Photoshop 7.0,並且打開下載的示例文件'sample_psd.psd'
現在,如果你看到了layers palette(圖層面版),你將會注意到3個重要部分(如圖):



1:Lambda層:這是示例的主要部分

2:background_layer層:這是一個空白的圖層,但是我們最後會需要

3:original elements文件夾:裡面包含了製作「Lambda」需要的原始文件,沒什麼用用,但是我還是給
大家提供了

現在左建點擊ambda圖層,使其激活為工作圖層。
現在左建點擊圖層面版下面的add layer style按鈕(如圖)



選擇'Drop Shadow'(繪製陰影),繪製陰影選項卡將會出現(如圖)



按照圖上的參數進行設置。你將會看到lambda圖層下面繪製出了淡淡的陰影。

選擇ambda圖層,同時按下 Ctrl Shift Alt N 四個建,將會在ambda圖層上面新建
一個名字為Layer 1的透明圖層。

接下來選擇Layer 1圖層,同時按下 Ctrl Shift Alt E 四個建,這將會使當前選擇層
以下的所有圖層的信息到當前層(我們選擇的Layer 1)。(如圖)



這是一個應該記住的好命令,因為它可以保留ambda層的真實信息,以便你將來做一些改動。

現在你也許會發現陰影部分的顏色變深了,這是因為兩個圖層的陰影交疊在一起的緣故。

現在點擊ambda層左邊的小眼睛圖標,使ambda層不再顯示。

現在我們需要選取整個圖層(包括陰影部分),按住Ctrl建,左建點擊Layer 1層,一個選
擇框出現了(如圖)



按照圖上的參數進行設置。你將會看到lambda圖層下面繪製出了淡淡的陰影。
選擇ambda圖層,同時按下 Ctrl Shift Alt N 四個建,將會在ambda圖層上面新建
一個名字為Layer 1的透明圖層。

接下來選擇Layer 1圖層,同時按下 Ctrl Shift Alt E 四個建,這將會使當前選擇層
以下的所有圖層的信息到當前層(我們選擇的Layer 1)。(如圖)



這是一個應該記住的好命令,因為它可以保留ambda層的真實信息,以便你將來做一些
改動。

現在你也許會發現陰影部分的顏色變深了,這是因為兩個圖層的陰影交疊在一起的緣故。
現在點擊ambda層左邊的小眼睛圖標,使ambda層不再顯示。

現在我們需要選取整個圖層(包括陰影部分),按住Ctrl建,左建點擊Layer 1層,一個選
擇框出現了(如圖)




當這個選擇框沒有消失的情況下,選擇channels palette(通道面版),然後選擇其下面
的create new(創建新通道)小圖標(如圖)



這將會創建一個名稱為Alpha 1的新通道,並且圖像畫面將會完全變黑,這時你將會看到
先前的選擇框仍然呈現在這個黑色畫面上,並且保有它的外形。(如圖)



現在選擇'Alpha 1'通道,同時按下 Alt Backspace兩個建(背景填充),Alpha 1通道
將被填充變化成上圖的樣子。

然後同時按下Ctrl D兩個建取消選定

還記得'background_layer'這個圖層麼?回到圖層面版,並且選擇這個圖層。現在選擇
一個定義好的灰色,要這樣做先選擇colour palette(顏色選取面板),像下圖一樣
定義一個R G B都為128的灰色



然後在選擇'background_layer'圖層的情況下同時按下 Alt Backspace兩個建,使其
填充成灰色。

一旦這個圖層被填充成灰色,Photoshop所作的工作基本完成了,接下來我們要將這個
圖片保存為TGA格式。

點擊工具欄上的File(文件)按鈕,選擇 Save As(保存為),在下面的文件格式中選擇
*.TGA (TGA文件格式)。如果你安裝了TGA格式文件的插件,那麼這時'Alpha Channels' (保留Alpha通道)的選項就可以選擇了,記得選上。當你保存文件時,將會提示保存的色深,選擇32bit(如圖)



接下來我們開始轉換圖片文件:

由於CSS不支持TGA格式的噴圖,所以我們必須利用下載的VTEX軟件將其轉換為CSS
能夠理解的*.VTF格式文件

1:將vtex\hl2\materialsrc\sprays下和vtex\hl2\materials\sprays 下的所有
文件刪除

2:將做好的TGA文件拷貝到vtex\hl2\materialsrc\sprays 下,注意是materialsrc
不是materials

3:運行tga2vtf.bat 轉換

4:將vtex\hl2\materials\sprays 下生成的*.vtf 和 *.vmt文件拷貝到:
Steam\SteamApps\郵件地址(新的直接為帳號)\counter-strike source beta\cstrike\materials\VGUI\logos 下


完成了!以前在1.5 和1.6中,進入Option 選項,就會破壞自己做的LOGO,現在
不同了,進入Option 選擇中,選擇你自己製作的LOGO吧!(如圖)



本帖包含附件
zip 605.rar   (2022-06-09 14:02 / 255 KB)  
說明:
下載次數:179
zip 606.zip   (2022-06-09 14:02 / 15 KB)  
說明:
下載次數:63
zip 607.rar   (2022-06-09 14:02 / 57 KB)  
說明:
下載次數:69




獻花 x1 回到頂端 [樓 主] From:台灣數位聯合 | Posted:2006-09-11 21:23 |
23117795 手機
個人文章 個人相簿 個人日記 個人地圖
小人物
級別: 小人物 該用戶目前不上站
推文 x20 鮮花 x9
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

不知道這個也可以用在cs1.6嗎


獻花 x0 回到頂端 [1 樓] From:臺灣寬頻通訊 | Posted:2009-04-18 20:55 |
修乂雯 手機
個人文章 個人相簿 個人日記 個人地圖
初露鋒芒
級別: 初露鋒芒 該用戶目前不上站
推文 x6 鮮花 x320
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

好像很久了0.0

圖檔都掛光光表情 表情


M.M^Gaming [A] WrAiTh<pk
獻花 x0 回到頂端 [2 樓] From:臺灣 | Posted:2009-05-20 22:45 |
小魂 手機
個人頭像
個人文章 個人相簿 個人日記 個人地圖
特殊貢獻獎 社區建設獎 優秀管理員勳章 創作大師獎
頭銜:゜修練中゜゜修練中゜
版主
級別: 版主 該用戶目前不上站
版區: CS討論, 單機遊戲
推文 x959 鮮花 x1436
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

來學習學習!
找到不錯的圖案用進去...
感謝版大!


獻花 x1 回到頂端 [3 樓] From:臺灣 | Posted:2009-07-31 17:55 |
gm006095 會員卡
個人文章 個人相簿 個人日記 個人地圖
初露鋒芒
級別: 初露鋒芒 該用戶目前不上站
推文 x0 鮮花 x3
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

感謝大大您的分享 辛苦了

此文章被評分,最近評分記錄
財富:-20 (by killer699) | 理由: 無意義回文


獻花 x1 回到頂端 [4 樓] From:台灣中嘉寬頻 | Posted:2010-06-12 14:14 |
ken457
個人文章 個人相簿 個人日記 個人地圖
小人物
級別: 小人物 該用戶目前不上站
推文 x0 鮮花 x1
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

圖都死了
還是感謝分享


獻花 x0 回到頂端 [5 樓] From:台灣東亞有線 | Posted:2010-08-23 16:18 |
alcmong
個人文章 個人相簿 個人日記 個人地圖
小人物
級別: 小人物 該用戶目前不上站
推文 x0 鮮花 x2
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

是怎樣..我圖都睇唔到..cs1. 表情 6用唔用到先


獻花 x0 回到頂端 [6 樓] From:香港城市電訊 | Posted:2011-02-11 14:11 |
s9210777
個人頭像
個人文章 個人相簿 個人日記 個人地圖
小人物
級別: 小人物 該用戶目前不上站
推文 x4 鮮花 x14
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

雖然圖死了但是立體的應該很酷吧=ˇ=


獻花 x0 回到頂端 [7 樓] From:歐洲 | Posted:2011-12-23 20:55 |
zhouli333
個人文章 個人相簿 個人日記 個人地圖
小人物
級別: 小人物 該用戶目前不上站
推文 x0 鮮花 x0
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片
Re:CS:Surce制作立体喷图的教程
表情 用不了


獻花 x0 回到頂端 [8 樓] From:美國 | Posted:2021-12-30 06:14 |

首頁  發表文章 發表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.018023 second(s),query:16 Gzip disabled
本站由 瀛睿律師事務所 擔任常年法律顧問 | 免責聲明 | 本網站已依台灣網站內容分級規定處理 | 連絡我們 | 訪客留言