这效果炫酷!教你轻松6步打造大气震撼的立体字效果 - 优设网 - UISDC

这效果炫酷!教你轻松6步打造大气震撼的立体字效果

2015/04/29 35605评论区

6-way-create-astonishing-fonts-1

编者按:图层样式能有多强大?今天@DearSalt 给同学们实例演示一遍,过程不难,重点是图层样式的巧用。截图界面全中文,步骤清晰,即使是新手也可以迅速get 起 >>>

一、设计构思

首先说明下,这张背景图桂桂也忘记了是从哪里下载到的…当时看到以后就总觉得少点什么,然后就想可不可以利用这张素材快捷的做一张合成图,于是就有了现在酱紫的效果,至于这个数字嘛,强迫症患者不必纠结你想做哪个就做哪个。我们把素材裁剪为1920*1080,为制作字效做准备。

同学们另存图片即可。

20150314_1029

二、设计字效

然后我们就来制作字效,首先当然是在画布上打上文字了,在这里要注意的是尽量选一些艺术字体,这样做出来的效果比较好些,我这里用到的字体为“Matura MT Script Capitals”,可自行百度搜索下载,然后再结合自由变换工具(Ctrl+T)把透视处理好。

20150314_1030

为了体现其厚度,我们采用不断向新方向复制图层的办法实现。具体操作为:

  1. 首先选中文字图层并按住“ALT”键不放
  2. 不停地来回按键盘的“↑”“→”
  3. 注意适当的调整方向,可多多尝试。
  4. 将复制出来的图层合并为一个图层并放在文字层下面。

20150314_1031

下面就要为文字添加效果了,在这里有两种做法:

1.将“文字层”“厚度层”分别添加不同的图层样式,然后再用画笔对整体进行减淡加深即可。

2.把“厚度层”用钢笔工具分解,分为“上层”“右上层”“右下层”,然后再分别设置图层样式,推荐此种。

5520150429

“文字层”图层样式

20150314_1033

20150314_1034

20150314_1035

20150314_1036

20150314_1037

“上层”图层样式

20150314_1038

20150314_1039

“右上层”图层样式

20150314_1040

20150314_1041

“右下层”图层样式

20150314_1042

20150314_1043

20150314_1044

20150314_1045

这就是设置后的效果图,注意以上参数仅供参考,大家要多多尝试才行。然后这里就要说下为什么要用第二种的方法,具体优点如下:

  1. 可以单独设置每个面的渐变效果
  2. 可以直接为其添加质感
  3. 你可以用第一种方法试试,然后对比两种方法的效果图看看

20150314_1046

三、添加高光

下面我们来为字效添加高光,普遍的做法是叠加高光素材,在这里桂桂也是采用了此种方法,而且还做了一个镜头光晕效果,具体做法是:

叠加高光的做法: 将高光素材的图层模式改为“滤色”,然后适当调整不透明度即可。

光线素材:《14套PS顶级光效笔刷打包下载》

镜头光晕的做法:

  1. 新建图层并填充黑色,右键转换为智能对象。
  2. 打开滤镜-渲染-镜头光晕,设置参数。
  3. 图层模式改为“滤色”,如果想要修改效果,双击打开智能对象即可快捷修改。

20150314_1047

四、添加粒子

为了使效果更加的具有动感,我们在文字的底部添加一些粒子素材,摆放可以随意些,素材可百度,找自己喜欢的即可。

20150314_1048

五、整体调色

接下来调整整张的色调,此类调色比较常用的是“色彩平衡”“可选颜色”“曲线”等工具,在这里只用到了“色彩平衡”“曲线”两个工具。

20150314_1049

六、最后处理

最后在锐化一下就可以了,具体操作为:Ctrl+Shift+Alt+E合并所有图层,然后执行滤镜-其他-高反差保留数值适中即可,然后将此层的图层模式改为“叠加”即可。

20150314_1050

20150314_1028

【五一出行专用贴心教程】

人多多的地方如何拍出大气感?
《五一标配教程!如何在人多的地方拍好旅行照?》

每一个单身狗得砍头,想爱就别怕伤痛:
《五一标配教程单身篇!一个人旅行应该怎样自拍?》

单身的你奏凯!情侣的赶紧看过来!
《超实用!教你给女生拍写真时提升颜值的几个技巧》

原文地址:http://blog.dearsalt.me/bg-synthetic-solid-word.html
作者:@DearSalt

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

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量94万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/6-way-create-astonishing-fonts

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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