PS新手教程!用蒙板绘制优雅趣味的花艺字体效果 - 优设网 - UISDC

PS新手教程!用蒙板绘制优雅趣味的花艺字体效果

2016/05/29 25589评论区

photoshop-mask-elegant-flourish-1

@飞屋睿UIdesign :最近有很多把文字与人物相融合的画面,通过彼此层叠遮挡,让文字更具立体感,画面也获得了更多的空间感。所以我想也许花朵也能和文字相结合,形成有趣的画面。这篇教程教你利用蒙板,将文字部分“嵌入”繁花中,制作出彩的融合效果。

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

一、找一丛你喜欢的花

STEP 01

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

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

STEP 02

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

二、文字编排

STEP 03

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

STEP 04

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

STEP 05

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

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

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

STEP 06

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

三、产生遮挡关系

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

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

STEP 07

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

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

四、制造阴影

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

STEP 08

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

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

STEP 09

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

STEP 10

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

STEP 11

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

五、细节的升华

STEP 12

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

STEP 13

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

STEP 14

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

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

最终效果:

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

【飞屋同学最受欢迎的教程人气榜!】

第三名!一枚有味道的旧旧图章绘制教程
《PS新手教程!教你创建一枚复古风格的怀旧图章》

第二名!毛玻璃炫彩背景的绘制过程
《PS新手教程!教你创建超简单的炫彩背景》

第一名!粗暴有效的多边形背景创造教程
《AI新手教程!教你简单快速地将图片变成多边形背景》

原文地址:ifeiwu

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量130万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-mask-elegant-flourish

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计圈干货 界面设计 排版布局 版式设计 职场 优设专访 优设大课堂 设计达人 设计师干货 web前端开发 配色 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 海报设计 设计规范 设计趋势 用户体验设计 动效设计 logo设计 平面设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里