记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

快捷导航
查看: 21238|回复: 0
收起左侧

[UI教程] 用Photoshop制作三维字体效果

[复制链接]
发表于 2018-7-12 14:41:35 | 显示全部楼层 |阅读模式
[table=98%]      [tr]        [td]        <p> <span class="Apple-style-span"style="font-family: Helvetica, Arial, sans-serif; line-height: 19px; font-size: 12px; border-collapse: collapse; "><div id="postmessage_7897" class="t_msgfont"style="word-wrap: break-word; line-height: 1.6em; font-size: 14px; "><div id="firstpost"style="word-wrap: break-word; line-height: normal; ">(转载请说明作者,译者Torry)

先拜一下牛人作者:



得益于Photoshop Extended,用Photoshop处理3D对象是越来越流行了。但你想创作类似以下这个大师级作品中一些独特的3D效果的话,并不非得需要最新版本:用Photoshop CS及以上版本就足够了。











本文中,做样式效果的骨灰级人物Nik Ainley将要展示如何创作出上图。关键的一点是:先建立这些字母的独立字符3D包,再把它们导进Photoshop做后期处理。



Nik通过灵活使用Photoshop的遮罩工具和图层,创作出一种字符之间彼此波动出入的样式。字符的表面同样还有一些手工曲线等诸多高级效果,例如样式,渐变还有线条。











01 从使用3D软件逐一制作单独的字母开始(Nik这里用的是Xara 3D),然后把它们导入一个Photoshop文件里。保持每一个字母单独占一层,把它们按你喜欢的样子挨个层叠摆放。



可能用这种方法做3D材质有点笨拙,但是Photoshop相对于3D软件能有更好的控制,你将能做出来更加丰富的效果。为了节省时间,本文附带了含3D文字的PSD源文件。











02 Photoshop的一个优势是,字母之间可以同时遮挡和被遮挡。你需要使用遮盖部分其他独立的字母让它看起来在其他字母的后面来完成这个效果。



让我们从给适当的字母添加一个遮盖图层开始,来遮挡一个字母的某一部分。下一步是要选择一个你希望它在最前面的字母——如上图所示,我们选择了字母E让它看起来有一部分在H的前面。



ctrl的同时点中它所在图层的缩略图来选择它的轮廓。使用笔刷工具把H的遮罩层涂黑。现在应该看起来是E的底部在H的前面。在你喜欢的字母上重复以上动作。











03 下一步,你要从给F添加阴影开始来使用照明和阴影了。在字母F层上新建一个层。添加一个遮罩,确保阴影只是投向了这个字母。



遮罩的形状必须等于F的形状减去上一步遮掉的部分。实现这一步的时候,按Ctrl的同时点中F 所在图层的缩略图, 然后按下Ctrl+Alt+Shift,同时点中该图层遮罩层的缩略图来取得两者的交集。这应该和你选择的形状是一样的。











04.使用一个大而软的笔刷—70像素左右把该层字母边缘应该是阴影的部分刷黑。
在这里,顶部是R所投影的而底部是S投下的。对每一个图层重复这个过程,你应该制造出更多的层次后再结束。








05.字母的阴影处理完后,我们还需要处理背景的阴影。在所有字母层之下新建一个层。选择所有字母的轮廓,并把它填充成黑色。在这一层商使用高斯模糊,现在,使用一个扭曲变换把它像下拉一点点,这样看起来像是所有的字母都浮在背景之上了。再模糊一次,如果阴影看起来很生硬就把图层的可见度降低。











06.下一步,在图层之间添加一些更受限的阴影来拉深层次感。在你的第一层阴影之上创建一个新图层,使用50像素的软笔刷给这个层增加点黑色。就这样添加直到你自己满意为止。在字母的底部增加更多(黑色)可以制造一个它们是垂直方向突起的印象。











07.现在开始在字母上操作了。第一步是通过使用魔棒或者铅笔工具把最前的一个面从其它字母里独立出来。当你选择好这样一个面后,在该字母层之上,阴影层之下创建新的层。



用你希望的颜色填充,但是使它稍许暗沉一些。如果你在第二步的时候把一部分遮掉了,你需要把那个字母的遮罩层也复制到你的这一层来。







08.我们将使用图层样式来风格化每一个字母的正面。具体的设置取决于个人口味,但基本的设置应该是这样的:



内阴影:色彩减淡模式,白色,15%不透明,距离0px,大小45px



内发光:滤色模式,白色,75%不透明,大小2px



渐变叠加:柔光模式,黑到白,100%不透明,角度调成上白下黑(针对字母)



光泽:色彩减淡模式,深灰色,50%不透明,距离20px,大小40px










09
当你达到了想要的效果以后,我们将要开始修饰每个字母的边缘了。











10.接下来,你需要更改边缘的颜色和照明,同时也需要让它们看起来和彼此保持一致。



要实现这一步,你需要使用Photoshop的调节层。首先选择F阴影层的遮罩层,然后就在正面层之下创建一个新的渐变映射调节层。











11.现在已经堆栈实现了在第10步创建的层之上或之下添加附加的调节层,所以可以随心调节亮度,对比和颜色。下一步,拷贝这些调节层到其它的字母,然后再逐一对其做细微的调节来得到一个更加和谐的配色方案。








12.再来点儿多余的注解,对每个字母的厚度部分使用滤镜〉艺术效果〉塑料包装(参考设置:高光强度14,细节1,平滑度14)。应用每一个滤镜以后,再把它淡化到一种柔光混合模式。(编辑〉淡化)











13 现在整体考虑一下颜色让画面感觉更和谐,在图像的最上层增加一些调节层。从增加一些以前那样的渐变映射开始,图层使用柔光的混合模式,50%不透明。










14尝试不同的调节层得到合适的色彩和平衡。增加一些曲线层来增亮,一个照片滤镜层来增添更多的红色,还有一个色彩平衡层来增添更多的橙色。



尽你所好的添加你所需要各种效果。最后一招:遮罩所有的调节层,使得背景不受太多效果的影响。








15<font face="宋体 "style="word-wrap: break-word; line-height: normal; ">.此后你可以爱做多少做多少。给每个字母增加一些细节,增加一些高光和阴影,改变颜色……所有你可以想到的。这个例子交待了一些细节,但你还可以继续深入下去。

本帖子中包含更多资源

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

x
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】

QQ|QQ群:133515734|站长博客|百度网盘|许进龙|手机触屏版|国际动画教程网 ( ICP13037175 )