Project1

标题: 素材提问区新人导向帖——妖精的教室 [打印本页]

作者: 美丽晨露 时间: 2014-2-14 23:32
标题: 素材提问区新人导向帖——妖精的教室
本帖最后由美丽晨露于 2015-11-22 22:40 编辑

欢迎您来到妖精的教室

前言：
为了方便朋友们能快速解决素材中的一系列问题。
特此为素材提问区开一个新人导向帖。
如本人有什么不足之处，欢迎提出来，谢谢。

本帖说明：
1.请不要在本贴灌水发广告；
2.帖子内的教程面向新手级别的，请高人们谅解；
3.本帖提供的教程不一定完全正确，有错误请@美丽晨露，
并告诉我具体出错的地方，是有糖果和好人卡的奖励哟；
4.如果你有什么好的教程，欢迎在本区或者游戏素材制作工坊发布，
一经得到认可并且放入本帖，奖励一张好人卡；
5.本贴提供的资源，如果有失效，请@美丽晨露，我会尽力修正的；
6.如果还有其他什么问题，请@美丽晨露，感谢；
7.感谢各位素材达人的辛勤付出。

2楼开始新人教程
提示：以下所有的素材处理都是基于Photoshop软件进行的，
请没有Photoshop自行下载了解。以下教程用词Photoshop简称PS。
PS CS3下载地址：http://pan.baidu.com/s/1bnjBwQj
其余版本暂无提供，请自行百度搜索，谢谢。

链接索引：
★基础篇——基础素材去底
★基础篇——简易拼接素材
★基础篇——简易素材平分分割
★基础篇——简易素材换色
★基础篇——手动素材换色
★基础篇——多素材合并
★特殊篇——更改游戏程序图标
★基础篇——RMXP行走图转RMVX/RMVA行走图
★中阶篇——RMXP地图自动元件转化为RMVX
★中阶篇——窗口素材RMXP转化为RMVX/RMVA
★特殊篇——斜面相框素材制作
★中阶篇——制作圆形多边形头像图片素材
★中阶篇——将普通的动画素材变成彩色动画素材
★高级篇——论坛素材处理资源帖

更新备用：
9.22 修复链接的一些跳转错误的问题。
10.30 修复了主站教程跳转错误的问题。

作者: 美丽晨露 时间: 2014-2-14 23:37
基础素材去底：
本次是简单教大家怎么样去除素材中的白色底部，下面的粗略的步骤。

步骤一：打开PS，将需要去底的素材打开放置到版面中；

步骤二：将图片图层样式修改为图层效果，如果已是图层效果请忽略这个步骤；

步骤三：使用工具栏中的魔棒工具；

步骤四：点击需要去掉的白底，然后直接按Delete刪除白底，如此反复；

步骤五：完成了去底记得保存哟，选择文件——存储为；

步骤六：选择保存格式为PNG，输入你要输出的文件名，选择你要输出的位置，最后保存完成。

具体操作步骤与视频操作：
http://www.tudou.com/v/L0tF6J7FA ... 3529_04_05_99/v.swf

作者: 美丽晨露 时间: 2014-2-14 23:44
简易拼接素材
这次教大家怎么拼合一个RMVX的face素材。

步骤一：打开PS，新建一个文件，大小为96*96的背景内容为透明图层；

步骤二：文件——置入——选择你要置入的素材；

步骤三：置入完成后，发现图片可能太小了。可以使用左上方调节图片的X\Y横向缩放，
纵向缩放等等，右击图片还可以选择左右翻转；

步骤四：调节完成之后，保存素材为PNG格式，反复完成1~8个左右的素材，进入下一个步骤；

步骤五：新建另一个文件，大小为384*192的背景内容为透明图层；

步骤六：选择工具栏内的切片工具；

步骤七：回到图片右击鼠标，选择划分切片。将切换划分为水平为2，垂直为4的效果；

步骤八：置入刚刚完成的素材；

步骤九：素材与切割线对齐，置入素材的边缘线如果和切割线重合时是会显示蓝色边缘线的，
这个功能可以很好帮助我们置入素材；

