教程 发表于 2020-2-16 11:22:24

制作草地立体

教程作者:P大点S
制作立体字的方法有很多,但不一定每篇都适合你,本篇教程用超详细的步骤帮你学会制作立体字,创作一种在草地中的立体字,一起来学习制作一下吧。

下面,进入正题。

效果图:

http://pic1.16xx8.com/allimg/171015/2304314315-0.thumb.jpg

新建文档,1920X1080像素,放入我们的背景图片,打上文字(这里用的是思源黑体),颜色#98ff55。

http://pic1.16xx8.com/allimg/171015/230431AY-1.thumb.jpg

按照以往的经验和网上的一些类似的教程,可能大家第一选择是从背景图层复制一些叶子,建立图层,然后放在文字的上面,

今天我们所要进行的操作,不是基于这个思路,我们的选择是蒙版。

OK,我们把文字图层的透明度降低,让我们可以看到背景的叶子,从而进行选择,用钢笔工具做出我们需要浮现在文字上的叶子的选区。


http://pic1.16xx8.com/allimg/171015/2304316109-2.thumb.jpg

把文字的透明度调整回100%,建立图层蒙版,我们现在得到这样的效果,叶子已经浮现在文字上方了。


http://pic1.16xx8.com/allimg/171015/2304315E7-3.thumb.jpg

鲁迅说,叶子浮现在文字上面,接触面,它应该有阴影。嗯,鲁迅说的是对的,因为叶子与文字是遮挡的关系,阴影免不了,现在我们要做的就是添加阴影。

首先,我们添加文字的投影,复制一层文字图层,将它的颜色改为黑色,删除掉图层蒙版,并置于文字图层的下层,向下向左移动一定像素。


http://pic1.16xx8.com/allimg/171015/23043163S-4.thumb.jpg

载入文字图层的选区,给投影图层添加图层蒙版。


http://pic1.16xx8.com/allimg/171015/2304315U0-5.thumb.jpg

添加完蒙版后,我们观察一下,可以发现,在一些边缘是不够完美的(如下图红圈所示),

那么,我们现在需要做的就是用画笔在蒙版上继续擦擦擦,让这个阴影符合我们的要求。


http://pic1.16xx8.com/allimg/171015/2304315J3-6.thumb.jpg

OK,用画笔涂抹好了以后,为这个投影图层添加一个高斯模糊。


http://pic1.16xx8.com/allimg/171015/2304313S8-7.thumb.jpg


将投影图层的图层混合模式设置为正片叠底,不透明度调整为55%,同时勾选图层蒙版隐藏效果。


http://pic1.16xx8.com/allimg/171015/2304313221-8.thumb.jpg

现在,我们搞定了文字的投影,接下来,我们做叶子的投影。首先,我们载入文字图层的蒙版的选区,不要取消选区,选择背景图层,CTRL+J,复制一层,

现在我们就得到了这些叶子。因为我们要给这个图层添加投影,添加投影后,在文字范围外的投影会跟文字上浮现的叶子相互影响,

所以,我载入文字选区,给这个叶子图层添加了一个蒙版,并将填充修改为0。


http://pic1.16xx8.com/allimg/171015/230431H34-9.thumb.jpg

OK,为这个叶子投影添加一个图层样式,这里我是添加了投影样式,同时,在混合选项-自定中勾选图层蒙版隐藏效果。


http://pic1.16xx8.com/allimg/171015/23043152N-10.thumb.jpg



http://pic1.16xx8.com/allimg/171015/2304311913-11.thumb.jpg

下面复制一层这个叶子的图层,并置于下层,修改一下投影的参数,营造一个有层次的投影。


http://pic1.16xx8.com/allimg/171015/230431K11-12.thumb.jpg

CTRL+ALT+SHIFT+E盖印图层,执行一个移轴模糊。


http://pic1.16xx8.com/allimg/171015/2304312226-13.thumb.jpg

最后我添加了一个曲线调整层,微调了一下。


http://pic1.16xx8.com/allimg/171015/2304314451-14.thumb.jpg

大功告成,我们最终得到这样的效果。


http://pic1.16xx8.com/allimg/171015/2304314315-0.thumb.jpghttp://www.16xx8.com/1diy/imges/wxapp_2wm.jpg
页: [1]
查看完整版本: 制作草地立体