查看原文
其他

Photoshop制作独特的动感液面字

微信530932259 罗锦 2020-01-05


上期回顾:

UI设计VIP课程,限时开放20个试听名额了!

UI设计学习网站+书籍+APP推荐(价值上万的超级干货分享)

混日子是没有未来的 (激励了无数人)

photoshop制作可爱的毛茸条纹文字

Photoshop制作有桃花装饰的春季艺术字教程

Photoshop制作碎裂的岩石字体

photoshop制作逼真的面包字体

效果字制作有点难度,前期需要自己画出文字的线稿图;导入PS后,再把文字的各个部分都分层抠出;最后上色,处理光影即可。

 最终效果


<点小图查看大图>


1、先做出数字本体的形状。这里我是用形状工具和布尔运算,无非就是圆角矩形的相加相减,注意保持好相同宽度即可,嫌麻烦的话也可以直接找个字体输入数字然后转换成形状。



2、勾勒出黏糊糊液体的形状。建议先在纸上画一画构思一下,我是想象液体从左下角向右上喷到数字上,这样比较容易决定各处的粘连以及层次关系。



3、画好之后拍照放到PS里然后用钢笔勾出形状即可,注意好亮面和暗面的区分。



4、紧贴着数字的弧形部分可以不用完全沿着曲线勾,直接勾在曲线外边一点然后用蒙版功能把弧形以外的部分擦掉即可。




5、添加渐变体现质感。首先决定你要采用的色调,我这里为了对应新年所以用了比较喜庆的橙红色。

主体文字是一个比较明显的从深色到浅色的渐变,左边的深色是因为要衬在左边的液体底下凸显层次,所以渐变的位置要根据你的形状来决定,能表现出阴影的感觉即可。

注意这里的“深色”不能只是明度的变化,仅仅改变明度的话容易显得脏,降低明度的同时提高饱和度,甚至色相也进行相应的变化。顺便把画布背景色也填充同色系的浅色。



6、而液体的亮面和暗面则采用一点点深浅变化的微渐变做出质感。深浅的选择也是有原因的:液体喷上来之后,在层次上左侧贴着数字比较近,能隐约看到底下深色的数字,所以就比较深一点;而液体的右侧飘得比较高不太贴着字体,就显得浅一点。现在看起来已经有那么点意思了对吧哈哈,接下来就是让细节丰满起来。



7、添加细节光影。

首先液体左侧边缘的部分用图层样式的内阴影添加一层深色边(如果内阴影影响到了左侧以外的其他地方,那可以复制当前液体图层后在上面那层加内阴影,被影响到的部分用蒙版擦掉,方法很多此法仅供参考);

其次甩得较高的边缘用剪贴蒙版加一条窄窄的亮边(在图层上右键-创建剪贴蒙版,mac版快捷键option+command+G,win版快捷键alt+ctrl+G)。



8、液体下方的数字上用形状工具画一些影子,用渐变或者蒙版调整影子的深度变化,液体离数字越远的地方影子就越模糊越淡。

需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!


9、液体超出数字的部分可以用蒙版稍微擦掉一点,或者用画笔加蒙版添加一层阴影,这样可以透过半透明的液体看出底下数字的边缘。


需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!

至此,我们黏糊糊湿哒哒的字体效果基本就算做完啦,不同文字不同液体的话细节也不同,大家根据自己做的形状进行细节处的调整。

精彩回顾: 

零基础学习UI,如何4个月入职互联网公司?

为什么要选择下班后努力学习? 

没有天赋能做设计吗?

往期回顾:

平面设计和UI设计的区别,UI设计学习书籍推荐(零基础必看)

什么样的人适合学习UI设计?(转行必看)

UI设计课程一览表

零基础如何自学平面设计,需要学些什么?

平面设计课程介绍(最新版课程)

CDR广告设计课程介绍(最新版课程)

UI设计学习指南

新手学习Photoshop的七大戒律

给给初学Photoshop朋友的24条建议

菜鸟学习UI设计正确步骤,菜鸟看少走2年弯路!

UI真的很火,但入行前你需要了解这些!

为什么说UI设计师工资是设计界最高的?

UI设计学习技巧之学习方法

UI设计正式学员作品欣赏

学习UI设计,就从这里开始!

如何才能正确学习好UI设计

UI设计为什么很多人都想学?

如何学习ui设计 学习ui有哪些学习技巧

谈谈UI设计学习的方法

怎么让你快速学习UI设计!

如何4个月内成为月薪过万UI设计师

新手如何打破传统高效学习UI设计?

UI设计小白怎样学习才能快速入门?

学习UI设计的小技巧

UI设计学习不可不知的十大知识点,你都造吗?

2017年转行UI设计还有没有前途!

UI 是什么?UI 设计需要学习什么理论知识?

UI设计新手学习方法—如何勤奋、如何思考

