查看: 85897|回复: 56
收起左侧

[技术原创] 【2013.7.8】PS图层模板制作360杀毒4.X皮肤教程

  [复制链接]
小文A刀
发表于 2013-5-19 18:45:30 | 显示全部楼层 |阅读模式
本帖最后由 小文A刀 于 2013-7-8 23:15 编辑

此贴记录一点做皮肤方面的心得,有时间的话我会不断便新,因工作关系每周大概周末才有时间上网,所以请耐心等待,有什么问题我会尽我所能解答,反正尽量吧,个人水平能力有限……如果有不足之处敬请谅解,谢谢!

   以下是我个人看法,水平不高,观点也不一定对,算是抛砖引玉,希望对初学者有一定帮助,起到一点参考作用,欢迎大家参加讨论!

所有图片点击放大后,再点(实际大小)可以获得图片最佳清晰度


   首先说说: 皮肤制作的基本原则                             
  (这是以前我为酷我音乐皮肤制作吧写的皮肤制作心得,我觉得对大部分软件皮肤制作都有参考作用,所以就修改一下复制过来给喜欢制作皮肤的朋友看看。)

    虽然制作360杀毒4.0版皮肤比3.0版更加简单,简单到只要新建一个文件夹和一张尺寸合适图片放到360杀毒的皮肤文件夹就能实现,不过制作皮肤的一些基本原则还是应该了解一下的,理论上说几乎所有图片都可以做皮肤,但实际上并不是所有图片都很适合,主要有下面几点要注意:

一:是图片要清晰美观,不要对比强烈太花哨和模糊,建议选用简洁淡雅的图片;以尽量不影响软件界面的按钮和文字使用为准。毕竟皮肤只是软件的附带功能,不能喧宾夺主影响软件的使用,当然如果你仅仅是自己用则另当别论。

二:虽然不是商业用途,但还是要尊重知识产权问题,特别是私人图片更要注意尊重别人的隐私、肖像权。也不要用过于低级趣味和血惺恐怖让人恶心的图片,那种皮肤做出来也很少人下载,只不过是占用硬盘的垃圾罢了。

三:还有图片上的一些网络地址标题等文字最好处理掉,尽量用干净清爽的图,如果一个软件皮肤上有太多不相关的文字网址链接只会让人笑话,不能将就使用,虽然做不到完美,但我们还是要一种有追求完美的理想,这样才能向更高的境界冲击,做出经典出色的皮肤。


这个帖子对你有帮助有用吗?或者你有什么制作皮肤方面的问题,欢迎回帖说说你的感想,没有人反馈的话我也不清楚究竟有没有用,这样也会映响到我的更新的动力,到底值得不值得。


                   360杀毒4.0皮肤制作技巧                        


一、  怎么把那个圆圈和里面的勾, 使用天数所在的那条 区域变成透明?                           
  目前为止大多网友制作的4.0杀毒皮肤上部   360杀毒正在保护你的系统   都有一条半透明的黑色背景,如图:


很多朋友不太喜欢,如何使那条黑色区域变成透明呢?其实很简单!双击在记事本中修改一下你所制作的皮肤文件夹中的360杀毒皮肤配置文件  Custom.ini                                             
将里面的                                         
  [setting]                                       
  style=style_common_scanimglist        

修改为                                            
  [setting]                                       
  style=style_default                           
即可,怎么样,呵呵,够简单吧!         
现在看看没有黑色区域的效果,不错吧!




  2013年5月21日更新下面内容:  

        PS图层模板制作360杀毒皮肤方法                  
皮肤制作模板 下载:360皮肤制作模板+字体空白图片
文件MD5校验值:25E06082A49CEBBEA9709CAF0CDCC616

皮肤文件春雨燕双飞(制作皮肤时修改用:里面的图标、文字、按钮等等,已经全部处理成白色,适合大部分情况下使用。) 下载:春雨燕双飞
文件MD5校验值:5B1BBFBBF0BC4E85E48639B77C640BA9

官方的原版皮肤文件+360杀毒4.0版本皮肤定制指南 下载:官方皮肤
文件MD5校验值:C53D1D3F15D7CACD9EA83BE336A5F453

           PS图层皮肤模板使用说明:                           

首先把皮肤文件春雨燕双飞(注:为了制作时方便查看效果,文件前面加上A-)解压到360杀毒安装目录中,比如C:\Program Files\360\360sd\customskin4(放在这个皮肤文件夹中,注意:先要关闭360杀毒的自我保护,否则是放不进去的,启动360杀毒——点击设置——弹出菜单找到自保状态——点击关闭——填写验证码 继续 关闭即可)。

PS打开 皮肤制作模板 然后把自己选择好的图片拖移进去调整好大小和位置,再以.png格式保存到C:\Program Files\360\360sd\customskin4\春雨燕双飞\main\替换里面的bg_main.png文件即可。

  打开360杀毒,皮肤换上春雨燕双飞查看制作的皮肤效果,如果觉得满意了就重命名皮肤,再制作皮肤预览图(皮肤文件夹中的thumb.png图片)然后可以将皮肤打包上传,与亿万网友分享你的精彩皮肤!

