您现在的位置: 火星网 > 经验频道 > Photoshop > 文字效果 > 【原创教程】用PS制作动感激爽水花文字
  • 【原创教程】用PS制作动感激爽水花文字
  • 使用软件: Photoshop 点击: 1310
  • 选择: \ \
  • 发布时间:2017-09-27
  • 免责声明:火星网文章来源于作者原创或整理自互联网,仅为提供更多信息,不代表火星时代同意其观点或描述,版权归原作者所有,如需转载,请联系原作者并注明出处,如涉及作品内容、版权或其他问题,请及时与我们联系,我们将在第一时间予以更改或删除,感谢您的理解和包容!

       



导言:有时候,我们需要一些激爽的视觉体验,这时就可以利用水花的造型来制作出这类视觉效果。利用PS中的置换滤镜,其实就可以很轻松做到这点。将文字融入环境细节中,这一点相信是设计师都想要拥有的魔法。


作者简介:飞屋睿,飞屋设计工作室(www.ifeiwu.com )设计师、创始人。自由UI设计师。出版作品《轻设计——网页设计中的轻奢主义与禅意思维》。


最终效果图:



你将要学会的是:


1、如何制作质感较强的文字


2、运用PS中的置换滤镜对特定场景进行处理,表现出水花飞溅的动感效果


灵感来源


YOUTUBE的一个视频,略有改动。


制作文字


文字的造型可以是扁平,也可以通过PS中制造出实体的质感。比如我在此就从制作一个具有质感的文字开始演示。


STEP 01


打开PS,新建一个1088*860的文档,在这个文档中央写上你要表达的文字。文字的字体,我在这里选用的是 NEXA Bold,文字不要太细,否则效果很难表现出来。文字的颜色可以随意,因为接下来我们会继续为图层增加颜色填充。



STEP 02


在这个文字图层上设定不同的图层样式。这一过程中好好体会每种不同的图层样式中参数的特点。尤其是初学者,要注意一些微妙的变化,先在大脑中设定出最终要的效果的大概样式,然后就通过不同的参数进行调整,逐渐往这个方向靠拢。


先让我们为文字增加【图案叠加】,图案叠加中选中的为斜线的图案,将其的透明度降至30%,缩放到50%,这是为了让文字的图案显得若隐若现。



STEP 03


继续添加【斜面与浮雕】的图层样式,这个图层样式是营造立体感的关键。很多人以前问我应该怎样去调整这些参数,有没有规律?我的答案是,规律是有,但是总结起来比较难,如果是初学即使总结了,你看过了也未必能明白,不如长期操练,从实践中自己去获得其中的微妙的体验。


这里我把我的参数公布给大家,斜面与浮雕的参数面板:



注意斜面与浮雕的二级目录中还有等高线和纹理,这两个面板中的参数也可以适当做出调整。



STEP 04


接下来进入到【内阴影】和【内发光】的图层样式,对这两个样式的理解也非常简单,一个负责阴影部分,一个负责高光的部分,这会加深整体造型的立体感。



STEP 05


最后添加的【光泽】和【颜色叠加】则是将对象外观做的又一次升级打造。光泽针对的还是光线中的视觉效果,而颜色叠加则再次选定了文字本身的色彩,这里我将色彩设置为粉色。我们可以看看经过一系列调整后的效果:




水花中的激爽效果


将以上所操作好的文字保存为PNG透明背景的图片后,我们就可以开始往我们的最终效果进一步迈近了。


STEP 06


再利用PS,新建一个1600*1000px的新文档,将激起的水花素材拖入其中,同时也将我们做好的文字也拖入其中,将这两者的位置布局好。


插播:以前看过我的教程的小伙伴,有些会私下找我要素材,但时间久了我也没有保留这些素材。你可以去网上找相似的素材,主要是体验设计的方法,不一定要和我做的保持一致。



STEP 07


关闭文字图层的可见按钮,这时只留下了水花图层,在水花图层之上添加一个【黑白】调整图层,使其变为灰度图像。还可以利用滑块进一步调整它的灰度。然后也关闭背景图层,将这个文档保存为后缀为PSD的文档。这是为进一步施展滤镜的功能使所备用的。



STEP 08


回到原来的文档中,打开背景、文字图层的可见按钮,删掉【黑白】调整图层。将文字图层置于最上方。选中文字图层,进入【滤镜>扭曲>置换】,置换滤镜会弹出一个参数面板,在这个参数面板中可以通过参数调整来变换最终的效果,但这里我们只需要使用默认的参数即可,点击确定后,PS会自动打开电脑中的文件夹,选中我们在上一步中保存的PSD文档,使用置换滤镜,就可以魔法般地让水花“穿透”文字。



STEP 09


如果觉得这个效果还不够冲击力,可以再来一次,采用上一步相同的步骤,只是在弹出的置换滤镜的参数面板中改变一下水平和垂直的比例,比如将其调整到3,再进行一次置换。



STEP 10


这里的水花可以保留原色,也可以增加通过【色相/饱和度】的调整图层对水花的颜色进行调整,记得调整图层要成为水花图层的剪切蒙版,不至于影响到其他的图层色彩。通过这个方法不仅可以调整图层的色调,还可以对饱和度和明度也进行调整。



STEP 11


这里可以再为文字的颜色增加颜色渐变来为整个效果增添光彩。




STEP 12


再为其整体添加背景色,这里依然需要一个渐变背景,纯色背景也未尝不可。这部分完全可以自由发挥。在最下方添加一个纯色背景,为其增加渐变叠加的图层样式。



最终效果:



在你实际操作的过程中,可以把文字换成其他的焦点对象,水花也可以换成是其他能体现动感的物质,例如大海的波涛或者垂直而下的瀑布。


伊顿的神秘经验启示


记得读过一本书,有关包豪斯早期大师的介绍,其中让我印象深刻是色彩大师伊顿。伊顿作为最早邀请到包豪斯的大师之一,开启了他具有实验性的对于设计的理解和教授风格:比如要求上课前学生要进行静坐冥想,让学生们严格遵守一定的食谱,并且在课程中引入了很多类似老庄哲学的理念,目的是为了开发学生们的内心的潜能……


后来,由于他的授课太倾向于神秘主义,与当时所奉行的科学精神越来越远,因此,他辞任了包豪斯。(我想学校课堂中顽强的马列主义唯物论的老师是坚决不想谈他的)


对于这个故事,我的情绪比较复杂,一方面,在我们日常工作时的确是和点线面长期纠缠,但是我仍然认为它们必定有可遵循的逻辑规则,并且假以时日,就能通过练习而掌握到其中的规律并运用自如。另一方面,我又感觉它们的不可捉摸,有时候花几天都未必能做出的效果,别人有可能两分钟就想到了,前提是他的经验也未必比我的丰富。这其中的差别,根本无法用量化的办法来做出说明。


于是看到伊顿大师的这个教授,觉得新鲜有趣的同时感受到设计这个职业里的某种属于“天份”的东西,所谓天份也并不是指的就是一份与生俱来的gift,而是你愿意放弃掉多少对于作品的控制?这是个问题,而且这是长期盘踞在我心里的问号。这个故事不知为何又仿佛给了我一点小小的回答。分享出来给大家,也许是想说,如果你我都能持续保持更开放的心量,我们收获的东西肯定比目前多得多。


联系方式:


新浪微博:飞屋睿UIdesign 

分享是一种态度 一句中肯的评价可能改变一个行业 一次用心的分享可能改变他人的一生
你的态度和观点将让我们的行业更强大

匿名用户

按Ctrl+Enter发送消息