学习UI设计,百度设计师推荐UI设计学习方法!

零基础UI设计学习方法

如何4个月内成为月薪过万UI设计师

正确的UI设计学习流程是怎样的?

UI设计学习大纲

学习Ui设计到底需要什么基础?

UI设计都学什么?怎么学最有效?

UI设计初学者如何避免走弯路?

学习UI设计到底需不需要基础?

为什么自学UI设计的人95%都学不会?

设计入门之UI设计学习路径

ui设计学习难吗?要从哪些方面入手

UI设计学习方法(腾讯UI设计师教你咋看,咋想,咋做)

怎么让你快速学习UI设计!

UI设计全程学习方法讲解(零基础必看)

什么是UI设计?

UI设计为什么那么火呢

你总说自学UI设计,为何总是半途而废

UI设计更适合哪些人学习呢?

什么是ui设计?都需要学什么?

UI发展前景好,那光靠努力就可以学会UI了吗?

UI设计分几种类型,小白应该怎么学习?

UI设计学习的方式

0基础学习UI设计必须做好的4个准备!

全面解析UI设计行业!适合在这个行业或者即将进入这个行业的你

想系统的学习UI设计,有哪些关于UI的书籍推荐

为什么ui设计薪资这么高?

什么样的人适合学习UI设计?(转行必看)

零基础如何学习UI 设计?

零基础学习UI设计要注意什么?

UI设计的未来发展如何?(还会一直火下去吗)

成绩差、学历低、年纪大的人能不能学习UI设计?

醒醒吧,月入3000的年轻人,你已经没救了

UI设计这个行业真的很缺人吗?市场饱和了吗?

因为你没有依靠,所以你必须强大

埋头苦学就会快速超神吗?

新手入门,UI到底是什么?不要只练图标哦~

没有天赋能做设计吗?

零基础学习UI,如何4个月入职互联网公司?

月薪过万的UI设计行业分别有哪些?

揭秘设计师是自由职业好还是全职工作好?

为什么要选择下班后努力学习?

UI设计0基础学习指南

月薪过万的设计师都是怎样提高审美的?

作为一名女设计师的未来之路在哪里?(深度分析)

找高薪UI工作,需要这种操作

设计师这份岗位是否能够让你做一辈子?

学习UI设计需要注意什么?

UI设计VIP学员是如何学习的---( 为什么4个月就可以学会 )

你不是想系统学习UI设计?机会来了,你上车了吗?

UI设计学习指南(让你少走弯路,新手必看)!

经验分享|UI 设计入门和进阶学习攻略

《猎场》:做为一名设计师职场逆袭的3个必备素质

学习UI设计还有前途吗?

怎样才能成为一个合格的UI设计师?

UI设计零基础如何自学,关于培训班该如何选择?

想转行做UI ,不知道是自学还是报培训班学好?

为什么自学UI设计的人95%都学不会?

UI设计全新开班,现限量开放20个免费体验名额!

UI设计学习软件推荐(最新版本)

“UI设计师需要会画插画吗?”看了这个,你就不会再问了

UI到底是什么?我适合学UI吗?我是自学还是报班?

非科班转行想做UI,但画画拼不过美术设计专业的人,做UI会不会饿死?

工资3500元左右的,2018年就等着吧

UI是什么?怎么学?有几种方式?

这段话太狠了,直指人心!

2017年设计行业哪个薪资待遇最高?

设计是个可以坚持一生的职业吗?

如何成为月薪过万的UI设计师?怎么学习?

UI设计行业就业前景

明年不管你是做什么行业的,都要看看这篇文章

UI设计适合女生学吗?会不会很难?

关于学UI设计的五大问题

记住!提升自己,比什么都重要!(深度好文)

UI设计师如何从里到外提升自己的价值?

干货 | UI设计入门学习必看知识体系

UI设计初学者应该怎样入门?

学UI设计拿高薪的4个小技巧,你知道几个?

UI设计需要学什么软件?

不要丧失信心,要努力奋斗!

零基础学习UI设计还能月薪过万吗?

UI设计学习笔记(零基础的人必看)

他告诉年轻人,2018年不要瞎忙,就做这三件事!

UI设计培训好还是自学好?

学习UI设计,学历很重要吗?

什么都怕,你只会输一辈子!

UI设计学习网站+书籍+APP推荐(价值上万的超级干货分享)

UI设计VIP课程,限时开放20个试听名额了!

混日子是没有未来的 (激励了无数人)

photoshop制作可爱的毛茸条纹文字

(责任编辑:钟小英)

赞赏作者

罗锦

微博:罗锦V

扫一扫,每天学点设计

想学PS又很懒?【10G】省时教程和资源免费送!
点我获取

每天学点设计·点缀生活色彩

PS|摄影|设计|视觉|艺术|创意

微信ID:luojin05100

长按二维码关注,每天学点PS

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存