模板制作皮肤示意图:
空白时的模板


载入图片后的模板




皮肤模板所有图层的作用详细说明(针对PS入门级,高手免看)
(在皮肤图片上的位置及效果示意图)
最上面红色两层——使用说明(有什么不明白,随时查看)皮肤界面(用来定位皮肤图片的位置大小)。
使用说明图层


皮肤界面图层


下面绿色三层——分界线——中线上  白色渐变、中线中线下  黑色渐变(主要使皮肤中间的下拉菜单按钮与皮肤整体关联还有层次感,根据所制作皮肤要求可以分别调整图层透明度获得最佳效果)。
中线上的白色渐变效果图层

中线图层

中线下的黑色渐变(阴影)图层


次下蓝色图层——外框线,这个一般很少用到。
外线框图层



再下三层黄色——扫描图标文字,字体是方正粗圆简体,用它是因为官方文字太小了一些,当然可以不用替换。启用必须安装方正字体(皮肤制作模板压缩包中附有该字体)还要将皮肤prescan文件夹中的三个相应图片处理成空白,也可以用压缩包中我处理好的图片直接替换。
扫描图标文字图层


再下面绿色三层——底部半透明边 (增加层次感,可以调整透明度获得最佳效果);底部右下白色块底部白线 ,可以根据图片需要分别选择是否显示(目的是使软件界面的文字在背景上显示得更清楚)
底部半透明边

底部右下白色块

底部白线  


最下面是背景图层,也就是皮肤主体,你选择的图片必须放置在它上面,也可以替换删除。


提示:一般来说保存图片时使用分界线中线上白色渐变、中线、中线下黑色渐变)就可以了,其他的图层视图片具体要求可选择是否启用!

简单说说
      皮肤界面文字颜色设置                                                                                                                         
有时一张图片很适合做皮肤,做好后发现皮肤界面上的文字的颜色与背景近似看不清楚,影响使用怎么办?相比3.0版皮肤,4.0版皮肤做得不错,可以自己动手DIY皮肤界面上的六处文字颜色。
如图所示:


同样双击在记事本中修改一下你所制作的皮肤文件夹中的360杀毒皮肤配置文件  Custom.ini  即可。
现在把它标明如下,如果配置文件里面没有,可以复制下面的项目进去。


修改相应项目=号后面的6位数值,即可更改文字的颜色!

1、界面左上角“360杀毒”的文字颜色
main.caption_txt_color=FFFFFF FFFFFF=白色(举例)。为了与右上角的按钮相对应,该项尽量不要改动。)

2、界面右上角“日志”、“设置”、“反馈”的文字颜色
main.caption_link_color=000000     注:000000=黑色
(举例)

3、界面左下角“多引擎保护中:”的文字颜色
homepage.eng_txt_color=

4、界面右下角工具名称和“更多”文字颜色
homepage.tools_txt_color=

5、界面左下角“程序版本 ...”的文字颜色
homepage.ver_txt_color=


6、界面左下角“检查更新”链接的文字颜色
homepage.updatenow_link_color=

      具体文字颜色设置请参看《 Word 文档 颜色代码表完整版》           
搜索一下  颜色代码表完整版  即可。


   三楼  如何把皮肤上传分享到360皮肤中心   

PS:建议去看看我制作的一些360杀毒的皮肤,对如何使用模板应该有一定借鉴作用。
        地址: 360杀毒精品皮肤分享专用   

如果对PS不太熟悉可以去教程网http://www.jcwcn.com看看PS视频教程,提高PS技术。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?快速注册

x

评分

参与人数 8技术 +1 经验 +20 魅力 +1 人气 +6 收起 理由
XMonster + 20 更新
笑红尘自古多情 + 1 版区有你更精彩: )
轻巧夺命 + 1 版区有你更精彩: )
LLJ杰 + 1 第一次给别人加人气~~~
kjjook + 1 很给力!

查看全部评分

小文A刀
 楼主| 发表于 2013-5-21 00:34:40 | 显示全部楼层
本帖最后由 小文A刀 于 2013-5-23 20:57 编辑


因为内容挪到一楼,补上几个最新用模板制作的皮肤。

碧水青莲


瑞雪兆丰年


小熊维尼


心中桃源


自由飞翔

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
小文A刀
 楼主| 发表于 2013-7-9 00:05:46 | 显示全部楼层
@moonsilver   我要HB

按说教程已经蛮详细,但是我发现很多人好像还是不太清楚怎样使用,这样吧,我弄一个模板使用的示意图给大家看看

其实模板主要是用来定位的,使用模板制作皮肤时,因为模板是透明的,可以随时直观的看到皮肤的实际效果。

模板使用示意图说明:示意图是为了更直观的显示制作流程,实际使用模板时,图片中红色框子以外的区域是看不到的。