步骤十：将所有素材按照步骤九完成置入；

步骤十一：文件——存储为——保存为PNG格式输出即可。

具体操作步骤与视频操作：
http://www.tudou.com/v/nBnCYlRMu ... 3529_04_05_99/v.swf

作者: 美丽晨露 时间: 2014-2-14 23:50
本帖最后由美丽晨露于 2014-2-14 23:52 编辑

简易素材平分分割
这次教大家怎么简单的分割一个素材哟。

步骤一：打开PS，再打开一个素材图片；

步骤二：菜单栏中选择图像——模式——RGB颜色，修改图层的样式；

步骤三：使用切片工具；

步骤四：回到版面，右击选择划分切片；

步骤五：划分完毕之后，选择菜单栏中文件——存储为WEB和设备所有的格式；

步骤六：进入界面，将预设改为PNG-24,如图：

步骤七：存储到指定位置后，会生成一个images的文件夹，里面就有已经按你的设置分割好的素材了。

具体操作步骤与视频操作：
http://www.tudou.com/v/JKHTDNIze ... 3529_04_05_99/v.swf

作者: 美丽晨露 时间: 2014-2-14 23:55
简易素材换色
本次教大家如何快速的更换素材的颜色。

步骤一：打开PS，再打开一张你需要换色的素材；

步骤二：在设置前景色的方框内选定一种你需要更换的颜色，
设置背景色的方框内选定一种你需要更换的颜色；

步骤三：菜单栏内图像——调整——渐变映射；

步骤四：查看浏览效果，并且可以设置渐变时的选项；

步骤五：储存为PNG格式输出即可；

具体操作步骤与视频操作：
http://www.tudou.com/v/_WDZZ4FR1 ... 3529_04_05_99/v.swf

作者: 美丽晨露 时间: 2014-2-15 00:13
手动素材换色
这次让一个素材通过手工绘色的效果将素材换色。

步骤一：打开PS，打开一张素材图片；

步骤二：找到图层1，之后鼠标右键——选择复制图层——命名为“覆盖”；

步骤三：选择前景色，然后使用画笔工具；

步骤四：选中“覆盖”图层，在自己想要替换的颜色中涂色；

步骤五：完成之后，在“覆盖”图层中的图层效果中选择“颜色”；

步骤六：看看效果，或者回去刚刚的步骤进行细节调整；

步骤七：完成后记得保存为PNG格式输出。

具体操作步骤与视频操作：
http://www.tudou.com/v/NuiCHbRU2 ... 3529_04_05_99/v.swf

作者: 美丽晨露 时间: 2014-2-15 00:18
多素材合并
本次通过素材的合并来复习一下置入的功能哟。

步骤一：打开PS，新建一个透明图层，大小为素材的宽度，素材合拼后的高度；

步骤二：置入相关的素材，一张张置入比较好。置入一张之后，用Ctrl+T观察一下素材占用的位置正确与否；

步骤三：置入完成后，反复使用Ctrl+T在几个素材之间调节位置；

步骤四：置入完毕后，保存为PNG格式输出。

具体操作步骤与视频操作：
http://www.tudou.com/v/6iQz_X3Kf ... 3529_04_05_99/v.swf

作者: 美丽晨露 时间: 2014-2-15 00:25
更改游戏程序图标
这次我们来修改一次游戏程序的图标吧，默认的图标一定令你不愉快吧。

步骤一：百度搜索一下“ICO图标制作”，使用某一个应用制作ICO图标；

步骤二：使用自己喜欢的图片素材，分别制作48*48、32*32、16*16三个样式的图标ICO；

步骤三：下载eXeScope软件

步骤四：打开eXeScope，再菜单栏中选择文件——打开——要修改的游戏程序；

步骤五：打开之后，发现左边有项目，现在点击资源——图标——1，之后会发现之前提及的格式大小；

步骤六：选中其中一个格式大小后——文件——导入——选择指定的格式大小的ICO导入，如果发生错误，则跳过该项修改；

步骤七：逐个将ICO图标导入完毕之后，保存，关闭eXeScope，返回到游戏目录中查看效果。

