搁得住 发表于 2015-6-19 19:50:26

Photoshop制作竹节字教程

该效果主要先设计好字体外形,然后利用竹子素材通过变形整合成文字效果,十分简单粗暴,有兴趣的一起练习一下,做完记得交作业。
最终效果
http://pic.16xx8.com/allimg/150617/1UIC123-0.jpg
提示:教程详细步骤在二楼!想下载该教程的可以到这里下载:点击进入下载页教程编号:138267 作者:Sener 出处:PS联盟

搁得住 发表于 2015-6-19 19:50:26

1、首先打开下图所示的素材,保存后用PS打开。
http://pic.16xx8.com/allimg/150617/1UIC145-1.jpg

搁得住 发表于 2015-6-19 19:50:26

2、新建一个组,命名为“参照”,不透明度改为:30%,如下图。
http://pic.16xx8.com/allimg/150617/1UIA5G-2.jpg

搁得住 发表于 2015-6-19 19:50:26


3、保存图2所示的文字素材,用PS打开,拖到新建的组里面,调整好位置,如图3。
http://pic.16xx8.com/allimg/150617/1UI625E-3.png

http://pic.16xx8.com/allimg/150617/1UI622Q-4.jpg

搁得住 发表于 2015-6-19 19:50:26

4、按住Ctrl 键鼠标左键点击文字缩略图载入文字选区。新建一个图层,选择菜单:编辑 > 描边,参数设置如图4,取消选区后把原文字图层隐藏,效果如图5。
http://pic.16xx8.com/allimg/150617/1UIA609-5.jpg

http://pic.16xx8.com/allimg/150617/1UI61A8-6.jpg

搁得住 发表于 2015-6-19 19:50:26

5、在背景图层上面新建一个组,命名为“文字-初步”。
http://pic.16xx8.com/allimg/150617/1UI64329-7.jpg

搁得住 发表于 2015-6-19 19:50:26


6、我们在这个组里面只需要完成文字的初步变形处理,需要完成的效果如下图。
http://pic.16xx8.com/allimg/150617/1UI610G-8.jpg
7、保存下图所示的竹竿素材,图片为PNG格式,用PS打开拖到刚才新建的组里面。
http://pic.16xx8.com/allimg/150617/1UI63932-9.png

搁得住 发表于 2015-6-19 19:50:26

8、先把竹竿放到文字的顶部,如下图。
http://pic.16xx8.com/allimg/150617/1UI61a8-10.jpg

搁得住 发表于 2015-6-19 19:50:26

9、选择矩形选框工具,拉出下图所示的选区,按Ctrl + J 把选区部分的竹节复制到新的图层。
http://pic.16xx8.com/allimg/150617/1UI64I7-11.jpg

搁得住 发表于 2015-6-19 19:50:26

10、按Ctrl + T 旋转一下角度,变成竖直的,然后回车确定。
http://pic.16xx8.com/allimg/150617/1UI64O5-12.jpg

搁得住 发表于 2015-6-19 19:50:26


11、按Ctrl + J 把当前图层复制一层,原图层隐藏,如下图。
http://pic.16xx8.com/allimg/150617/1UIA445-13.jpg

搁得住 发表于 2015-6-19 19:50:26

12、这一步非常关键,用变形工具来变形竹节,达到我们想要的效果。按Ctrl + T对复制的竹节进行变形处理,先旋转一点角度,跟文字笔画方向一致。
http://pic.16xx8.com/allimg/150617/1UI61R7-14.jpg

搁得住 发表于 2015-6-19 19:50:26

13、在变形区域右键选择“变形”,如下图。
http://pic.16xx8.com/allimg/150617/1UIB120-15.jpg

搁得住 发表于 2015-6-19 19:50:26

14、调整各节点,按照笔画走势变形处理,这跟钢笔工具有点类似,调整的时候有点难度,需要保持耐心,过程如图15 - 18。
http://pic.16xx8.com/allimg/150617/1UI61393-16.jpg

http://pic.16xx8.com/allimg/150617/1UIC609-17.jpg

http://pic.16xx8.com/allimg/150617/1UI62936-18.jpg

http://pic.16xx8.com/allimg/150617/1UI632V-19.jpg

搁得住 发表于 2015-6-19 19:50:26


15、回车确定后得到下图所示的效果,现在不用处理接口处,后面会慢慢细化。
http://pic.16xx8.com/allimg/150617/1UIA628-20.jpg
页: [1] 2
查看完整版本: Photoshop制作竹节字教程