广告广告
  加入我的最爱 设为首页 风格修改
首页 首尾
 手机版   订阅   地图  繁体 
您是第 9207 个阅读者
 
发表文章 发表投票 回覆文章
  可列印版   加为IE收藏   收藏主题   上一主题 | 下一主题   
amore12 手机 会员卡
个人文章 个人相簿 个人日记 个人地图
特殊贡献奖 社区建设奖 优秀管理员勋章
总版主
级别: 总版主 该用户目前不上站
推文 x913 鲜花 x4338
分享: 转寄此文章 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.037112 second(s),query:16 Gzip disabled
本站由 瀛睿律师事务所 担任常年法律顾问 | 免责声明 | 本网站已依台湾网站内容分级规定处理 | 连络我们 | 访客留言