PS：WIN7系统之下，一段时间之后才会显示，所以不必要重复修改。

具体操作步骤与视频操作：
http://www.tudou.com/v/lK8kzsy3c ... 3529_04_05_99/v.swf

作者: 美丽晨露 时间: 2014-2-15 00:30
RMXP行走图转RMVX/RMVA行走图
本次教大家如何快速转换行走图之前的格式

步骤一：打开PS，再打开修改XP行走图；

步骤二：菜单栏中选择图像——模式——RGB颜色，修改图层的样式；

步骤三：使用切片工具；

步骤四：回到版面，右击选择划分切片；垂直划分为4列；

步骤五：使用裁剪工具；

步骤六：裁剪右三列的行走图样式，确定裁剪；（PS：至于为什么怎么做，请观察XP与VX/VA行走图之间的差别）

步骤七：保存为PNG格式，并且命名为$+文件名输出。

具体操作步骤与视频操作：
http://www.tudou.com/v/jcQ9bEp2F ... 3529_04_05_99/v.swf

作者: 美丽晨露 时间: 2014-2-15 00:36
RMXP地图自动元件转化为RMVX
这次教大家怎么样简单的将RMXP地图自动元件素材转化为RMVX。
PS：首先要明白之间的格式，RMXP地图自动元为96*128，RMVX地图自动元为64*96，明白这点后在看看下面的操作就知道了。

步骤一：打开PS。再打开需要转换的地图素材；

步骤二：使用切片工具，将素材划分为32*32像素；

步骤三：划分完毕之后，选择菜单栏中文件——存储为WEB和设备所有的格式；

步骤四：进入界面，将预设改为PNG-24, 存储到指定位置后，会生成一个images的文件夹，将分割素材先放入那里；

步骤五：新建一个文件，大小为64*96，透明背景；

步骤六：使用切片工具，将图层划分为32*32像素；

步骤七：文件——置入——将刚刚划分好的素材碎片导入到现在的图层中；

步骤八：将碎片1、3拼接到第一行，将碎片4、6、10、12分别在下两行中拼合成一个成型的素材；

步骤九：保存为PNG格式输出即可。

具体操作步骤与视频操作：
http://www.tudou.com/v/g4tf4EUr6 ... 3529_04_05_99/v.swf

作者: 美丽晨露 时间: 2014-2-15 00:42
窗口素材RMXP转化为RMVX/RMVA
这次我们将RMXP的窗口素材变成RMVX/RMVA。
PS：首先要明白之间的格式，RMXP窗口素材大小为192*128，RMVX/RMVA窗口素材大小为128*128，
明白这点后在看看下面的操作就知道了。

步骤一：打开PS，再打开一张RMXP格式的窗口素材；

步骤二：使用切片工具，将素材分为水平为4，垂直为3的分割效果；

步骤三：使用裁剪工具，将左边的8格切换裁剪出来，保存为PNG格式；

步骤四：Ctrl+z返回刚刚的操作，使用裁剪工具，将3、6、9格的分割切片裁剪出来，保存为PNG格式；

步骤五：打开一张RMVX格式的窗口素材；

步骤六：使用切片工具，将素材分为水平为4，垂直为2的分割效果；

步骤七：使用裁剪工具，将切片8裁剪出来，保存为PNG格式；

步骤八：新建一个128*128的透明图层；

步骤九：使用切片工具，将图层分为水平为4，垂直为2的分割效果；

步骤十：在1、3、5、7分割切片中，置入第一次裁剪的素材，将素材缩放置入进去；

步骤十一：在2、4、6分割切片中，置入第二次裁剪的素材；

步骤十二：在8分割切片中，置入第三次裁剪的素材，完成；

步骤十三：最后保存为PNG格式，输出即可。

具体操作步骤与视频操作：
http://www.tudou.com/v/Bbj1CRXZC ... 3529_04_05_99/v.swf

作者: 美丽晨露 时间: 2014-2-15 00:47
斜面相框素材制作
这次让我们制作一个斜面的相框素材吧，游戏中相片的功能比较常用的。

步骤一：首先打开卡片相框素材；

