Nittbone 发表于 昨天 18:18

【冬宫学府】PS平面纹理简易教学



===应该是属于CG相关,所以放到CGAI===
因为本人不是专业设计,仅为兴趣爱好所以有错误之处还请不吝指教;
有小伙伴对我上个帖子的头图感兴趣所以现在来分享一下我的制作过程,没错,是今天这个活动刚出之后我想发一个游戏帖临时做的,所以细心的小伙伴会发现两个帖子的图有不同之处,我为了做这个教学又重新做了一张。

00首先先准备一张原图
https://pic.imgdb.cn/item/676a83b6d0e0a243d4e94566.png
这张图是我从游戏启动界面自己截取的,画质比较高//我文末提供的素材包里有
01建立参考线
https://pic.imgdb.cn/item/676a83b5d0e0a243d4e94565.png
这一步其实非常有用,可以帮你掌握原图的比例构成,我以前也不习惯使用参考线,后来使用了@Boow5945 的一些素材后习惯了这个用法。建立完参考线后还可以锁定这样就不会干扰到你的操作。
02使用“污点修复工具”
https://pic.imgdb.cn/item/676a8481d0e0a243d4e945aa.png
教新版本的PhotoShop都有这个工具,可以使用本地AI帮你清除并补充画面元素,我们在这里讲Logo右上角的TM商标去除,因为我们的GM并没有注册商标!
03提取原logo材质
https://pic.imgdb.cn/item/676a84f2d0e0a243d4e945ce.png
我们新建一个1000*1000的画布用于材质提取,只要截取原logo中比较具有代表性的部分即可,可以看到这几个英文字母上纹理比较突出。
04合并图层并多复制一些
https://pic.imgdb.cn/item/676a8552d0e0a243d4e945fe.png
我们使用套索/魔棒等工具去除背景颜色,并多复制几个,这能让我们的材质更大范围接近原图案。
05使用填充工具
https://pic.imgdb.cn/item/676a85d3d0e0a243d4e9467f.png
https://pic.imgdb.cn/item/676a85d3d0e0a243d4e9467e.png
内容识别填充也是基于本地的AI帮你自动填充空白部分,你需要先按住ctrl之后鼠标单击原图层,就会自动选择图层的元素,然后反选就选中了所有空白部分,空白部分就是我们要填充的内容。
06修复材质图案细节
在05中我们可以看到材质图案中能看到很多字母的痕迹,我们使用02提到的污点修复工具慢慢抹去字母边缘:
https://pic.imgdb.cn/item/676a8672d0e0a243d4e94781.png

07最终效果如下:
https://pic.imgdb.cn/item/676a86d6d0e0a243d4e9486d.png
我们得到材质后将其定义为图案
08抹除原logo
https://pic.imgdb.cn/item/676a871fd0e0a243d4e94914.png
我们回到原图,这里可以使用蒙版工具去除,也可以使用02提到的污点修复工具,我比较偏向于后者,并且我们已经复制过一个图层不会对原图造成影响。
09仿制图章
https://pic.imgdb.cn/item/676a8770d0e0a243d4e949e3.png
在抹除的过程中我们发现,中间的图案受到了影响,所以我们采用仿制图章工具来修复。
它的作用是按住alt在图层上建立一个参考点,接下来松开alt,你随便点击一个地方就会复制参考点的内容。
10添加自定义文字
https://pic.imgdb.cn/item/676a87d2d0e0a243d4e94ab2.png
现在我们创建一个文字图层,尽量选择和原logo类似的字体,这样画风比较统一,这里我们选择一个叫Mantinia的字体。
如果没有可以网上搜索这个字体,比较容易获取。
11调整大小和位置
https://pic.imgdb.cn/item/676a882cd0e0a243d4e94b93.png
我们此前建立的参考线就有了用处,在调整大小和位置的时候非常方便。
12图案叠加
https://pic.imgdb.cn/item/676a8869d0e0a243d4e94c4b.png
我们选中一个图层,点击下面的“fx”效果按钮,选中图案叠加
13具体效果
https://pic.imgdb.cn/item/676a88a8d0e0a243d4e94ce7.png
我们在红色箭头指示的地方选择一个图案,我们之间自定义的材质图案就在里面,按照我都设定可以自定义图案叠加的大小、角度,并实时看到效果。

