【11.16更新方法】=PES2009= 界面=DIY=简单教程=全民DIY==不合缝已重新改进

sucherzen

    前言：第一次做简易教程，可能有的地方说的不是太明白，:bz11: 图片也比较乱，:bz3: 还请大家多多指教啊:bz13:

      有人可能不会导入，可以到东仪小贝这个贴http://bbs.winning11cn.com/viewthread.php?tid=648673&extra=page%3D2学习一下，我就不做了:bz16:

      感谢v6gogo 提出错误的地方，经过研究重新修改了一些步骤，经验证，不合缝的情况得到了一定改善:bz13:

1、工具、资源准备
1.1必备工具
photoshop（下载地址
http://bbs.winning11cn.com/viewthread.php?tid=675404&extra=page%3D1），
GGS（下载地址
http://bbs.winning11cn.com/viewthread.php?tid=601591&extra=page%3D1）
Kitserver 8.09（WSI汉化
http://bbs.winning11cn.com/viewthread.php?tid=678975&extra=page%3D3）

1.2 资源准备
主要是图片准备，图片尺寸易选择宽屏图片，如1280×800、1440×900等等，标准屏画面如1024×768等也可以使用。
需要替换的bin文件，单独存放。（下载地址
http://www.rayfile.com/files/71aa0df0-abba-11dd-bcb4-0014221b798a/）
注意：上述地址中的cv05.img中的unnamed_428-431文件请不要删除，也不用替换图片。因为删除后会影响自制界面的显示，切记！

1.3制作前准备
为了方便制作和查找，将选择好的图片单独放入一个文件夹，bin文件单独一个文件夹。
Photoshop中：菜单-编辑-首选项-单位与标尺，打开对话框后，将“单位”中的“标尺”改为“像素”为单位。



PES2009的界面分两部分，一是主菜单界面，主要是开始界面和主菜单界面两个。二是各个子菜单切换用界面。两部分界面图片的制作有不同之处，因此分两部分讲解。

一、主菜单界面的制作

1、用photoshop打开图片。将图片尺寸修改成1280×720，
需要注意a。修改时尽量不要使图像变形；b。尽量使图片所表达的内容最大化保留。
方法有多种，下面说两种，仅做参考：

1.1选择：菜单－图像－图像大小（或快捷键AlT+CTRL+I），打开对话框，“像素大小”中“高度”改为720，注意下面的“约束比例”要选上，否则会出现图片变形。最下面的选项“两次立方”可选择“两次立方较锐利（适用于缩小）”或“两次立方较平滑（适用于扩大）”。


   然后有两个分支：
  （1）如果图片宽度大于1280。则选择矩形选框工具（快捷键M），“样式”中选择“固定大小”，“宽度”填写1280px，“高度”填写720px。然后在图片上鼠标左键点一下，会出现一个矩形框。根据你想要的图片内容，左右移动矩形框，点右键，选择“通过拷贝的图层”或“通过剪切的图层”。这时新出现的图层中的图像即为所要的1280×720。




（2）如果图片宽度小于1280。则在图像上面点击右键，选择“复制图层”，点确定。然后点选最开始的图层（一般是“背景”或者“图层1”），选择 菜单－图像－画布大小（或快捷键AlT+CTRL+C），打开对话框，画布宽度改为1280，让电脑自动裁剪成1280×720。
此时会在图像的两边出现白边，这就需要选择白色区域，通过“填充”颜色或图案（快捷键Shift+F5）使得图像好看些。





[ 本帖最后由 sucherzen 于 2008-11-16 01:52 编辑 ]

sucherzen

   1.2 选择：菜单－图像－图像大小（或快捷键AlT+CTRL+I），打开对话框，“像素大小”中“宽度”改为1280，注意下面的“约束比例”要选上，否则会出现图片变形。最下面的选项“两次立方”可选择“两次立方较锐利（适用于缩小）”或“两次立方较平滑（适用于扩大）”。
然后有两个分支，分别是图片高度大于720和小于720。同理与1.1中的（1）（2）

2.对图片进行切割分块，比较关键的一步。
首先将背景图层（指的是最开始的图层，不是后来新增的）改成1280×720，通过修改画布大小。
2.1切割1024×720.
选择矩形选框工具（快捷键M），“样式”中选择“固定大小”，“宽度”填写1024px，“高度”填写720px。选择如图所示部分（注意，不能有偏差，否则界面会出现不合缝），然后在所选区域，点右键，选择 “通过拷贝的图层”（不能使用“通过剪切的图层”）



新出现的图层2即为1024×720切块。
2.2切割264×720
选择矩形选框工具（快捷键M），“样式”中选择“固定大小”，“宽度”填写264px，“高度”填写720px。选择如图所示部分（注意，不能有偏差，否则界面会出现不合缝），然后在所选区域，点右键，选择 “通过剪切的图层”或
“通过拷贝的图层”。（此时所选的图层为图层1即1280×720图层）

新出现的图层3即为264×720切块。

3.移动各图层，修改成型

首先将多余的图层删除，保留“背景图层、图层2和图层3”即1024×720和264×720两个图像及一个背景图。
3.1将背景图层尺寸修改为1024×1024，并填充为黑色
3.2点选图层2（1024×720切块），使用移动工具（快捷键V），将图移动到如图所示部位

3.3点选图层4（264×720切块），使用选转（快捷键CTRL+T），按住SHIFT旋转成水平，按ENTER键。再使用移动工具（快捷键V），将图移动到如图所示部位




4.改变图像模式
4.1首先将三个图层合并（或者直接跳到4.2步）
4.2菜单-图像-模式-索引颜色，颜色改为256，点确定。
然后保存为PNG格式。


最后得到可以“半成品”了，可以进行导入测试了。导入就不做了，有很多教程了。



[ 本帖最后由 sucherzen 于 2008-11-7 12:11 编辑 ]

sucherzen

二，子菜单切换画面制作

原理同主菜单界面制作，主要不同是切块的尺寸和位置不同，移动后的位置也不同。

1 将图片修改成1282×726

2将修改后的图片进行切割，切成两块1024×724和260×724两块。

2.1先切割1024×724.如图所示，注意要使用通过拷贝的图层，否则会影响最终效果。

3切割260×724。
此时可以使用“通过拷贝的图层”或“通过剪切的图层”

4移动各图层

首先修改背景图层为1024×1024，填充黑色。

4.1移动1024×724.如图所示位置。


4.2旋转260×724切块为水平，然后再移动至如图位置，注意位置比较苛刻，移动不到位会出现界面不合缝



5修改图层颜色模式为256色，保存为PNG格式即可

子菜单比较多，制作时可使用录制“动作”，来减轻工作量，好像有教程。

最后就是导入了，自己喜欢导入哪个就导入哪个

总结：第一次做简易教程，权当娱乐了:bz13: ，可能有的地方说的不是太明白，图片也比较乱，还请大家多多指教啊:bz13:

[ 本帖最后由 sucherzen 于 2008-11-16 01:42 编辑 ]

荷兰三剑客

沙发:bz3:

好猫猫

支持原创教程

Meazza

支持一下

happywd3334

都是高手啊

Brainstorm

似乎不能像PES5那样的改了……

yzrjm

期待中！
学习学习，谢谢

zdy005123

支持教程~先顶你了！

‘Se⒎en。

:bz28: zhichile

kfirac

能不能把界面改成2008的那种啊
09的太垃圾了  尤其选队伍的界面。。。
一不小心就选错了

钢丝球儿

支持一下

铁杆实况迷

教程美啊

斯科拉里

支持LZ一下