步骤二：复制一个图层，命名为“覆盖”，将原图层的图层设为不可见；

步骤三：使用“快速选择工具”；

步骤四：将素材内部的图案选择好，然后DEL删除；

步骤五：置入人物或者场景素材，并且选择旋转缩小等等，将人物或者场景素材的置入到卡片相框中；

步骤六：置入完成后，打开之后的隐藏图层；

步骤七：人物图层右击，选择菜单中的删格化图层，使用“选框工具”，在人物图层上，将人物多余的地方删除；

步骤八：完成效果，保存为PNG格式输出。

具体操作步骤与视频操作：
http://www.tudou.com/v/njvZ6hx4n ... 3529_04_05_99/v.swf

作者: 美丽晨露 时间: 2014-2-15 01:27
制作圆形多边形头像图片素材
这次教大家怎么样做形状各异的图片素材。

圆形素材制作：
步骤一：打开PS，打开一张图片素材；

步骤二：使用“选框”工具中的“椭圆选框工具”；

步骤三：使用“椭圆选框工具”，在素材中画出一个圆，按住Shift键可以画出方正的图形；

步骤四：点击右键，弹出菜单选择“反向”；

步骤五：按DEL删除；

步骤六：保存为PNG格式；

多边形素材制作：
步骤一：打开PS，打开一张图片素材；

步骤二：使用图形工具中的多边形工具，边数自行设定；

步骤三：使用多边形工具绘制出一个图形；

步骤四：右边操作栏内选中，路径，点击出现的一个路径蒙版，然后存储为一个新的路径，把蒙版删除；

步骤五：右下方选中第三个图标，将图形途径变成选框的效果；

步骤六：选择选框工具，回到素材中右键，弹出菜单选择“反向”；

步骤七：按DEL删除；

步骤八：保存为PNG格式；

具体操作步骤与视频操作：
http://www.tudou.com/v/wdWIvYCO4 ... 3529_04_05_99/v.swf

作者: 美丽晨露 时间: 2014-2-15 01:32
将普通的动画素材变成彩色动画素材
这次是一个更换多种颜色的小教程。

步骤一：打开PS，再打开一张动画素材；

步骤二：使用切片工具，将素材水平分割为192像素每行；

步骤三：右击图层，选择“混合选项”；

步骤四：勾选菜单项的渐变叠加效果，将渐变效果改为色谱；

步骤五：根据行数的多少，复制图层，三行就复制2次，总之跟行数跟图层是相同的；

步骤六：使用“选框”工具中的“矩形选框”工具；

步骤七：在图层1，保留第一行的图形，其余的用选框工具删除，
在图层2，保留第二行的图形，其余的用选框工具删除，以此类推；

步骤八：完成后，查看效果，保存为PNG格式。

具体操作步骤与视频操作：
http://www.tudou.com/v/q6cr9xDKi ... 3529_04_05_99/v.swf

作者: 美丽晨露 时间: 2014-2-15 01:35
本帖最后由美丽晨露于 2014-10-30 20:59 编辑

高级篇：论坛素材处理资源帖

这里高级篇就不在这里演示了。
毕竟本人的实力很有限。
以下附上教程的具体地址：

1.将图片切开转为RM适用的魔法特效
http://6rweb.sinaapp.com/articles/5192

2.“真•彩稿”变成“伪•线稿”
http://6rweb.sinaapp.com/articles/5138

3.窗口皮肤详解
http://6rweb.sinaapp.com/articles/3068

4.RMXP图片素材规格
http://6rweb.sinaapp.com/articles/2822

5.关于MP3的使用
http://6rweb.sinaapp.com/articles/3011

6.制作人物的小动作
http://6rweb.sinaapp.com/articles/3361

7.通道去底教学
http://6rweb.sinaapp.com/articles/4466

8.急速跑/轻功的制作
http://6rweb.sinaapp.com/articles/3558

9.PS打格子
http://6rweb.sinaapp.com/articles/4602

10.制作尸体
http://6rweb.sinaapp.com/articles/4556

11.打造火焰字效果
http://6rweb.sinaapp.com/articles/4611