图1  空白的模板




图2 置入图片的模板




图3 把图片缩小,建议一次不要缩小太多,可以一边缩小一边移动图片找到图片最佳的显示区域,(重点是:软件的图标文字等界面元素尽量不要遮住图片精彩的部分,而图片也尽可能的不要影响到界面的图标文字等元素)




图4  像这张图片,这样效果不理想,我把它水平翻转一下就好多了!




图5  上一步翻转后,中间的文字……正在保护系统!跟手枪重叠看不清文字,所以再次细微调整一下。




图6  保存时把模板图层隐藏,最后就是这个样子了




皮肤的使用效果:


如果你喜欢可以下载这个皮肤看看:





本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?快速注册

x

评分

参与人数 1经验 +50 收起 理由
moonsilver + 50 版区有你更精彩: )

查看全部评分

moonsilver
发表于 2013-5-19 18:50:10 | 显示全部楼层
楼主很有才的

@七宝  
小文A刀
 楼主| 发表于 2013-5-19 19:17:30 | 显示全部楼层
本帖最后由 小文A刀 于 2013-5-25 09:44 编辑
moonsilver 发表于 2013-5-19 18:50
楼主很有才的

@七宝

只是喜欢玩玩PS罢了。

本来计划发到桌面及系统美化区,想想还是360区毕竟关注喜欢360的一定会到本区逛逛!

      如何把皮肤上传分享到360皮肤中心                                        

1.制作皮肤效果图
    首先你要保证把你制作好的皮肤已经存放在目录:360杀毒安装目录\ 比如C:\360\customskin4 (皮肤文件夹)

    打开360杀毒换上你制作好的皮肤, 按下快捷键Alt+Print Screen——将当前活动程序窗口以图象方式拷贝到剪贴板(如果你打开的程序很多按下快捷键时一定要保证360杀毒窗口 置顶)。

    打开PS——文件——新建—— 确定(自动弹出新建剪贴板,正确情况下它的宽高为798×548),

    再点击编辑——粘贴——图层——拼合图像——另存为,保存为jpg图片(这是皮肤效果图,皮肤上传分享时一起打包压缩,方便审核皮肤的工作人员查看和制作360杀毒皮肤下载中心的效果图

2.制作皮肤预览图
   用PS打开你制作好的皮肤里的 thumb.png 图片(软件皮肤中心中用,更换选择皮肤时查看的预览图)把刚刚制作好的皮肤效果图拖移到thumb.png 中,缩放到一样大拼合图像然后存储即可!   如此大功告成!

3.压缩皮肤上传
   用压缩软件把制作好的 皮肤(包括文件夹一起)皮肤效果图 制成皮肤压缩包。

   写一封邮件给360产品小组(邮箱地址: 360shadu@.cn)记得邮件加上 附件皮肤压缩包)

例如



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?快速注册

x

评分

参与人数 1人气 +1 收起 理由
笑红尘自古多情 + 1 版区有你更精彩: )

查看全部评分

乐在天涯
发表于 2013-5-19 19:20:51 | 显示全部楼层
可有制作 卫士9.2的 皮肤教程呀!
sam__天涯
头像被屏蔽
发表于 2013-5-19 19:27:55 | 显示全部楼层
给力。
碎玉醉
发表于 2013-5-19 20:35:36 | 显示全部楼层
ps水平不行啊本人
小文A刀
 楼主| 发表于 2013-5-19 20:49:08 | 显示全部楼层
乐在天涯 发表于 2013-5-19 19:20
可有制作 卫士9.2的 皮肤教程呀!

目前没有!

懒羊羊皮肤

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
ikimi
发表于 2013-5-19 20:50:31 | 显示全部楼层
小文A刀 发表于 2013-5-19 20:49
目前没有!

懒羊羊皮肤

这个不错,懒羊羊懒洋洋。
小文A刀
 楼主| 发表于 2013-5-19 20:52:26 | 显示全部楼层
碎玉醉 发表于 2013-5-19 20:35
ps水平不行啊本人

用模板的话事半功倍,人人都会
skylinext
发表于 2013-5-19 20:52:37 | 显示全部楼层
虽然我知道该怎么做,不过还是想来跟小文学一下PS技术
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

手机版|杀毒软件|软件论坛| 卡饭论坛

Copyright © KaFan  KaFan.cn All Rights Reserved.

Powered by Discuz! X3.4( 沪ICP备2020031077号-2 ) GMT+8, 2025-2-3 21:57 , Processed in 0.181347 second(s), 20 queries .

卡饭网所发布的一切软件、样本、工具、文章等仅限用于学习和研究,不得将上述内容用于商业或者其他非法用途,否则产生的一切后果自负,本站信息来自网络,版权争议问题与本站无关,您必须在下载后的24小时之内从您的电脑中彻底删除上述信息,如有问题请通过邮件与我们联系。

快速回复 客服 返回顶部 返回列表