14实施所有文字效果
https://pic.imgdb.cn/item/676a8945d0e0a243d4e94e88.png
我们给所有文字图层实施效果,每一个图层都可以调整不同的细节,也可以对颜色、对比度做更细致调整。
但因为我们的材质本就做的比较好,所以不需要做其他调整。


以下是材质和psd文件:
psd文件:通过网盘分享的文件:EldenRing纹理教学.psd
链接: https://pan.baidu.com/s/1bxUpGI7TMbz9Aymg68LPng?pwd=3d2q 提取码: 3d2q
--来自百度网盘超级会员v4的分享

https://pic.imgdb.cn/item/676a89ced0e0a243d4e94fbb.png
泥潭療養院

Empurple 发表于 昨天 18:19

这样的教学贴的确是比较难决定放在哪呢, 不过有需要的时候的确是很好了解内容的:loveliness:

AncL 发表于 昨天 18:21

{:5_119:}怎么感觉我的处理方法像个笨蛋 我以为是选择好一块图片作为材质 然后一个透明的字体+蒙版覆盖掉

娱乐法师火布偶 发表于 昨天 18:25

PS的功能确实是很多,但是本人还是不太会用其中的高级功能

饥渴难耐的G 发表于 昨天 18:26

细节gamemale,但我不知道这个我可以用在哪啊,平时都没什么要用的

212869481 发表于 昨天 18:27

大佬好厉害,感谢教学

☆Yuki☆ 发表于 昨天 18:27

感觉PS处理图片真的很强惹,就是我有点笨笨的..学习了(ˉ﹃ˉ)

一只随行 发表于 昨天 18:27

Nit老师这个做的高级感十足诶,不过Gamemale字样没有那种N和光柱贴合的微妙和谐感,稍稍有点可惜{:6_197:}

万俟 发表于 昨天 18:27

谢谢大佬分享!学到了,有空玩玩ps试试

折木 发表于 昨天 18:28

最近刚好在学PS呢 先收藏等做徽章的时候应该用得到

黑达克 发表于 昨天 18:28

←甚至现在才发现上一篇图片的字是Gamemale{:6_169:}

Tzx_tuzi 发表于 昨天 18:30

哇哦,效果真的不错,完全看不出之前有字,单拎出来看法环的标题和联盟的标题字体好像hhh

mozhu 发表于 昨天 18:31

感觉可能不需要这么复杂?不使用ai的话,先ctrl j 复制,crtl shfit i 去色,ctrl l 打开色阶,吧中间灰度给往黑色拉,然后色彩范围选取文字,扩大一点像素,修补工具往下拉(建议使用内容识别)获得背景(前面要是不想,也可以直接找到对应文字字体,完全打上去一遍,ctrl点击图层完成选取,前提你知道文字类型),然后使用后面说的方法,将原文文字打上去一遍,不要求类型一致,然后选择文字修改成自己想要的内容,,最后蒙版把图层盖上去(适用于老版本,没有新版本的人(乐))

蓝灯 发表于 昨天 18:31

:$谢谢   ps处理图片的确功能强大但是学习成本也大

圣卫幻梦 发表于 昨天 18:31

感觉可以把这个方法用到某些log上面

凯诺斯 发表于 昨天 18:32

好实用的教程,Gamemale这几个字母和原本的风格一模一样:loveliness:

SweetUncle 发表于 昨天 18:35

感谢大佬的PS教学呢{:5_118:}要空要更深入学习其他功能{:5_120:}

本地人 发表于 昨天 18:37

蛮实用的小教程或许用得到 使我的PS旋转

意大利老鼠人 发表于 昨天 18:37

太难学了,尼应该直接一键批量出现勋章

贰狼Awoo 发表于 昨天 18:38

学到了,好详细。。比我那个p进击巨人汉字的高深太多。。
页: [1] 2 3 4
查看完整版本: 【冬宫学府】PS平面纹理简易教学