悠悠 发表于 2010-12-9 23:20:33

PS CS4的3d立体块状字

这个教程,是英文版CS4的,教程翻译者本身没有PS CS4,因此看着有些费力,百度到的教程,只有2个,都是半拉子工程。谷歌了下,找到了一个比较全的教程原网址。不少转载的人,都称此为3D立体积木字,这个说法大概是出自天极网的教程,半截子教程,也是由此流传。

尝试了N次,下午终于第一次完工,想继续试的时候,发现这个办法,对于字体的要求比较高,效果最好的是位图字体,方形字,并且比划不能脱节,也不能有转角和弧度,斜线,否则都会影响到最后的成像效果。因为数字字体线条的关系,影响了最后的成像效果,尤其是阴影部分的立体效果。
先上个效果图:




内容比较繁多,有兴趣的可以试试,目的在于熟悉PS CS4的3d功能,2d和3d之间的一个简单衔接。整体做法还是2D平面设计的基本思路,只不过用了些3D工具渲染出不同的效果罢了。


制作过程如下:

3D 块状字体

1、        新建文件夹,填充50%灰。复制背景层。
2、        用像素字体打字,最好是方形字,这里用了数字526。字体颜色黑色。
3、        新建图层1,前景色70灰,背景85%灰,滤镜云彩,滤镜马赛克。按alt键,点击526图层和图层1之间的横线,创建剪贴蒙版。见图1。


4、        选中背景副本、数字图层和图.1,菜单“3D”,“从灰度新建建立网格”,双面平面。见图2。(嘻嘻,做了几次,这张截图是之前的,因为选字的关系,后来放弃了,另换。第二次截图,没有截取这部分的内容,操作方法是一样的。~)


5、        用3D视图工具旋转到最佳角度:3D环绕工具,3D滚动视图,3D缩放工具及3D平移工具。见图3、图4。



6、        进行3D渲染。“窗口”——“3D”——“场景”,“草稿”“漫射”,相关参数详见图5。


7、        设置图层1的3D效果。双击 图层1,把弹出新窗口关闭,设置3d效果,详见图6、7、8。




8、        修改图层颜色。在图层1上,双击纹理,修改3D图层设置参数。3D场景,全局环境色修改为灰色。图层1修改颜色、光泽度,参数详见图9、图10。



9、        设置图层光线。窗口,3D,无限光1,白色,有阴影;无限光2,灰色,无阴影;点光3白色,无阴影,详图见图11-13。




10、        调整3D图层光线效果。新建一个3D预览视图,命名为3D光源。调整3D图层预览视图模式为俯视图,窗口3D,点击无限光1,按下“切换光源”,出现两条光线;点击无限光3,出现点光,把强度调整为4,在视图上方点一下,按照斜线往下方拖动鼠标,知道图层边缘,点击“切换光源”,隐藏光线。点击3D环绕视图,将预览模式切换为3D光源,即可查看光线调整后的效果。




11、        设置3D立体效果。复制一层为图层1副本,魔棒选取所有平面部分,反选;栅格化3D,按下CTRL+J,复制出立体字的部分图层2。

12、        复制图层1,命名为镜像。设置3D效果,窗口3D,参考图18的设置,点击横截面翻转,参照图19,去掉双面效果。分别隐藏图层1。




13、        图层1和镜像分别左视图,使用3D平移工具,调整位置如图21。恢复图层1和镜像为3D光源视图,隐藏图层1,显示图层2。栅格化镜像,建立图层蒙版,前景色为白,背景黑,魔棒选取平面部分,删除,应用图层蒙版。镜像图层透明度调整为51%左右。效果见图22。




14、        隐藏镜像和图层2,复制图层1,命名为阴影,隐藏图层1。设置阴影层3D效果。





15、        3D,场景,预设:光线跟踪。3D材料,图层1,颜色设置参考下图。无限光1强度为4。


16、        栅格化阴影3D层,擦除阴影部分之外的内容。正片叠底,透明度39。


17、        调整图层2,镜像的大小,与阴影图层相吻合。



18、        在图层2添加渐变叠加效果,阴影层添加同样渐变叠加效果,调整透明度,加入你喜欢的背景。最后效果图如下。

http://www.luoan.cn/bbs/attachments/month_1012/20101209_efc3e7d656fabf5e3ddd6P9ZScR7xcTE.jpg

雪中飞 发表于 2010-12-9 23:51:40

PS不太熟悉,但这个教程肯定不错。

悠悠 发表于 2010-12-9 23:53:58

更多效果……

再补一个图。。。额……传图传得快疯了。。

盛世无名 发表于 2010-12-9 23:54:50

这个可以算得上是中型教程了。

yx20 发表于 2010-12-10 09:20:48

这个,太棒了,谢谢分享

hlyld 发表于 2010-12-11 00:40:52

谢谢分享3d立体块状字教程

leibin1982 发表于 2010-12-11 18:10:03

一个字“很美”@,两个字啦
页: [1]
查看完整版本: PS CS4的3d立体块状字