恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
PS蒙板制作趣味花艺文字
0.0°
2016-06-01 原创文章 教程 举报 5036 256 295 12

我们分享了一种利用蒙板,将文字部分“嵌入”繁花中,制作出彩的融合效果。

版权申明:本教程为我的原创博文,文章出处请点击此处。如有转载需要请提前与我联系!谢谢!


前言


正值春夏,各种花期如约而至,繁花似锦似乎可以作为近期的大自然系主题。看到最近有很多把文字与人物相融合的画面,通过彼此层叠遮挡,反而让文字更具立体感,画面也获得了更多的空间感。所以我想也许花朵也能和文字相结合,形成有趣的画面。在上一期的教程《水月洞天!PS中的纸艺效果创作》里我们分享了一种用蒙板表达层叠关系的方法,但其实蒙板可以再造出更多令人惊喜的效果。这篇同样利用到了蒙板,将文字部分“嵌入”繁花中,制作出彩的融合效果。


本次教程中比较会用到手绘板,你准备好了吗?


一、找一丛你喜欢的花 


STEP 01


要寻找主角并不那么容易,如果你自己刚好手边有一束花就再好不过了,但如果没有,你需要在万千图库中淘一淘。因为要嵌入文字,因此你最好找那种容易被嵌入的,背景为白色的花束,这样就很容易将花从背景上分离出来。其次,你的花束最好全部入镜,这样可以不用受边缘的干扰。当然,你有特殊的构图创意就更好。但今天我们分享的办法是让花束保持在画面中心的构图。


我在这四张照片中,选择了适合我的花束。虽然其他三张的花的形态都不错,但背景不够理想。

Image title


STEP 02


将花朵从背景中分离出来。经过观察发现这丛花不是普通的选择工具或钢笔工具可以处理的,因此就必然要用到通道。通道抠图在我的教程《制作飞溅的图片效果》里提到,大家可以参考同样的方式来处理。我想我在说到去背景的操作时都尽量节省笔墨,这是很灵活的方式,大家尽管大开脑洞,不用拘束在我提供的方法中。最后的细节背景我是采用手绘板慢慢处理的,这也许相对耗时,但这和我尊重的“慢工细活”的道理类似。我认为,只有细节做到精致,整体效果才会出彩。

Image title


二、文字编排


STEP 03


打开PS,新建一个大小为3000px*3000px的文档。背景填充白色后,将你保存为透明背景的花朵拖入其中,放置于正中。

Image title


STEP 04


花朵在白色背景上显得稍微暗淡,我用曲线提高它的亮度;同时还用了色彩平衡,增加了它的暖色;最后我使用了渐变映射再让它的色彩过渡更自然。

Image title


STEP 05


我在这里用到的字体是Robort Bold,这个字体的线条很流畅,比较适合这里的造型要求。字体的字号是450px,这里的每个字母都独立成为一个图层,你在编排它们的位置时就相对自由。


字体的颜色我选用的是一种略带黄色的绿色,我的建议就是字体一定要和花朵区别开来,因此大胆运用对比色的做法也未尝不可。也刚好契合我写的英文“spring”的主题。


同时,我在文字外围增加了一个矩形边框,增加文字的视觉重量,将焦点集中到文字上。

Image title


STEP 06


文字和边框这几个图层编排为一组,然后复制花朵的图层放置最上方。文字组就夹杂在两个花朵层的中间,就像一块夹心饼干。将最上方的花朵层增加一个蒙板,蒙板全部填充为黑色,这意味着这时的蒙版几乎没有发挥任何遮挡的作用。因此从外观上看,任何变化都没有发生,实际在图层面板中才能看出我们做了大的调整。

Image title


三、产生遮挡关系


由于现实体验的强大作用,使我们的视觉完全相信产生遮挡的两个物体之间有一种深度关系,这会使得平面空间更加立体。利用这个特点,我们通过将文字的部分被花朵所遮挡来表现立体感。这一切都是在平面上发生的,但是我们的视觉会衍生更多的可能性。


在最上一层的花朵层,我们已经增添了黑色蒙板。这意味着这个图层其实并没有展示出来,还完全被黑色蒙板遮挡的状态。如果你用白色画笔涂抹于上,就能画下你想要让它展示出的部分。这个原理相信大家都明白。利用这一关系,我们既然想要文字部分“嵌”于花朵中,就可以“画”出那部分展示在文字前方的花朵。这些枝枝叶叶的小细节无需太多,就能轻松达到让它们产生遮挡关系的效果。