12.PS制作手绘字
http://6rweb.sinaapp.com/articles/4608

13.《雨血》图像素材教程
http://6rweb.sinaapp.comm/articles/4599

14.横版战斗图绘制教程
http://6rweb.sinaapp.com/articles/4613

15.简单艺术图案+文字游戏开头图标制作
http://6rweb.sinaapp.com/articles/4604

16.PS做半透明的水晶球
http:/6rweb.sinaapp.com/articles/4634

17.行走图改造
http://6rweb.sinaapp.com/articles/4623

18.自己做地图图块
http://6rweb.sinaapp.com/articles/4636

19.商业素材地图运用到RM
http://6rweb.sinaapp.com/articles/4684

20.战斗动画制作之庖丁解牛式
http://6rweb.sinaapp.com/articles/4764

21.绘制青龙
http://6rweb.sinaapp.com/articles/4813

22.十步让您的GIF变为RM动画
http://6rweb.sinaapp.com/articles/5173

23.《梦大陆物语～密斯利尔》战斗背景制作教程
http://6rweb.sinaapp.com/articles/3559

24.制作尸体血液
http://6rweb.sinaapp.com/articles/3524

25.将彩稿还原成线稿
http://6rweb.sinaapp.com/articles/4467

26.洋娃娃的快速退底法
http://6rweb.sinaapp.com/articles/4547

27.制作模拟游戏动画素材
http://6rweb.sinaapp.com/articles/4569

28.窗口皮肤教程
http://6rweb.sinaapp.com/articles/4586

29.地图元件改造教程
http://6rweb.sinaapp.com/articles/4594

30.艺术字制作教程
http://6rweb.sinaapp.com/articles/4601

31.打造自己的魔法SE
http://6rweb.sinaapp.com/articles/4610

32.默认物品图标制作教程
http://6rweb.sinaapp.com/articles/4605

33.图像立体艺术化
http://6rweb.sinaapp.com/articles/4612

34.雪天素材的简单制作方法
http://6rweb.sinaapp.com/articles/4621

35.利用PS笔刷简简单单制作特技动画
http://6rweb.sinaapp.com/articles/4812

36. RTP家具图块的无责任教程
http://6rweb.sinaapp.com/articles/4798

37.【行走图教程】摇摆的树
http://6rweb.sinaapp.com/articles/4685

38.动画图快速拼合-从GIF到FLASH
http://6rweb.sinaapp.com/articles/4765

39.力更生行走图-鱼跃(用于钓鱼，表现鱼上钩)
http://6rweb.sinaapp.comarticles/4683

40. RM美工之道I-行走图修改教程
http://6rweb.sinaapp.com/articles/5131

41. RM美工之道II-图标修改和制作教程-药水篇
http://6rweb.sinaapp.comarticles/5136

42. RM美工之道III-图块修改教程-植物篇
http://6rweb.sinaapp.com/articles/5137

43.如何巧用PS的路径工具
http://6rweb.sinaapp.com/articles/4568

44.Mohan行走图教程第一章
http://6rweb.sinaapp.com/articles/4561

45.Mohan 雕像制作教程
http://6rweb.sinaapp.com/articles/4591

46.Mohan行走图教程第二章
http://6rweb.sinaapp.com/articles/4562

47.Mohan 行走图教程第四章小动作
http://6rweb.sinaapp.com/articles/4574

48. RTP图块无责任教程•第二弹
http://6rweb.sinaapp.com/articles/4799

49.PS制作彩虹
https://rpg.blue/thread-328363-1-1.html
https://rpg.blue/thread-325984-1-1.html

50.简易背景图像制作
https://rpg.blue/thread-338274-1-1.html

51. Banner制作技巧
https://rpg.blue/thread-340395-1-1.html

52.如何制作一张花里胡哨的title
https://rpg.blue/thread-317424-1-1.html

53. 自己制作一个LOGO
https://rpg.blue/thread-348613-1-1.html

54.教大家拼动画
https://rpg.blue/thread-231311-1-1.html

55.PS多时段图调色
https://rpg.blue/thread-332312-1-1.html

欢迎光临 Project1 (https://rpg.blue/)