STEP 07


为了看清两个图层之间的遮挡关系,我们稍降低文字的透明度。从“S”这个字母开始,放大细节,我用白色画笔涂抹了三个部分,这三个部分让S上方的花朵显露了出来。记得,白色画笔是画在最上面花朵图层的黑色蒙板上。


Image title


利用同样的办法处理其他字母和边框。你要很有耐心去对待每一个像素,这样做出的效果才不至于凌乱。涂抹的过程中保持字母的可辨认性。做好后,再把文字的透明度调回正常值。

Image title


四、制造阴影


增加空间感的办法就是增加阴影。在这个案例中增加阴影和其他情况略有不同,不能直接用图层投影样式。


STEP 08


我们先在文字组的上方新建一个图层,这个图层用来作为阴影层,当然目前它是一片空白。阴影是相互遮挡后在文字上留下的投影,因此,它必定要保留在文字的上方。


遮挡的部分在顶层花朵层的蒙板中已经被你用白色画笔表现出来了,这时你只需要按住Ctrl键点击选中这些选区,然后回到阴影层,将选区填充为黑色。

Image title


STEP 09


对这个阴影层应用高斯模糊滤镜,进入【滤镜>模糊>高斯模糊】,模糊的半径为8。


Image title


STEP 10


模糊后可以看到,虽然文字有了投影表现,但花朵的部分也出现了黑色模糊的印记,这肯定是需要去掉的。我们采用最简单的办法,给阴影也增加一个蒙板,用黑色的画笔涂抹掉花朵上方的“不正常”的阴影部分。

Image title


STEP 11


所有投影的细节都处理好后,将阴影层的图层模式改为“正片叠底”,透明度降低至40%。

Image title


五、细节的升华


STEP 12


剩下的将是细节的美化。这时我们可以给花朵本身也增加一个投影。选中花朵的图层,按住Ctrl点击图层,这时出现了花朵边缘的选区。和我们在上一步制作阴影的方法相同,也是采用高斯模糊来制作投影效果。高斯模糊的模糊半径为5,然后将阴影的位置稍微往左上角挪动。降低花朵阴影层的透明度至10%。

Image title


STEP 13

为了增加一点质感,给文字和外框的部分可以增加“内阴影”和“图案叠加”的图层样式,其中图案叠加里增加一种非常微妙的叫做“水彩纸”的纹理,若有若无。

Image title

Image title

Image title


STEP 14


将所有的图层合并一个图层并拷贝到最新的图层,快捷方式为“Alt+Ctrl+Shift+E”。将这个图层更名为“滤镜1”,右键将其转为智能对象。

把图层的混合模式调整为“柔光”,透明度设置为20%。完成后,再拷贝这个滤镜1到新图层,新的拷贝后的图层更名为滤镜2,将透明度设置为30%。

Image title

最终效果:


Image title


后记


一直以来,后记看起来都是可有可无的一段废话,其实我是希望留下更多的信息给这篇教程,也算学习后的一点思考。这里的主角可以把花换成树、云朵等自然景观都能制作出同样的效果,如果这些景物用手绘,相信又是另有气象。我们的每个教程都力求以一当十,从一个练习中获得对方法和技巧的整体习得,而不是僵硬的教程本身的印象。但总的来说,有一点是不会错的,练习越多,越有收获。

微信公众号:飞屋设计微杂志

更新:2016-06-01

收藏

256人已收藏

飞屋睿

http://www.ifeiwu.com

  • 149

    作品

  • 1.8w

    粉丝

  • 0

    关注

  • 学插画的高起点是从艺术品借鉴灵感:现代抽象风格插画图形设计
  • 无需手绘的AI矢量扁平几何风基础插画:《鲜果派对》海报
  • 我的商业插画设计书《商业插画设计思维魔方》终于出版啦!
  • 神仙级控线练习,文艺极简水彩线描简笔画植物:草叶集(二)
相关标签

    猜你喜欢

      2016-06-01 原创文章 教程 举报 5036 256 295 12

      PS蒙板制作趣味花艺文字

      0.0°

      你确定要举报PS蒙板制作趣味花艺文字

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年05月29日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      295
      256
      12

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录